@charset "utf-8";

/* CSS Document */
body {
  font: normal normal 0.32rem/1 Microsoft YaHei, tahoma, arial, Hiragino Sans GB, \\5b8b\4f53, sans-serif;
  color: #000;
  background: #fff;
}

textarea,
input {
  font: normal normal 0.28rem/1.5 Microsoft YaHei, tahoma, arial, Hiragino Sans GB, \\5b8b\4f53, sans-serif;
}

img {
  display: block;
  margin: 0 auto;
}

.clear:after {
  content: "";
  display: block;
  clear: both;
}

input[type=button],
input[type=submit],
input[type=file],
input[type=reset],
button {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
}

body,
p,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  list-style: none;
  font: normal normal 0.28rem/1.5 Microsoft YaHei, tahoma, arial, Hiragino Sans GB, \\5b8b\4f53, sans-serif;
}

button {
  font: normal normal 0.28rem/1.5 Microsoft YaHei, tahoma, arial, Hiragino Sans GB, \\5b8b\4f53, sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

.i100 {
  overflow: hidden;
}

.i100>img {
  width: 100%;
}

.i200 {
  overflow: hidden;
}

.i200>img {
  height: 80%;
}

a>img {
  width: 100%;
}

.to1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.a1 {
  position: relative;
}

.a1>a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

input {
  border: 0;
  display: block;
  outline: none;
  background: none;
  box-sizing: border-box;
}

select {
  border: 0;
  display: block;
  outline: none;
  background: none;
  box-sizing: border-box;
}

textarea {
  border: 0;
  display: block;
  outline: none;
  background: none;
  box-sizing: border-box;
  resize: none;
}

p {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-weight: inherit;
}

/*html{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  _filter:none;}*/

@media only screen and (min-width: 1700px) {
  .t-hd1-a1 {
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 9999;
    border-top: 3px solid #e50013;
    box-sizing: border-box;
    box-shadow: 0 0 20px rgba(142, 142, 142, 0.2);
  }

  .t-hd1-a2 {
    height: calc(70/100*100%);
    position: absolute;
    top: calc(50% - 63/100*100%/2);
    left: calc(5/1920*100%);
  }

  .t-hd1-bu1 {
    width: 100%;
    height: 100px;
    position: relative;
  }

  .t-hd1-a3 {
    width: 100px;
    height: 100%;
    position: relative;
    float: right;
    background: #e50013;
    cursor: pointer;
  }

  .t-hd1-a3 span {
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    display: block;
    position: absolute;
    top: calc(50% - 18px/2);
    left: 27px;
    text-transform: uppercase;
  }

  .t-hd1-a3 img {
    height: 7px;
    position: absolute;
    top: calc(50% - 7px/2);
    left: 59px;
  }

  .t-hd1-a4 {
    width: 31px;
    margin: 0 36px;
    float: right;
    position: relative;
    top: calc((100px - 3px)/2 - 23px/2);
    overflow: visible;
    cursor: pointer;
  }

  .t-hd1-a4>img {
    position: relative;
    cursor: pointer;
  }

  .t-hd1-a4 b {
    width: 1px;
    height: 14px;
    background: #c1c1c1;
    position: absolute;
    top: calc(50% - 14px/2);
  }

  .t-hd1-a4 b:nth-child(2) {
    right: calc(100% + 36px/2);
  }

  .t-hd1-a4 b:nth-child(3) {
    left: calc(100% + 36px/2);
  }

  .t-hd1-a4 div {
    width: 100px;
    position: absolute;
    top: 80px;
    left: calc(50% - 100px/2);
    display: none;
    box-shadow: 0 0 10px rgba(27, 84, 166, 0.2);
  }

  .t-hd1-a5 {
    width: 20px;
    position: relative;
    top: calc((100px - 3px)/2 - 21px/2);
    float: right;
    cursor: pointer;
  }

  .t-hd1-b1 {
    height: 100%;
    position: absolute;
    top: 0;
    margin-left: 3%;
  }

  .t-hd1-b2 {
    height: 100%;
    padding: 0 15px;
    margin: 0 4px;
    float: left;
    font-size: 18px;
    line-height: calc(100px - 3px);
    color: #333333;
    transition: 0s;
    white-space: nowrap;
  }

  .t-hd1-b2:hover {
    color: #fff;
    transition: 0.8s;
  }

  .t-hd1-b2.t-hd1-on1 {
    color: #fff;
    transition: 0.8s;
  }

  .t-hd1-b2 div {
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    background: #e50013;
    opacity: 0;
    transition: 0.8s;
  }

  .t-hd1-b2:hover div {
    width: 100%;
    opacity: 1;
    left: 0;
    transition: 0.8s;
  }

  .t-hd1-b2.t-hd1-on1 div {
    width: 100%;
    opacity: 1;
    left: 0;
    transition: 0.8s;
  }

  .t-hd1-b2 span {
    position: relative;
  }

  .t-hd1-a6 {
    display: none;
  }

  .t-hd1-c1 {
    width: 500px;
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(50% - 500px/2);
    display: none;
  }

  .t-hd1-c2 {
    width: 20px;
    position: absolute;
    top: calc(50% - 20px/2);
    left: 0;
    cursor: pointer;
  }

  .t-hd1-c3 {
    width: 20px;
    position: absolute;
    top: calc(50% - 20px/2);
    right: 0;
    cursor: pointer;
  }

  .t-hd1-c3 input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }

  .t-hd1-c4 {
    width: 400px;
    height: 1px;
    background: #e50013;
    position: absolute;
    top: calc(50% + 20px);
    left: calc(50% - 400px/2);
  }

  .t-hd1-c1>input {
    width: 400px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    color: #e50013;
    position: absolute;
    top: calc(50% - 30px/2);
    left: calc(50% - 400px/2);
  }

  .t-hd1-d1 {
    display: none;
  }

  .t-hd1-c1>input::-webkit-input-placeholder {
    color: #999;
  }

  .t-hd1-c1>input::-moz-placeholder {
    color: #999;
  }

  .t-hd1-c1>input:-ms-input-placeholder {
    color: #999;
  }
}

@media only screen and (max-width: 1699px) and (min-width: 1500px) {
  .t-hd1-a1 {
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 20;
    border-top: 3px solid #e50013;
    box-sizing: border-box;
    box-shadow: 0 0 20px rgba(27, 84, 166, 0.2);
  }

  .t-hd1-a2 {
    height: calc(63/100*100%);
    position: absolute;
    top: calc(50% - 63/100*100%/2);
    left: calc(60/1920*100%);
  }

  .t-hd1-bu1 {
    width: 100%;
    height: 100px;
    position: relative;
  }

  .t-hd1-a3 {
    width: 100px;
    height: 100%;
    position: relative;
    float: right;
    background: #e50013;
    cursor: pointer;
  }

  .t-hd1-a3 span {
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    display: block;
    position: absolute;
    top: calc(50% - 18px/2);
    left: 27px;
    text-transform: uppercase;
  }

  .t-hd1-a3 img {
    height: 7px;
    position: absolute;
    top: calc(50% - 7px/2);
    left: 59px;
  }

  .t-hd1-a4 {
    width: 31px;
    margin: 0 36px;
    float: right;
    position: relative;
    top: calc((100px - 3px)/2 - 23px/2);
    overflow: visible;
    cursor: pointer;
  }

  .t-hd1-a4>img {
    position: relative;
    cursor: pointer;
  }

  .t-hd1-a4 b {
    width: 1px;
    height: 14px;
    background: #c1c1c1;
    position: absolute;
    top: calc(50% - 14px/2);
  }

  .t-hd1-a4 b:nth-child(2) {
    right: calc(100% + 36px/2);
  }

  .t-hd1-a4 b:nth-child(3) {
    left: calc(100% + 36px/2);
  }

  .t-hd1-a4 div {
    width: 100px;
    position: absolute;
    top: 80px;
    left: calc(50% - 100px/2);
    display: none;
    box-shadow: 0 0 10px rgba(27, 84, 166, 0.2);
  }

  .t-hd1-a5 {
    width: 20px;
    position: relative;
    top: calc((100px - 3px)/2 - 21px/2);
    float: right;
    cursor: pointer;
  }

  .t-hd1-b1 {
    height: 100%;
    position: absolute;
    top: 0;
  }

  .t-hd1-b2 {
    height: 100%;
    padding: 0 12px;
    margin: 0 6px;
    float: left;
    font-size: 18px;
    line-height: calc(100px - 3px);
    color: #333333;
    transition: 0.8s;
    white-space: nowrap;
  }

  .t-hd1-b2:hover {
    color: #fff;
    transition: 0.8s;
  }

  .t-hd1-b2.t-hd1-on1 {
    color: #fff;
    transition: 0.8s;
  }

  .t-hd1-b2 div {
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    background: #e50013;
    opacity: 0;
    transition: 0.8s;
  }

  .t-hd1-b2:hover div {
    width: 100%;
    opacity: 1;
    left: 0;
    transition: 0.8s;
  }

  .t-hd1-b2.t-hd1-on1 div {
    width: 100%;
    opacity: 1;
    left: 0;
    transition: 0.8s;
  }

  .t-hd1-b2 span {
    position: relative;
  }

  .t-hd1-a6 {
    display: none;
  }

  .t-hd1-c1 {
    width: 500px;
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(50% - 500px/2);
    display: none;
  }

  .t-hd1-c2 {
    width: 20px;
    position: absolute;
    top: calc(50% - 20px/2);
    left: 0;
    cursor: pointer;
  }

  .t-hd1-c3 {
    width: 20px;
    position: absolute;
    top: calc(50% - 20px/2);
    right: 0;
    cursor: pointer;
  }

  .t-hd1-c3 input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }

  .t-hd1-c4 {
    width: 400px;
    height: 1px;
    background: #e50013;
    position: absolute;
    top: calc(50% + 20px);
    left: calc(50% - 400px/2);
  }

  .t-hd1-c1>input {
    width: 400px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    color: #e50013;
    position: absolute;
    top: calc(50% - 30px/2);
    left: calc(50% - 400px/2);
  }

  .t-hd1-d1 {
    display: none;
  }

  .t-hd1-c1>input::-webkit-input-placeholder {
    color: #999;
  }

  .t-hd1-c1>input::-moz-placeholder {
    color: #999;
  }

  .t-hd1-c1>input:-ms-input-placeholder {
    color: #999;
  }
}

@media only screen and (max-width: 1499px) and (min-width: 1340px) {
  .t-hd1-a1 {
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 20;
    border-top: 3px solid #e50013;
    box-sizing: border-box;
    box-shadow: 0 0 20px rgba(27, 84, 166, 0.2);
  }

  .t-hd1-a2 {
    height: calc(63/100*100%);
    position: absolute;
    top: calc(50% - 63/100*100%/2);
    left: calc(40/1920*100%);
  }

  .t-hd1-bu1 {
    width: 100%;
    height: 100px;
    position: relative;
  }

  .t-hd1-a3 {
    width: 80px;
    height: 100%;
    position: relative;
    float: right;
    background: #e50013;
    cursor: pointer;
  }

  .t-hd1-a3 span {
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    display: block;
    position: absolute;
    top: calc(50% - 18px/2);
    left: 16px;
    text-transform: uppercase;
  }

  .t-hd1-a3 img {
    height: 7px;
    position: absolute;
    top: calc(50% - 7px/2);
    left: 52px;
  }

  .t-hd1-a4 {
    width: 31px;
    margin: 0 36px;
    float: right;
    position: relative;
    top: calc((100px - 3px)/2 - 23px/2);
    overflow: visible;
    cursor: pointer;
  }

  .t-hd1-a4>img {
    position: relative;
    cursor: pointer;
  }

  .t-hd1-a4 b {
    width: 1px;
    height: 14px;
    background: #c1c1c1;
    position: absolute;
    top: calc(50% - 14px/2);
  }

  .t-hd1-a4 b:nth-child(2) {
    right: calc(100% + 36px/2);
  }

  .t-hd1-a4 b:nth-child(3) {
    left: calc(100% + 36px/2);
  }

  .t-hd1-a4 div {
    width: 100px;
    position: absolute;
    top: 80px;
    left: calc(50% - 100px/2);
    display: none;
    box-shadow: 0 0 10px rgba(27, 84, 166, 0.2);
  }

  .t-hd1-a5 {
    width: 20px;
    position: relative;
    top: calc((100px - 3px)/2 - 21px/2);
    float: right;
    cursor: pointer;
  }

  .t-hd1-b1 {
    height: 100%;
    position: absolute;
    top: 0;
  }

  .t-hd1-b2 {
    height: 100%;
    padding: 0 8px;
    margin: 0 4px;
    float: left;
    font-size: 16px;
    line-height: calc(100px - 3px);
    color: #333333;
    transition: 0.8s;
    white-space: nowrap;
  }

  .t-hd1-b2:hover {
    color: #fff;
    transition: 0.8s;
  }

  .t-hd1-b2.t-hd1-on1 {
    color: #fff;
    transition: 0.8s;
  }

  .t-hd1-b2 div {
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    background: #e50013;
    opacity: 0;
    transition: 0.8s;
  }

  .t-hd1-b2:hover div {
    width: 100%;
    opacity: 1;
    left: 0;
    transition: 0.8s;
  }

  .t-hd1-b2.t-hd1-on1 div {
    width: 100%;
    opacity: 1;
    left: 0;
    transition: 0.8s;
  }

  .t-hd1-b2 span {
    position: relative;
  }

  .t-hd1-a6 {
    display: none;
  }

  .t-hd1-c1 {
    width: 500px;
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(50% - 500px/2);
    display: none;
  }

  .t-hd1-c2 {
    width: 20px;
    position: absolute;
    top: calc(50% - 20px/2);
    left: 0;
    cursor: pointer;
  }

  .t-hd1-c3 {
    width: 20px;
    position: absolute;
    top: calc(50% - 20px/2);
    right: 0;
    cursor: pointer;
  }

  .t-hd1-c3 input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }

  .t-hd1-c4 {
    width: 400px;
    height: 1px;
    background: #e50013;
    position: absolute;
    top: calc(50% + 20px);
    left: calc(50% - 400px/2);
  }

  .t-hd1-c1>input {
    width: 400px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #e50013;
    position: absolute;
    top: calc(50% - 30px/2);
    left: calc(50% - 400px/2);
  }

  .t-hd1-d1 {
    display: none;
  }

  .t-hd1-c1>input::-webkit-input-placeholder {
    color: #999;
  }

  .t-hd1-c1>input::-moz-placeholder {
    color: #999;
  }

  .t-hd1-c1>input:-ms-input-placeholder {
    color: #999;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-hd1-a1 {
    width: 100%;
    height: 80px;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 20;
    border-top: 3px solid #e50013;
    box-sizing: border-box;
    box-shadow: 0 0 20px rgba(27, 84, 166, 0.2);
  }

  .t-hd1-a2 {
    height: calc(60/100*100%);
    position: absolute;
    top: calc(50% - 60/100*100%/2);
    left: calc(20/1920*100%);
  }

  .t-hd1-bu1 {
    width: 100%;
    height: 80px;
    position: relative;
  }

  .t-hd1-a3 {
    width: 77px;
    height: 100%;
    position: relative;
    float: right;
    background: #e50013;
    cursor: pointer;
  }

  .t-hd1-a3 span {
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    display: block;
    position: absolute;
    top: calc(50% - 16px/2);
    left: 16px;
    text-transform: uppercase;
  }

  .t-hd1-a3 img {
    height: 7px;
    position: absolute;
    top: calc(50% - 7px/2);
    left: 48px;
  }

  .t-hd1-a4 {
    width: 31px;
    margin: 0 20px;
    float: right;
    position: relative;
    top: calc((80px - 3px)/2 - 23px/2);
    overflow: visible;
    cursor: pointer;
  }

  .t-hd1-a4>img {
    position: relative;
    cursor: pointer;
  }

  .t-hd1-a4 b {
    width: 1px;
    height: 14px;
    background: #c1c1c1;
    position: absolute;
    top: calc(50% - 14px/2);
  }

  .t-hd1-a4 b:nth-child(2) {
    right: calc(100% + 20px/2);
  }

  .t-hd1-a4 b:nth-child(3) {
    left: calc(100% + 20px/2);
  }

  .t-hd1-a4 div {
    width: 100px;
    position: absolute;
    top: 80px;
    left: calc(50% - 100px/2);
    display: none;
    box-shadow: 0 0 10px rgba(27, 84, 166, 0.2);
  }

  .t-hd1-a5 {
    width: 20px;
    position: relative;
    top: calc((80px - 3px)/2 - 21px/2);
    float: right;
    cursor: pointer;
  }

  .t-hd1-b1 {
    height: 100%;
    position: absolute;
    top: 0;
  }

  .t-hd1-b2 {
    height: 100%;
    padding: 0 6px;
    margin: 0 4px;
    float: left;
    font-size: 14px;
    line-height: calc(80px - 3px);
    color: #333333;
    transition: 0.8s;
    white-space: nowrap;
  }

  .t-hd1-b2:hover {
    color: #fff;
    transition: 0.8s;
  }

  .t-hd1-b2.t-hd1-on1 {
    color: #fff;
    transition: 0.8s;
  }

  .t-hd1-b2 div {
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    background: #e50013;
    opacity: 0;
    transition: 0.8s;
  }

  .t-hd1-b2:hover div {
    width: 100%;
    opacity: 1;
    left: 0;
    transition: 0.8s;
  }

  .t-hd1-b2.t-hd1-on1 div {
    width: 100%;
    opacity: 1;
    left: 0;
    transition: 0.8s;
  }

  .t-hd1-b2 span {
    position: relative;
  }

  .t-hd1-a6 {
    display: none;
  }

  .t-hd1-c1 {
    width: 500px;
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(50% - 500px/2);
    display: none;
  }

  .t-hd1-c2 {
    width: 20px;
    position: absolute;
    top: calc(50% - 20px/2);
    left: 0;
    cursor: pointer;
  }

  .t-hd1-c3 {
    width: 20px;
    position: absolute;
    top: calc(50% - 20px/2);
    right: 0;
    cursor: pointer;
  }

  .t-hd1-c3 input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }

  .t-hd1-c4 {
    width: 400px;
    height: 1px;
    background: #e50013;
    position: absolute;
    top: calc(50% + 20px);
    left: calc(50% - 400px/2);
  }

  .t-hd1-c1>input {
    width: 400px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #e50013;
    position: absolute;
    top: calc(50% - 30px/2);
    left: calc(50% - 400px/2);
  }

  .t-hd1-d1 {
    display: none;
  }

  .t-hd1-c1>input::-webkit-input-placeholder {
    color: #999;
  }

  .t-hd1-c1>input::-moz-placeholder {
    color: #999;
  }

  .t-hd1-c1>input:-ms-input-placeholder {
    color: #999;
  }
}

@media only screen and (max-width: 1023px) {
  .t-abo1-a1 img {
    max-width: 100%;
    height: auto !important;
  }

  .t-hd1-a1 {
    width: 100%;
    height: 1.05rem;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 20;
    box-sizing: border-box;
    box-shadow: 0 0 0.2rem rgba(27, 84, 166, 0.2);
  }

  .t-hd1-a2 {
    height: 0.65rem;
    position: absolute;
    top: calc(50% - 0.65rem/2);
    left: 0.28rem;
  }

  .t-hd1-bu1 {
    width: 100%;
    height: 1.05rem;
    position: relative;
  }

  .t-hd1-a3 {
    width: 1rem;
    height: 100%;
    position: relative;
    float: right;
    background: #e50013;
    cursor: pointer;
  }

  .t-hd1-a3 span {
    font-size: 0.26rem;
    line-height: 0.26rem;
    color: #fff;
    display: block;
    position: absolute;
    top: calc(50% - 0.26rem/2);
    left: 0.2rem;
    text-transform: uppercase;
  }

  .t-hd1-a3 img {
    height: 0.11rem;
    position: absolute;
    top: calc(50% - 0.11rem/2);
    left: 0.63rem;
  }

  .t-hd1-a4 {
    display: none;
  }

  .t-hd1-a5 {
    display: none;
  }

  .t-hd1-b1 {
    display: none;
  }

  .t-hd1-c1 {
    display: none;
  }

  .t-hd1-a6 {
    width: 1rem;
    height: 100%;
    position: relative;
    float: right;
    cursor: pointer;
  }

  .t-hd1-a6 b {
    height: 2px;
    background: #e50013;
    position: absolute;
    left: calc(50% - 0.52rem/2);
    transform-origin: 50% 50%;
  }

  .t-hd1-a6 b:nth-child(1) {
    width: 0.52rem;
    top: calc(50% - 2px/2 - 0.21rem);
    transition: 0.8s;
  }

  .t-hd1-a6 b:nth-child(2) {
    width: 0.4rem;
    top: calc(50% - 2px/2);
    transition: 0.8s;
  }

  .t-hd1-a6 b:nth-child(3) {
    width: 0.52rem;
    top: calc(50% + 2px/2 + 0.18rem);
    transition: 0.8s;
  }

  .t-hd1-a6.t-hd1-on2 b:nth-child(1) {
    width: 0.52rem;
    top: calc(50% - 2px/2);
    transition: 0.8s;
    transform: rotate(405deg);
  }

  .t-hd1-a6.t-hd1-on2 b:nth-child(2) {
    width: 0;
    transition: 0.8s;
  }

  .t-hd1-a6.t-hd1-on2 b:nth-child(3) {
    width: 0.52rem;
    top: calc(50% - 2px/2);
    transition: 0.8s;
    transform: rotate(-405deg);
  }

  .t-hd1-d1 {
    width: 100%;
    height: 100%;
    padding: 1.1rem 0.2rem 1rem 0.2rem;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 18;
    display: none;
    overflow: hidden;
    overflow-y: auto;
  }

  .t-hd1-d2 {
    width: 100%;
    padding: 0.48rem 0;
  }

  .t-hd1-d3 {
    width: 100%;
    height: 0.88rem;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    position: relative;
  }

  .t-hd1-d3>input {
    width: calc(100% - 1.2rem - 0.2rem*2);
    height: 0.4rem;
    position: absolute;
    top: calc(50% - 0.4rem/2);
    left: 0.2rem;
    font-size: 0.26rem;
    line-height: 0.4rem;
    color: #e50013;
  }

  .t-hd1-d3>div {
    width: 1.2rem;
    height: 100%;
    background: #e50013;
    position: absolute;
    top: 0;
    right: 0;
  }

  .t-hd1-d3>div img {
    width: 0.48rem;
    position: absolute;
    top: calc(50% - 0.48rem/2);
    left: calc(50% - 0.48rem/2);
  }

  .t-hd1-d3>div input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }

  .t-hd1-e1 {
    width: 100%;
  }

  .t-hd1-e2 {
    width: 100%;
  }

  .t-hd1-e3 {
    padding: 0.38rem 0;
    position: relative;
  }

  .t-hd1-e3>div:nth-child(1) {
    width: 0.08rem;
    height: 0.34rem;
    background: #e50013;
    border: 0;
    border-radius: 0.04rem;
    float: left;
    margin-right: 0.16rem;
  }

  .t-hd1-e3>div:nth-child(2) {
    font-size: 0.3rem;
    line-height: 0.34rem;
    color: #333333;
    float: left;
  }

  .t-hd1-e4 {
    width: 100%;
    border: 0;
    border-radius: 0.06rem;
    background: #e50013;
    padding: 0.1rem 0.2rem;
    box-sizing: border-box;
  }

  .t-hd1-e4>div {
    width: 25%;
    height: 0.8rem;
    position: relative;
    float: left;
  }

  .t-hd1-e4>div a {
    font-size: 0.26rem;
    line-height: 0.8rem;
    color: #fff;
    text-align: center;
  }
}

@media only screen and (min-width: 1340px) {
  .t-ban1-a1 {
    width: 100%;
    height: 620px;
    position: relative;
    overflow: hidden;
  }

  .ind1 {
    width: 1920px !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: calc(50% - 1920px/2);
  }

  .ind1 .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    position: relative;
  }

  .ind1 .swiper-slide>img {
    width: 100%;
    position: relative;
    min-height: 100%;
  }

  .ind1 .swiper-slide>img:nth-child(1) {
    display: block;
  }

  .ind1 .swiper-slide>img:nth-child(2) {
    display: none;
  }

  .ind1 .swiper-slide>a:nth-child(1) {
    display: block;
  }

  .ind1 .swiper-slide>a:nth-child(2) {
    display: none;
  }

  .t-ban1-a2 {
    height: calc(79/620*100%);
    position: absolute;
    top: calc(210/620*100%);
    left: calc(50% - 1300px/2);
  }

  .t-ban1-a3 {
    height: calc(32/620*100%);
    position: absolute;
    top: calc(310/620*100%);
    left: calc(50% - 1300px/2);
  }

  .t-ban1-a4 {
    height: calc(17/620*100%);
    position: absolute;
    top: calc(360/620*100%);
    left: calc(50% - 1300px/2);
  }

  .t-ban1-a5 {
    height: calc(26/620*100%);
    position: absolute;
    top: calc(390/620*100%);
    left: calc(50% - 1300px/2);
  }

  .ind2 {
    width: 100% !important;
    position: absolute;
    bottom: 45px;
    left: 0;
  }

  .ind2 .swiper-pagination-bullet {
    width: 46px;
    height: 10px;
    border: 0;
    border-radius: 5px;
    background: #dbe6f1;
    margin: 0 8px;
    opacity: 1;
    transition: 0.8s;
  }

  .ind2 .swiper-pagination-bullet-active {
    background: #e50013;
    width: 68px;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1340px) and (min-width: 1024px) {
  .t-ban1-a1 {
    width: 100%;
    height: 432px;
    position: relative;
    overflow: hidden;
  }

  .ind1 {
    width: 1340px !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: calc(50% - 1340px/2);
  }

  .ind1 .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    position: relative;
  }

  .ind1 .swiper-slide>img {
    width: 100%;
    position: relative;
    min-height: 100%;
  }

  .ind1 .swiper-slide>img:nth-child(1) {
    display: block;
  }

  .ind1 .swiper-slide>img:nth-child(2) {
    display: none;
  }

  .ind1 .swiper-slide>a:nth-child(1) {
    display: block;
  }

  .ind1 .swiper-slide>a:nth-child(2) {
    display: none;
  }

  .t-ban1-a2 {
    height: calc(79/620*100%);
    position: absolute;
    top: calc(210/620*100%);
    left: calc(50% - 960px/2);
  }

  .t-ban1-a3 {
    height: calc(32/620*100%);
    position: absolute;
    top: calc(310/620*100%);
    left: calc(50% - 960px/2);
  }

  .t-ban1-a4 {
    height: calc(17/620*100%);
    position: absolute;
    top: calc(360/620*100%);
    left: calc(50% - 960px/2);
  }

  .t-ban1-a5 {
    height: calc(26/620*100%);
    position: absolute;
    top: calc(390/620*100%);
    left: calc(50% - 960px/2);
  }

  .ind2 {
    width: 100% !important;
    position: absolute;
    bottom: 24px;
    left: 0;
  }

  .ind2 .swiper-pagination-bullet {
    width: 40px;
    height: 8px;
    border: 0;
    border-radius: 4px;
    background: #dbe6f1;
    margin: 0 8px;
    opacity: 1;
    transition: 0.8s;
  }

  .ind2 .swiper-pagination-bullet-active {
    background: #e50013;
    width: 68px;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1023px) {
  .t-ban1-a1 {
    width: 100%;
    height: 2.4rem
      /*4.2rem*/
    ;
    position: relative;
    overflow: hidden;
  }

  .ind1 {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
  }

  .ind1 .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    position: relative;
  }

  .ind1 .swiper-slide>img {
    width: 100%;
    position: relative;
    min-height: 100%;
  }

  .ind1 .swiper-slide>img:nth-child(1) {
    display: none;
  }

  .ind1 .swiper-slide>img:nth-child(2) {
    display: block;
  }

  .ind1 .swiper-slide>a:nth-child(1) {
    display: block;
  }

  .ind1 .swiper-slide>a:nth-child(2) {
    display: none;
  }

  .t-ban1-a2 {
    height: calc(48/420*100%);
    position: absolute;
    top: calc(153/420*100%);
    left: 0.2rem;
  }

  .t-ban1-a3 {
    height: calc(25/420*100%);
    position: absolute;
    top: calc(214/420*100%);
    left: 0.2rem;
  }

  .t-ban1-a4 {
    height: calc(17/420*100%);
    position: absolute;
    top: calc(249/420*100%);
    left: 0.2rem;
  }

  .t-ban1-a5 {
    height: calc(26/420*100%);
    position: absolute;
    top: calc(277/420*100%);
    left: 0.2rem;
  }

  .ind2 {
    width: 100% !important;
    position: absolute;
    bottom: 0.32rem;
    left: 0;
  }

  .ind2 .swiper-pagination-bullet {
    width: 0.46rem;
    height: 0.1rem;
    border: 0;
    border-radius: 0.05rem;
    background: #dbe6f1;
    margin: 0 0.08rem;
    opacity: 1;
    transition: 0.8s;
  }

  .ind2 .swiper-pagination-bullet-active {
    background: #e50013;
    width: 0.68rem;
    transition: 0.8s;
  }
}

@media only screen and (min-width: 1500px) {
  .t-ind1-a1 {
    width: 100%;
    height: 76px;
    position: relative;
    overflow: hidden;
    background: #f3f6f8;
    margin-bottom: 66px;
  }

  .t-ind1-a2 {
    width: 310px;
    height: 100%;
    background: #e50013;
    float: left;
    position: relative;
  }

  .t-ind1-a2>div:first-child {
    height: 26px;
    position: absolute;
    top: calc(50% - 26px/2);
    left: 123px;
  }

  .t-ind1-a2>div:first-child img {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-ind1-a2>div:first-child img:nth-child(1) {
    animation: ind101 4s linear infinite;
  }

  .t-ind1-a2>div:first-child img:nth-child(2) {
    animation: ind102 4s linear infinite;
  }

  .t-ind1-a2>div:first-child img:nth-child(3) {
    animation: ind103 4s linear infinite;
  }

  @keyframes ind101 {
    0% {
      opacity: 1;
    }

    25% {
      opacity: 1;
    }

    50% {
      opacity: 0;
    }

    75% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes ind102 {
    0% {
      opacity: 0;
    }

    25% {
      opacity: 1;
    }

    50% {
      opacity: 1;
    }

    75% {
      opacity: 0;
    }

    100% {
      opacity: 0;
    }
  }

  @keyframes ind103 {
    0% {
      opacity: 0;
    }

    25% {
      opacity: 0;
    }

    50% {
      opacity: 1;
    }

    75% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  .t-ind1-a2>div:last-child {
    font-size: 24px;
    line-height: 76px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 165px;
  }

  .ind5 {
    width: 100px;
    height: 100%;
    background: none;
    background: #61aee2;
    position: relative;
    float: right;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
  }

  .ind5 img {
    height: 20px;
    position: absolute;
    left: calc(50% - 10px/2);
    top: calc(50% - 20px/2);
  }

  .ind4 {
    width: 100px;
    height: 100%;
    background: none;
    background: #0080cc;
    position: relative;
    float: right;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
  }

  .ind4 img {
    height: 20px;
    position: absolute;
    left: calc(50% - 10px/2);
    top: calc(50% - 20px/2);
  }

  .t-ind1-a3 {
    width: calc(100% - 310px - 100px*2 - 34px - 112px);
    height: 100%;
    position: relative;
    float: left;
    margin-left: 34px;
  }

  .ind3 {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
  }

  .ind3 .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    position: relative;
    overflow: hidden;
  }

  .ind3 .swiper-slide>div:nth-child(1) {
    font-size: 20px;
    line-height: 76px;
    color: #333333;
    font-weight: 100;
    width: 1000px;
    height: 100%;
    float: left;
    transition: 0.8s;
  }

  .ind3 .swiper-slide:hover>div:nth-child(1) {
    color: #e50013;
    transition: 0.8s;
  }

  .ind3 .swiper-slide>div:nth-child(2) {
    font-size: 16px;
    line-height: 76px;
    color: #838383;
    font-family: "arial";
    float: right;
    transition: 0.8s;
  }

  .ind3 .swiper-slide:hover>div:nth-child(2) {
    color: #e50013;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1499px) and (min-width: 1340px) {
  .t-ind1-a1 {
    width: 100%;
    height: 76px;
    position: relative;
    overflow: hidden;
    background: #f3f6f8;
    margin-bottom: 66px;
  }

  .t-ind1-a2 {
    width: 240px;
    height: 100%;
    background: #e50013;
    float: left;
    position: relative;
  }

  .t-ind1-a2>div:first-child {
    height: 26px;
    position: absolute;
    top: calc(50% - 26px/2);
    left: 80px;
  }

  .t-ind1-a2>div:first-child img {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-ind1-a2>div:first-child img:nth-child(1) {
    animation: ind101 4s linear infinite;
  }

  .t-ind1-a2>div:first-child img:nth-child(2) {
    animation: ind102 4s linear infinite;
  }

  .t-ind1-a2>div:first-child img:nth-child(3) {
    animation: ind103 4s linear infinite;
  }

  @keyframes ind101 {
    0% {
      opacity: 1;
    }

    25% {
      opacity: 1;
    }

    50% {
      opacity: 0;
    }

    75% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes ind102 {
    0% {
      opacity: 0;
    }

    25% {
      opacity: 1;
    }

    50% {
      opacity: 1;
    }

    75% {
      opacity: 0;
    }

    100% {
      opacity: 0;
    }
  }

  @keyframes ind103 {
    0% {
      opacity: 0;
    }

    25% {
      opacity: 0;
    }

    50% {
      opacity: 1;
    }

    75% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  .t-ind1-a2>div:last-child {
    font-size: 24px;
    line-height: 76px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 120px;
  }

  .ind5 {
    width: 80px;
    height: 100%;
    background: none;
    background: #61aee2;
    position: relative;
    float: right;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
  }

  .ind5 img {
    height: 20px;
    position: absolute;
    left: calc(50% - 10px/2);
    top: calc(50% - 20px/2);
  }

  .ind4 {
    width: 80px;
    height: 100%;
    background: none;
    background: #0080cc;
    position: relative;
    float: right;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
  }

  .ind4 img {
    height: 20px;
    position: absolute;
    left: calc(50% - 10px/2);
    top: calc(50% - 20px/2);
  }

  .t-ind1-a3 {
    width: calc(100% - 240px - 80px*2 - 24px - 82px);
    height: 100%;
    position: relative;
    float: left;
    margin-left: 24px;
  }

  .ind3 {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
  }

  .ind3 .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    position: relative;
    overflow: hidden;
  }

  .ind3 .swiper-slide>div:nth-child(1) {
    font-size: 20px;
    line-height: 76px;
    color: #333333;
    font-weight: 100;
    width: 600px;
    height: 100%;
    float: left;
    transition: 0.8s;
  }

  .ind3 .swiper-slide:hover>div:nth-child(1) {
    color: #e50013;
    transition: 0.8s;
  }

  .ind3 .swiper-slide>div:nth-child(2) {
    font-size: 16px;
    line-height: 76px;
    color: #838383;
    font-family: "arial";
    float: right;
    transition: 0.8s;
  }

  .ind3 .swiper-slide:hover>div:nth-child(2) {
    color: #e50013;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-ind1-a1 {
    width: 100%;
    height: 60px;
    position: relative;
    overflow: hidden;
    background: #f3f6f8;
    margin-bottom: 50px;
  }

  .t-ind1-a2 {
    width: 180px;
    height: 100%;
    background: #e50013;
    float: left;
    position: relative;
  }

  .t-ind1-a2>div:first-child {
    height: 26px;
    position: absolute;
    top: calc(50% - 26px/2);
    left: 40px;
  }

  .t-ind1-a2>div:first-child img {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-ind1-a2>div:first-child img:nth-child(1) {
    animation: ind101 4s linear infinite;
  }

  .t-ind1-a2>div:first-child img:nth-child(2) {
    animation: ind102 4s linear infinite;
  }

  .t-ind1-a2>div:first-child img:nth-child(3) {
    animation: ind103 4s linear infinite;
  }

  @keyframes ind101 {
    0% {
      opacity: 1;
    }

    25% {
      opacity: 1;
    }

    50% {
      opacity: 0;
    }

    75% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes ind102 {
    0% {
      opacity: 0;
    }

    25% {
      opacity: 1;
    }

    50% {
      opacity: 1;
    }

    75% {
      opacity: 0;
    }

    100% {
      opacity: 0;
    }
  }

  @keyframes ind103 {
    0% {
      opacity: 0;
    }

    25% {
      opacity: 0;
    }

    50% {
      opacity: 1;
    }

    75% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  .t-ind1-a2>div:last-child {
    font-size: 20px;
    line-height: 60px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 80px;
  }

  .ind5 {
    width: 60px;
    height: 100%;
    background: none;
    background: #61aee2;
    position: relative;
    float: right;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
  }

  .ind5 img {
    height: 20px;
    position: absolute;
    left: calc(50% - 10px/2);
    top: calc(50% - 20px/2);
  }

  .ind4 {
    width: 60px;
    height: 100%;
    background: none;
    background: #0080cc;
    position: relative;
    float: right;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
  }

  .ind4 img {
    height: 20px;
    position: absolute;
    left: calc(50% - 10px/2);
    top: calc(50% - 20px/2);
  }

  .t-ind1-a3 {
    width: calc(100% - 180px - 60px*2 - 20px - 60px);
    height: 100%;
    position: relative;
    float: left;
    margin-left: 20px;
  }

  .ind3 {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
  }

  .ind3 .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    position: relative;
    overflow: hidden;
  }

  .ind3 .swiper-slide>div:nth-child(1) {
    font-size: 16px;
    line-height: 60px;
    color: #333333;
    font-weight: 100;
    width: 440px;
    height: 100%;
    float: left;
    transition: 0.8s;
  }

  .ind3 .swiper-slide:hover>div:nth-child(1) {
    color: #e50013;
    transition: 0.8s;
  }

  .ind3 .swiper-slide>div:nth-child(2) {
    font-size: 14px;
    line-height: 60px;
    color: #838383;
    font-family: "arial";
    float: right;
    transition: 0.8s;
  }

  .ind3 .swiper-slide:hover>div:nth-child(2) {
    color: #e50013;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1023px) {
  .t-ind1-a1 {
    width: 100%;
    height: 0.76rem;
    position: relative;
    overflow: hidden;
    background: #f3f6f8;
    margin-bottom: 0.65rem;
  }

  .t-ind1-a2 {
    width: 1.32rem;
    height: 100%;
    background: #e50013;
    float: left;
    position: relative;
  }

  .t-ind1-a2>div:first-child {
    height: 0.26rem;
    position: absolute;
    top: calc(50% - 0.26rem/2);
    left: 0.2rem;
  }

  .t-ind1-a2>div:first-child img {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-ind1-a2>div:first-child img:nth-child(1) {
    animation: ind101 4s linear infinite;
  }

  .t-ind1-a2>div:first-child img:nth-child(2) {
    animation: ind102 4s linear infinite;
  }

  .t-ind1-a2>div:first-child img:nth-child(3) {
    animation: ind103 4s linear infinite;
  }

  @keyframes ind101 {
    0% {
      opacity: 1;
    }

    25% {
      opacity: 1;
    }

    50% {
      opacity: 0;
    }

    75% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes ind102 {
    0% {
      opacity: 0;
    }

    25% {
      opacity: 1;
    }

    50% {
      opacity: 1;
    }

    75% {
      opacity: 0;
    }

    100% {
      opacity: 0;
    }
  }

  @keyframes ind103 {
    0% {
      opacity: 0;
    }

    25% {
      opacity: 0;
    }

    50% {
      opacity: 1;
    }

    75% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  .t-ind1-a2>div:last-child {
    font-size: 0.24rem;
    line-height: 0.76rem;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0.6rem;
  }

  .t-ind1-a2>div:last-child span {
    display: none;
  }

  .ind5 {
    width: 0.8rem;
    height: 100%;
    background: none;
    background: #61aee2;
    position: relative;
    float: right;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
  }

  .ind5 img {
    height: 0.28rem;
    position: absolute;
    left: calc(50% - 0.14rem/2);
    top: calc(50% - 0.28rem/2);
  }

  .ind4 {
    display: none;
  }

  .t-ind1-a3 {
    width: calc(100% - 1.32rem - 0.8rem - 0.2rem - 0.44rem);
    height: 100%;
    position: relative;
    float: left;
    margin-left: 0.2rem;
  }

  .ind3 {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
  }

  .ind3 .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    position: relative;
    overflow: hidden;
  }

  .ind3 .swiper-slide>div:nth-child(1) {
    font-size: 0.24rem;
    line-height: 0.76rem;
    color: #333333;
    font-weight: 100;
    width: 100%;
    height: 100%;
  }

  .ind3 .swiper-slide:hover>div:nth-child(1) {
    color: #e50013;
    transition: 0.8s;
  }

  .ind3 .swiper-slide>div:nth-child(2) {
    display: none;
  }
}

@media only screen and (min-width: 1340px) {
  .t-ind2-a1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 82px;
  }

  .t-ind2-a2 {
    width: 620px;
    float: right;
    position: relative;
    padding-top: 16px;
    margin-bottom: 12px;
  }

  .t-ind2-a3 {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #0080cc;
    height: calc(20px + 16px*2);
  }

  .t-ind2-a4 {
    float: left;
  }

  .t-ind2-a5 {
    padding: 0 4px;
    float: left;
    font-size: 20px;
    line-height: calc(20px + 16px*2);
    height: calc(20px + 15px*2);
    margin-right: 14px;
    border-bottom: 5px solid rgba(27, 84, 166, 0);
    transition: 0.8s;
    cursor: pointer;
  }

  .t-ind2-a5:last-child {
    margin-right: 0;
  }

  .t-ind2-on1 {
    color: #e50013;
    font-weight: bold;
    border-bottom: 5px solid rgba(27, 84, 166, 1);
    transition: 0.8s;
  }

  .t-ind2-a6 {
    float: right;
    font-size: 16px;
    line-height: calc(20px + 16px*2);
    color: #e50013;
  }

  .t-ind2-a6 a {
    display: none;
  }

  .t-ind2-b1 {
    width: 100%;
    position: relative;
  }

  .t-ind2-b2 {
    width: 100%;
    position: relative;
    display: none;
  }

  .t-ind2-b3 {
    width: 100%;
    height: 56px;
    border-bottom: 1px solid #e7e7e7;
    transition: 0.8s;
    overflow: hidden;
    position: relative;
  }

  .t-ind2-on2 {
    height: 146px;
    transition: 0.8s;
  }

  .t-ind2-b4 {
    height: 9px;
    position: absolute;
    top: calc(56px/2 - 9px/2);
    left: 6px;
    transition: 0.8s;
  }

  .t-ind2-on2 .t-ind2-b4 {
    left: -10px;
    transition: 0.8s;
  }

  .t-ind2-b5 {
    width: calc(100% - 28px - 100px);
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    position: absolute;
    top: calc(50% - 20px/2);
    left: 28px;
    transition: 0.8s;
  }

  .t-ind2-on2 .t-ind2-b5 {
    width: calc(100% - 120px - 12px);
    left: 120px;
    top: 28px;
    transition: 0.8s;
  }

  .t-ind2-b6 {
    font-size: 14px;
    line-height: 14px;
    color: #999999;
    position: absolute;
    top: calc(56px/2 - 14px/2);
    right: 0;
    transition: 0.8s;
  }

  .t-ind2-on2 .t-ind2-b6 {
    right: -100px;
    transition: 0.8s;
  }

  .t-ind2-b7 {
    width: calc(100% - 120px - 12px);
    position: absolute;
    left: 120px;
    top: 62px;
    font-size: 14px;
    line-height: 28px;
    color: #4a4a4a;
  }

  .t-ind2-b7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-ind2-b8 {
    position: absolute;
    top: 60px;
    right: calc(100% - 84px);
    transition: 0.8s;
  }

  .t-ind2-on2 .t-ind2-b8 {
    top: 32px;
    transition: 0.8s;
  }

  .t-ind2-b8>div:nth-child(1) {
    font-size: 14px;
    line-height: 12px;
    color: #666666;
    margin-bottom: 12px;
    text-align: right;
  }

  .t-ind2-b8>div:nth-child(2) {
    width: 26px;
    height: 1px;
    background: #cfcfcf;
    margin-bottom: 14px;
    margin-left: 26px;
  }

  .t-ind2-b8>div:nth-child(3) {
    font-size: 50px;
    line-height: 40px;
    color: #333333;
    text-align: right;
  }

  .t-ind2-c1 {
    width: 650px;
    position: relative;
    float: left;
  }

  .t-ind2-c2 {
    width: 100%;
    height: 380px;
    position: relative;
    overflow: hidden;
  }

  .ind6 {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
  }

  .ind6 .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    position: relative;
  }

  .ind6 .swiper-slide>img {
    min-height: 100%;
    transition: 0.8s;
  }

  .ind6 .swiper-slide:hover>img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-ind2-c3 {
    width: 100%;
    height: 52px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(27, 84, 166, 0.9);
  }

  .t-ind2-c3>div:first-child {
    font-size: 16px;
    line-height: 52px;
    color: #fff;
    width: 400px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 24px;
  }

  .t-ind2-c3>div:last-child {
    font-size: 14px;
    line-height: 52px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 118px;
  }

  .ind7 {
    position: absolute;
    bottom: 16px;
    right: 22px;
  }

  .ind7 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border: 0;
    border-radius: 50%;
    background: #fff;
    opacity: 0.4;
    transition: 0.8s;
    margin: 0 5px;
  }

  .ind7 .swiper-pagination-bullet-active {
    opacity: 1;
    transition: 0.8s;
  }

  .t-ind2-d1 {
    width: 100%;
    height: 124px;
    position: relative;
    background: #fff;
    box-shadow: 0 2px 35px rgba(232, 232, 232, 0.3);
    overflow: hidden;
  }

  .t-ind2-d2 {
    font-size: 19px;
    line-height: 19px;
    color: #333333;
    position: absolute;
    top: calc(50% - 19px*2);
    left: 32px;
    width: 19px;
  }

  .t-ind2-d3 {
    width: 1px;
    height: 66px;
    background: #e0e0e0;
    position: absolute;
    top: calc(50% - 66px/2);
    left: 77px;
  }

  .t-ind2-d4 {
    width: calc(100% - 102px - 32px);
    position: absolute;
    top: calc(50% - 42px);
    left: 102px;
  }

  .t-ind2-d5 {
    width: 100%;
    height: 42px;
    position: relative;
    display: none;
  }

  .t-ind2-d5:nth-child(1) {
    display: block;
  }

  .t-ind2-d5:nth-child(2) {
    display: block;
  }

  .t-ind2-d6 {
    height: 9px;
    position: absolute;
    top: calc(50% - 9px/2);
    left: 0;
  }

  .t-ind2-d7 {
    font-size: 16px;
    line-height: 42px;
    color: #333333;
    width: calc(100% - 15px - 90px);
    height: 42px;
    position: absolute;
    top: 0;
    left: 15px;
  }

  .t-ind2-d8 {
    font-size: 16px;
    line-height: 42px;
    color: #999999;
    position: absolute;
    top: 0;
    right: 0;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-ind2-a1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 60px;
  }

  .t-ind2-a2 {
    width: 460px;
    float: right;
    position: relative;
    padding-top: 12px;
    margin-bottom: 12px;
  }

  .t-ind2-a3 {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #0080cc;
    height: calc(16px + 12px*2);
  }

  .t-ind2-a4 {
    float: left;
  }

  .t-ind2-a5 {
    padding: 0 4px;
    float: left;
    font-size: 16px;
    line-height: calc(16px + 12px*2);
    height: calc(16px + 11px*2);
    margin-right: 10px;
    border-bottom: 5px solid rgba(27, 84, 166, 0);
    transition: 0.8s;
    cursor: pointer;
  }

  .t-ind2-a5:last-child {
    margin-right: 0;
  }

  .t-ind2-on1 {
    color: #e50013;
    font-weight: bold;
    border-bottom: 5px solid rgba(27, 84, 166, 1);
    transition: 0.8s;
  }

  .t-ind2-a6 {
    float: right;
    font-size: 14px;
    line-height: calc(16px + 12px*2);
    color: #e50013;
  }

  .t-ind2-a6 a {
    display: none;
  }

  .t-ind2-b1 {
    width: 100%;
    position: relative;
  }

  .t-ind2-b2 {
    width: 100%;
    position: relative;
    display: none;
  }

  .t-ind2-b3 {
    width: 100%;
    height: 42px;
    border-bottom: 1px solid #e7e7e7;
    transition: 0.8s;
    overflow: hidden;
    position: relative;
  }

  .t-ind2-on2 {
    height: 108px;
    transition: 0.8s;
  }

  .t-ind2-b4 {
    height: 9px;
    position: absolute;
    top: calc(42px/2 - 9px/2);
    left: 4px;
    transition: 0.8s;
  }

  .t-ind2-on2 .t-ind2-b4 {
    left: -10px;
    transition: 0.8s;
  }

  .t-ind2-b5 {
    width: calc(100% - 20px - 80px);
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    position: absolute;
    top: calc(50% - 20px/2);
    left: 20px;
    transition: 0.8s;
  }

  .t-ind2-on2 .t-ind2-b5 {
    width: calc(100% - 100px - 12px);
    left: 100px;
    top: 20px;
    transition: 0.8s;
  }

  .t-ind2-b6 {
    font-size: 12px;
    line-height: 12px;
    color: #999999;
    position: absolute;
    top: calc(42px/2 - 12px/2);
    right: 0;
    transition: 0.8s;
  }

  .t-ind2-on2 .t-ind2-b6 {
    right: -100px;
    transition: 0.8s;
  }

  .t-ind2-b7 {
    width: calc(100% - 100px - 12px);
    position: absolute;
    left: 100px;
    top: 42px;
    font-size: 12px;
    line-height: 24px;
    color: #4a4a4a;
  }

  .t-ind2-b7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-ind2-b8 {
    position: absolute;
    top: 44px;
    right: calc(100% - 80px);
    transition: 0.8s;
  }

  .t-ind2-on2 .t-ind2-b8 {
    top: 24px;
    transition: 0.8s;
  }

  .t-ind2-b8>div:nth-child(1) {
    font-size: 12px;
    line-height: 12px;
    color: #666666;
    margin-bottom: 10px;
    text-align: right;
  }

  .t-ind2-b8>div:nth-child(2) {
    width: 20px;
    height: 1px;
    background: #cfcfcf;
    margin-bottom: 12px;
    margin-left: 32px;
  }

  .t-ind2-b8>div:nth-child(3) {
    font-size: 36px;
    line-height: 28px;
    color: #333333;
    text-align: right;
  }

  .t-ind2-c1 {
    width: 480px;
    position: relative;
    float: left;
  }

  .t-ind2-c2 {
    width: 100%;
    height: 280px;
    position: relative;
    overflow: hidden;
  }

  .ind6 {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
  }

  .ind6 .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    position: relative;
  }

  .ind6 .swiper-slide>img {
    min-height: 100%;
    transition: 0.8s;
  }

  .ind6 .swiper-slide:hover>img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-ind2-c3 {
    width: 100%;
    height: 44px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(27, 84, 166, 0.9);
  }

  .t-ind2-c3>div:first-child {
    font-size: 14px;
    line-height: 44px;
    color: #fff;
    width: 240px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 24px;
  }

  .t-ind2-c3>div:last-child {
    font-size: 12px;
    line-height: 44px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 118px;
  }

  .ind7 {
    position: absolute;
    bottom: 12px;
    right: 22px;
  }

  .ind7 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border: 0;
    border-radius: 50%;
    background: #fff;
    opacity: 0.4;
    transition: 0.8s;
    margin: 0 5px;
  }

  .ind7 .swiper-pagination-bullet-active {
    opacity: 1;
    transition: 0.8s;
  }

  .t-ind2-d1 {
    width: 100%;
    height: 100px;
    position: relative;
    background: #fff;
    box-shadow: 0 2px 35px rgba(232, 232, 232, 0.3);
    overflow: hidden;
  }

  .t-ind2-d2 {
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    position: absolute;
    top: calc(50% - 16px*2);
    left: 24px;
    width: 16px;
  }

  .t-ind2-d3 {
    width: 1px;
    height: 54px;
    background: #e0e0e0;
    position: absolute;
    top: calc(50% - 54px/2);
    left: 60px;
  }

  .t-ind2-d4 {
    width: calc(100% - 84px - 24px);
    position: absolute;
    top: calc(50% - 36px);
    left: 84px;
  }

  .t-ind2-d5 {
    width: 100%;
    height: 36px;
    position: relative;
    display: none;
  }

  .t-ind2-d5:nth-child(1) {
    display: block;
  }

  .t-ind2-d5:nth-child(2) {
    display: block;
  }

  .t-ind2-d6 {
    height: 9px;
    position: absolute;
    top: calc(50% - 9px/2);
    left: 0;
  }

  .t-ind2-d7 {
    font-size: 14px;
    line-height: 36px;
    color: #333333;
    width: calc(100% - 15px - 80px);
    height: 36px;
    position: absolute;
    top: 0;
    left: 15px;
  }

  .t-ind2-d8 {
    font-size: 14px;
    line-height: 36px;
    color: #999999;
    position: absolute;
    top: 0;
    right: 0;
  }
}

@media only screen and (max-width: 1023px) {
  .t-ind2-a1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
  }

  .t-ind2-a2 {
    width: 100%;
    position: relative;
    margin-bottom: 0.54rem;
  }

  .t-ind2-a3 {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #0080cc;
    height: calc(0.28rem + 0.14rem*2);
  }

  .t-ind2-a4 {
    float: left;
  }

  .t-ind2-a5 {
    padding: 0 0.05rem;
    float: left;
    font-size: 0.28rem;
    line-height: calc(0.28rem + 0.14rem*2);
    height: calc(0.28rem + 0.13rem*2);
    margin-right: 0.22rem;
    border-bottom: calc(1px + 0.04rem) solid rgba(27, 84, 166, 0);
    transition: 0.8s;
    cursor: pointer;
  }

  .t-ind2-a5:last-child {
    margin-right: 0;
  }

  .t-ind2-on1 {
    color: #e50013;
    font-weight: bold;
    border-bottom: calc(1px + 0.04rem) solid rgba(27, 84, 166, 1);
    transition: 0.8s;
  }

  .t-ind2-a6 {
    float: right;
    font-size: 0.24rem;
    line-height: calc(0.28rem + 0.13rem*2);
    color: #e50013;
  }

  .t-ind2-a6 a {
    display: none;
  }

  .t-ind2-b1 {
    width: 100%;
    position: relative;
  }

  .t-ind2-b2 {
    width: 100%;
    position: relative;
    display: none;
  }

  .t-ind2-b3 {
    width: 100%;
    height: 0.84rem;
    border-bottom: 1px solid #e7e7e7;
    overflow: hidden;
    position: relative;
  }

  .t-ind2-on2 {
    height: 1.7rem;
  }

  .t-ind2-b4 {
    height: 0.11rem;
    position: absolute;
    top: calc(0.84rem/2 - 0.11rem/2);
    left: 0.04rem;
  }

  .t-ind2-on2 .t-ind2-b4 {
    left: -0.2rem;
  }

  .t-ind2-b5 {
    width: calc(100% - 0.24rem - 1.4rem);
    height: 0.3rem;
    font-weight: 100;
    ;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #333333;
    position: absolute;
    top: calc(50% - 0.3rem/2);
    left: 0.24rem;
  }

  .t-ind2-on2 .t-ind2-b5 {
    width: calc(100% - 1.2rem - 0.2rem);
    left: 1.2rem;
    top: 0.24rem;
    font-weight: 400;
  }

  .t-ind2-b6 {
    font-size: 0.24rem;
    line-height: 0.24rem;
    color: #999999;
    position: absolute;
    top: calc(0.84rem/2 - 0.24rem/2);
    right: 0;
  }

  .t-ind2-on2 .t-ind2-b6 {
    right: -2rem;
  }

  .t-ind2-b7 {
    width: calc(100% - 1.2rem - 0.2rem);
    position: absolute;
    left: 1.2rem;
    top: 1rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: #4a4a4a;
  }

  .t-ind2-b7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-ind2-on2 .t-ind2-b7 {
    top: 0.66rem;
  }

  .t-ind2-b8 {
    position: absolute;
    top: 1rem;
    left: 0;
  }

  .t-ind2-on2 .t-ind2-b8 {
    top: 0.36rem;
  }

  .t-ind2-b8>div:nth-child(1) {
    font-size: 0.22rem;
    line-height: 0.18rem;
    color: #666666;
    margin-bottom: 0.12rem;
    text-align: center;
  }

  .t-ind2-b8>div:nth-child(2) {
    width: 0.26rem;
    height: 1px;
    background: #cfcfcf;
    margin: 0 auto;
    margin-bottom: 0.08rem;
  }

  .t-ind2-b8>div:nth-child(3) {
    font-size: 0.64rem;
    line-height: 0.52rem;
    color: #333333;
    text-align: center;
  }

  .t-ind2-c1 {
    width: 100%;
    position: relative;
    margin-bottom: 0.66rem;
  }

  .t-ind2-c2 {
    width: 100%;
    height: 4.15rem;
    position: relative;
    overflow: hidden;
  }

  .ind6 {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
  }

  .ind6 .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    position: relative;
  }

  .ind6 .swiper-slide>img {
    min-height: 100%;
  }

  .t-ind2-c3 {
    width: 100%;
    height: 0.76rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(27, 84, 166, 0.9);
    padding: 0 0.28rem;
    box-sizing: border-box;
  }

  .t-ind2-c3>div:first-child {
    font-size: 0.24rem;
    line-height: 0.76rem;
    color: #fff;
    width: calc(100% - 2.05rem - 0.28rem*2);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0.28rem;
  }

  .t-ind2-c3>div:last-child {
    font-size: 0.24rem;
    line-height: 0.76rem;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0.28rem;
  }

  .ind7 {
    display: none;
  }

  .t-ind2-d1 {
    width: 100%;
    height: 1.58rem;
    position: relative;
    background: #fff;
    box-shadow: 0 0.02rem 0.35rem rgba(232, 232, 232, 0.3);
    overflow: hidden;
  }

  .t-ind2-d2 {
    font-size: 0.26rem;
    line-height: 0.26rem;
    color: #333333;
    position: absolute;
    top: calc(50% - 0.26rem*2);
    left: 0.28rem;
    width: 0.26rem;
  }

  .t-ind2-d3 {
    width: 1px;
    height: 0.66rem;
    background: #e0e0e0;
    position: absolute;
    top: calc(50% - 0.66rem/2);
    left: 0.78rem;
  }

  .t-ind2-d4 {
    width: calc(100% - 1.02rem);
    position: absolute;
    top: calc(50% - 0.68rem);
    right: 0;
  }

  .t-ind2-d5 {
    width: 100%;
    height: 0.68rem;
    position: relative;
    border-bottom: 1px solid #e7e7e7;
    display: none;
  }

  .t-ind2-d5:nth-child(1) {
    display: block;
  }

  .t-ind2-d5:nth-child(2) {
    display: block;
    border: 0;
  }

  .t-ind2-d5:last-child {
    border-bottom: 0;
  }

  .t-ind2-d6 {
    height: 0.11rem;
    position: absolute;
    top: calc(50% - 0.11rem/2);
    left: 0;
  }

  .t-ind2-d7 {
    font-size: 0.24rem;
    line-height: 0.68rem;
    color: #333333;
    width: calc(100% - 0.36rem - 1.44rem);
    height: 0.68rem;
    position: absolute;
    top: 0;
    left: 0.16rem;
  }

  .t-ind2-d8 {
    font-size: 0.22rem;
    line-height: 0.68rem;
    color: #999999;
    position: absolute;
    top: 0;
    right: 0.24rem;
  }
}

@media only screen and (min-width: 1340px) {
  .t-ind3-a1 {
    width: 100%;
    height: 760px;
    position: relative;
    overflow: hidden;
    background: url(../images/b04.jpg) no-repeat transparent;
    background-position: center center;
    background-size: 1920px 100%;
    margin-bottom: 80px;
  }

  .t-ind3-a2 {
    width: 100%;
    position: absolute;
    top: 76px;
    left: 0;
    text-align: center;
  }

  .t-ind3-a2>span:nth-child(1) {
    font-size: 36px;
    line-height: 36px;
    color: #333333;
  }

  .t-ind3-a2>span:nth-child(2) {
    font-size: 20px;
    line-height: 36px;
    color: #333333;
  }

  .t-ind3-a2>span:nth-child(3) {
    font-size: 16px;
    line-height: 36px;
    color: #666666;
  }

  .t-ind3-a2 b {
    display: none;
  }

  .t-ind3-b0 {
    width: 100%;
    height: 80px;
    position: absolute;
    top: 152px;
    left: 0;
    overflow: hidden;
  }

  .t-ind3-c1 {
    width: 50%;
    height: 1px;
    background: #e50013;
    position: absolute;
    top: 30px;
    right: calc(50% + 166px*3);
  }

  .t-ind3-c2 {
    width: 50%;
    height: 1px;
    background: #e50013;
    position: absolute;
    top: 30px;
    left: calc(50% + 166px*3);
  }

  .t-ind3-b1 {
    width: calc(166px*6);
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(50% - 166px*3);
    overflow: hidden;
  }

  .t-ind3-b2 {
    width: 166px;
    height: 100%;
    position: relative;
    float: left;
    cursor: pointer;
  }

  .t-ind3-b3 {
    height: 38px;
    width: 100%;
    position: absolute;
    top: 2px;
    left: 0;
  }

  .t-ind3-b3 img {
    margin: 0 auto;
  }

  .t-ind3-b2:hover .t-ind3-b3 img {
    transform: rotateY(360deg);
    transition: 0.8s;
  }

  .t-ind3-b4 {
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 0.8s;
  }

  .t-ind3-on1 .t-ind3-b4 {
    color: #e50013;
    transition: 0.8s;
  }

  .t-ind3-b5 {
    position: absolute;
    top: 30px;
    left: 0;
  }

  .t-ind3-b5>div:first-child {
    width: 7px;
    height: 7px;
    position: absolute;
    top: -3px;
    right: 0;
    background: #e50013;
    border: 0;
    border-radius: 50%;
    transition: 0.8s;
  }

  .t-ind3-on1 .t-ind3-b5>div:first-child {
    width: 9px;
    height: 9px;
    top: -4px;
    right: -1px;
    transition: 0.8s;
  }

  .t-ind3-b5>div:first-child b {
    width: 17px;
    height: 17px;
    position: absolute;
    top: -5px;
    left: -5px;
    background: #e50013;
    opacity: 0;
    border: 0;
    border-radius: 50%;
    transition: 0.8s;
  }

  .t-ind3-on1 .t-ind3-b5>div:first-child b {
    top: -4px;
    left: -4px;
    opacity: 0.3;
    transition: 0.8s;
  }

  .t-ind3-b5>div:last-child {
    width: calc(100px/2);
    height: 1px;
    background: #e50013;
    position: relative;
  }

  .t-ind3-b6 {
    position: absolute;
    top: 30px;
    right: 0;
  }

  .t-ind3-b6>div:first-child {
    width: 7px;
    height: 7px;
    position: absolute;
    top: -3px;
    left: 0;
    background: #e50013;
    border: 0;
    border-radius: 50%;
    transition: 0.8s;
  }

  .t-ind3-on1 .t-ind3-b6>div:first-child {
    width: 9px;
    height: 9px;
    top: -4px;
    right: -1px;
    transition: 0.8s;
  }

  .t-ind3-b6>div:first-child b {
    width: 17px;
    height: 17px;
    position: absolute;
    top: -5px;
    left: -5px;
    background: #e50013;
    opacity: 0;
    border: 0;
    border-radius: 50%;
    transition: 0.8s;
  }

  .t-ind3-on1 .t-ind3-b6>div:first-child b {
    top: -4px;
    left: -4px;
    opacity: 0.3;
    transition: 0.8s;
  }

  .t-ind3-b6>div:last-child {
    width: calc(100px/2);
    height: 1px;
    background: #e50013;
    position: relative;
  }

  .t-ind3-d0 {
    width: 100%;
    height: 400px;
    position: absolute;
    top: 274px;
    left: 0;
    overflow: hidden;
  }

  .t-ind3-d1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-ind3-d2 {
    width: 388px;
    height: 296px;
    position: absolute;
    transition: 0.8s;
    overflow: hidden;
    background: #fff;
  }

  .t-ind3-d2.t-ind3-on2 {
    width: 964px;
    height: 100%;
  }

  .t-ind3-d2 {
    top: calc(50% - 296px/2);
    left: calc(50% - 388px/2);
    transition: 0.8s;
    z-index: 1;
  }

  .t-ind3-d2.t-ind3-in1 {
    top: calc(50% - 296px/2);
    left: calc(50% - 964px/2 - 98px - 388px);
    transition: 0.8s;
    z-index: 2;
  }

  .t-ind3-d2.t-ind3-in2 {
    top: calc(50% - 296px/2);
    left: calc(50% + 964px/2 + 98px);
    transition: 0.8s;
    z-index: 2;
  }

  .t-ind3-d2.t-ind3-in3 {
    top: 0;
    left: calc(50% - 964px/2);
    transition: 0.8s;
    z-index: 3
  }

  .t-ind3-d3 {
    position: absolute;
    top: 80px;
    left: calc(520px + 30px*2);
  }

  .t-ind3-d3>div:nth-child(1) {
    width: 6px;
    height: 28px;
    background: #e50013;
    float: left;
    border: 0;
    border-radius: 3px;
    margin-right: 10px;
  }

  .t-ind3-d3>div:nth-child(2) {
    font-size: 24px;
    line-height: 28px;
    color: #333333;
    float: left;
  }

  .t-ind3-d4 {
    width: calc(100% - 520px - 30px*2 - 40px);
    height: calc(28px*4);
    position: absolute;
    top: 136px;
    left: calc(520px + 30px*2);
    font-size: 16px;
    line-height: 28px;
    color: #666666;
  }

  .t-ind3-d4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }

  .t-ind3-d5 {
    width: 120px;
    height: 36px;
    background: #fff;
    border: 1px solid #e50013;
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 34px;
    color: #e50013;
    text-align: center;
    transition: 0.8s;
    position: absolute;
    top: 280px;
    left: calc(520px + 30px*2);
  }

  .t-ind3-d5:hover {
    background: #e50013;
    color: #fff;
    transition: 0.8s;
  }

  .t-ind3-d6 {
    width: 388px;
    height: 296px;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.8s;
  }

  .t-ind3-on2 .t-ind3-d6 {
    width: 520px;
    height: 340px;
    position: absolute;
    top: calc(50% - 340px/2);
    left: 30px;
  }

  .t-ind3-d6 img {
    height: 100%;
    transition: 0.8s;
    width: auto;
    margin-left: -18%;
  }

  .t-ind3-d6:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-ind3-e1 {
    width: 60px;
    height: 108px;
    position: absolute;
    top: calc(50% - 108px/2);
    left: calc(50% - 604px);
    background: url(../images/b09.jpg) no-repeat transparent;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 4;
  }

  .t-ind3-e2 {
    width: 60px;
    height: 108px;
    position: absolute;
    top: calc(50% - 108px/2);
    right: calc(50% - 604px);
    background: url(../images/b10.jpg) no-repeat transparent;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 4;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-ind3-a1 {
    width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
    background: url(../images/b04.jpg) no-repeat transparent;
    background-position: center center;
    background-size: auto 100%;
    margin-bottom: 80px;
  }

  .t-ind3-a2 {
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0;
    text-align: center;
  }

  .t-ind3-a2>span:nth-child(1) {
    font-size: 30px;
    line-height: 30px;
    color: #333333;
  }

  .t-ind3-a2>span:nth-child(2) {
    font-size: 16px;
    line-height: 30px;
    color: #333333;
  }

  .t-ind3-a2>span:nth-child(3) {
    font-size: 12px;
    line-height: 30px;
    color: #666666;
  }

  .t-ind3-a2 b {
    display: none;
  }

  .t-ind3-b0 {
    width: 100%;
    height: 72px;
    position: absolute;
    top: 120px;
    left: 0;
    overflow: hidden;
  }

  .t-ind3-c1 {
    width: 50%;
    height: 1px;
    background: #e50013;
    position: absolute;
    top: 24px;
    right: calc(50% + 140px*3);
  }

  .t-ind3-c2 {
    width: 50%;
    height: 1px;
    background: #e50013;
    position: absolute;
    top: 24px;
    left: calc(50% + 140px*3);
  }

  .t-ind3-b1 {
    width: calc(140px*6);
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(50% - 140px*3);
    overflow: hidden;
  }

  .t-ind3-b2 {
    width: 140px;
    height: 100%;
    position: relative;
    float: left;
    cursor: pointer;
  }

  .t-ind3-b3 {
    height: 38px;
    width: 100%;
    position: absolute;
    top: 2px;
    left: 0;
  }

  .t-ind3-b3 img {
    margin: 0 auto;
    height: 100%;
  }

  .t-ind3-b2:hover .t-ind3-b3 img {
    transform: rotateY(360deg);
    transition: 0.8s;
  }

  .t-ind3-b4 {
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 0.8s;
  }

  .t-ind3-on1 .t-ind3-b4 {
    color: #e50013;
    transition: 0.8s;
  }

  .t-ind3-b5 {
    position: absolute;
    top: 24px;
    left: 0;
  }

  .t-ind3-b5>div:first-child {
    width: 7px;
    height: 7px;
    position: absolute;
    top: -3px;
    right: 0;
    background: #e50013;
    border: 0;
    border-radius: 50%;
    transition: 0.8s;
  }

  .t-ind3-on1 .t-ind3-b5>div:first-child {
    width: 9px;
    height: 9px;
    top: -4px;
    right: -1px;
    transition: 0.8s;
  }

  .t-ind3-b5>div:first-child b {
    width: 17px;
    height: 17px;
    position: absolute;
    top: -5px;
    left: -5px;
    background: #e50013;
    opacity: 0;
    border: 0;
    border-radius: 50%;
    transition: 0.8s;
  }

  .t-ind3-on1 .t-ind3-b5>div:first-child b {
    top: -4px;
    left: -4px;
    opacity: 0.3;
    transition: 0.8s;
  }

  .t-ind3-b5>div:last-child {
    width: calc(80px/2);
    height: 1px;
    background: #e50013;
    position: relative;
  }

  .t-ind3-b6 {
    position: absolute;
    top: 24px;
    right: 0;
  }

  .t-ind3-b6>div:first-child {
    width: 7px;
    height: 7px;
    position: absolute;
    top: -3px;
    left: 0;
    background: #e50013;
    border: 0;
    border-radius: 50%;
    transition: 0.8s;
  }

  .t-ind3-on1 .t-ind3-b6>div:first-child {
    width: 9px;
    height: 9px;
    top: -4px;
    right: -1px;
    transition: 0.8s;
  }

  .t-ind3-b6>div:first-child b {
    width: 17px;
    height: 17px;
    position: absolute;
    top: -5px;
    left: -5px;
    background: #e50013;
    opacity: 0;
    border: 0;
    border-radius: 50%;
    transition: 0.8s;
  }

  .t-ind3-on1 .t-ind3-b6>div:first-child b {
    top: -4px;
    left: -4px;
    opacity: 0.3;
    transition: 0.8s;
  }

  .t-ind3-b6>div:last-child {
    width: calc(80px/2);
    height: 1px;
    background: #e50013;
    position: relative;
  }

  .t-ind3-d0 {
    width: 100%;
    height: 320px;
    position: absolute;
    top: 230px;
    left: 0;
    overflow: hidden;
  }

  .t-ind3-d1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-ind3-d2 {
    width: 320px;
    height: 244px;
    position: absolute;
    transition: 0.8s;
    overflow: hidden;
    background: #fff;
  }

  .t-ind3-d2.t-ind3-on2 {
    width: 720px;
    height: 100%;
  }

  .t-ind3-d2 {
    top: calc(50% - 244px/2);
    left: calc(50% - 320px/2);
    transition: 0.8s;
    z-index: 1;
  }

  .t-ind3-d2.t-ind3-in1 {
    top: calc(50% - 244px/2);
    left: calc(50% - 720px/2 - 60px - 320px);
    transition: 0.8s;
    z-index: 2;
  }

  .t-ind3-d2.t-ind3-in2 {
    top: calc(50% - 244px/2);
    left: calc(50% + 720px/2 + 60px);
    transition: 0.8s;
    z-index: 2;
  }

  .t-ind3-d2.t-ind3-in3 {
    top: 0;
    left: calc(50% - 720px/2);
    transition: 0.8s;
    z-index: 3
  }

  .t-ind3-d3 {
    position: absolute;
    top: 50px;
    left: calc(400px + 30px*2);
  }

  .t-ind3-d3>div:nth-child(1) {
    width: 6px;
    height: 28px;
    background: #e50013;
    float: left;
    border: 0;
    border-radius: 3px;
    margin-right: 10px;
  }

  .t-ind3-d3>div:nth-child(2) {
    font-size: 24px;
    line-height: 28px;
    color: #333333;
    float: left;
  }

  .t-ind3-d4 {
    width: calc(100% - 400px - 30px*3);
    height: calc(24px*4);
    position: absolute;
    top: 110px;
    left: calc(400px + 30px*2);
    font-size: 14px;
    line-height: 24px;
    color: #666666;
  }

  .t-ind3-d4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }

  .t-ind3-d5 {
    width: 100px;
    height: 30px;
    background: #fff;
    border: 1px solid #e50013;
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 28px;
    color: #e50013;
    text-align: center;
    transition: 0.8s;
    position: absolute;
    top: 240px;
    left: calc(400px + 30px*2);
  }

  .t-ind3-d5:hover {
    background: #e50013;
    color: #fff;
    transition: 0.8s;
  }

  .t-ind3-d6 {
    width: 320px;
    height: 244px;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.8s;
  }

  .t-ind3-on2 .t-ind3-d6 {
    width: 400px;
    height: 262px;
    position: absolute;
    top: calc(50% - 262px/2);
    left: 30px;
  }

  .t-ind3-d6 img {
    height: 100%;
    transition: 0.8s;
    width: auto;
    margin-left: -18%;
  }

  .t-ind3-d6:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-ind3-e1 {
    width: 40px;
    height: 72px;
    position: absolute;
    top: calc(50% - 72px/2);
    left: calc(50% - 440px);
    background: url(../images/b09.jpg) no-repeat transparent;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 4;
  }

  .t-ind3-e2 {
    width: 40px;
    height: 72px;
    position: absolute;
    top: calc(50% - 72px/2);
    right: calc(50% - 440px);
    background: url(../images/b10.jpg) no-repeat transparent;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 4;
  }
}

@media only screen and (max-width: 1023px) {
  .t-ind3-a1 {
    width: 100%;
    height: 10.18rem;
    position: relative;
    overflow: hidden;
    background: url(../images/b22.jpg) no-repeat transparent;
    background-position: center center;
    background-size: 100% 100%;
    margin-bottom: 0.64rem;
  }

  .t-ind3-a2 {
    width: 100%;
    position: absolute;
    top: 0.85rem;
    left: 0;
    text-align: center;
  }

  .t-ind3-a2>span:nth-child(1) {
    font-size: 0.4rem;
    line-height: 0.4rem;
    color: #333333;
    font-weight: bold;
  }

  .t-ind3-a2>span:nth-child(2) {
    display: none;
  }

  .t-ind3-a2>span:nth-child(3) {
    display: none;
  }

  .t-ind3-a2 b {
    width: 0.32rem;
    height: 0.03rem;
    background: #e50013;
    position: absolute;
    top: calc(50% - 0.03rem/2);
  }

  .t-ind3-a2 b:nth-last-child(1) {
    left: calc(50% - 1.28rem);
  }

  .t-ind3-a2 b:nth-last-child(2) {
    right: calc(50% - 1.28rem);
  }

  .t-ind3-b0 {
    width: 100%;
    height: 1rem;
    position: absolute;
    top: 1.62rem;
    left: 0;
    overflow: hidden;
    overflow-x: auto;
  }

  .t-ind3-c1 {
    display: none;
  }

  .t-ind3-c2 {
    display: none;
  }

  .t-ind3-b1 {
    width: calc(1.74rem*6);
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .t-ind3-b2 {
    width: calc(100%/6);
    height: 100%;
    position: relative;
    float: left;
    cursor: pointer;
  }

  .t-ind3-b3 {
    height: 0.62rem;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-ind3-b3 img {
    margin: 0 auto;
    height: 100%;
  }

  .t-ind3-b4 {
    font-size: 0.24rem;
    line-height: 0.28rem;
    color: #333333;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 0.8s;
  }

  .t-ind3-on1 .t-ind3-b4 {
    color: #e50013;
    transition: 0.8s;
  }

  .t-ind3-b5 {
    position: absolute;
    top: 0.32rem;
    left: 0;
  }

  .t-ind3-b5>div:first-child {
    width: 0.07rem;
    height: 0.07rem;
    position: absolute;
    top: -0.03rem;
    right: 0;
    background: #e50013;
    border: 0;
    border-radius: 50%;
    transition: 0.8s;
  }

  .t-ind3-on1 .t-ind3-b5>div:first-child {
    width: 0.09rem;
    height: 0.09rem;
    top: -0.04rem;
    right: -0.01rem;
    transition: 0.8s;
  }

  .t-ind3-b5>div:first-child b {
    width: 0.17rem;
    height: 0.17rem;
    position: absolute;
    top: -0.05rem;
    left: -0.05rem;
    background: #e50013;
    opacity: 0;
    border: 0;
    border-radius: 50%;
    transition: 0.8s;
  }

  .t-ind3-on1 .t-ind3-b5>div:first-child b {
    top: -0.04rem;
    left: -0.04rem;
    opacity: 0.3;
    transition: 0.8s;
  }

  .t-ind3-b5>div:last-child {
    width: calc(1rem/2);
    height: 1px;
    background: #e50013;
    position: relative;
  }

  .t-ind3-b6 {
    position: absolute;
    top: 0.32rem;
    right: 0;
  }

  .t-ind3-b6>div:first-child {
    width: 0.07rem;
    height: 0.07rem;
    position: absolute;
    top: -0.03rem;
    left: 0;
    background: #e50013;
    border: 0;
    border-radius: 50%;
    transition: 0.8s;
  }

  .t-ind3-on1 .t-ind3-b6>div:first-child {
    width: 0.09rem;
    height: 0.09rem;
    top: -0.04rem;
    right: -0.01rem;
    transition: 0.8s;
  }

  .t-ind3-b6>div:first-child b {
    width: 0.17rem;
    height: 0.17rem;
    position: absolute;
    top: -0.05rem;
    left: -0.05rem;
    background: #e50013;
    opacity: 0;
    border: 0;
    border-radius: 50%;
    transition: 0.8s;
  }

  .t-ind3-on1 .t-ind3-b6>div:first-child b {
    top: -0.04rem;
    left: -0.04rem;
    opacity: 0.3;
    transition: 0.8s;
  }

  .t-ind3-b6>div:last-child {
    width: calc(1rem/2);
    height: 1px;
    background: #e50013;
    position: relative;
  }

  .t-ind3-d0 {
    width: 100%;
    height: 6.1rem;
    position: absolute;
    top: 3.15rem;
    left: 0;
    overflow: hidden;
  }

  .t-ind3-d1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-ind3-d2 {
    width: calc(5.2rem/610*496);
    height: 4.96rem;
    position: absolute;
    transition: 0.8s;
    overflow: hidden;
    background: #fff;
  }

  .t-ind3-d2.t-ind3-on2 {
    width: 5.2rem;
    height: 100%;
  }

  .t-ind3-d2 {
    top: calc(50% - 4.96rem/2);
    left: calc(50% - 5.2rem/610*496/2);
    transition: 0.8s;
    z-index: 1;
    transform: scale(0.8131);
  }

  .t-ind3-d2.t-ind3-in1 {
    top: calc(50% - 4.96rem/2);
    left: calc(50% - 5.2rem/2 - 0.1rem - 5.2rem/610*496);
    transition: 0.8s;
    z-index: 2;
    transform: scale(0.8131);
  }

  .t-ind3-d2.t-ind3-in2 {
    top: calc(50% - 4.96rem/2);
    left: calc(50% + 5.2rem/2 + 0.1rem);
    transition: 0.8s;
    z-index: 2;
    transform: scale(0.8131);
  }

  .t-ind3-d2.t-ind3-in3 {
    top: 0;
    left: calc(50% - 5.2rem/2);
    transition: 0.8s;
    z-index: 3;
    transform: scale(1);
  }

  .t-ind3-d3 {
    position: absolute;
    top: 3.7rem;
    left: 0.2rem;
  }

  .t-ind3-d3>div:nth-child(1) {
    width: 0.08rem;
    height: 0.32rem;
    background: #e50013;
    float: left;
    border: 0;
    border-radius: 0.04rem;
    margin-right: 0.06rem;
  }

  .t-ind3-d3>div:nth-child(2) {
    font-size: 0.3rem;
    line-height: 0.32rem;
    color: #333333;
    float: left;
  }

  .t-ind3-d4 {
    width: calc(100% - 0.2rem*2);
    height: calc(0.34rem*4);
    position: absolute;
    top: 4.3rem;
    left: 0.2rem;
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #666666;
  }

  .t-ind3-d4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 0.34rem;
  }

  .t-ind3-on2 .t-ind3-d4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: calc(0.4rem*4 - 0.06rem);
  }

  .t-ind3-d5 {
    width: 1.2rem;
    height: 0.36rem;
    background: #fff;
    border: 1px solid #e50013;
    border-radius: 0.04rem;
    box-sizing: border-box;
    font-size: 0.22rem;
    line-height: 0.34rem;
    color: #e50013;
    text-align: center;
    position: absolute;
    top: 3.72rem;
    right: 0.2rem;
  }

  .t-ind3-d6 {
    width: calc(100% - 0.2rem*2);
    height: 3.12rem;
    position: absolute;
    top: 0.2rem;
    left: 0.2rem;
  }

  .t-ind3-d6 img {
    height: 100%;
    width: auto;
    margin-left: -18%;
  }

  .t-ind3-e1 {
    width: 0.6rem;
    height: 1.08rem;
    position: absolute;
    top: calc(50% - 1.08rem/2);
    left: 0.2rem;
    background: url(../images/b20.jpg) no-repeat transparent;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 4;
  }

  .t-ind3-e2 {
    width: 0.6rem;
    height: 1.08rem;
    position: absolute;
    top: calc(50% - 1.08rem/2);
    right: 0.2rem;
    background: url(../images/b21.jpg) no-repeat transparent;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 4;
  }
}

@media only screen and (min-width: 1340px) {
  .t-ind4-a1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
  }

  .t-ind4-a2 {
    width: 50%;
    height: 450px;
    position: relative;
    overflow: hidden;
    margin-bottom: 74px;
  }

  .t-ind4-a2:nth-child(odd) {
    float: left;
  }

  .t-ind4-a2:nth-child(even) {
    float: right;
  }

  .t-ind4-a2>img {
    min-height: 100%;
    position: relative;
  }

  .t-ind4-a3 {
    position: absolute;
    left: 34px;
  }

  .t-ind4-a2:nth-child(1) .t-ind4-a3 {
    top: 90px;
  }

  .t-ind4-a2:nth-child(2) .t-ind4-a3 {
    top: 55px;
  }

  .t-ind4-a2:nth-child(3) .t-ind4-a3 {
    top: 240px;
  }

  .t-ind4-a2:nth-child(4) .t-ind4-a3 {
    top: 240px;
  }

  .t-ind4-a3>div:nth-child(1) {
    width: 6px;
    height: 30px;
    background: #e50013;
    border: 0;
    border-radius: 3px;
    float: left;
    margin-right: 12px;
  }

  .t-ind4-a3>div:nth-child(2) {
    float: left;
  }

  .t-ind4-a3>div:nth-child(2) span:nth-child(1) {
    font-size: 30px;
    line-height: 30px;
    color: #333333;
  }

  .t-ind4-a3>div:nth-child(2) span:nth-child(2) {
    font-size: 20px;
    line-height: 30px;
    color: #333333;
  }

  .t-ind4-a3>div:nth-child(2) span:nth-child(3) {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
  }

  .t-ind4-a4 {
    position: absolute;
  }

  .t-ind4-a4 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-ind4-a4:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-ind4-a2:nth-child(1) .t-ind4-a4 {
    display: none;
  }

  .t-ind4-a2:nth-child(2) .t-ind4-a4 {
    width: 592px;
    height: 160px;
    top: 128px;
    left: calc(50% - 592px/2);
  }

  .t-ind4-a2:nth-child(3) .t-ind4-a4 {
    width: 100%;
    height: 200px;
    top: 0;
    left: 0;
  }

  .t-ind4-a2:nth-child(4) .t-ind4-a4 {
    width: 100%;
    height: 200px;
    top: 0;
    left: 0;
  }

  .t-ind4-a5 {
    position: absolute;
    top: 292px;
    left: 34px;
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    width: calc(100% - 34px*2);
  }

  .t-ind4-a2:nth-child(1) .t-ind4-a5 {
    display: none;
  }

  .t-ind4-a2:nth-child(2) .t-ind4-a5 {
    display: none;
  }

  .t-ind4-a6 {
    font-size: 16px;
    line-height: 28px;
    color: #666666;
    width: calc(100% - 34px*2);
    position: absolute;
    left: 34px;
    height: calc(28px*3);
  }

  .t-ind4-a2:nth-child(1) .t-ind4-a6 {
    top: 160px;
  }

  .t-ind4-a2:nth-child(2) .t-ind4-a6 {
    top: 314px;
  }

  .t-ind4-a2:nth-child(3) .t-ind4-a6 {
    top: 330px;
  }

  .t-ind4-a2:nth-child(4) .t-ind4-a6 {
    top: 330px;
  }

  .t-ind4-a6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .t-ind4-a7 {
    width: 120px;
    height: 36px;
    background: none;
    border: 1px solid #e50013;
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 34px;
    color: #e50013;
    text-align: center;
    transition: 0.8s;
    position: absolute;
  }

  .t-ind4-a7:hover {
    background: #e50013;
    color: #fff;
    transition: 0.8s;
  }

  .t-ind4-a2:nth-child(1) .t-ind4-a7 {
    top: 318px;
    left: 42px;
  }

  .t-ind4-a2:nth-child(2) .t-ind4-a7 {
    top: 52px;
    right: 34px;
  }

  .t-ind4-a2:nth-child(3) .t-ind4-a7 {
    top: 238px;
    right: 34px;
  }

  .t-ind4-a2:nth-child(4) .t-ind4-a7 {
    top: 238px;
    right: 34px;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-ind4-a1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
  }

  .t-ind4-a2 {
    width: 50%;
    height: 332px;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
  }

  .t-ind4-a2:nth-child(odd) {
    float: left;
  }

  .t-ind4-a2:nth-child(even) {
    float: right;
  }

  .t-ind4-a2>img {
    min-height: 100%;
    position: relative;
  }

  .t-ind4-a3 {
    position: absolute;
    left: 24px;
  }

  .t-ind4-a2:nth-child(1) .t-ind4-a3 {
    top: 60px;
  }

  .t-ind4-a2:nth-child(2) .t-ind4-a3 {
    top: 30px;
  }

  .t-ind4-a2:nth-child(3) .t-ind4-a3 {
    top: 170px;
  }

  .t-ind4-a2:nth-child(4) .t-ind4-a3 {
    top: 170px;
  }

  .t-ind4-a3>div:nth-child(1) {
    width: 6px;
    height: 24px;
    background: #e50013;
    border: 0;
    border-radius: 3px;
    float: left;
    margin-right: 10px;
  }

  .t-ind4-a3>div:nth-child(2) {
    float: left;
  }

  .t-ind4-a3>div:nth-child(2) span:nth-child(1) {
    font-size: 24px;
    line-height: 24px;
    color: #333333;
  }

  .t-ind4-a3>div:nth-child(2) span:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
  }

  .t-ind4-a3>div:nth-child(2) span:nth-child(3) {
    font-size: 12px;
    line-height: 24px;
    color: #666666;
  }

  .t-ind4-a4 {
    position: absolute;
  }

  .t-ind4-a4 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-ind4-a4:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-ind4-a2:nth-child(1) .t-ind4-a4 {
    display: none;
  }

  .t-ind4-a2:nth-child(2) .t-ind4-a4 {
    width: calc(100% - 24px*2);
    height: 116px;
    top: 80px;
    left: 24px;
  }

  .t-ind4-a2:nth-child(3) .t-ind4-a4 {
    width: 100%;
    height: 148px;
    top: 0;
    left: 0;
  }

  .t-ind4-a2:nth-child(4) .t-ind4-a4 {
    width: 100%;
    height: 148px;
    top: 0;
    left: 0;
  }

  .t-ind4-a5 {
    position: absolute;
    top: 210px;
    left: 24px;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    width: calc(100% - 24px*2);
  }

  .t-ind4-a2:nth-child(1) .t-ind4-a5 {
    display: none;
  }

  .t-ind4-a2:nth-child(2) .t-ind4-a5 {
    display: none;
  }

  .t-ind4-a6 {
    font-size: 12px;
    line-height: 24px;
    color: #666666;
    width: calc(100% - 24px*2);
    position: absolute;
    left: 24px;
    height: calc(24px*3);
  }

  .t-ind4-a2:nth-child(1) .t-ind4-a6 {
    top: 120px;
  }

  .t-ind4-a2:nth-child(2) .t-ind4-a6 {
    top: 220px;
  }

  .t-ind4-a2:nth-child(3) .t-ind4-a6 {
    top: 240px;
  }

  .t-ind4-a2:nth-child(4) .t-ind4-a6 {
    top: 240px;
  }

  .t-ind4-a6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .t-ind4-a7 {
    width: 100px;
    height: 30px;
    background: none;
    border: 1px solid #e50013;
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 28px;
    color: #e50013;
    text-align: center;
    transition: 0.8s;
    position: absolute;
  }

  .t-ind4-a7:hover {
    background: #e50013;
    color: #fff;
    transition: 0.8s;
  }

  .t-ind4-a2:nth-child(1) .t-ind4-a7 {
    top: 230px;
    left: 24px;
  }

  .t-ind4-a2:nth-child(2) .t-ind4-a7 {
    top: 28px;
    right: 24px;
  }

  .t-ind4-a2:nth-child(3) .t-ind4-a7 {
    top: 170px;
    right: 24px;
  }

  .t-ind4-a2:nth-child(4) .t-ind4-a7 {
    top: 170px;
    right: 24px;
  }
}

@media only screen and (max-width: 1023px) {
  .t-ind4-a1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
  }

  .t-ind4-a2 {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 0.66rem;
  }

  .t-ind4-a2:nth-child(1) {
    height: 4.5rem;
  }

  .t-ind4-a2:nth-child(2) {
    height: 4.94rem;
  }

  .t-ind4-a2:nth-child(3) {
    height: 6.6rem;
  }

  .t-ind4-a2:nth-child(4) {
    height: 6.24rem;
  }

  .t-ind4-a2>img {
    min-height: 100%;
    position: relative;
  }

  .t-ind4-a3 {
    position: absolute;
    left: 0.36rem;
  }

  .t-ind4-a2:nth-child(1) .t-ind4-a3 {
    top: 0.77rem;
    height: 4.5rem;
  }

  .t-ind4-a2:nth-child(2) .t-ind4-a3 {
    top: 0.56rem;
    height: 4.94rem;
  }

  .t-ind4-a2:nth-child(3) .t-ind4-a3 {
    top: 2.74rem;
    height: 6.6rem;
  }

  .t-ind4-a2:nth-child(4) .t-ind4-a3 {
    top: 2.74rem;
    height: 6.24rem;
  }

  .t-ind4-a3>div:nth-child(1) {
    width: 0.06rem;
    height: 0.36rem;
    background: #e50013;
    border: 0;
    border-radius: 0.03rem;
    float: left;
    margin-right: 0.12rem;
  }

  .t-ind4-a3>div:nth-child(2) {
    float: left;
  }

  .t-ind4-a3>div:nth-child(2) span:nth-child(1) {
    font-size: 0.36rem;
    line-height: 0.36rem;
    color: #333333;
  }

  .t-ind4-a3>div:nth-child(2) span:nth-child(2) {
    font-size: 0.2rem;
    line-height: 0.36rem;
    color: #333333;
  }

  .t-ind4-a3>div:nth-child(2) span:nth-child(3) {
    font-size: 0.22rem;
    line-height: 0.36rem;
    color: #666666;
  }

  .t-ind4-a4 {
    position: absolute;
  }

  .t-ind4-a4 img {
    min-height: 100%;
  }

  .t-ind4-a2:nth-child(1) .t-ind4-a4 {
    display: none;
  }

  .t-ind4-a2:nth-child(2) .t-ind4-a4 {
    width: calc(100% - 0.36rem*2);
    height: 1.7rem;
    top: 1.32rem;
    left: 0.36rem;
  }

  .t-ind4-a2:nth-child(3) .t-ind4-a4 {
    width: 100%;
    height: 2.18rem;
    top: 0;
    left: 0;
  }

  .t-ind4-a2:nth-child(4) .t-ind4-a4 {
    width: 100%;
    height: 2.18rem;
    top: 0;
    left: 0;
  }

  .t-ind4-a5 {
    position: absolute;
    top: 3.6rem;
    left: 0.36rem;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #333333;
    width: calc(100% - 0.36rem*2);
  }

  .t-ind4-a2:nth-child(1) .t-ind4-a5 {
    display: none;
  }

  .t-ind4-a2:nth-child(2) .t-ind4-a5 {
    display: none;
  }

  .t-ind4-a6 {
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #666666;
    width: calc(100% - 0.36rem*2);
    position: absolute;
    left: 0.36rem;
    height: calc(0.38rem*4);
  }

  .t-ind4-a2:nth-child(1) .t-ind4-a6 {
    top: 1.4rem;
  }

  .t-ind4-a2:nth-child(2) .t-ind4-a6 {
    top: 3.32rem;
  }

  .t-ind4-a2:nth-child(3) .t-ind4-a6 {
    top: 4.1rem;
  }

  .t-ind4-a2:nth-child(4) .t-ind4-a6 {
    top: 4.1rem;
  }

  .t-ind4-a6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }

  .t-ind4-a7 {
    width: 1.2rem;
    height: 0.36rem;
    background: none;
    border: 1px solid #e50013;
    border-radius: 0.04rem;
    box-sizing: border-box;
    font-size: 0.24rem;
    line-height: 0.34rem;
    color: #e50013;
    text-align: center;
    position: absolute;
  }

  .t-ind4-a2:nth-child(1) .t-ind4-a7 {
    top: 3.24rem;
    left: 0.36rem;
  }

  .t-ind4-a2:nth-child(2) .t-ind4-a7 {
    top: 0.56rem;
    right: 0.36rem;
  }

  .t-ind4-a2:nth-child(3) .t-ind4-a7 {
    top: 2.74rem;
    right: 0.36rem;
  }

  .t-ind4-a2:nth-child(4) .t-ind4-a7 {
    top: 2.74rem;
    right: 0.36rem;
  }
}

@media only screen and (min-width: 1340px) {
  .t-ft1-a1 {
    width: 100%;
    position: relative;
    background: #0a0a0a;
  }

  .t-ft1-a2 {
    width: 100%;
    height: 340px;
    position: relative;
    background: url(../images/b11.jpg) no-repeat transparent;
    background-position: center center;
    background-size: 1920px 100%;
  }

  .t-ft1-a3 {
    margin-left: calc(50% - 1300px/2);
    float: left;
    padding-top: 36px;
  }

  .t-ft1-a4 {
    height: 55px;
    margin-bottom: 14px;
  }

  .t-ft1-a5 {
    margin-bottom: 0;
  }

  .t-ft1-a6 {
    margin-bottom: 16px;
  }

  .t-ft1-a6>div:nth-child(1) {
    width: 50px;
    height: 34px;
    float: left;
  }

  .t-ft1-a6>div:nth-child(2) {
    font-size: 16px;
    line-height: 34px;
    color: #fff;
    width: 270px;
    float: left;
  }

  .t-ft1-a7 {
    position: relative;
    padding-left: 34px;
  }

  .t-ft1-a8 {
    width: 42px;
    position: relative;
    float: left;
    margin-right: 20px;
    cursor: pointer;
  }

  .t-ft1-a8:last-child {
    margin-right: 0;
  }

  .t-ft1-a8>img {
    position: relative;
    width: 100%;
  }

  .t-ft1-a8>div {
    width: 100px;
    background: #fff;
    position: absolute;
    bottom: calc(100% + 20px);
    left: calc(50% - 100px/2);
    display: none;
  }

  .t-ft1-a8:hover>div {
    display: block;
  }

  .t-ft1-a9 {
    display: none;
  }

  .t-ft1-b1 {
    float: right;
    width: calc(1300px - 350px);
    float: right;
    margin-right: calc(50% - 1300px/2);
    padding-top: 50px;
    position: relative;
    display: flex;
    justify-content: space-between;
  }

  .t-ft1-b2>div {
    font-size: 14px;
    line-height: 30px;
    color: #fff;
  }

  .t-ft1-b2>div:first-child {
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    margin-bottom: 18px;
  }

  .t-ft1-b1>b {
    display: block;
    width: 1px;
    height: 240px;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
  }

  .t-ft1-c1 {
    width: 100%;
    border-top: 1px solid #4a4b4c;
    font-size: 14px;
    line-height: 68px;
    color: #fff;
    text-align: center;
  }

  .t-ft1-c1 img {
    display: inline-block;
    width: 18px;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-ft1-a1 {
    width: 100%;
    position: relative;
    background: #114694;
  }

  .t-ft1-a2 {
    width: 100%;
    height: 260px;
    position: relative;
    background: url(../images/b11.jpg) no-repeat transparent;
    background-position: center center;
    background-size: 1340px 100%;
  }

  .t-ft1-a3 {
    margin-left: calc(50% - 960px/2);
    float: left;
    padding-top: 24px;
  }

  .t-ft1-a4 {
    height: 48px;
    margin-bottom: 12px;
  }

  .t-ft1-a5 {
    margin-bottom: 0;
  }

  .t-ft1-a6 {
    margin-bottom: 12px;
  }

  .t-ft1-a6>div:nth-child(1) {
    width: 40px;
    height: 28px;
    float: left;
  }

  .t-ft1-a6>div:nth-child(2) {
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    width: 240px;
    float: left;
  }

  .t-ft1-a7 {
    position: relative;
    padding-left: 24px;
  }

  .t-ft1-a8 {
    width: 32px;
    position: relative;
    float: left;
    margin-right: 20px;
    cursor: pointer;
  }

  .t-ft1-a8:last-child {
    margin-right: 0;
  }

  .t-ft1-a8>img {
    position: relative;
    width: 100%;
  }

  .t-ft1-a8>div {
    width: 100px;
    background: #fff;
    position: absolute;
    bottom: calc(100% + 20px);
    left: calc(50% - 100px/2);
    display: none;
  }

  .t-ft1-a8:hover>div {
    display: block;
  }

  .t-ft1-a9 {
    display: none;
  }

  .t-ft1-b1 {
    float: right;
    width: calc(960px - 300px);
    float: right;
    margin-right: calc(50% - 960px/2);
    padding-top: 30px;
    position: relative;
    display: flex;
    justify-content: space-between;
  }

  .t-ft1-b2>div {
    font-size: 12px;
    line-height: 24px;
    color: #fff;
  }

  .t-ft1-b2>div:first-child {
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    margin-bottom: 16px;
  }

  .t-ft1-b1>b {
    display: block;
    width: 1px;
    height: 200px;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
  }

  .t-ft1-c1 {
    width: 100%;
    border-top: 1px solid #5a7eb3;
    font-size: 12px;
    line-height: 50px;
    color: #fff;
    text-align: center;
  }

  .t-ft1-c1 img {
    display: inline-block;
    width: 14px;
  }
}

@media only screen and (max-width: 1023px) {
  .t-ft1-a1 {
    width: 100%;
    position: relative;
    background: #114694;
  }

  .t-ft1-a2 {
    width: 100%;
    height: 2.72rem;
    position: relative;
    background: none;
  }

  .t-ft1-a3 {
    margin-left: 0.2rem;
    width: calc(100% - 0.2rem*2);
    position: relative;
  }

  .t-ft1-a4 {
    display: none;
  }

  .t-ft1-a5 {
    padding-top: 0.54rem;
  }

  .t-ft1-a6>div:nth-child(1) {
    width: 0.5rem;
    height: 0.6rem;
    float: left;
    position: relative;
  }

  .t-ft1-a6>div:nth-child(1) img {
    height: auto;
    width: 0.34rem;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
  }

  .t-ft1-a6>div:nth-child(2) {
    font-size: 0.26rem;
    line-height: 0.6rem;
    color: #fff;
    width: calc(100% - 0.5rem);
    float: left;
  }

  .t-ft1-a7 {
    display: none;
  }

  .t-ft1-a9 {
    width: 1.5rem;
    position: absolute;
    top: 0.7rem;
    right: 0;
  }

  .t-ft1-b1 {
    display: none;
  }

  .t-ft1-c1 {
    width: 100%;
    border-top: 1px solid #5a7eb3;
    font-size: 0.26rem;
    line-height: 0.42rem;
    color: #fff;
    text-align: center;
    padding: 0.24rem 0.2rem;
    box-sizing: border-box;
  }

  .t-ft1-c1 img {
    display: inline-block;
    width: 0.26rem;
  }
}

@media only screen and (min-width: 1340px) {
  .t-ban2-a1 {
    width: 100%;
    height: 520px;
    position: relative;
    overflow: hidden;
  }

  .t-ban2-a1 img {
    width: 1920px;
    min-height: 100%;
    position: relative;
    margin-left: calc(50% - 1920px/2);
    transition: 0.8s;
  }

  .t-ban2-a1:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-ban2-a1 img:nth-child(1) {
    display: block;
  }

  .t-ban2-a1 img:nth-child(2) {
    display: none;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-ban2-a1 {
    width: 100%;
    height: 360px;
    position: relative;
    overflow: hidden;
  }

  .t-ban2-a1 img {
    width: 1340px;
    min-height: 100%;
    position: relative;
    margin-left: calc(50% - 1340px/2);
    transition: 0.8s;
  }

  .t-ban2-a1:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-ban2-a1 img:nth-child(1) {
    display: block;
  }

  .t-ban2-a1 img:nth-child(2) {
    display: none;
  }
}

@media only screen and (max-width: 1023px) {
  .t-ban2-a1 {
    width: 100%;
    height: 2.4rem;
    position: relative;
    overflow: hidden;
  }

  .t-ban2-a1 img {
    width: 100%;
    min-height: 100%;
    position: relative;
  }

  .t-ban2-a1 img:nth-child(1) {
    display: none;
  }

  .t-ban2-a1 img:nth-child(2) {
    display: block;
  }
}

@media only screen and (min-width: 1340px) {
  .t-nav1-a1 {
    width: 1300px;
    height: 140px;
    background: #fff;
    box-shadow: 0 3px 27px rgba(238, 238, 238, 0.47);
    margin: 0 auto;
    margin-top: -50px;
    margin-bottom: 22px;
    padding: 31px 28px;
    box-sizing: border-box;
    position: relative;
  }

  .t-nav1-a2 {
    width: calc(100% - 28px*2);
    height: 1px;
    background: #b7b7b7;
    position: absolute;
    top: 50%;
    left: 28px;
  }

  .t-nav1-a3 {
    position: relative;
    float: left;
    background: #fff;
  }

  .t-nav1-a3>div:nth-child(1) {
    width: 6px;
    height: 30px;
    border: 0;
    border-radius: 3px;
    background: #e50013;
    float: left;
    margin-right: 10px;
  }

  .t-nav1-a3>div:nth-child(2) {
    font-size: 24px;
    line-height: 30px;
    color: #333333;
    font-weight: bold;
    margin-right: 12px;
    float: left;
  }

  .t-nav1-a3>div:nth-child(3) {
    width: 7px;
    height: 7px;
    background: #e50013;
    border: 0;
    border-radius: 50%;
    position: relative;
    top: calc(30px/2 - 7px/2);
    float: left;
  }

  .t-nav1-a4 {
    float: right;
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 20px;
  }

  .t-nav1-a5 {
    float: left;
    font-size: 16px;
    color: #333333;
    margin-right: 18px;
    background: #f1f1f1;
    position: relative;
    border-radius: 5px;
  }
  .t-nav1-a5 a{
    line-height: 42px;
    padding: 0 24px;
    display: block;
  }
  .t-nav1-a5:hover{color: #e50013;}
  .t-nav1-a5.t-nav1-on1{
    background: #e50013;
    color: #fff;
  }

  .t-nav1-a5:last-child {
    margin-right: 0;
  }

  .t-nav1-a5 b {
    width: 7px;
    height: 7px;
    background: #e50013;
    border: 0;
    border-radius: 50%;
    position: absolute;
    top: calc(30px/2 - 7px/2);
    display: block;
    opacity: 0;
    transition: 0.8s;
  }

  .t-nav1-a5 b:nth-child(2) {
    left: -7px;
  }

  .t-nav1-a5 b:nth-child(3) {
    right: -7px;
  }

  .t-nav1-a5.t-nav1-on1 b {
    /*opacity: 1;*/
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-nav1-a1 {
    width: 960px;
    height: 80px;
    background: #fff;
    box-shadow: 0 3px 24px rgba(238, 238, 238, 0.47);
    margin: 0 auto;
    margin-top: -44px;
    margin-bottom: 20px;
    padding: 28px 20px;
    box-sizing: border-box;
    position: relative;
  }

  .t-nav1-a2 {
    width: calc(100% - 20px*2);
    height: 1px;
    background: #adc1df;
    position: absolute;
    top: 50%;
    left: 20px;
  }

  .t-nav1-a3 {
    position: relative;
    float: left;
    background: #fff;
  }

  .t-nav1-a3>div:nth-child(1) {
    width: 6px;
    height: 24px;
    border: 0;
    border-radius: 3px;
    background: #e50013;
    float: left;
    margin-right: 10px;
  }

  .t-nav1-a3>div:nth-child(2) {
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    font-weight: bold;
    margin-right: 12px;
    float: left;
  }

  .t-nav1-a3>div:nth-child(3) {
    width: 7px;
    height: 7px;
    background: #e50013;
    border: 0;
    border-radius: 50%;
    position: relative;
    top: calc(24px/2 - 7px/2);
    float: left;
  }

  .t-nav1-a4 {
    float: right;
    position: relative;
  }

  .t-nav1-a5 {
    float: left;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    padding: 0 6px;
    margin-right: 18px;
    background: #fff;
    position: relative;
  }

  .t-nav1-a5:last-child {
    margin-right: 0;
  }

  .t-nav1-a5 b {
    width: 7px;
    height: 7px;
    background: #e50013;
    border: 0;
    border-radius: 50%;
    position: absolute;
    top: calc(24px/2 - 7px/2);
    display: block;
    opacity: 0;
    transition: 0.8s;
  }

  .t-nav1-a5 b:nth-child(2) {
    left: -7px;
  }

  .t-nav1-a5 b:nth-child(3) {
    right: -7px;
  }

  .t-nav1-a5.t-nav1-on1 b {
    opacity: 1;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1023px) {
  .t-nav1-a1 {
    display: none;
  }
}

@media only screen and (min-width: 1340px) {
  .t-t1-a1 {
    padding: 72px 0;
    width: 100%;
    text-align: center;
  }

  .t-t1-a1 div {
    display: inline-block;
  }

  .t-t1-a1 div:nth-child(1) {
    width: 32px;
    height: 3px;
    background: #e50013;
    position: relative;
    top: -10px;
  }

  .t-t1-a1 div:nth-child(2) {
    font-size: 38px;
    line-height: 38px;
    color: #333333;
    font-weight: bold;
    margin: 0 25px;
  }

  .t-t1-a1 div:nth-child(3) {
    width: 32px;
    height: 3px;
    background: #e50013;
    position: relative;
    top: -10px;
  }

  .t-t1-a2 div:nth-child(1) {
    background: #fff;
  }

  .t-t1-a2 div:nth-child(2) {
    color: #fff;
  }

  .t-t1-a2 div:nth-child(3) {
    background: #fff;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-t1-a1 {
    padding: 50px 0;
    width: 100%;
    text-align: center;
  }

  .t-t1-a1 div {
    display: inline-block;
  }

  .t-t1-a1 div:nth-child(1) {
    width: 32px;
    height: 3px;
    background: #e50013;
    position: relative;
    top: -8px;
  }

  .t-t1-a1 div:nth-child(2) {
    font-size: 30px;
    line-height: 30px;
    color: #333333;
    font-weight: bold;
    margin: 0 20px;
  }

  .t-t1-a1 div:nth-child(3) {
    width: 32px;
    height: 3px;
    background: #e50013;
    position: relative;
    top: -8px;
  }

  .t-t1-a2 div:nth-child(1) {
    background: #fff;
  }

  .t-t1-a2 div:nth-child(2) {
    color: #fff;
  }

  .t-t1-a2 div:nth-child(3) {
    background: #fff;
  }
}

@media only screen and (max-width: 1023px) {
  .t-t1-a1 {
    padding: 0.6rem 0;
    width: 100%;
    text-align: center;
  }

  .t-t1-a1 div {
    display: inline-block;
  }

  .t-t1-a1 div:nth-child(1) {
    width: 0.32rem;
    height: 2px;
    background: #e50013;
    position: relative;
    top: -0.1rem;
  }

  .t-t1-a1 div:nth-child(2) {
    font-size: 0.38rem;
    line-height: 0.38rem;
    color: #333333;
    font-weight: bold;
    margin: 0 0.25rem;
  }

  .t-t1-a1 div:nth-child(3) {
    width: 0.32rem;
    height: 2px;
    background: #e50013;
    position: relative;
    top: -0.1rem;
  }

  .t-t1-a2 div:nth-child(1) {
    background: #fff;
  }

  .t-t1-a2 div:nth-child(2) {
    color: #fff;
  }

  .t-t1-a2 div:nth-child(3) {
    background: #fff;
  }
}

@media only screen and (min-width: 1340px) {
  .t-t2-a1 {
    position: relative;
  }

  .t-t2-a1>div:nth-child(1) {
    font-size: 30px;
    line-height: 30px;
    color: #333333;
    font-weight: bold;
    float: left;
    margin-right: 24px;
  }

  .t-t2-a1>div:nth-child(2) {
    width: 32px;
    height: 3px;
    background: #e50013;
    float: left;
    position: relative;
    top: calc(30px/2 - 3px/2);
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-t2-a1 {
    position: relative;
  }

  .t-t2-a1>div:nth-child(1) {
    font-size: 24px;
    line-height: 24px;
    color: #333333;
    font-weight: bold;
    float: left;
    margin-right: 20px;
  }

  .t-t2-a1>div:nth-child(2) {
    width: 32px;
    height: 3px;
    background: #e50013;
    float: left;
    position: relative;
    top: calc(24px/2 - 3px/2);
  }
}

@media only screen and (max-width: 1023px) {
  .t-t2-a1 {
    position: relative;
  }

  .t-t2-a1>div:nth-child(1) {
    font-size: 0.36rem;
    line-height: 0.36rem;
    color: #333333;
    font-weight: bold;
    float: left;
    margin-right: 0.24rem;
  }

  .t-t2-a1>div:nth-child(2) {
    width: 0.32rem;
    height: 2px;
    background: #e50013;
    float: left;
    position: relative;
    top: calc(0.36rem/2 - 2px/2);
  }
}

@media only screen and (min-width: 1340px) {
  .t-t3-a1 {
    padding: 50px 0;
    position: relative;
  }

  .t-t3-a2 {
    font-size: 34px;
    line-height: 30px;
    color: #333333;
    text-align: center;
  }

  .t-t3-a3 {
    font-size: 18px;
    line-height: 30px;
    color: #666666;
    text-align: center;
    text-transform: uppercase;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-t3-a1 {
    padding: 40px 0;
    position: relative;
  }

  .t-t3-a2 {
    font-size: 28px;
    line-height: 24px;
    color: #333333;
    text-align: center;
  }

  .t-t3-a3 {
    font-size: 12px;
    line-height: 24px;
    color: #666666;
    text-align: center;
    text-transform: uppercase;
  }
}

@media only screen and (max-width: 1023px) {
  .t-t3-a1 {
    display: none;
  }
}

@media only screen and (min-width: 1340px) {
  .t-b1-a1 {
    width: 120px;
    height: 36px;
    background: none;
    border: 1px solid #e50013;
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 34px;
    color: #e50013;
    text-align: center;
    transition: 0.8s;
    position: relative;
  }

  .t-b1-a1:hover {
    background: #e50013;
    color: #fff;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-b1-a1 {
    width: 100px;
    height: 30px;
    background: none;
    border: 1px solid #e50013;
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 28px;
    color: #e50013;
    text-align: center;
    transition: 0.8s;
    position: relative;
  }

  .t-b1-a1:hover {
    background: #e50013;
    color: #fff;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1023px) {
  .t-b1-a1 {
    width: 2.8rem;
    height: 0.7rem;
    background: none;
    border: 1px solid #e50013;
    border-radius: 0.04rem;
    box-sizing: border-box;
    font-size: 0.24rem;
    line-height: 0.68rem;
    color: #e50013;
    text-align: center;
    position: relative;
  }
}

@media only screen and (min-width: 1340px) {
  .t-ac1-a1 {
    position: relative;
    top: -100px;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-ac1-a1 {
    position: relative;
    top: -80px;
  }
}

@media only screen and (max-width: 1023px) {
  .t-ac1-a1 {
    position: relative;
    top: -1.05rem;
  }
}

@media only screen and (min-width: 1340px) {
  .t-dev1-a1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
    padding-bottom: 162px;
  }

  .t-dev1-a8 {
    width: 100%;
  }

  .t-dev1-a2 {
    width: 636px;
    height: 330px;
    position: relative;
    float: left;
  }

  .t-dev1-a2 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-dev1-a2:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-dev1-a3 {
    width: 636px;
    height: calc(330px/2);
    border-bottom: 1px solid #d8d8d8;
    position: relative;
    box-sizing: border-box;
  }

  .t-dev1-a3:nth-child(odd) {
    float: right;
  }

  .t-dev1-a3:nth-child(even) {
    float: left;
  }

  .t-dev1-a3:nth-child(2) {
    float: right;
  }

  .t-dev1-a4 {
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    width: 470px;
    height: 24px;
    position: absolute;
    top: 38px;
    right: 15px;
  }

  .t-dev1-a5 {
    font-size: 14px;
    line-height: 30px;
    color: #515151;
    width: 470px;
    height: 60px;
    position: absolute;
    top: 84px;
    right: 15px;
  }

  .t-dev1-a5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-dev1-a6 {
    position: absolute;
    top: 46px;
    left: 0;
  }

  .t-dev1-a6>div:nth-child(1) {
    font-size: 36px;
    line-height: 26px;
    color: #333333;
    margin-bottom: 22px;
    font-weight: 100;
    text-align: right;
  }

  .t-dev1-a6>div:nth-child(2) {
    font-size: 18px;
    line-height: 14px;
    color: #666666;
    font-weight: 100;
    text-align: right;
  }

  .t-dev1-a7 {
    width: 2px;
    height: 30px;
    background: #dcdcdd;
    position: absolute;
    top: calc(50% - 30px/2);
    left: 120px;
    transition: 0.8s;
  }

  .t-dev1-a3:hover .t-dev1-a7 {
    height: 100%;
    top: 0;
    transition: 0.8s;
  }

  .t-dev1-a1 .t-b1-a1 {
    position: absolute;
    bottom: calc(162px/2 - 36px/2);
    left: calc(50% - 120px/2);
  }

  .t-dev1-b1 {
    width: 100%;
    padding-bottom: 154px;
    position: relative;
    overflow: hidden;
    background: url(../images/b27.jpg) no-repeat #fff;
    background-position: top center;
    background-size: 1920px auto;
  }

  .t-dev1-b2 {
    width: 1300px;
    margin: 0 auto;
    position: relative;
  }

  .t-dev1-b3 {
    width: 420px;
    height: 446px;
    background: #fff;
    position: relative;
    float: left;
    margin-right: calc((100% - 420px*3)/2);
    box-shadow: 0 4px 35px rgba(236, 236, 236, 0.35);
  }

  .t-dev1-b3:nth-child(3n) {
    margin-right: 0;
  }

  .t-dev1-b4 {
    width: 100%;
    height: 218px;
    position: relative;
  }

  .t-dev1-b4 img {
    transition: 0.8s;
    min-height: 100%;
  }

  .t-dev1-b3:hover .t-dev1-b4 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-dev1-b5 {
    width: calc(100% - 32px*2);
    height: 22px;
    font-size: 18px;
    line-height: 22px;
    color: #333333;
    text-align: center;
    position: absolute;
    top: 252px;
    left: 32px;
  }

  .t-dev1-b6 {
    width: 80px;
    height: 1px;
    background: #dcdcdc;
    position: absolute;
    top: 296px;
    left: calc(50% - 80px/2);
  }

  .t-dev1-b7 {
    width: calc(100% - 42px*2);
    height: 56px;
    font-size: 14px;
    line-height: 28px;
    color: #333333;
    text-align: center;
    position: absolute;
    top: 314px;
    left: 42px;
  }

  .t-dev1-b7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-dev1-b8 {
    font-size: 14px;
    line-height: 12px;
    color: #999999;
    text-align: center;
    position: absolute;
    top: 394px;
    left: 0;
    width: 100%;
  }

  .t-dev1-b9 {
    display: none;
  }

  .t-dev1-b1 .t-b1-a1 {
    position: absolute;
    bottom: calc(154px/2 - 36px/2);
    left: calc(50% - 120px/2);
  }

  .t-dev1-c1 {
    width: 1300px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 102px;
  }

  .t-dev1-d1 {
    width: 638px;
    height: 496px;
    position: relative;
    float: left;
    background: url(../images/b33.jpg) no-repeat #fff;
    background-size: 100% 100%;
    background-position: center center;
  }

  .t-dev1-d2 {
    width: 100%;
    height: 200px;
    position: relative;
  }

  .t-dev1-d2 img {
    transition: 0.8s;
    min-height: 100%;
  }

  .t-dev1-d2:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-dev1-d1 .t-t2-a1 {
    position: absolute;
    top: 246px;
    left: 28px;
  }

  .t-dev1-d3 {
    width: calc(100% - 34px*2);
    height: calc(30px*3);
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    position: absolute;
    top: 302px;
    left: 34px;
  }

  .t-dev1-d3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .t-dev1-d1 .t-b1-a1 {
    position: absolute;
    bottom: 58px;
    right: 34px;
  }

  .t-dev1-e1 {
    width: 638px;
    position: relative;
    float: right;
    padding-top: 70px;
  }

  .t-dev1-e1 .t-t2-a1 {
    position: absolute;
    top: 16px;
    left: 4px;
  }

  .t-dev1-e1 .t-b1-a1 {
    position: absolute;
    top: 12px;
    right: 0;
  }

  .t-dev1-e2 {
    width: 100%;
    position: relative;
  }

  .t-dev1-e3 {
    width: 100%;
    height: 130px;
    background: #fff;
    position: relative;
    margin-bottom: 18px;
    box-shadow: 0 3px 27px rgba(238, 238, 238, 0.56);
    transition: 0.8s;
  }

  .t-dev1-e3:last-child {
    margin-bottom: 0;
  }

  .t-dev1-e3:hover {
    background: #e50013;
    transition: 0.8s;
  }

  .t-dev1-e4 {
    width: 160px;
    height: 90px;
    position: absolute;
    top: calc(50% - 90px/2);
    left: 20px;
  }

  .t-dev1-e4 img {
    transition: 0.8s;
    min-height: 100%;
  }

  .t-dev1-e3:hover .t-dev1-e4 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-dev1-e5 {
    width: calc(100% - 20px - 50px - 20px - 160px);
    height: 22px;
    font-size: 18px;
    line-height: 22px;
    color: #333333;
    font-weight: bold;
    position: absolute;
    top: 20px;
    right: 50px;
    transition: 0.8s;
  }

  .t-dev1-e3:hover .t-dev1-e5 {
    color: #fff;
    transition: 0.8s;
  }

  .t-dev1-e6 {
    width: calc(100% - 20px - 50px - 20px - 160px);
    height: calc(30px*2);
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    position: absolute;
    top: 54px;
    right: 50px;
    transition: 0.8s;
  }

  .t-dev1-e6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-dev1-e3:hover .t-dev1-e6 {
    color: #fff;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-dev1-a1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
    padding-bottom: 120px;
  }

  .t-dev1-a8 {
    width: 100%;
  }

  .t-dev1-a2 {
    width: 460px;
    height: 240px;
    position: relative;
    float: left;
  }

  .t-dev1-a2 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-dev1-a2:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-dev1-a3 {
    width: 460px;
    height: calc(240px/2);
    border-bottom: 1px solid #d8d8d8;
    position: relative;
    box-sizing: border-box;
  }

  .t-dev1-a3:nth-child(odd) {
    float: right;
  }

  .t-dev1-a3:nth-child(even) {
    float: left;
  }

  .t-dev1-a3:nth-child(2) {
    float: right;
  }

  .t-dev1-a4 {
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    width: 340px;
    height: 20px;
    position: absolute;
    top: 24px;
    right: 12px;
  }

  .t-dev1-a5 {
    font-size: 12px;
    line-height: 24px;
    color: #515151;
    width: 340px;
    height: 48px;
    position: absolute;
    top: 50px;
    right: 12px;
  }

  .t-dev1-a5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-dev1-a6 {
    position: absolute;
    top: 36px;
    left: 0;
  }

  .t-dev1-a6>div:nth-child(1) {
    font-size: 24px;
    line-height: 18px;
    color: #333333;
    margin-bottom: 16px;
    font-weight: 100;
    text-align: right;
  }

  .t-dev1-a6>div:nth-child(2) {
    font-size: 14px;
    line-height: 12px;
    color: #666666;
    font-weight: 100;
    text-align: right;
  }

  .t-dev1-a7 {
    width: 2px;
    height: 30px;
    background: #dcdcdd;
    position: absolute;
    top: calc(50% - 30px/2);
    left: 86px;
    transition: 0.8s;
  }

  .t-dev1-a3:hover .t-dev1-a7 {
    height: 100%;
    top: 0;
    transition: 0.8s;
  }

  .t-dev1-a1 .t-b1-a1 {
    position: absolute;
    bottom: calc(120px/2 - 30px/2);
    left: calc(50% - 100px/2);
  }

  .t-dev1-b1 {
    width: 100%;
    padding-bottom: 120px;
    position: relative;
    overflow: hidden;
    background: url(../images/b27.jpg) no-repeat #fff;
    background-position: top center;
    background-size: 1340px auto;
  }

  .t-dev1-b2 {
    width: 960px;
    margin: 0 auto;
    position: relative;
  }

  .t-dev1-b3 {
    width: 300px;
    height: 320px;
    background: #fff;
    position: relative;
    float: left;
    margin-right: calc((100% - 300px*3)/2);
    box-shadow: 0 4px 28px rgba(236, 236, 236, 0.35);
  }

  .t-dev1-b3:nth-child(3n) {
    margin-right: 0;
  }

  .t-dev1-b4 {
    width: 100%;
    height: 156px;
    position: relative;
  }

  .t-dev1-b4 img {
    transition: 0.8s;
    min-height: 100%;
  }

  .t-dev1-b3:hover .t-dev1-b4 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-dev1-b5 {
    width: calc(100% - 24px*2);
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    position: absolute;
    top: 170px;
    left: 24px;
  }

  .t-dev1-b6 {
    width: 80px;
    height: 1px;
    background: #dcdcdc;
    position: absolute;
    top: 206px;
    left: calc(50% - 80px/2);
  }

  .t-dev1-b7 {
    width: calc(100% - 36px*2);
    height: 48px;
    font-size: 12px;
    line-height: 24px;
    color: #333333;
    text-align: center;
    position: absolute;
    top: 220px;
    left: 36px;
  }

  .t-dev1-b7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-dev1-b8 {
    font-size: 12px;
    line-height: 10px;
    color: #999999;
    text-align: center;
    position: absolute;
    top: 280px;
    left: 0;
    width: 100%;
  }

  .t-dev1-b9 {
    display: none;
  }

  .t-dev1-b1 .t-b1-a1 {
    position: absolute;
    bottom: calc(120px/2 - 30px/2);
    left: calc(50% - 100px/2);
  }

  .t-dev1-c1 {
    width: 960px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 80px;
  }

  .t-dev1-d1 {
    width: 460px;
    height: calc(496px/638*484);
    position: relative;
    float: left;
    background: url(../images/b33.jpg) no-repeat #fff;
    background-size: 100% 100%;
    background-position: center center;
  }

  .t-dev1-d2 {
    width: 100%;
    height: 144px;
    position: relative;
  }

  .t-dev1-d2 img {
    transition: 0.8s;
    min-height: 100%;
  }

  .t-dev1-d2:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-dev1-d1 .t-t2-a1 {
    position: absolute;
    top: 168px;
    left: 20px;
  }

  .t-dev1-d3 {
    width: calc(100% - 20px*2);
    height: calc(24px*3);
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    position: absolute;
    top: 210px;
    left: 20px;
  }

  .t-dev1-d3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .t-dev1-d1 .t-b1-a1 {
    position: absolute;
    bottom: 30px;
    right: 20px;
  }

  .t-dev1-e1 {
    width: 460px;
    position: relative;
    float: right;
    padding-top: 50px;
  }

  .t-dev1-e1 .t-t2-a1 {
    position: absolute;
    top: 10px;
    left: 4px;
  }

  .t-dev1-e1 .t-b1-a1 {
    position: absolute;
    top: 10px;
    right: 0;
  }

  .t-dev1-e2 {
    width: 100%;
    position: relative;
  }

  .t-dev1-e3 {
    width: 100%;
    height: 100px;
    background: #fff;
    position: relative;
    margin-bottom: 14px;
    box-shadow: 0 3px 27px rgba(238, 238, 238, 0.56);
    transition: 0.8s;
  }

  .t-dev1-e3:last-child {
    margin-bottom: 0;
  }

  .t-dev1-e3:hover {
    background: #e50013;
    transition: 0.8s;
  }

  .t-dev1-e4 {
    width: 130px;
    height: 74px;
    position: absolute;
    top: calc(50% - 74px/2);
    left: 16px;
  }

  .t-dev1-e4 img {
    transition: 0.8s;
    min-height: 100%;
  }

  .t-dev1-e3:hover .t-dev1-e4 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-dev1-e5 {
    width: calc(100% - 16px - 30px - 16px - 130px);
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    font-weight: bold;
    position: absolute;
    top: 14px;
    right: 30px;
    transition: 0.8s;
  }

  .t-dev1-e3:hover .t-dev1-e5 {
    color: #fff;
    transition: 0.8s;
  }

  .t-dev1-e6 {
    width: calc(100% - 16px - 30px - 16px - 130px);
    height: calc(22px*2);
    font-size: 12px;
    line-height: 22px;
    color: #666666;
    position: absolute;
    top: 40px;
    right: 30px;
    transition: 0.8s;
  }

  .t-dev1-e6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-dev1-e3:hover .t-dev1-e6 {
    color: #fff;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1023px) {
  .t-dev1-a1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
    padding-bottom: 2.1rem;
  }

  .t-dev1-a8 {
    width: 100%;
  }

  .t-dev1-a2 {
    width: 100%;
    height: 3.66rem;
    position: relative;
    margin-bottom: 0.1rem;
  }

  .t-dev1-a2 img {
    min-height: 100%;
  }

  .t-dev1-a3 {
    width: 100%;
    height: 1.84rem;
    border-bottom: 1px solid #d8d8d8;
    position: relative;
    box-sizing: border-box;
  }

  .t-dev1-a4 {
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #333333;
    width: calc(100% - 1.6rem);
    height: 0.3rem;
    position: absolute;
    top: 0.4rem;
    right: 0.1rem;
  }

  .t-dev1-a5 {
    font-size: 0.24rem;
    line-height: 0.3rem;
    color: #515151;
    width: calc(100% - 1.6rem);
    height: 0.6rem;
    position: absolute;
    top: 0.9rem;
    right: 0.1rem;
  }

  .t-dev1-a5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-dev1-a6 {
    position: absolute;
    top: 0.42rem;
    left: 0.04rem;
  }

  .t-dev1-a6>div:nth-child(1) {
    font-size: 0.36rem;
    line-height: 0.26rem;
    color: #333333;
    margin-bottom: 0.24rem;
    font-weight: 100;
    text-align: right;
  }

  .t-dev1-a6>div:nth-child(2) {
    font-size: 0.24rem;
    line-height: 0.18rem;
    color: #666666;
    font-weight: 100;
    text-align: right;
  }

  .t-dev1-a7 {
    width: 2px;
    height: 0.3rem;
    background: #dcdcdd;
    position: absolute;
    top: calc(50% - 0.3rem/2);
    left: 1.25rem;
  }

  .t-dev1-a1 .t-b1-a1 {
    position: absolute;
    bottom: calc(2.1rem/2 - 0.7rem/2);
    left: calc(50% - 2.8rem/2);
  }

  .t-dev1-b1 {
    width: 100%;
    height: 9rem;
    position: relative;
    overflow: hidden;
    background: url(../images/b28.jpg) no-repeat #fff;
    background-position: center center;
    background-size: 100% 100%;
    margin-bottom: 1.3rem;
  }

  .t-dev1-b2 {
    display: none;
  }

  .t-dev1-b3 {
    width: 4.4rem;
    height: 100%;
    background: #fff;
    position: relative;
    margin: 0 auto;
  }

  .t-dev1-b4 {
    width: 100%;
    height: 2rem;
    position: relative;
  }

  .t-dev1-b4 img {
    min-height: 100%;
  }

  .t-dev1-b5 {
    width: calc(100% - 0.3rem*2);
    height: 0.3rem;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #333333;
    text-align: center;
    position: absolute;
    top: 2.36rem;
    left: 0.3rem;
  }

  .t-dev1-b6 {
    width: 0.4rem;
    height: 1px;
    background: #dcdcdc;
    position: absolute;
    top: 2.84rem;
    left: calc(50% - 0.4rem/2);
  }

  .t-dev1-b7 {
    width: calc(100% - 0.32rem*2);
    height: calc(0.38rem*3);
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #333333;
    text-align: center;
    position: absolute;
    top: 3.5rem;
    left: 0.32rem;
  }

  .t-dev1-b7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .t-dev1-b8 {
    font-size: 0.24rem;
    line-height: 0.18rem;
    color: #999999;
    text-align: center;
    position: absolute;
    top: 3.02rem;
    left: 0;
    width: 100%;
  }

  .t-dev1-b9 {
    width: 100%;
    height: 5.06rem;
    position: relative;
    overflow: hidden;
  }

  .dev1 {
    width: calc(5.14rem*3) !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: calc(50% - 5.14rem*3/2);
  }

  .dev1 .swiper-slide {
    width: 5.14rem !important;
    height: 100% !important;
    position: relative;
  }

  .dev1 .swiper-slide .t-dev1-b3 {
    transition: 0.8s;
    transform: scale(0.9);
  }

  .dev1 .swiper-slide-active .t-dev1-b3 {
    transition: 0.8s;
    transform: scale(1);
  }

  .t-dev1-b1 .t-b1-a1 {
    position: absolute;
    bottom: 0.7rem;
    left: calc(50% - 2.8rem/2);
    color: #fff;
    border: 1px solid #fff;
  }

  .t-dev1-c1 {
    width: calc(100% - 0.2rem*2);
    margin: 0 auto;
    position: relative;
    margin-bottom: 1.06rem;
  }

  .t-dev1-d1 {
    width: 100%;
    height: 6.16rem;
    position: relative;
    background: url(../images/b33.jpg) no-repeat #fff;
    background-size: 100% 100%;
    background-position: center center;
  }

  .t-dev1-d2 {
    width: 100%;
    height: 2.22rem;
    position: relative;
  }

  .t-dev1-d2 img {
    min-height: 100%;
  }

  .t-dev1-d1 .t-t2-a1 {
    position: absolute;
    top: 2.76rem;
    left: 0.2rem;
  }

  .t-dev1-d3 {
    width: calc(100% - 0.2rem*2);
    height: calc(0.38rem*4);
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #666666;
    position: absolute;
    top: 3.4rem;
    left: 0.2rem;
  }

  .t-dev1-d3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }

  .t-dev1-d1 .t-b1-a1 {
    position: absolute;
    bottom: 0.5rem;
    right: 0.32rem;
    width: 1.4rem;
    height: 0.62rem;
    line-height: 0.6rem;
  }

  .t-dev1-e1 {
    width: 100%;
    position: relative;
    padding-top: 1.62rem;
  }

  .t-dev1-e1 .t-t2-a1 {
    position: absolute;
    top: 0.84rem;
    left: 0;
  }

  .t-dev1-e1 .t-b1-a1 {
    position: absolute;
    top: 0.7rem;
    right: 0;
    width: 1.4rem;
    height: 0.62rem;
    line-height: 0.6rem;
  }

  .t-dev1-e2 {
    width: 100%;
    position: relative;
  }

  .t-dev1-e3 {
    width: 100%;
    height: 1.72rem;
    background: #fff;
    position: relative;
    margin-bottom: 0.28rem;
    box-shadow: 0 0.03rem 0.27rem rgba(238, 238, 238, 0.56);
  }

  .t-dev1-e3:last-child {
    margin-bottom: 0;
  }

  .t-dev1-e4 {
    width: 2.2rem;
    height: 1.24rem;
    position: absolute;
    top: calc(50% - 1.24rem/2);
    left: 0.2rem;
  }

  .t-dev1-e4 img {
    min-height: 100%;
  }

  .t-dev1-e5 {
    width: calc(100% - 0.18rem - 0.44rem - 0.2rem - 2.2rem);
    height: 0.3rem;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #333333;
    font-weight: bold;
    position: absolute;
    top: 0.36rem;
    right: 0.44rem;
  }

  .t-dev1-e6 {
    width: calc(100% - 0.18rem - 0.44rem - 0.2rem - 2.2rem);
    height: calc(0.36rem*2);
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: #666666;
    position: absolute;
    top: 0.76rem;
    right: 0.44rem;
  }

  .t-dev1-e6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

@media only screen and (min-width: 1340px) {
  .t-abo1-a0 .t-t1-a1 {
    display: none;
  }

  .t-abo1-a1 {
    width: 1300px;
    margin: 0 auto;
    position: relative;
    font-size: 16px;
    line-height: 28px;
    color: #515151;
    margin-bottom: 58px;
  }

  .t-abo1-a2 {
    width: 1300px;
    height: 136px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    margin-bottom: 64px;
  }

  .t-abo1-a3 {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .t-abo1-a4 {
    width: 25%;
    height: 100%;
    position: relative;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
  }

  .t-abo1-a4:nth-child(1) {
    background: #e50013;
  }

  .t-abo1-a4:nth-child(2) {
    background: #bd313d;
  }

  .t-abo1-a4:nth-child(3) {
    background: #484848;
  }

  .t-abo1-a4:nth-child(4) {
    background: #1f1f1f;
  }

  .t-abo1-a5 {
    font-size: 18px;
    line-height: 42px;
    color: #fff;
    position: absolute;
    top: 30px;
    right: 109px;
  }

  .t-abo1-a4:nth-child(3) .t-abo1-a5 {
    right: 145px;
    top: 30px;
  }

  .t-abo1-a4:nth-child(4) .t-abo1-a5 {
    right: 117px;
    top: 30px;
  }

  .t-abo1-a5 span {
    font-size: 50px;
    line-height: 42px;
    font-weight: bold;
  }

  .t-abo1-a6 {
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    position: absolute;
    top: 78px;
    right: 112px;
  }

  .t-abo1-a4:nth-child(3) .t-abo1-a6 {
    right: 104px;
    top: 82px;
  }

  .t-abo1-a4:nth-child(4) .t-abo1-a6 {
    right: 94px;
    top: 82px;
  }

  .t-abo1-a7 {
    width: 12px;
    height: 55px;
    background: rgba(255, 255, 255, 0.66);
    position: absolute;
    top: 0;
    right: 104px;
  }

  .t-abo1-a4:nth-child(3) .t-abo1-a7 {
    top: auto;
    bottom: 0;
    right: 114px;
  }

  .t-abo1-a4:nth-child(4) .t-abo1-a7 {
    top: auto;
    bottom: 0;
    right: 114px;
  }

  .t-abo1-a8 {
    font-size: 14px;
    line-height: 23px;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
  }

  .t-abo1-b1 {
    width: 1300px;
    height: 552px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 100px;
  }

  .t-abo1-b1>img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-abo1-b1:hover>img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-abo1-b1>img:nth-child(1) {
    display: block;
  }

  .t-abo1-b1>img:nth-child(2) {
    display: none;
  }

  .t-abo1-b2 {
    width: 88px;
    position: absolute;
    top: calc(50% - 88px/2);
    left: calc(50% - 88px/2);
  }

  .t-abo1-b1:hover .t-abo1-b2 {
    transform: rotateY(360deg);
    transition: 0.8s;
  }

  .t-abo1-b3 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
  }

  .t-abo1-b3 video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #000;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-abo1-a0 .t-t1-a1 {
    display: none;
  }

  .t-abo1-a1 {
    width: 960px;
    margin: 0 auto;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    color: #515151;
    margin-bottom: 48px;
  }

  .t-abo1-a2 {
    width: 960px;
    height: 120px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    margin-bottom: 54px;
  }

  .t-abo1-a3 {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .t-abo1-a4 {
    width: 25%;
    height: 100%;
    position: relative;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
  }

  .t-abo1-a4:nth-child(1) {
    background: #e50013;
  }

  .t-abo1-a4:nth-child(2) {
    background: #295fac;
  }

  .t-abo1-a4:nth-child(3) {
    background: #1389d0;
  }

  .t-abo1-a4:nth-child(4) {
    background: #e50013;
  }

  .t-abo1-a5 {
    font-size: 14px;
    line-height: 32px;
    color: #fff;
    position: absolute;
    top: 25px;
    right: 79px;
  }

  .t-abo1-a4:nth-child(3) .t-abo1-a5 {
    top: 28px;
  }

  .t-abo1-a4:nth-child(4) .t-abo1-a5 {
    top: 28px;
  }

  .t-abo1-a5 span {
    font-size: 40px;
    line-height: 32px;
    font-weight: bold;
  }

  .t-abo1-a6 {
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    position: absolute;
    top: 68px;
    right: 73px;
  }

  .t-abo1-a4:nth-child(3) .t-abo1-a6 {
    right: 96px;
    top: 72px;
  }

  .t-abo1-a4:nth-child(4) .t-abo1-a6 {
    right: 96px;
    top: 72px;
  }

  .t-abo1-a7 {
    width: 10px;
    height: 44px;
    background: rgba(255, 255, 255, 0.66);
    position: absolute;
    top: 0;
    right: 74px;
  }

  .t-abo1-a4:nth-child(3) .t-abo1-a7 {
    top: auto;
    bottom: 0;
    right: 80px;
    height: 50px;
  }

  .t-abo1-a4:nth-child(4) .t-abo1-a7 {
    top: auto;
    bottom: 0;
    right: 80px;
    height: 50px;
  }

  .t-abo1-a8 {
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
  }

  .t-abo1-b1 {
    width: 960px;
    height: 408px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 60px;
  }

  .t-abo1-b1>img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-abo1-b1:hover>img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-abo1-b1>img:nth-child(1) {
    display: block;
  }

  .t-abo1-b1>img:nth-child(2) {
    display: none;
  }

  .t-abo1-b2 {
    width: 76px;
    position: absolute;
    top: calc(50% - 76px/2);
    left: calc(50% - 76px/2);
  }

  .t-abo1-b1:hover .t-abo1-b2 {
    transform: rotateY(360deg);
    transition: 0.8s;
  }

  .t-abo1-b3 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
  }

  .t-abo1-b3 video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #000;
  }
}

@media only screen and (max-width: 1023px) {
  .t-abo1-a0 .t-t2-a1 {
    display: none;
  }

  .t-abo1-a1 {
    width: calc(100% - 0.2rem*2);
    margin: 0 auto;
    position: relative;
    font-size: 0.24rem !important;
    line-height: 0.38rem;
    color: #515151;
    margin-bottom: 0.86rem;
  }

  .t-abo1-a2 {
    width: 100%;
    height: 1.8rem;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    margin-bottom: 0.7rem;
    overflow-x: auto;
    box-sizing: border-box;
  }

  .t-abo1-a3 {
    width: calc(2.84rem*3 + 3.54rem + 0.2rem);
    height: 100%;
    position: relative;
    margin-left: 0.2rem;
  }

  .t-abo1-a4 {
    height: 100%;
    position: relative;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
  }

  .t-abo1-a4:nth-child(1) {
    background: #e50013;
    width: 2.84rem;
  }

  .t-abo1-a4:nth-child(2) {
    background: #295fac;
    width: 2.84rem;
  }

  .t-abo1-a4:nth-child(3) {
    background: #1389d0;
    width: 2.84rem;
  }

  .t-abo1-a4:nth-child(4) {
    background: #e50013;
    width: 2.84rem;
  }

  .t-abo1-a5 {
    font-size: 0.24rem;
    line-height: 0.54rem;
    color: #fff;
    position: absolute;
    top: 0.38rem;
    right: 0.9rem;
  }

  .t-abo1-a4:nth-child(3) .t-abo1-a5 {
    top: 0.44rem;
  }

  .t-abo1-a4:nth-child(4) .t-abo1-a5 {
    top: 0.44rem;
  }

  .t-abo1-a5 span {
    font-size: 0.66rem;
    line-height: 0.54rem;
    font-weight: bold;
  }

  .t-abo1-a6 {
    font-size: 0.24rem;
    line-height: 0.24rem;
    color: #fff;
    position: absolute;
    top: 1rem;
    right: 0.7rem;
  }

  .t-abo1-a4:nth-child(3) .t-abo1-a6 {
    right: 1.04rem;
    top: 1.1rem;
  }

  .t-abo1-a4:nth-child(4) .t-abo1-a6 {
    right: 1.04rem;
    top: 1.1rem;
  }

  .t-abo1-a7 {
    width: 0.16rem;
    height: 0.74rem;
    background: rgba(255, 255, 255, 0.66);
    position: absolute;
    top: 0;
    right: 0.72rem;
  }

  .t-abo1-a4:nth-child(3) .t-abo1-a7 {
    top: auto;
    bottom: 0;
    right: 0.8rem;
    height: 0.74rem;
  }

  .t-abo1-a4:nth-child(4) .t-abo1-a7 {
    top: auto;
    bottom: 0;
    right: 0.8rem;
    height: 0.74rem;
  }

  .t-abo1-a8 {
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
  }

  .t-abo1-b1 {
    width: calc(100% - 0.2rem*2);
    height: 3.02rem;
    position: relative;
    margin: 0 auto;
    margin-bottom: 1.1rem;
  }

  .t-abo1-b1>img {
    min-height: 100%;
  }

  .t-abo1-b1>img:nth-child(1) {
    display: none;
  }

  .t-abo1-b1>img:nth-child(2) {
    display: block;
  }

  .t-abo1-b2 {
    width: 0.88rem;
    position: absolute;
    top: calc(50% - 0.88rem/2);
    left: calc(50% - 0.88rem/2);
  }

  .t-abo1-b3 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
  }

  .t-abo1-b3 video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #000;
  }
}

@media only screen and (min-width: 1340px) {
  .t-new1-a1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 28px;
    height: 322px;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
  }

  .t-new1-a2 {
    width: 50%;
    position: relative;
    height: 100%;
    float: left;
  }

  .t-new1-a2 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-new1-a2:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-new1-a3 {
    width: 50%;
    height: 100%;
    background: #fff;
    position: relative;
    float: right;
  }

  .t-new1-a4 {
    width: calc(100% - 36px - 46px);
    height: 28px;
    font-size: 24px;
    line-height: 28px;
    color: #333333;
    font-weight: bold;
    position: absolute;
    top: 60px;
    left: 36px;
  }

  .t-new1-a5 {
    width: calc(100% - 36px - 46px);
    height: calc(30px*3);
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    position: absolute;
    top: 118px;
    left: 36px;
  }

  .t-new1-a5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .t-new1-a6 {
    font-size: 14px;
    line-height: 14px;
    color: #999999;
    position: absolute;
    top: 250px;
    right: 55px;
  }

  .t-new1-a3 .t-b1-a1 {
    position: absolute;
    top: 240px;
    left: 36px;
  }

  .t-new1-b1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
  }

  .t-new1-b8 {
    width: 616px;
    position: relative;
  }

  .t-new1-b8:nth-child(1) {
    float: left;
  }

  .t-new1-b8:nth-child(2) {
    float: right;
  }

  .t-new1-b2 {
    width: 616px;
    height: 75px;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    overflow: hidden;
    transition: 0.8s;
  }

  .t-new1-b2.t-new1-bon1 {
    height: 165px;
    transition: 0.8s;
  }

  .t-new1-b3 {
    width: calc(100% - 135px);
    height: 20px;
    position: absolute;
    top: calc(75px/2 - 20px/2);
    right: 0;
    transition: 0.8s;
  }

  .t-new1-bon1 .t-new1-b3 {
    width: calc(100% - 135px - 30px);
    top: 30px;
    right: 30px;
    transition: 0.8s;
  }

  .t-new1-b3>div:nth-child(1) {
    max-width: calc(100% - 36px);
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #666666;
    float: left;
    transition: 0.8s;
  }

  .t-new1-bon1 .t-new1-b3>div:nth-child(1) {
    font-weight: bold;
    transition: 0.8s;
  }

  .t-new1-b3>div:nth-child(2) {
    width: 35px;
    position: relative;
    top: -16px;
    float: left;
  }

  .t-new1-b4 {
    width: calc(100% - 135px - 30px);
    height: calc(28px*2);
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    position: absolute;
    top: 102px;
    right: 30px;
    transition: 0.8s;
  }

  .t-new1-b4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-new1-bon1 .t-new1-b4 {
    top: 72px;
    transition: 0.8s;
  }

  .t-new1-b5 {
    font-size: 18px;
    line-height: 14px;
    color: #999999;
    position: absolute;
    top: calc(75px/2 - 14px/2);
    left: 20px;
    transition: 0.8s;
  }

  .t-new1-bon1 .t-new1-b5 {
    left: -100px;
    transition: 0.8s;
  }

  .t-new1-b6 {
    position: absolute;
    top: 88px;
    right: calc(100% - 78px);
    transition: 0.8s;
  }

  .t-new1-bon1 .t-new1-b6 {
    top: 28px;
    transition: 0.8s;
  }

  .t-new1-b6>div:nth-child(1) {
    font-size: 16px;
    line-height: 12px;
    color: #666666;
    text-align: right;
    margin-bottom: 20px;
  }

  .t-new1-b6>div:nth-child(2) {
    width: 26px;
    height: 1px;
    background: #cfcfcf;
    margin-left: 30px;
    margin-bottom: 18px;
  }

  .t-new1-b6>div:nth-child(3) {
    font-size: 56px;
    line-height: 44px;
    color: #333333;
    text-align: right;
  }

  .t-new1-b7 {
    width: 100%;
    height: 120px;
    position: relative;
  }

  .t-new1-b7 .t-b1-a1 {
    position: absolute;
    top: calc(50% - 36px/2);
    left: calc(50% - 120px/2);
  }

  .t-new1-c1 {
    width: 100%;
    height: 820px;
    position: relative;
    overflow: hidden;
    background: url(../images/b45.jpg) no-repeat #13449b;
    background-position: center center;
    background-size: 1920px 100%;
    margin-bottom: 100px;
  }

  .t-new1-c2 {
    width: 1300px;
    height: 446px;
    position: relative;
    margin: 0 auto;
  }

  .t-new1-c3 {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .new1 {
    width: calc(420px*3 + 20px*3) !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: calc(50% - (420px + 20px)*3/2);
  }

  .new1 .swiper-slide {
    width: calc(100%/3) !important;
    height: 100% !important;
    position: relative;
  }

  .t-new1-c4 {
    width: 420px;
    height: 100%;
    position: relative;
    margin: 0 auto;
    background: #fff;
  }

  .t-new1-c5 {
    width: 100%;
    height: 218px;
    position: relative;
  }

  .t-new1-c5 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-new1-c4:hover .t-new1-c5 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-new1-c4 b {
    width: 100%;
    height: calc(100% - 218px);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 0.8s;
    display: block;
  }

  .t-new1-c4:hover b {
    background: #1b53a6;
    transition: 0.8s;
    height: calc(100% - 190px);
  }

  .t-new1-c6 {
    width: calc(100% - 42px*2);
    height: 20px;
    font-size: 18px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    position: absolute;
    top: 254px;
    left: 42px;
    transition: 0.8s;
  }

  .t-new1-c4:hover .t-new1-c6 {
    top: 226px;
    color: #fff;
    transition: 0.8s;
  }

  .t-new1-c7 {
    width: 80px;
    height: 1px;
    background: #dcdcdc;
    position: absolute;
    top: 296px;
    left: calc(50% - 80px/2);
    transition: 0.8s;
  }

  .t-new1-c4:hover .t-new1-c7 {
    top: 270px;
    background: #fff;
    transition: 0.8s;
  }

  .t-new1-c8 {
    width: calc(100% - 42px*2);
    height: calc(28px*2);
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    text-align: center;
    position: absolute;
    top: 314px;
    left: 42px;
    transition: 0.8s;
  }

  .t-new1-c8 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-new1-c4:hover .t-new1-c8 {
    top: 324px;
    color: #fff;
    transition: 0.8s;
    height: calc(28px*3);
  }

  .t-new1-c4:hover .t-new1-c8 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .t-new1-c9 {
    width: 100%;
    font-size: 14px;
    line-height: 12px;
    color: #999999;
    text-align: center;
    position: absolute;
    top: 394px;
    left: 0;
    transition: 0.8s;
  }

  .t-new1-c4:hover .t-new1-c9 {
    color: #fff;
    transition: 0.8s;
    top: 290px;
  }

  .new2 {
    width: 47px;
    height: 80px;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: calc(50% - 80px/2);
    left: -56px;
    right: auto;
    cursor: pointer;
    padding: 0;
    margin: 0;
  }

  .new3 {
    width: 47px;
    height: 80px;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: calc(50% - 80px/2);
    left: auto;
    right: -56px;
    cursor: pointer;
    padding: 0;
    margin: 0;
  }

  .t-new1-c1 .t-b1-a1 {
    color: #fff;
    border: 1px solid #fff;
    bottom: 80px;
    left: calc(50% - 120px/2);
    position: absolute;
  }

  .t-new1-c1 .t-b1-a1:hover {
    background: #fff;
    color: #1b53a6;
  }

  .t-new1-d1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
  }

  .t-new1-e1 {
    width: 616px;
    position: relative;
    padding-top: 88px;
    float: left;
  }

  .t-new1-e1 .t-t2-a1 {
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-new1-e1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
  }

  .t-new1-e2 {
    width: 100%;
    position: relative;
  }

  .t-new1-e3 {
    width: 100%;
    height: 140px;
    position: relative;
    margin-bottom: 18px;
    overflow: hidden;
  }

  .t-new1-e3:last-child {
    margin-bottom: 0;
  }

  .t-new1-e4 {
    width: 134px;
    height: 100%;
    background: #e50013;
    float: left;
    position: relative;
  }

  .t-new1-e4>div:nth-child(1) {
    font-size: 48px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 35px;
    left: 0;
    font-weight: bold;
    width: 100%;
  }

  .t-new1-e4>div:nth-child(2) {
    font-size: 18px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
  }

  .t-new1-e5 {
    width: calc(100% - 134px - 2px);
    height: 100%;
    background: #f5f5f5;
    float: right;
    position: relative;
  }

  .t-new1-e5 b {
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #e50013;
    display: block;
    opacity: 0;
    transition: 0.8s;
  }

  .t-new1-e3:hover .t-new1-e5 b {
    width: 100%;
    opacity: 1;
    transition: 0.8s;
  }

  .t-new1-e6 {
    width: calc(100% - 22px - 38px);
    height: 20px;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
    position: absolute;
    top: 38px;
    left: 22px;
    transition: 0.8s;
  }

  .t-new1-e3:hover .t-new1-e6 {
    color: #fff;
    transition: 0.8s;
  }

  .t-new1-e7 {
    width: calc(100% - 22px - 38px);
    height: calc(24px*2);
    font-size: 14px;
    line-height: 24px;
    color: #484848;
    position: absolute;
    top: 68px;
    left: 22px;
    transition: 0.8s;
  }

  .t-new1-e7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-new1-e3:hover .t-new1-e7 {
    color: #fff;
  }

  .t-new1-f1 {
    width: 616px;
    position: relative;
    padding-top: 88px;
    float: right;
  }

  .t-new1-f1 .t-t2-a1 {
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-new1-f1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
  }

  .t-new1-f2 {
    width: 100%;
    position: relative;
  }

  .t-new1-f3 {
    width: 100%;
    height: 140px;
    position: relative;
    margin-bottom: 20px;
  }

  .t-new1-f3 img {
    transition: 0.8s;
    min-height: 100%;
  }

  .t-new1-f3:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-new1-f4 {
    width: 100%;
    height: 140px;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    margin-bottom: 18px;
    transition: 0.8s;
    position: relative;
  }

  .t-new1-f4:last-child {
    margin-bottom: 0;
  }

  .t-new1-f4:hover {
    border: 1px solid #e50013;
    transition: 0.8s;
  }

  .t-new1-f4 b {
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #e50013;
    opacity: 0;
    transition: 0.8s;
  }

  .t-new1-f4:hover b {
    width: 100%;
    opacity: 1;
    transition: 0.8s;
  }

  .t-new1-f5 {
    width: calc(100% - 28px - 140px);
    height: 20px;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
    position: absolute;
    top: 36px;
    left: 28px;
    transition: 0.8s;
  }

  .t-new1-f4:hover .t-new1-f5 {
    color: #fff;
    transition: 0.8s;
  }

  .t-new1-f6 {
    font-size: 14px;
    line-height: 18px;
    color: #999999;
    transition: 0.8s;
    position: absolute;
    top: 35px;
    right: 28px;
    font-weight: 100;
  }

  .t-new1-f6 span {
    font-size: 22px;
    color: #000000;
    margin-right: 10px;
    transition: 0.8s;
  }

  .t-new1-f4:hover .t-new1-f6 {
    color: #fff;
    transition: 0.8s;
  }

  .t-new1-f4:hover .t-new1-f6 span {
    color: #fff;
    transition: 0.8s;
  }

  .t-new1-f7 {
    width: calc(100% - 28px*2);
    height: calc(26px*2);
    font-size: 14px;
    line-height: 26px;
    color: #484848;
    position: absolute;
    top: 65px;
    left: 28px;
    transition: 0.8s;
  }

  .t-new1-f7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-new1-f4:hover .t-new1-f7 {
    color: #fff;
    transition: 0.8s;
  }

  .t-new1-g1 {
    width: 100%;
    height: 760px;
    position: relative;
    overflow: hidden;
    background: url(../images/b54.jpg) no-repeat #f5f5f5;
    background-position: center center;
    background-size: 1920px 100%;
    margin-bottom: 118px;
    padding-top: 100px;
    box-sizing: border-box;
  }

  .t-new1-g2 {
    width: 616px;
    margin-left: calc(50% - 1300px/2);
    float: left;
  }

  .t-new1-g3 {
    width: 100%;
    height: 75px;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    overflow: hidden;
    transition: 0.8s;
  }

  .t-new1-g3.t-new1-gon1 {
    height: 167px;
    transition: 0.8s;
  }

  .t-new1-g4 {
    width: calc(100% - 135px);
    height: 20px;
    position: absolute;
    top: calc(75px/2 - 20px/2);
    right: 0;
    transition: 0.8s;
  }

  .t-new1-gon1 .t-new1-g4 {
    width: calc(100% - 135px - 30px);
    top: 30px;
    right: 30px;
    transition: 0.8s;
  }

  .t-new1-g4>div:nth-child(1) {
    max-width: calc(100% - 36px);
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #666666;
    float: left;
    transition: 0.8s;
  }

  .t-new1-gon1 .t-new1-g4>div:nth-child(1) {
    font-weight: bold;
    transition: 0.8s;
  }

  .t-new1-g4>div:nth-child(2) {
    width: 35px;
    position: relative;
    top: -16px;
    float: left;
  }

  .t-new1-g5 {
    width: calc(100% - 135px - 30px);
    height: calc(28px*2);
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    position: absolute;
    top: 102px;
    right: 30px;
    transition: 0.8s;
  }

  .t-new1-g5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-new1-gon1 .t-new1-g5 {
    top: 72px;
    transition: 0.8s;
  }

  .t-new1-g6 {
    font-size: 18px;
    line-height: 14px;
    color: #999999;
    position: absolute;
    top: calc(75px/2 - 14px/2);
    left: 20px;
    transition: 0.8s;
  }

  .t-new1-gon1 .t-new1-g6 {
    left: -100px;
    transition: 0.8s;
  }

  .t-new1-g7 {
    position: absolute;
    top: 88px;
    right: calc(100% - 78px);
    transition: 0.8s;
  }

  .t-new1-gon1 .t-new1-g7 {
    top: 28px;
    transition: 0.8s;
  }

  .t-new1-g7>div:nth-child(1) {
    font-size: 16px;
    line-height: 12px;
    color: #666666;
    text-align: right;
    margin-bottom: 20px;
  }

  .t-new1-g7>div:nth-child(2) {
    width: 26px;
    height: 1px;
    background: #cfcfcf;
    margin-left: 30px;
    margin-bottom: 18px;
  }

  .t-new1-g7>div:nth-child(3) {
    font-size: 56px;
    line-height: 44px;
    color: #333333;
    text-align: right;
  }

  .t-new1-g8 {
    width: 960px;
    height: 560px;
    position: relative;
    float: right;
    margin-right: calc(50% - 1920px/2);
  }

  .t-new1-g8>img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-new1-g8:hover>img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-new1-g9 {
    width: 88px;
    position: absolute;
    top: calc(50% - 88px/2);
    left: calc(50% - 88px);
  }

  .t-new1-g8:hover .t-new1-g9 {
    transform: rotateY(360deg);
    transition: 0.8s;
  }

  .t-new1-g10 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
  }

  .t-new1-g10 video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #000;
  }

  .t-new1-g1 .t-b1-a1 {
    position: absolute;
    bottom: 30px;
    left: calc(50% - 120px/2);
  }

  .t-new1-h1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 104px;
  }

  .t-new1-i1 {
    width: 616px;
    position: relative;
    float: left;
    padding-top: 100px;
  }

  .t-new1-i1 .t-t2-a1 {
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-new1-i1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
  }

  .t-new1-i2 {
    width: 100%;
    position: relative;
  }

  .t-new1-i3 {
    width: 100%;
    height: 180px;
    position: relative;
  }

  .t-new1-i3>img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-new1-i3:hover>img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-new1-i4 {
    width: 100%;
    height: 158px;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
  }

  .t-new1-i5 {
    width: calc(100% - 140px);
    height: 22px;
    font-size: 20px;
    line-height: 22px;
    color: #000000;
    position: absolute;
    top: 32px;
    left: 0;
    transition: 0.8s;
  }

  .t-new1-i4:hover .t-new1-i5 {
    color: #e50013;
    transition: 0.8s;
  }

  .t-new1-i6 {
    font-size: 14px;
    line-height: 18px;
    color: #999999;
    position: absolute;
    top: 32px;
    right: 30px;
    font-weight: 100;
  }

  .t-new1-i6 span {
    font-size: 22px;
    color: #000000;
    margin-right: 10px;
  }

  .t-new1-i7 {
    width: calc(100% - 30px);
    height: calc(26px*2);
    font-size: 14px;
    line-height: 26px;
    color: #484848;
    position: absolute;
    top: 78px;
    left: 0;
  }

  .t-new1-i7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-new1-j1 {
    width: 616px;
    position: relative;
    float: right;
    padding-top: 100px;
  }

  .t-new1-j1 .t-t2-a1 {
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-new1-j1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
  }

  .t-new1-j2 {
    width: 100%;
    position: relative;
  }

  .t-new1-j3 {
    width: 100%;
    height: 155px;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    margin-bottom: 16px;
  }

  .t-new1-j3:last-child {
    margin-bottom: 0;
  }

  .t-new1-j4 {
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    width: calc(100% - 10px - 155px);
    height: 24px;
    position: absolute;
    top: 24px;
    right: 10px;
  }

  .t-new1-j5 {
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    width: calc(100% - 10px - 155px);
    height: 60px;
    position: absolute;
    top: 68px;
    right: 10px;
  }

  .t-new1-j5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-new1-j6 {
    position: absolute;
    top: 40px;
    left: 0;
  }

  .t-new1-j6>div:nth-child(1) {
    font-size: 36px;
    line-height: 26px;
    color: #333333;
    margin-bottom: 22px;
    font-weight: 100;
    text-align: right;
  }

  .t-new1-j6>div:nth-child(2) {
    font-size: 18px;
    line-height: 14px;
    color: #666666;
    font-weight: 100;
    text-align: right;
  }

  .t-new1-j7 {
    width: 2px;
    height: 30px;
    background: #dcdcdd;
    position: absolute;
    top: calc(50% - 30px/2);
    left: 120px;
    transition: 0.8s;
  }

  .t-new1-j3:hover .t-new1-j7 {
    height: calc(100% - 10px*2);
    top: 10px;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1440px) and (min-width: 1340px) {
  .new2 {
    width: 47px;
    height: 80px;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: calc(50% - 80px/2);
    left: 0;
    right: auto;
    cursor: pointer;
    padding: 0;
    margin: 0;
  }

  .new3 {
    width: 47px;
    height: 80px;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: calc(50% - 80px/2);
    left: auto;
    right: 0;
    cursor: pointer;
    padding: 0;
    margin: 0;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-new1-a1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 28px;
    height: 252px;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
  }

  .t-new1-a2 {
    width: 50%;
    position: relative;
    height: 100%;
    float: left;
  }

  .t-new1-a2 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-new1-a2:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-new1-a3 {
    width: 50%;
    height: 100%;
    background: #fff;
    position: relative;
    float: right;
  }

  .t-new1-a4 {
    width: calc(100% - 30px - 40px);
    height: 24px;
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    font-weight: bold;
    position: absolute;
    top: 36px;
    left: 30px;
  }

  .t-new1-a5 {
    width: calc(100% - 30px - 40px);
    height: calc(24px*3);
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    position: absolute;
    top: 84px;
    left: 30px;
  }

  .t-new1-a5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .t-new1-a6 {
    font-size: 12px;
    line-height: 12px;
    color: #999999;
    position: absolute;
    top: 200px;
    right: 45px;
  }

  .t-new1-a3 .t-b1-a1 {
    position: absolute;
    top: 190px;
    left: 30px;
  }

  .t-new1-b1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
  }

  .t-new1-b8 {
    width: 460px;
    position: relative;
  }

  .t-new1-b8:nth-child(1) {
    float: left;
  }

  .t-new1-b8:nth-child(2) {
    float: right;
  }

  .t-new1-b2 {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    overflow: hidden;
    transition: 0.8s;
  }

  .t-new1-b2.t-new1-bon1 {
    height: 120px;
    transition: 0.8s;
  }

  .t-new1-b3 {
    width: calc(100% - 120px);
    height: 20px;
    position: absolute;
    top: calc(60px/2 - 20px/2);
    right: 0;
    transition: 0.8s;
  }

  .t-new1-bon1 .t-new1-b3 {
    width: calc(100% - 120px - 20px);
    top: 20px;
    right: 20px;
    transition: 0.8s;
  }

  .t-new1-b3>div:nth-child(1) {
    max-width: calc(100% - 32px);
    position: relative;
    font-size: 16px;
    line-height: 20px;
    color: #666666;
    float: left;
    transition: 0.8s;
  }

  .t-new1-bon1 .t-new1-b3>div:nth-child(1) {
    font-weight: bold;
    transition: 0.8s;
  }

  .t-new1-b3>div:nth-child(2) {
    width: 30px;
    position: relative;
    top: -12px;
    float: left;
  }

  .t-new1-b4 {
    width: calc(100% - 120px - 20px);
    height: calc(24px*2);
    font-size: 12px;
    line-height: 24px;
    color: #666666;
    position: absolute;
    top: 80px;
    right: 20px;
    transition: 0.8s;
  }

  .t-new1-b4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-new1-bon1 .t-new1-b4 {
    top: 54px;
    transition: 0.8s;
  }

  .t-new1-b5 {
    font-size: 14px;
    line-height: 12px;
    color: #999999;
    position: absolute;
    top: calc(60px/2 - 12px/2);
    left: 20px;
    transition: 0.8s;
  }

  .t-new1-bon1 .t-new1-b5 {
    left: -100px;
    transition: 0.8s;
  }

  .t-new1-b6 {
    position: absolute;
    top: 88px;
    right: calc(100% - 72px);
    transition: 0.8s;
  }

  .t-new1-bon1 .t-new1-b6 {
    top: 20px;
    transition: 0.8s;
  }

  .t-new1-b6>div:nth-child(1) {
    font-size: 14px;
    line-height: 12px;
    color: #666666;
    text-align: right;
    margin-bottom: 14px;
  }

  .t-new1-b6>div:nth-child(2) {
    width: 26px;
    height: 1px;
    background: #cfcfcf;
    margin-left: 24px;
    margin-bottom: 12px;
  }

  .t-new1-b6>div:nth-child(3) {
    font-size: 48px;
    line-height: 40px;
    color: #333333;
    text-align: right;
  }

  .t-new1-b7 {
    width: 100%;
    height: 100px;
    position: relative;
  }

  .t-new1-b7 .t-b1-a1 {
    position: absolute;
    top: calc(50% - 30px/2);
    left: calc(50% - 100px/2);
  }

  .t-new1-c1 {
    width: 100%;
    height: 570px;
    position: relative;
    overflow: hidden;
    background: url(../images/b45.jpg) no-repeat #13449b;
    background-position: center center;
    background-size: 1340px 100%;
    margin-bottom: 60px;
  }

  .t-new1-c2 {
    width: 960px;
    height: 320px;
    position: relative;
    margin: 0 auto;
  }

  .t-new1-c3 {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .new1 {
    width: calc(300px*3 + 30px*3) !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: calc(50% - (300px + 30px)*3/2);
  }

  .new1 .swiper-slide {
    width: calc(100%/3) !important;
    height: 100% !important;
    position: relative;
  }

  .t-new1-c4 {
    width: 300px;
    height: 100%;
    position: relative;
    margin: 0 auto;
    background: #fff;
  }

  .t-new1-c5 {
    width: 100%;
    height: 156px;
    position: relative;
  }

  .t-new1-c5 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-new1-c4:hover .t-new1-c5 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-new1-c4 b {
    width: 100%;
    height: calc(100% - 156px);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 0.8s;
    display: block;
  }

  .t-new1-c4:hover b {
    background: #1b53a6;
    transition: 0.8s;
    height: calc(100% - 136px);
  }

  .t-new1-c6 {
    width: calc(100% - 30px*2);
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    position: absolute;
    top: 172px;
    left: 30px;
    transition: 0.8s;
  }

  .t-new1-c4:hover .t-new1-c6 {
    top: 154px;
    color: #fff;
    transition: 0.8s;
  }

  .t-new1-c7 {
    width: 80px;
    height: 1px;
    background: #dcdcdc;
    position: absolute;
    top: 206px;
    left: calc(50% - 80px/2);
    transition: 0.8s;
  }

  .t-new1-c4:hover .t-new1-c7 {
    top: 184px;
    background: #fff;
    transition: 0.8s;
  }

  .t-new1-c8 {
    width: calc(100% - 30px*2);
    height: calc(24px*2);
    font-size: 12px;
    line-height: 24px;
    color: #666666;
    text-align: center;
    position: absolute;
    top: 214px;
    left: 30px;
    transition: 0.8s;
  }

  .t-new1-c8 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-new1-c4:hover .t-new1-c8 {
    top: 224px;
    color: #fff;
    transition: 0.8s;
    height: calc(24px*3);
  }

  .t-new1-c4:hover .t-new1-c8 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .t-new1-c9 {
    width: 100%;
    font-size: 12px;
    line-height: 10px;
    color: #999999;
    text-align: center;
    position: absolute;
    top: 274px;
    left: 0;
    transition: 0.8s;
  }

  .t-new1-c4:hover .t-new1-c9 {
    color: #fff;
    transition: 0.8s;
    top: 200px;
  }

  .new2 {
    width: 47px;
    height: 80px;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: calc(50% - 80px/2);
    left: 0;
    right: auto;
    cursor: pointer;
    padding: 0;
    margin: 0;
  }

  .new3 {
    width: 47px;
    height: 80px;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: calc(50% - 80px/2);
    left: auto;
    right: 0;
    cursor: pointer;
    padding: 0;
    margin: 0;
  }

  .t-new1-c1 .t-b1-a1 {
    color: #fff;
    border: 1px solid #fff;
    bottom: 40px;
    left: calc(50% - 100px/2);
    position: absolute;
  }

  .t-new1-c1 .t-b1-a1:hover {
    background: #fff;
    color: #1b53a6;
  }

  .t-new1-d1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
  }

  .t-new1-e1 {
    width: 460px;
    position: relative;
    padding-top: 70px;
    float: left;
  }

  .t-new1-e1 .t-t2-a1 {
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-new1-e1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
  }

  .t-new1-e2 {
    width: 100%;
    position: relative;
  }

  .t-new1-e3 {
    width: 100%;
    height: 120px;
    position: relative;
    margin-bottom: 14px;
    overflow: hidden;
  }

  .t-new1-e3:last-child {
    margin-bottom: 0;
  }

  .t-new1-e4 {
    width: 120px;
    height: 100%;
    background: #e50013;
    float: left;
    position: relative;
  }

  .t-new1-e4>div:nth-child(1) {
    font-size: 40px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 28px;
    left: 0;
    font-weight: bold;
    width: 100%;
  }

  .t-new1-e4>div:nth-child(2) {
    font-size: 14px;
    line-height: 12px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 76px;
    left: 0;
    width: 100%;
  }

  .t-new1-e5 {
    width: calc(100% - 120px - 2px);
    height: 100%;
    background: #f5f5f5;
    float: right;
    position: relative;
  }

  .t-new1-e5 b {
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #e50013;
    display: block;
    opacity: 0;
    transition: 0.8s;
  }

  .t-new1-e3:hover .t-new1-e5 b {
    width: 100%;
    opacity: 1;
    transition: 0.8s;
  }

  .t-new1-e6 {
    width: calc(100% - 20px - 30px);
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    position: absolute;
    top: 26px;
    left: 20px;
    transition: 0.8s;
  }

  .t-new1-e3:hover .t-new1-e6 {
    color: #fff;
    transition: 0.8s;
  }

  .t-new1-e7 {
    width: calc(100% - 20px - 30px);
    height: calc(24px*2);
    font-size: 12px;
    line-height: 24px;
    color: #484848;
    position: absolute;
    top: 56px;
    left: 20px;
    transition: 0.8s;
  }

  .t-new1-e7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-new1-e3:hover .t-new1-e7 {
    color: #fff;
  }

  .t-new1-f1 {
    width: 460px;
    position: relative;
    padding-top: 70px;
    float: right;
  }

  .t-new1-f1 .t-t2-a1 {
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-new1-f1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
  }

  .t-new1-f2 {
    width: 100%;
    position: relative;
  }

  .t-new1-f3 {
    width: 100%;
    height: 120px;
    position: relative;
    margin-bottom: 14px;
  }

  .t-new1-f3 img {
    transition: 0.8s;
    min-height: 100%;
  }

  .t-new1-f3:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-new1-f4 {
    width: 100%;
    height: 120px;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    margin-bottom: 14px;
    transition: 0.8s;
    position: relative;
  }

  .t-new1-f4:last-child {
    margin-bottom: 0;
  }

  .t-new1-f4:hover {
    border: 1px solid #e50013;
    transition: 0.8s;
  }

  .t-new1-f4 b {
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #e50013;
    opacity: 0;
    transition: 0.8s;
  }

  .t-new1-f4:hover b {
    width: 100%;
    opacity: 1;
    transition: 0.8s;
  }

  .t-new1-f5 {
    width: calc(100% - 20px - 120px);
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    position: absolute;
    top: 24px;
    left: 20px;
    transition: 0.8s;
  }

  .t-new1-f4:hover .t-new1-f5 {
    color: #fff;
    transition: 0.8s;
  }

  .t-new1-f6 {
    font-size: 12px;
    line-height: 14px;
    color: #999999;
    transition: 0.8s;
    position: absolute;
    top: 26px;
    right: 20px;
    font-weight: 100;
  }

  .t-new1-f6 span {
    font-size: 20px;
    color: #000000;
    margin-right: 10px;
    transition: 0.8s;
  }

  .t-new1-f4:hover .t-new1-f6 {
    color: #fff;
    transition: 0.8s;
  }

  .t-new1-f4:hover .t-new1-f6 span {
    color: #fff;
    transition: 0.8s;
  }

  .t-new1-f7 {
    width: calc(100% - 20px*2);
    height: calc(22px*2);
    font-size: 12px;
    line-height: 22px;
    color: #484848;
    position: absolute;
    top: 54px;
    left: 20px;
    transition: 0.8s;
  }

  .t-new1-f7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-new1-f4:hover .t-new1-f7 {
    color: #fff;
    transition: 0.8s;
  }

  .t-new1-g1 {
    width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
    background: url(../images/b54.jpg) no-repeat #f5f5f5;
    background-position: center center;
    background-size: 1340px 100%;
    margin-bottom: 60px;
    padding-top: 60px;
    box-sizing: border-box;
  }

  .t-new1-g2 {
    width: 460px;
    margin-left: calc(50% - 960px/2);
    float: left;
  }

  .t-new1-g3 {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    overflow: hidden;
    transition: 0.8s;
  }

  .t-new1-g3.t-new1-gon1 {
    height: 124px;
    transition: 0.8s;
  }

  .t-new1-g4 {
    width: calc(100% - 120px);
    height: 20px;
    position: absolute;
    top: calc(60px/2 - 20px/2);
    right: 0;
    transition: 0.8s;
  }

  .t-new1-gon1 .t-new1-g4 {
    width: calc(100% - 120px - 20px);
    top: 20px;
    right: 20px;
    transition: 0.8s;
  }

  .t-new1-g4>div:nth-child(1) {
    max-width: calc(100% - 32px);
    position: relative;
    font-size: 16px;
    line-height: 20px;
    color: #666666;
    float: left;
    transition: 0.8s;
  }

  .t-new1-gon1 .t-new1-g4>div:nth-child(1) {
    font-weight: bold;
    transition: 0.8s;
  }

  .t-new1-g4>div:nth-child(2) {
    width: 30px;
    position: relative;
    top: -10px;
    float: left;
  }

  .t-new1-g5 {
    width: calc(100% - 120px - 20px);
    height: calc(24px*2);
    font-size: 12px;
    line-height: 24px;
    color: #666666;
    position: absolute;
    top: 80px;
    right: 20px;
    transition: 0.8s;
  }

  .t-new1-g5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-new1-gon1 .t-new1-g5 {
    top: 54px;
    transition: 0.8s;
  }

  .t-new1-g6 {
    font-size: 16px;
    line-height: 14px;
    color: #999999;
    position: absolute;
    top: calc(60px/2 - 14px/2);
    left: 20px;
    transition: 0.8s;
  }

  .t-new1-gon1 .t-new1-g6 {
    left: -100px;
    transition: 0.8s;
  }

  .t-new1-g7 {
    position: absolute;
    top: 88px;
    right: calc(100% - 70px);
    transition: 0.8s;
  }

  .t-new1-gon1 .t-new1-g7 {
    top: 20px;
    transition: 0.8s;
  }

  .t-new1-g7>div:nth-child(1) {
    font-size: 14px;
    line-height: 12px;
    color: #666666;
    text-align: right;
    margin-bottom: 14px;
  }

  .t-new1-g7>div:nth-child(2) {
    width: 26px;
    height: 1px;
    background: #cfcfcf;
    margin-left: 24px;
    margin-bottom: 12px;
  }

  .t-new1-g7>div:nth-child(3) {
    font-size: 48px;
    line-height: 40px;
    color: #333333;
    text-align: right;
  }

  .t-new1-g8 {
    width: calc(1340px/2);
    height: 430px;
    position: relative;
    float: right;
    margin-right: calc(50% - 1340px/2);
  }

  .t-new1-g8>img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-new1-g8:hover>img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-new1-g9 {
    width: 76px;
    position: absolute;
    top: calc(50% - 76px/2);
    left: calc(50% - 76px);
  }

  .t-new1-g8:hover .t-new1-g9 {
    transform: rotateY(360deg);
    transition: 0.8s;
  }

  .t-new1-g10 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
  }

  .t-new1-g10 video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #000;
  }

  .t-new1-g1 .t-b1-a1 {
    position: absolute;
    bottom: 40px;
    left: calc(50% - 100px/2);
  }

  .t-new1-h1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 60px;
  }

  .t-new1-i1 {
    width: 460px;
    position: relative;
    float: left;
    padding-top: 70px;
  }

  .t-new1-i1 .t-t2-a1 {
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-new1-i1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
  }

  .t-new1-i2 {
    width: 100%;
    position: relative;
  }

  .t-new1-i3 {
    width: 100%;
    height: 135px;
    position: relative;
  }

  .t-new1-i3>img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-new1-i3:hover>img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-new1-i4 {
    width: 100%;
    height: 135px;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
  }

  .t-new1-i5 {
    width: calc(100% - 140px);
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    position: absolute;
    top: 28px;
    left: 0;
    transition: 0.8s;
  }

  .t-new1-i4:hover .t-new1-i5 {
    color: #e50013;
    transition: 0.8s;
  }

  .t-new1-i6 {
    font-size: 12px;
    line-height: 16px;
    color: #999999;
    position: absolute;
    top: 30px;
    right: 20px;
    font-weight: 100;
  }

  .t-new1-i6 span {
    font-size: 20px;
    color: #000000;
    margin-right: 10px;
  }

  .t-new1-i7 {
    width: calc(100% - 20px);
    height: calc(22px*2);
    font-size: 12px;
    line-height: 22px;
    color: #484848;
    position: absolute;
    top: 62px;
    left: 0;
  }

  .t-new1-i7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-new1-j1 {
    width: 460px;
    position: relative;
    float: right;
    padding-top: 70px;
  }

  .t-new1-j1 .t-t2-a1 {
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-new1-j1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
  }

  .t-new1-j2 {
    width: 100%;
    position: relative;
  }

  .t-new1-j3 {
    width: 100%;
    height: 127px;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    margin-bottom: 12px;
  }

  .t-new1-j3:last-child {
    margin-bottom: 0;
  }

  .t-new1-j4 {
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    width: calc(100% - 10px - 120px);
    height: 20px;
    position: absolute;
    top: 20px;
    right: 10px;
  }

  .t-new1-j5 {
    font-size: 12px;
    line-height: 24px;
    color: #666666;
    width: calc(100% - 10px - 120px);
    height: 48px;
    position: absolute;
    top: 54px;
    right: 10px;
  }

  .t-new1-j5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-new1-j6 {
    position: absolute;
    top: 36px;
    left: 0;
  }

  .t-new1-j6>div:nth-child(1) {
    font-size: 30px;
    line-height: 22px;
    color: #333333;
    margin-bottom: 16px;
    font-weight: 100;
    text-align: right;
  }

  .t-new1-j6>div:nth-child(2) {
    font-size: 14px;
    line-height: 12px;
    color: #666666;
    font-weight: 100;
    text-align: right;
  }

  .t-new1-j7 {
    width: 2px;
    height: 30px;
    background: #dcdcdd;
    position: absolute;
    top: calc(50% - 30px/2);
    left: 96px;
    transition: 0.8s;
  }

  .t-new1-j3:hover .t-new1-j7 {
    height: calc(100% - 10px*2);
    top: 10px;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1023px) {
  .t-new1-a1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
    margin-bottom: 0.4rem;
  }

  .t-new1-a2 {
    width: 100%;
    position: relative;
    height: 3.7rem;
  }

  .t-new1-a2 img {
    min-height: 100%;
  }

  .t-new1-a3 {
    width: calc(100% - 0.15rem*2);
    height: 3.12rem;
    background: #fff;
    position: relative;
    margin: 0 auto;
    margin-top: -0.96rem;
    box-shadow: 0 0 0.2rem rgba(238, 238, 238, 0.47);
  }

  .t-new1-a4 {
    width: calc(100% - 0.42rem*2);
    height: 0.3rem;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #333333;
    font-weight: bold;
    position: absolute;
    top: 0.56rem;
    left: 0.42rem;
  }

  .t-new1-a5 {
    width: calc(100% - 0.42rem*2);
    height: calc(0.38rem*3);
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #333333;
    position: absolute;
    top: 1.1rem;
    left: 0.42rem;
  }

  .t-new1-a5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .t-new1-a6 {
    font-size: 0.24rem;
    line-height: 0.24rem;
    color: #999999;
    position: absolute;
    top: 2.5rem;
    right: 0.54rem;
  }

  .t-new1-a3 .t-b1-a1 {
    display: none;
  }

  .t-new1-a3 a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
  }

  .t-new1-b1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
  }

  .t-new1-b8 {
    width: 100%;
    position: relative;
  }

  .t-new1-b8:nth-child(1) {
    position: relative;
  }

  .t-new1-b8:nth-child(2) {
    display: none;
  }

  .t-new1-b2 {
    width: 100%;
    height: 0.9rem;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    overflow: hidden;
  }

  .t-new1-b2.t-new1-bon1 {
    height: 1.74rem;
  }

  .t-new1-b3 {
    width: calc(100% - 1.08rem);
    height: 0.3rem;
    position: absolute;
    top: calc(0.9rem/2 - 0.3rem/2);
    right: 0;
  }

  .t-new1-bon1 .t-new1-b3 {
    width: calc(100% - 1.08rem - 0.32rem);
    top: 0.2rem;
    right: 0.3rem;
  }

  .t-new1-b3>div:nth-child(1) {
    max-width: calc(100% - 0.32rem);
    position: relative;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #666666;
    float: left;
  }

  .t-new1-bon1 .t-new1-b3>div:nth-child(1) {
    font-weight: bold;
  }

  .t-new1-b3>div:nth-child(2) {
    width: 0.3rem;
    position: relative;
    top: -0.12rem;
    float: left;
  }

  .t-new1-b4 {
    width: calc(100% - 1.08rem - 0.3rem);
    height: calc(0.38rem*2);
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #666666;
    position: absolute;
    top: 1.4rem;
    right: 0.3rem;
  }

  .t-new1-b4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-new1-bon1 .t-new1-b4 {
    top: 0.68rem;
  }

  .t-new1-b5 {
    font-size: 0.24rem;
    line-height: 0.22rem;
    color: #999999;
    position: absolute;
    top: calc(0.9rem/2 - 0.22rem/2);
    left: 0.2rem;
  }

  .t-new1-bon1 .t-new1-b5 {
    left: -2rem;
  }

  .t-new1-b6 {
    position: absolute;
    top: 1rem;
    left: 0;
  }

  .t-new1-bon1 .t-new1-b6 {
    top: 0.2rem;
  }

  .t-new1-b6>div:nth-child(1) {
    font-size: 0.2rem;
    line-height: 0.14rem;
    color: #666666;
    text-align: right;
    margin-bottom: 0.2rem;
  }

  .t-new1-b6>div:nth-child(2) {
    width: 0.26rem;
    height: 1px;
    background: #cfcfcf;
    margin-left: 0.6rem;
    margin-bottom: 0.18rem;
  }

  .t-new1-b6>div:nth-child(3) {
    font-size: 0.56rem;
    line-height: 0.44rem;
    color: #333333;
    text-align: right;
  }

  .t-new1-b7 {
    width: 100%;
    height: 2rem;
    position: relative;
  }

  .t-new1-b7 .t-b1-a1 {
    position: absolute;
    top: calc(50% - 0.7rem/2);
    left: calc(50% - 2.8rem/2);
  }

  .t-new1-c1 {
    width: 100%;
    height: 9rem;
    position: relative;
    overflow: hidden;
    background: url(../images/b46.jpg) no-repeat #13449b;
    background-position: center center;
    background-size: 100% 100%;
  }

  .t-new1-c2 {
    width: 100%;
    height: 5.06rem;
    position: relative;
    margin: 0 auto;
  }

  .t-new1-c3 {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .new1 {
    width: calc(4.4rem*3 + 0.4rem*3) !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: calc(50% - (4.4rem + 0.4rem)*3/2);
  }

  .new1 .swiper-slide {
    width: calc(100%/3) !important;
    height: 100% !important;
    position: relative;
  }

  .t-new1-c4 {
    width: 4.4rem;
    height: 100%;
    position: relative;
    margin: 0 auto;
    background: #fff;
  }

  .new1 .swiper-slide .t-new1-c4 {
    transform: scale(0.9);
    transition: 0.8s;
  }

  .new1 .swiper-slide-active .t-new1-c4 {
    transform: scale(1);
    transition: 0.8s;
  }

  .t-new1-c5 {
    width: 100%;
    height: 2rem;
    position: relative;
  }

  .t-new1-c5 img {
    min-height: 100%;
  }

  .t-new1-c4 b {
    display: none;
  }

  .t-new1-c6 {
    width: calc(100% - 0.28rem*2);
    height: 0.3rem;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #333333;
    text-align: center;
    position: absolute;
    top: 2.36rem;
    left: 0.28rem;
  }

  .t-new1-c7 {
    width: 0.4rem;
    height: 1px;
    background: #dcdcdc;
    position: absolute;
    top: 2.84rem;
    left: calc(50% - 0.4rem/2);
  }

  .t-new1-c8 {
    width: calc(100% - 0.28rem*2);
    height: calc(0.38rem*3);
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #666666;
    text-align: center;
    position: absolute;
    top: 3.48rem;
    left: 0.28rem;
  }

  .t-new1-c8 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .t-new1-c9 {
    width: 100%;
    font-size: 0.24rem;
    line-height: 0.2rem;
    color: #999999;
    text-align: center;
    position: absolute;
    top: 3.02rem;
    left: 0;
  }

  .new2 {
    display: none;
  }

  .new3 {
    display: none;
  }

  .t-new1-c1 .t-b1-a1 {
    color: #fff;
    border: 1px solid #fff;
    bottom: 0.7rem;
    left: calc(50% - 2.8rem/2);
    position: absolute;
  }

  .t-new1-d1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
  }

  .t-new1-e1 {
    width: 100%;
    position: relative;
    padding-top: 1.64rem;
  }

  .t-new1-e1 .t-t2-a1 {
    position: absolute;
    top: 0.72rem;
    left: 0;
  }

  .t-new1-e1 .t-b1-a1 {
    position: absolute;
    top: 0.56rem;
    right: 0;
    width: 1.4rem;
    height: 0.66rem;
    line-height: 0.64rem;
  }

  .t-new1-e2 {
    width: 100%;
    position: relative;
  }

  .t-new1-e3 {
    width: 100%;
    height: 1.76rem;
    position: relative;
    margin-bottom: 0.22rem;
    overflow: hidden;
  }

  .t-new1-e3:last-child {
    margin-bottom: 0;
  }

  .t-new1-e4 {
    width: 1.34rem;
    height: 100%;
    background: #e50013;
    float: left;
    position: relative;
  }

  .t-new1-e4>div:nth-child(1) {
    font-size: 0.48rem;
    line-height: 0.36rem;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0.52rem;
    left: 0;
    font-weight: bold;
    width: 100%;
  }

  .t-new1-e4>div:nth-child(2) {
    font-size: 0.22rem;
    line-height: 0.18rem;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 1.08rem;
    left: 0;
    width: 100%;
  }

  .t-new1-e5 {
    width: calc(100% - 1.34rem);
    height: 100%;
    background: #f5f5f5;
    float: right;
    position: relative;
  }

  .t-new1-e5 b {
    display: none;
  }

  .t-new1-e6 {
    width: calc(100% - 0.24rem*2);
    height: 0.3rem;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #000000;
    position: absolute;
    top: 0.38rem;
    left: 0.24rem;
  }

  .t-new1-e7 {
    width: calc(100% - 0.24rem*2);
    height: calc(0.36rem*2);
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: #484848;
    position: absolute;
    top: 0.8rem;
    left: 0.24rem;
  }

  .t-new1-e7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-new1-f1 {
    width: 100%;
    position: relative;
    padding-top: 1.64rem;
  }

  .t-new1-f1 .t-t2-a1 {
    position: absolute;
    top: 0.72rem;
    left: 0;
  }

  .t-new1-f1 .t-b1-a1 {
    position: absolute;
    top: 0.56rem;
    right: 0;
    width: 1.4rem;
    height: 0.66rem;
    line-height: 0.64rem;
  }

  .t-new1-f2 {
    width: 100%;
    position: relative;
  }

  .t-new1-f3 {
    width: 100%;
    height: 1.56rem;
    position: relative;
    margin-bottom: 0.32rem;
  }

  .t-new1-f3 img {
    min-height: 100%;
  }

  .t-new1-f4 {
    width: 100%;
    height: 1.86rem;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    margin-bottom: 0.28rem;
    position: relative;
  }

  .t-new1-f4:last-child {
    margin-bottom: 0;
  }

  .t-new1-f4 b {
    display: none;
  }

  .t-new1-f5 {
    width: calc(100% - 0.3rem - 1.7rem);
    height: 0.3rem;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #000000;
    position: absolute;
    top: 0.34rem;
    left: 0.3rem;
  }

  .t-new1-f6 {
    font-size: 0.22rem;
    line-height: 0.18rem;
    color: #999999;
    position: absolute;
    top: 0.4rem;
    right: 0.3rem;
    font-weight: 100;
  }

  .t-new1-f6 span {
    font-size: 0.24rem;
    color: #000000;
    margin-right: 0.1rem;
  }

  .t-new1-f7 {
    width: calc(100% - 0.3rem*2);
    height: calc(0.38rem*2);
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #484848;
    position: absolute;
    top: 0.8rem;
    left: 0.3rem;
  }

  .t-new1-f7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-new1-g1 {
    width: 100%;
    position: relative;
    overflow: hidden;
    /*background:  #f5f5f5;*/
    padding-bottom: 1.25rem;
  }

  .t-new1-g2 {
    width: calc(100% - 0.2rem*2);
    margin: 0 auto;
  }

  .t-new1-g3 {
    width: 100%;
    height: 0.88rem;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    overflow: hidden;
  }

  .t-new1-g3.t-new1-gon1 {
    height: 2.08rem;
  }

  .t-new1-g4 {
    width: calc(100% - 1.1rem);
    height: 0.3rem;
    position: absolute;
    top: calc(0.88rem/2 - 0.3rem/2);
    right: 0;
    transition: 0.8s;
  }

  .t-new1-gon1 .t-new1-g4 {
    width: calc(100% - 1.1rem - 0.3rem);
    top: 0.5rem;
    right: 0.3rem;
  }

  .t-new1-g4>div:nth-child(1) {
    max-width: calc(100% - 0.32rem);
    position: relative;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #666666;
    float: left;
  }

  .t-new1-gon1 .t-new1-g4>div:nth-child(1) {
    font-weight: bold;
  }

  .t-new1-g4>div:nth-child(2) {
    width: 0.3rem;
    position: relative;
    top: -0.1rem;
    float: left;
  }

  .t-new1-g5 {
    width: calc(100% - 1.1rem - 0.36rem);
    height: calc(0.38rem*2);
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #666666;
    position: absolute;
    top: 1.02rem;
    right: 0.3rem;
  }

  .t-new1-g5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-new1-gon1 .t-new1-g5 {
    top: 1.02rem;
  }

  .t-new1-g6 {
    font-size: 0.24rem;
    line-height: 0.18rem;
    color: #999999;
    position: absolute;
    top: calc(0.88rem/2 - 0.18rem/2);
    left: 0.1rem;
  }

  .t-new1-gon1 .t-new1-g6 {
    left: -2rem;
  }

  .t-new1-g7 {
    position: absolute;
    top: 1rem;
    left: 0;
  }

  .t-new1-gon1 .t-new1-g7 {
    top: 0.55rem;
    font-size: 0.2rem;
    line-height: 0.14rem;
    color: #666666;
    text-align: right;
    margin-bottom: 0.2rem;
  }

  .t-new1-g7>div:nth-child(2) {
    width: 0.26rem;
    height: 1px;
    background: #cfcfcf;
    margin-left: 30px;
    margin-bottom: 0.18rem;
  }

  .t-new1-g7>div:nth-child(3) {
    font-size: 0.56rem;
    line-height: 0.44rem;
    color: #333333;
    text-align: right;
  }

  .t-new1-g8 {
    width: 100%;
    height: 4.38rem;
    position: relative;
  }

  .t-new1-g8>img {
    min-height: 100%;
  }

  .t-new1-g9 {
    width: 0.88rem;
    position: absolute;
    top: calc(50% - 0.88rem/2);
    left: calc(50% - 0.88rem);
  }

  .t-new1-g10 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
  }

  .t-new1-g10 video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #000;
  }

  .t-new1-g1 .t-b1-a1 {
    position: absolute;
    bottom: 0;
    left: calc(50% - 2.8rem/2);
  }

  .t-new1-h1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
    margin-bottom: 1rem;
  }

  .t-new1-i1 {
    width: 100%;
    position: relative;
    float: left;
    padding-top: 1.08rem;
  }

  .t-new1-i1 .t-t2-a1 {
    position: absolute;
    top: 0.3rem;
    left: 0;
  }

  .t-new1-i1 .t-b1-a1 {
    position: absolute;
    top: 0.18rem;
    right: 0;
    width: 1.4rem;
    height: 0.66rem;
    line-height: 0.64rem;
  }

  .t-new1-i2 {
    width: 100%;
    position: relative;
  }

  .t-new1-i3 {
    width: 100%;
    height: 2.1rem;
    position: relative;
    margin-bottom: 0.4rem;
  }

  .t-new1-i3>img {
    min-height: 100%;
  }

  .t-new1-i4 {
    width: 100%;
    height: 1.86rem;
    border: 1px solid #e0e0e0;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 0.3rem;
  }

  .t-new1-i5 {
    width: calc(100% - 0.3rem - 1.7rem);
    height: 0.3rem;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #000000;
    position: absolute;
    top: 0.34rem;
    left: 0.3rem;
  }

  .t-new1-i6 {
    font-size: 0.22rem;
    line-height: 0.18rem;
    color: #999999;
    position: absolute;
    top: 0.4rem;
    right: 0.3rem;
    font-weight: 100;
  }

  .t-new1-i6 span {
    font-size: 0.24rem;
    color: #000000;
    margin-right: 0.1rem;
  }

  .t-new1-i7 {
    width: calc(100% - 0.3rem*2);
    height: calc(0.38rem*2);
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #484848;
    position: absolute;
    top: 0.8rem;
    left: 0.3rem;
  }

  .t-new1-i7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-new1-j1 {
    width: 100%;
    position: relative;
    float: right;
    padding-top: 1.64rem;
  }

  .t-new1-j1 .t-t2-a1 {
    position: absolute;
    top: 0.82rem;
    left: 0;
  }

  .t-new1-j1 .t-b1-a1 {
    position: absolute;
    top: 0.68rem;
    right: 0;
    width: 1.4rem;
    height: 0.66rem;
    line-height: 0.64rem;
  }

  .t-new1-j2 {
    width: 100%;
    position: relative;
  }

  .t-new1-j3 {
    width: 100%;
    height: 1.84rem;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
  }

  .t-new1-j3:last-child {
    margin-bottom: 0;
  }

  .t-new1-j4 {
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #333333;
    width: calc(100% - 0.1rem - 1.5rem);
    height: 0.3rem;
    position: absolute;
    top: 0.48rem;
    right: 0.1rem;
  }

  .t-new1-j5 {
    font-size: 0.24rem;
    line-height: 0.3rem;
    color: #666666;
    width: calc(100% - 0.1rem - 1.5rem);
    height: 0.6rem;
    position: absolute;
    top: 1rem;
    right: 0.1rem;
  }

  .t-new1-j5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-new1-j6 {
    position: absolute;
    top: 0.42rem;
    left: 0;
  }

  .t-new1-j6>div:nth-child(1) {
    font-size: 0.36rem;
    line-height: 0.26rem;
    color: #333333;
    margin-bottom: 0.22rem;
    font-weight: 100;
    text-align: right;
  }

  .t-new1-j6>div:nth-child(2) {
    font-size: 0.24rem;
    line-height: 0.18rem;
    color: #666666;
    font-weight: 100;
    text-align: right;
  }

  .t-new1-j7 {
    width: 2px;
    height: 0.3rem;
    background: #dcdcdd;
    position: absolute;
    top: calc(50% - 0.3rem/2);
    left: 1.25rem;
  }
}

@media only screen and (min-width: 1340px) {
  .t-nli1-a1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
  }

  .t-nli1-a2 {
    width: 100%;
    height: 140px;
    position: relative;
    margin-bottom: 18px;
  }

  .t-nli1-a2:last-child {
    margin-bottom: 0;
  }

  .t-nli1-a3 {
    width: 134px;
    height: 100%;
    position: relative;
    float: left;
    background: #e50013;
  }

  .t-nli1-a3>div:nth-child(1) {
    font-size: 48px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 35px;
    left: 0;
  }

  .t-nli1-a3>div:nth-child(2) {
    font-size: 18px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 90px;
    left: 0;
  }

  .t-nli1-a4 {
    width: calc(100% - 134px);
    height: 100%;
    background: #f5f5f5;
    position: relative;
    float: right;
  }

  .t-nli1-a4>b {
    width: 0;
    height: 100%;
    display: block;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.8s;
  }

  .t-nli1-a2:hover .t-nli1-a4>b {
    width: 3px;
    transition: 0.8s;
  }

  .t-nli1-a4>g {
    width: 0;
    height: 100%;
    display: block;
    background: #e50013;
    position: absolute;
    top: 0;
    left: 3px;
    transition: 0.8s;
  }

  .t-nli1-a2:hover .t-nli1-a4>g {
    width: calc(100% - 3px);
    transition: 0.8s;
  }

  .t-nli1-a5 {
    width: 410px;
    height: 20px;
    position: absolute;
    top: 38px;
    left: 26px;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
    transition: 0.8s;
  }

  .t-nli1-a2:hover .t-nli1-a5 {
    color: #fff;
    transition: 0.8s;
  }

  .t-nli1-a6 {
    width: calc(100% - 26px - 36px);
    height: calc(24px*2);
    position: absolute;
    top: 68px;
    left: 26px;
    font-size: 14px;
    line-height: 24px;
    color: #484848;
    transition: 0.8s;
  }

  .t-nli1-a6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-nli1-a2:hover .t-nli1-a6 {
    color: #fff;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-nli1-a1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
  }

  .t-nli1-a2 {
    width: 100%;
    height: 120px;
    position: relative;
    margin-bottom: 18px;
  }

  .t-nli1-a2:last-child {
    margin-bottom: 0;
  }

  .t-nli1-a3 {
    width: 120px;
    height: 100%;
    position: relative;
    float: left;
    background: #e50013;
  }

  .t-nli1-a3>div:nth-child(1) {
    font-size: 40px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 28px;
    left: 0;
  }

  .t-nli1-a3>div:nth-child(2) {
    font-size: 14px;
    line-height: 12px;
    color: #fff;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 76px;
    left: 0;
  }

  .t-nli1-a4 {
    width: calc(100% - 120px);
    height: 100%;
    background: #f5f5f5;
    position: relative;
    float: right;
  }

  .t-nli1-a4>b {
    width: 0;
    height: 100%;
    display: block;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.8s;
  }

  .t-nli1-a2:hover .t-nli1-a4>b {
    width: 3px;
    transition: 0.8s;
  }

  .t-nli1-a4>g {
    width: 0;
    height: 100%;
    display: block;
    background: #e50013;
    position: absolute;
    top: 0;
    left: 3px;
    transition: 0.8s;
  }

  .t-nli1-a2:hover .t-nli1-a4>g {
    width: calc(100% - 3px);
    transition: 0.8s;
  }

  .t-nli1-a5 {
    width: 410px;
    height: 20px;
    position: absolute;
    top: 24px;
    left: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    transition: 0.8s;
  }

  .t-nli1-a2:hover .t-nli1-a5 {
    color: #fff;
    transition: 0.8s;
  }

  .t-nli1-a6 {
    width: calc(100% - 20px - 30px);
    height: calc(22px*2);
    position: absolute;
    top: 54px;
    left: 20px;
    font-size: 12px;
    line-height: 22px;
    color: #484848;
    transition: 0.8s;
  }

  .t-nli1-a6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-nli1-a2:hover .t-nli1-a6 {
    color: #fff;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1023px) {
  .t-nli1-a1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
  }

  .t-nli1-a2 {
    width: 100%;
    height: 1.76rem;
    position: relative;
    margin-bottom: 0.24rem;
  }

  .t-nli1-a2:last-child {
    margin-bottom: 0;
  }

  .t-nli1-a3 {
    width: 1.34rem;
    height: 100%;
    position: relative;
    float: left;
    background: #e50013;
  }

  .t-nli1-a3>div:nth-child(1) {
    font-size: 0.48rem;
    line-height: 0.36rem;
    color: #fff;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 0.52rem;
    left: 0;
  }

  .t-nli1-a3>div:nth-child(2) {
    font-size: 0.22rem;
    line-height: 0.18rem;
    color: #fff;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 1.08rem;
    left: 0;
  }

  .t-nli1-a4 {
    width: calc(100% - 1.34rem);
    height: 100%;
    background: #f5f5f5;
    position: relative;
    float: right;
  }

  .t-nli1-a4>b {
    display: none;
  }

  .t-nli1-a4>g {
    display: none;
  }

  .t-nli1-a5 {
    width: calc(100% - 0.24rem*2);
    height: 0.3rem;
    position: absolute;
    top: 0.38rem;
    left: 0.26rem;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #000000;
    ;
  }

  .t-nli1-a6 {
    width: calc(100% - 0.24rem*2);
    height: calc(0.36rem*2);
    position: absolute;
    top: 0.8rem;
    left: 0.26rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: #484848;
  }

  .t-nli1-a6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

@media only screen and (min-width: 1340px) {
  .t-pag1-a1 {
    width: 100%;
    padding: 90px 0;
  }

  .t-pag1-a2 {
    text-align: center;
  }

  .t-pag1-a2>a {
    display: inline-block;
    height: 43px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 43px;
    color: #222222;
    text-align: center;
    padding: 0 18px;
    background: #e8e8e8;
    transition: 0.8s;
  }

  .t-pag1-a2>a:hover {
    background: #e50013;
    color: #fff;
    transition: 0.8s;
  }

  .t-pag1-a3 {
    display: inline-block;
  }

  .t-pag1-a3>a {
    width: 43px;
    height: 43px;
    font-size: 16px;
    line-height: 43px;
    color: #222222;
    background: #e8e8e8;
    display: inline-block;
    transition: 0.8s;
  }

  .t-pag1-a3>a:hover {
    color: #fff;
    background: #e50013;
    transition: 0.8s;
  }

  .select {
    color: #fff !important;
    background: #e50013 !important;
    transition: 0.8s !important;
  }

  .t-pag1-a3>span {
    font-size: 16px;
    line-height: 43px;
    color: #222;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-pag1-a1 {
    width: 100%;
    padding: 60px 0;
  }

  .t-pag1-a2 {
    text-align: center;
  }

  .t-pag1-a2>a {
    display: inline-block;
    height: 43px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 43px;
    color: #222222;
    text-align: center;
    padding: 0 18px;
    background: #e8e8e8;
    transition: 0.8s;
  }

  .t-pag1-a2>a:hover {
    background: #e50013;
    color: #fff;
    transition: 0.8s;
  }

  .t-pag1-a3 {
    display: inline-block;
  }

  .t-pag1-a3>a {
    width: 43px;
    height: 43px;
    font-size: 16px;
    line-height: 43px;
    color: #222222;
    background: #e8e8e8;
    display: inline-block;
    transition: 0.8s;
  }

  .t-pag1-a3>a:hover {
    color: #fff;
    background: #e50013;
    transition: 0.8s;
  }

  .select {
    color: #fff !important;
    background: #e50013 !important;
    transition: 0.8s !important;
  }

  .t-pag1-a3>span {
    font-size: 16px;
    line-height: 43px;
    color: #222;
  }
}

@media only screen and (max-width: 1023px) {
  .t-pag1-a1 {
    width: 100%;
    padding: 1rem 0;
  }

  .t-pag1-a2 {
    text-align: center;
  }

  .t-pag1-a2>a {
    display: inline-block;
    height: 0.44rem;
    box-sizing: border-box;
    font-size: 0.2rem;
    line-height: 0.44rem;
    color: #222222;
    text-align: center;
    padding: 0 0.1rem;
    background: #e8e8e8;
  }

  .t-pag1-a3 {
    display: inline-block;
  }

  .t-pag1-a3>a {
    width: 0.44rem;
    height: 0.44rem;
    font-size: 0.24rem;
    line-height: 0.44rem;
    color: #222222;
    background: #e8e8e8;
    display: inline-block;
  }

  .select {
    color: #fff !important;
    background: #e50013 !important;
  }

  .t-pag1-a3>span {
    font-size: 16px;
    line-height: 0.44rem;
    color: #222;
  }
}

@media only screen and (min-width: 1340px) {
  .t-nli2-a1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
  }

  .t-nli2-a2 {
    width: 100%;
    height: 208px;
    position: relative;
    margin-bottom: 24px;
    overflow: hidden;
    background: #f5f5f5;
  }

  .t-nli2-a2:last-child {
    margin-bottom: 0;
  }

  .t-nli2-a3 {
    width: 400px;
    height: 100%;
    position: relative;
    float: left;
  }

  .t-nli2-a3 img {
    transition: 0.8s;
    min-height: 100%;
  }

  .t-nli2-a2:hover .t-nli2-a3 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-nli2-a4 {
    width: calc(100% - 400px);
    float: right;
    height: 100%;
    position: relative;
  }

  .t-nli2-a4 b {
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #e50013;
    opacity: 0;
    transition: 0.8s;
  }

  .t-nli2-a2:hover .t-nli2-a4 b {
    width: 100%;
    opacity: 1;
    transition: 0.8s;
  }

  .t-nli2-a5 {
    width: calc(100% - 48px - 40px - 100px);
    font-size: 18px;
    line-height: 20px;
    color: #333333;
    position: absolute;
    top: 60px;
    left: 48px;
    transition: 0.8s;
  }

  .t-nli2-a2:hover .t-nli2-a5 {
    color: #fff;
    transition: 0.8s;
  }

  .t-nli2-a6 {
    font-size: 14px;
    line-height: 12px;
    color: #484848;
    position: absolute;
    top: 66px;
    right: 40px;
    transition: 0.8s;
  }

  .t-nli2-a2:hover .t-nli2-a6 {
    color: #fff;
    transition: 0.8s;
  }

  .t-nli2-a7 {
    width: calc(100% - 48px - 40px);
    height: calc(24px*2);
    font-size: 14px;
    line-height: 24px;
    color: #484848;
    position: absolute;
    top: 108px;
    left: 48px;
    transition: 0.8s;
  }

  .t-nli2-a7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-nli2-a2:hover .t-nli2-a7 {
    color: #fff;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-nli2-a1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
  }

  .t-nli2-a2 {
    width: 100%;
    height: 156px;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    background: #f5f5f5;
  }

  .t-nli2-a2:last-child {
    margin-bottom: 0;
  }

  .t-nli2-a3 {
    width: 300px;
    height: 100%;
    position: relative;
    float: left;
  }

  .t-nli2-a3 img {
    transition: 0.8s;
    min-height: 100%;
  }

  .t-nli2-a2:hover .t-nli2-a3 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-nli2-a4 {
    width: calc(100% - 300px);
    float: right;
    height: 100%;
    position: relative;
  }

  .t-nli2-a4 b {
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #e50013;
    opacity: 0;
    transition: 0.8s;
  }

  .t-nli2-a2:hover .t-nli2-a4 b {
    width: 100%;
    opacity: 1;
    transition: 0.8s;
  }

  .t-nli2-a5 {
    width: calc(100% - 36px - 30px - 100px);
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    position: absolute;
    top: 36px;
    left: 36px;
    transition: 0.8s;
  }

  .t-nli2-a2:hover .t-nli2-a5 {
    color: #fff;
    transition: 0.8s;
  }

  .t-nli2-a6 {
    font-size: 12px;
    line-height: 10px;
    color: #484848;
    position: absolute;
    top: 42px;
    right: 30px;
    transition: 0.8s;
  }

  .t-nli2-a2:hover .t-nli2-a6 {
    color: #fff;
    transition: 0.8s;
  }

  .t-nli2-a7 {
    width: calc(100% - 36px - 30px);
    height: calc(22px*2);
    font-size: 12px;
    line-height: 22px;
    color: #484848;
    position: absolute;
    top: 84px;
    left: 36px;
    transition: 0.8s;
  }

  .t-nli2-a7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-nli2-a2:hover .t-nli2-a7 {
    color: #fff;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1023px) {
  .t-nli2-a1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
  }

  .t-nli2-a2 {
    width: calc(50% - 0.2rem/2);
    height: 4.84rem;
    position: relative;
    margin-bottom: 0.2rem;
    overflow: hidden;
    background: #f5f5f5;
  }

  .t-nli2-a2:nth-child(odd) {
    float: left;
  }

  .t-nli2-a2:nth-child(even) {
    float: right;
  }

  .t-nli2-a3 {
    width: 100%;
    height: 1.78rem;
    position: relative;
  }

  .t-nli2-a3 img {
    min-height: 100%;
  }

  .t-nli2-a4 {
    width: 100%;
    height: calc(100% - 1.78rem);
    position: relative;
  }

  .t-nli2-a4 b {
    width: 0.8rem;
    height: 1px;
    background: #bcbcbc;
    display: block;
    position: absolute;
    top: 0.85rem;
    left: calc(50% - 0.8rem/2);
  }

  .t-nli2-a5 {
    width: calc(100% - 0.2rem*2);
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #333333;
    position: absolute;
    top: 0.34rem;
    left: 0.2rem;
    text-align: center;
  }

  .t-nli2-a6 {
    font-size: 0.22rem;
    line-height: 0.18rem;
    color: #8a8a8a;
    position: absolute;
    top: 2.54rem;
    right: 0.2rem;
  }

  .t-nli2-a7 {
    width: calc(100% - 0.2rem*2);
    height: calc(0.36rem*4);
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: #484848;
    position: absolute;
    top: 1.06rem;
    left: 0.2rem;
  }

  .t-nli2-a7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}

@media only screen and (min-width: 1340px) {
  .t-nli3-a1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
  }

  .t-nli3-a2 {
    width: calc(50% - 28px/2);
    height: 130px;
    position: relative;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 3px 27px rgba(238, 238, 238, 0.56);
    transition: 0.8s;
  }

  .t-nli3-a2:nth-child(odd) {
    float: left;
  }

  .t-nli3-a2:nth-child(even) {
    float: right;
  }

  .t-nli3-a2:hover {
    background: #e50013;
    transition: 0.8s;
  }

  .t-nli3-a3 {
    width: 160px;
    height: 90px;
    position: absolute;
    top: calc(50% - 90px/2);
    left: 20px;
  }

  .t-nli3-a3 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-nli3-a2:hover .t-nli3-a3 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-nli3-a4 {
    width: calc(100% - 20px - 160px - 22px - 46px);
    height: 20px;
    font-size: 18px;
    line-height: 20px;
    color: #333333;
    position: absolute;
    top: 20px;
    right: 46px;
    transition: 0.8s;
    font-weight: bold;
  }

  .t-nli3-a2:hover .t-nli3-a4 {
    color: #fff;
    transition: 0.8s;
  }

  .t-nli3-a5 {
    width: calc(100% - 20px - 160px - 22px - 46px);
    height: calc(30px*2);
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    position: absolute;
    top: 54px;
    right: 46px;
    transition: 0.8s;
  }

  .t-nli3-a5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-nli3-a2:hover .t-nli3-a5 {
    color: #fff;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-nli3-a1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
  }

  .t-nli3-a2 {
    width: calc(50% - 20px/2);
    height: 110px;
    position: relative;
    margin-bottom: 16px;
    background: #fff;
    box-shadow: 0 3px 20px rgba(238, 238, 238, 0.56);
    transition: 0.8s;
  }

  .t-nli3-a2:nth-child(odd) {
    float: left;
  }

  .t-nli3-a2:nth-child(even) {
    float: right;
  }

  .t-nli3-a2:hover {
    background: #e50013;
    transition: 0.8s;
  }

  .t-nli3-a3 {
    width: 130px;
    height: 74px;
    position: absolute;
    top: calc(50% - 74px/2);
    left: 16px;
  }

  .t-nli3-a3 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-nli3-a2:hover .t-nli3-a3 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-nli3-a4 {
    width: calc(100% - 16px - 130px - 18px - 30px);
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    position: absolute;
    top: 20px;
    right: 30px;
    transition: 0.8s;
    font-weight: bold;
  }

  .t-nli3-a2:hover .t-nli3-a4 {
    color: #fff;
    transition: 0.8s;
  }

  .t-nli3-a5 {
    width: calc(100% - 16px - 130px - 18px - 30px);
    height: calc(24px*2);
    font-size: 12px;
    line-height: 24px;
    color: #666666;
    position: absolute;
    top: 44px;
    right: 30px;
    transition: 0.8s;
  }

  .t-nli3-a5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-nli3-a2:hover .t-nli3-a5 {
    color: #fff;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1023px) {
  .t-nli3-a1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
  }

  .t-nli3-a2 {
    width: 100%;
    height: 1.72rem;
    position: relative;
    margin-bottom: 0.28rem;
    background: #fff;
    box-shadow: 0 0.03rem 0.27rem rgba(238, 238, 238, 0.56);
  }

  .t-nli3-a2:last-child {
    margin-bottom: 0;
  }

  .t-nli3-a3 {
    width: 2.2rem;
    height: 1.24rem;
    position: absolute;
    top: calc(50% - 1.24rem/2);
    left: 0.2rem;
  }

  .t-nli3-a3 img {
    min-height: 100%;
  }

  .t-nli3-a4 {
    width: calc(100% - 0.2rem - 2.2rem - 0.18rem - 0.46rem);
    height: 0.3rem;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #333333;
    position: absolute;
    top: 0.36rem;
    right: 0.46rem;
    font-weight: bold;
  }

  .t-nli3-a5 {
    width: calc(100% - 0.2rem - 2.2rem - 0.18rem - 0.46rem);
    height: calc(0.36rem*2);
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: #666666;
    position: absolute;
    top: 0.76rem;
    right: 0.46rem;
  }

  .t-nli3-a5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

@media only screen and (min-width: 1340px) {
  .t-nli4-a1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
  }

  .t-nli4-a2 {
    width: calc(50% - 20px/2);
    height: 184px;
    margin-bottom: 30px;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    position: relative;
    background: url(../images/a36.png) no-repeat #fbfbfb;
    background-size: 96.86% auto;
    background-position: bottom right;
    transition: 0.8s;
    overflow: hidden;
  }

  .t-nli4-a2:nth-child(odd) {
    float: left;
  }

  .t-nli4-a2:nth-child(even) {
    float: right;
  }

  .t-nli4-a2:hover {
    border: 1px solid #1b53a6;
    background: url(../images/a36.png) no-repeat #1b53a6;
    background-size: 96.86% auto;
    background-position: bottom right;
    transition: 0.8s;
  }

  .t-nli4-a2 b {
    display: block;
    width: 24px;
    height: 8px;
    background: #1b53a6;
    position: absolute;
    top: 44px;
    left: -1px;
    transition: 0.8s;
  }

  .t-nli4-a2:hover b {
    background: #fff;
    transition: 0.8s;
  }

  .t-nli4-a3 {
    width: calc(100% - 30px*2);
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    transition: 0.8s;
    position: absolute;
    top: 36px;
    left: 30px;
  }

  .t-nli4-a2:hover .t-nli4-a3 {
    color: #fff;
    transition: 0.8s;
  }

  .t-nli4-a4 {
    width: calc(100% - 30px*2);
    font-size: 16px;
    line-height: 20px;
    color: #666666;
    transition: 0.8s;
    position: absolute;
    top: 82px;
    left: 30px;
  }

  .t-nli4-a2:hover .t-nli4-a4 {
    color: #fff;
    transition: 0.8s;
  }

  .t-nli4-a4>span:first-child {
    margin-right: 20px;
  }

  .t-nli4-a5 {
    width: 120px;
    height: 36px;
    border: 1px solid #e50013;
    border-radius: 2px;
    box-sizing: border-box;
    position: absolute;
    top: 121px;
    left: 30px;
    transition: 0.8s;
  }

  .t-nli4-a2:hover .t-nli4-a5 {
    border: 1px solid #fff;
    transition: 0.8s;
  }

  .t-nli4-a5>div:nth-child(1) {
    width: 24px;
    position: absolute;
    top: calc(50% - 16px/2);
    left: 17px;
  }

  .t-nli4-a5>div:nth-child(1) img:nth-child(1) {
    position: relative;
    opacity: 1;
    transition: 0.8s;
  }

  .t-nli4-a5>div:nth-child(1) img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.8s;
  }

  .t-nli4-a2:hover .t-nli4-a5>div:nth-child(1) img:nth-child(1) {
    opacity: 0;
    transition: 0.8s;
  }

  .t-nli4-a2:hover .t-nli4-a5>div:nth-child(1) img:nth-child(2) {
    opacity: 1;
    transition: 0.8s;
  }

  .t-nli4-a5>div:nth-child(2) {
    font-size: 14px;
    line-height: 16px;
    color: #e50013;
    position: absolute;
    top: calc(50% - 16px/2);
    left: 45px;
    transition: 0.8s;
  }

  .t-nli4-a2:hover .t-nli4-a5>div:nth-child(2) {
    color: #fff;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-nli4-a1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
  }

  .t-nli4-a2 {
    width: calc(50% - 20px/2);
    height: 160px;
    margin-bottom: 20px;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    position: relative;
    background: url(../images/a36.png) no-repeat #fbfbfb;
    background-size: 96.86% auto;
    background-position: bottom right;
    transition: 0.8s;
    overflow: hidden;
  }

  .t-nli4-a2:nth-child(odd) {
    float: left;
  }

  .t-nli4-a2:nth-child(even) {
    float: right;
  }

  .t-nli4-a2:hover {
    border: 1px solid #1b53a6;
    background: url(../images/a36.png) no-repeat #1b53a6;
    background-size: 96.86% auto;
    background-position: bottom right;
    transition: 0.8s;
  }

  .t-nli4-a2 b {
    display: block;
    width: 20px;
    height: 6px;
    background: #1b53a6;
    position: absolute;
    top: 30px;
    left: -1px;
    transition: 0.8s;
  }

  .t-nli4-a2:hover b {
    background: #fff;
    transition: 0.8s;
  }

  .t-nli4-a3 {
    width: calc(100% - 24px*2);
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    transition: 0.8s;
    position: absolute;
    top: 24px;
    left: 24px;
  }

  .t-nli4-a2:hover .t-nli4-a3 {
    color: #fff;
    transition: 0.8s;
  }

  .t-nli4-a4 {
    width: calc(100% - 24px*2);
    font-size: 12px;
    line-height: 16px;
    color: #666666;
    transition: 0.8s;
    position: absolute;
    top: 60px;
    left: 24px;
  }

  .t-nli4-a2:hover .t-nli4-a4 {
    color: #fff;
    transition: 0.8s;
  }

  .t-nli4-a4>span:first-child {
    margin-right: 20px;
  }

  .t-nli4-a5 {
    width: 100px;
    height: 30px;
    border: 1px solid #e50013;
    border-radius: 2px;
    box-sizing: border-box;
    position: absolute;
    top: 96px;
    left: 24px;
    transition: 0.8s;
  }

  .t-nli4-a2:hover .t-nli4-a5 {
    border: 1px solid #fff;
    transition: 0.8s;
  }

  .t-nli4-a5>div:nth-child(1) {
    width: 20px;
    position: absolute;
    top: calc(50% - 13px/2);
    left: 12px;
  }

  .t-nli4-a5>div:nth-child(1) img:nth-child(1) {
    position: relative;
    opacity: 1;
    transition: 0.8s;
  }

  .t-nli4-a5>div:nth-child(1) img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.8s;
  }

  .t-nli4-a2:hover .t-nli4-a5>div:nth-child(1) img:nth-child(1) {
    opacity: 0;
    transition: 0.8s;
  }

  .t-nli4-a2:hover .t-nli4-a5>div:nth-child(1) img:nth-child(2) {
    opacity: 1;
    transition: 0.8s;
  }

  .t-nli4-a5>div:nth-child(2) {
    font-size: 12px;
    line-height: 14px;
    color: #e50013;
    position: absolute;
    top: calc(50% - 14px/2);
    left: 38px;
    transition: 0.8s;
  }

  .t-nli4-a2:hover .t-nli4-a5>div:nth-child(2) {
    color: #fff;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1023px) {
  .t-nli4-a1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
  }

  .t-nli4-a2 {
    width: 100%;
    height: 2.4rem;
    margin-bottom: 0.24rem;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    position: relative;
    background: url(../images/a36.png) no-repeat #fbfbfb;
    background-size: 96.86% auto;
    background-position: bottom right;
    overflow: hidden;
  }

  .t-nli4-a2 b {
    display: block;
    width: 0.24rem;
    height: 0.08rem;
    background: #1b53a6;
    position: absolute;
    top: 0.5rem;
    left: -1px;
  }

  .t-nli4-a3 {
    width: calc(100% - 0.3rem*2);
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #333333;
    position: absolute;
    top: 0.4rem;
    left: 0.3rem;
  }

  .t-nli4-a4 {
    width: calc(100% - 0.3rem*2);
    font-size: 0.24rem;
    line-height: 0.28rem;
    color: #666666;
    position: absolute;
    top: 0.86rem;
    left: 0.3rem;
  }

  .t-nli4-a4>span:first-child {
    margin-right: 0.22rem;
  }

  .t-nli4-a5 {
    width: 2rem;
    height: 0.56rem;
    border: 1px solid #e50013;
    border-radius: 0.04rem;
    box-sizing: border-box;
    position: absolute;
    top: 1.44rem;
    left: calc(50% - 2rem/2);
  }

  .t-nli4-a5>div:nth-child(1) {
    width: 0.36rem;
    position: absolute;
    top: calc(50% - 0.25rem/2);
    left: 0.17rem;
  }

  .t-nli4-a5>div:nth-child(1) img:nth-child(1) {
    position: relative;
    opacity: 1;
  }

  .t-nli4-a5>div:nth-child(1) img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: none;
  }

  .t-nli4-a5>div:nth-child(2) {
    font-size: 0.24rem;
    line-height: 0.28rem;
    color: #e50013;
    position: absolute;
    top: calc(50% - 0.28rem/2);
    left: 0.64rem;
  }
}

@media only screen and (min-width: 1340px) {
  .t-nli5-a1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
  }

  .t-nli5-a2 {
    width: 420px;
    height: 446px;
    position: relative;
    background: #fff;
    float: left;
    margin-right: calc((100% - 420px*3)/2);
    margin-bottom: 24px;
    box-shadow: 0 4px 35px rgba(236, 236, 236, 0.45);
  }
.bpic .t-nli5-a2{
    height: 500px;
}
  .t-nli5-a2:nth-child(3n) {
    margin-right: 0;
  }
.bpic .t-nli5-a2 .t-nli5-a3{
    height: 280px;
}
.bpic .t-nli5-a2 .t-nli5-a2 b{
    height: calc(100% - 280px);
}
.bpic .t-nli5-a2 .t-nli5-a4{
    top: 310px;
}
.bpic .t-nli5-a2 .t-nli5-a5{
    top: 340px;
}
.bpic .t-nli5-a2 .t-nli5-a6{
    top: 360px;
}
.bpic .t-nli5-a2 .t-nli5-a7{
    top: 450px;
}
  .t-nli5-a3 {
    width: 100%;
    height: 218px;
    position: relative;
  }

  .t-nli5-a3 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-nli5-a2:hover .t-nli5-a3 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-nli5-a2 b {
    width: 100%;
    height: calc(100% - 218px);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 0.8s;
    display: block;
  }

  .t-nli5-a2:hover b {
    background: #d40a1b;
    transition: 0.8s;
    height: calc(100% - 190px);
  }

  .t-nli5-a4 {
    width: calc(100% - 42px*2);
    height: 20px;
    font-size: 18px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    position: absolute;
    top: 254px;
    left: 42px;
    transition: 0.8s;
  }

  .t-nli5-a2:hover .t-nli5-a4 {
    top: 226px;
    color: #fff;
    transition: 0.8s;
  }

  .t-nli5-a5 {
    width: 80px;
    height: 1px;
    background: #dcdcdc;
    position: absolute;
    top: 296px;
    left: calc(50% - 80px/2);
    transition: 0.8s;
  }

  .t-nli5-a2:hover .t-nli5-a5 {
    top: 270px;
    background: #fff;
    transition: 0.8s;
  }

  .t-nli5-a6 {
    width: calc(100% - 42px*2);
    height: calc(28px*2);
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    text-align: center;
    position: absolute;
    top: 314px;
    left: 42px;
    transition: 0.8s;
  }

  .t-nli5-a6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-nli5-a2:hover .t-nli5-a6 {
    top: 324px;
    color: #fff;
    transition: 0.8s;
    height: calc(28px*3);
  }

  .t-nli5-a2:hover .t-nli5-a6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .t-nli5-a7 {
    width: 100%;
    font-size: 14px;
    line-height: 12px;
    color: #999999;
    text-align: center;
    position: absolute;
    top: 394px;
    left: 0;
    transition: 0.8s;
  }

  .t-nli5-a2:hover .t-nli5-a7 {
    color: #fff;
    transition: 0.8s;
    top: 290px;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-nli5-a1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
  }

  .t-nli5-a2 {
    width: 300px;
    height: 320px;
    position: relative;
    background: #fff;
    float: left;
    margin-right: calc((100% - 300px*3)/2);
    margin-bottom: 20px;
    box-shadow: 0 4px 35px rgba(236, 236, 236, 0.45);
  }

  .t-nli5-a2:nth-child(3n) {
    margin-right: 0;
  }

  .t-nli5-a3 {
    width: 100%;
    height: 156px;
    position: relative;
  }

  .t-nli5-a3 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-nli5-a2:hover .t-nli5-a3 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-nli5-a2 b {
    width: 100%;
    height: calc(100% - 156px);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 0.8s;
    display: block;
  }

  .t-nli5-a2:hover b {
    background: #1b53a6;
    transition: 0.8s;
    height: calc(100% - 136px);
  }

  .t-nli5-a4 {
    width: calc(100% - 30px*2);
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    position: absolute;
    top: 172px;
    left: 30px;
    transition: 0.8s;
  }

  .t-nli5-a2:hover .t-nli5-a4 {
    top: 154px;
    color: #fff;
    transition: 0.8s;
  }

  .t-nli5-a5 {
    width: 80px;
    height: 1px;
    background: #dcdcdc;
    position: absolute;
    top: 206px;
    left: calc(50% - 80px/2);
    transition: 0.8s;
  }

  .t-nli5-a2:hover .t-nli5-a5 {
    top: 184px;
    background: #fff;
    transition: 0.8s;
  }

  .t-nli5-a6 {
    width: calc(100% - 30px*2);
    height: calc(24px*2);
    font-size: 12px;
    line-height: 24px;
    color: #666666;
    text-align: center;
    position: absolute;
    top: 214px;
    left: 30px;
    transition: 0.8s;
  }

  .t-nli5-a6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-nli5-a2:hover .t-nli5-a6 {
    top: 224px;
    color: #fff;
    transition: 0.8s;
    height: calc(24px*3);
  }

  .t-nli5-a2:hover .t-nli5-a6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .t-nli5-a7 {
    width: 100%;
    font-size: 12px;
    line-height: 10px;
    color: #999999;
    text-align: center;
    position: absolute;
    top: 274px;
    left: 0;
    transition: 0.8s;
  }

  .t-nli5-a2:hover .t-nli5-a7 {
    color: #fff;
    transition: 0.8s;
    top: 200px;
  }
}

@media only screen and (max-width: 1023px) {
  .t-nli5-a1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
  }

  .t-nli5-a2 {
    width: 100%;
    height: 6.58rem;
    position: relative;
    margin-bottom: 0.3rem;
    background: #fff;
    box-shadow: 0 0.04rem 0.35rem rgba(236, 236, 236, 0.45);
  }

  .t-nli5-a2:last-child {
    margin-bottom: 0;
  }

  .t-nli5-a3 {
    width: 100%;
    height: 3.7rem;
    position: relative;
  }

  .t-nli5-a3 img {
    min-height: 100%;
  }

  .t-nli5-a2 b {
    display: none;
  }

  .t-nli5-a4 {
    width: calc(100% - 0.3rem*2);
    height: 0.3rem;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #333333;
    text-align: center;
    position: absolute;
    top: 4.12rem;
    left: 0.3rem;
  }

  .t-nli5-a5 {
    width: 1rem;
    height: 1px;
    background: #dcdcdc;
    position: absolute;
    top: 4.66rem;
    left: calc(50% - 1rem/2);
  }

  .t-nli5-a6 {
    width: calc(100% - 0.3rem*2);
    height: calc(0.38rem*3);
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #666666;
    text-align: center;
    position: absolute;
    top: 4.9rem;
    left: 0.3rem;
  }

  .t-nli5-a6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .t-nli5-a7 {
    font-size: 0.24rem;
    line-height: 0.18rem;
    color: #999999;
    text-align: center;
    position: absolute;
    top: 6.12rem;
    right: 0.4rem;
  }
}

@media only screen and (min-width: 1340px) {
  .t-bus1-a1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
  }

  .t-bus1-a2 {
    width: 100%;
    height: 620px;
    position: relative;
    margin-bottom: 12px;
    overflow: hidden;
  }

  .t-bus1-a2 img {
    min-height: 100%;
    transition: 0.8s;
    width: 100%;
  }

  .t-bus1-a2:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-bus1-a3 {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 52px;
  }

  /*height: 150px;*/
  .t-bus1-a4 {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .t-bus1-a5 {
    width: 210px;
    height: 100%;
    position: relative;
    margin-right: calc((100% - 210px*6)/5);
    float: left;
    margin-bottom: calc((100% - 210px*6)/5)
  }

  .t-bus1-a5:nth-child(6n) {
    margin-right: 0;
  }

  .t-bus1-a6 {
    width: 100%;
    height: 140px;
    position: relative;
    overflow: hidden;
  }

  .t-bus1-a6 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-bus1-on1 .t-bus1-a6 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-bus1-a6 b {
    width: 100%;
    height: 100%;
    border: 2px solid #e50013;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.8s;
  }

  .t-bus1-on1 .t-bus1-a6 b {
    opacity: 1;
    transition: 0.8s;
  }

  .t-bus1-a7 {
    width: 100%;
    height: 42px;
    background: #f3f3f3;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 12px;
    line-height: 42px;
    color: #333333;
    text-align: center;
    transition: 0.8s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .t-bus1-on1 .t-bus1-a7 {
    background: #e50013;
    color: #fff;
    transition: 0.8s;
  }

  .t-bus1-a8 {
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    color: #4d4d4d;
    margin-bottom: 124px;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-bus1-a1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
  }

  .t-bus1-a2 {
    width: 100%;
    height: 458px;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
  }

  .t-bus1-a2 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-bus1-a2:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-bus1-a3 {
    width: 100%;
    height: 110px;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
  }

  .t-bus1-a4 {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .t-bus1-a5 {
    width: 150px;
    height: 100%;
    position: relative;
    margin-right: calc((100% - 150px*6)/5);
    float: left;
  }

  .t-bus1-a5:last-child {
    margin-right: 0;
  }

  .t-bus1-a6 {
    width: 100%;
    height: 72px;
    position: relative;
    overflow: hidden;
  }

  .t-bus1-a6 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-bus1-on1 .t-bus1-a6 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-bus1-a6 b {
    width: 100%;
    height: 100%;
    border: 2px solid #e50013;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.8s;
  }

  .t-bus1-on1 .t-bus1-a6 b {
    opacity: 1;
    transition: 0.8s;
  }

  .t-bus1-a7 {
    width: 100%;
    height: 32px;
    background: #f3f3f3;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
    line-height: 32px;
    color: #333333;
    text-align: center;
    transition: 0.8s;
  }

  .t-bus1-on1 .t-bus1-a7 {
    background: #e50013;
    color: #fff;
    transition: 0.8s;
  }

  .t-bus1-a8 {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #4d4d4d;
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 1023px) {
  .t-bus1-a1 {
    width: 100%;
    position: relative;
    margin: 0 auto;
  }

  .t-bus1-a2 {
    width: calc(100% - 0.2rem*2);
    height: 3.38rem;
    position: relative;
    margin: 0 auto;
    margin-bottom: 0.14rem;
    overflow: hidden;
  }

  .t-bus1-a2 img {
    min-height: 100%;
  }

  .t-bus1-a3 {
    width: 100%;
    height: 1.7rem;
    position: relative;
    overflow: hidden;
    overflow-x: auto;
    margin-bottom: 0.52rem;
  }

  .t-bus1-a4 {
    height: 100%;
    position: relative;
    margin-left: 0.2rem;
  }

  .t-bus1-a5 {
    width: 2.1rem;
    height: 100%;
    position: relative;
    margin-right: 0.08rem;
    float: left;
  }

  .t-bus1-a5:last-child {
    margin-right: 0;
  }

  .t-bus1-a6 {
    width: 100%;
    height: 1rem;
    position: relative;
    overflow: hidden;
  }

  .t-bus1-a6 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-bus1-on1 .t-bus1-a6 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-bus1-a6 b {
    width: 100%;
    height: 100%;
    border: 2px solid #e50013;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.8s;
  }

  .t-bus1-on1 .t-bus1-a6 b {
    opacity: 1;
    transition: 0.8s;
  }

  .t-bus1-a7 {
    width: 100%;
    height: 0.6rem;
    background: #f3f3f3;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 0.24rem;
    line-height: 0.6rem;
    color: #333333;
    text-align: center;
    transition: 0.8s;
  }

  .t-bus1-on1 .t-bus1-a7 {
    background: #e50013;
    color: #fff;
    transition: 0.8s;
  }

  .t-bus1-a8 {
    width: calc(100% - 0.2rem*2);
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #4d4d4d;
    margin: 0 auto;
    margin-bottom: 0.76rem;
  }
}

@media only screen and (min-width: 1340px) {
  .t-nco1-a1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
    padding-top: 66px;
    margin-bottom: 98px;
    min-height: 400px;
  }

  .t-nco1-a2 {
    width: 100%;
    font-size: 24px;
    line-height: 52px;
    color: #333333;
    text-align: center;
    margin-bottom: 4px;
  }

  .t-nco1-a3 {
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    color: #333333;
    text-align: center;
    margin-bottom: 20px;
  }

  .t-nco1-a4 {
    width: 100%;
    background: #f9f9f9;
    padding: 54px 66px 44px 66px;
    box-sizing: border-box;
  }

  .t-nco1-a5 {
    width: 100%;
    font-size: 16px;
    line-height: 36px;
    color: #5f5f5f;
    margin-bottom: 152px;
  }

  .t-nco1-a5 p {
    width: 100%;
    font-size: 16px;
    line-height: 36px;
    color: #5f5f5f;
  }

  .t-nco1-a6 {
    width: 100%;
    border-top: 1px dashed #cecece;
    padding-top: 44px;
  }

  .t-nco1-a6>div {
    font-size: 14px;
    line-height: 16px;
    color: #666666;
    max-width: 48%;
    height: 16px;
  }

  .t-nco1-a6>div:nth-child(1) {
    float: left;
  }

  .t-nco1-a6>div:nth-child(2) {
    float: right;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-nco1-a1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
    padding-top: 44px;
    margin-bottom: 66px;
    min-height: 400px;
  }

  .t-nco1-a2 {
    width: 100%;
    font-size: 20px;
    line-height: 44px;
    color: #333333;
    text-align: center;
    margin-bottom: 4px;
  }

  .t-nco1-a3 {
    width: 100%;
    font-size: 12px;
    line-height: 22px;
    color: #333333;
    text-align: center;
    margin-bottom: 20px;
  }

  .t-nco1-a4 {
    width: 100%;
    background: #f9f9f9;
    padding: 40px 40px 40px 40px;
    box-sizing: border-box;
  }

  .t-nco1-a5 {
    width: 100%;
    font-size: 14px;
    line-height: 32px;
    color: #5f5f5f;
    margin-bottom: 80px;
  }

  .t-nco1-a5 p {
    width: 100%;
    font-size: 14px;
    line-height: 32px;
    color: #5f5f5f;
  }

  .t-nco1-a6 {
    width: 100%;
    border-top: 1px dashed #cecece;
    padding-top: 40px;
  }

  .t-nco1-a6>div {
    font-size: 14px;
    line-height: 16px;
    color: #666666;
    max-width: 48%;
    height: 16px;
  }

  .t-nco1-a6>div:nth-child(1) {
    float: left;
  }

  .t-nco1-a6>div:nth-child(2) {
    float: right;
  }
}

@media only screen and (max-width: 1023px) {
  .t-nco1-a1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
    padding-top: 0.58rem;
    margin-bottom: 1.2rem;
    min-height: 7rem;
  }

  .t-nco1-a2 {
    width: 100%;
    font-size: 0.26rem;
    line-height: 0.52rem;
    color: #333333;
    text-align: center;
    margin-bottom: 4px;
  }

  .t-nco1-a3 {
    width: 100%;
    font-size: 0.22rem;
    line-height: 0.26rem;
    color: #333333;
    text-align: center;
    margin-bottom: 0.5rem;
  }

  .t-nco1-a4 {
    width: 100%;
    background: #f9f9f9;
    padding: 0.52rem 0.3rem 0 0.3rem;
    box-sizing: border-box;
  }

  .t-nco1-a5 {
    width: 100%;
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #5f5f5f;
    margin-bottom: 0.8rem;
  }

  .t-nco1-a5 p {
    width: 100%;
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #5f5f5f;
  }

  .t-nco1-a6 {
    width: 100%;
    border-top: 1px dashed #cecece;
    padding: 0.38rem 0;
  }

  .t-nco1-a6>div {
    font-size: 0.24rem;
    line-height: 0.6rem;
    color: #666666;
    height: 0.6rem;
  }
}

@media only screen and (min-width: 1340px) {
  .t-res1-z0 {
    width: 100%;
    height: 90px;
    position: relative;
  }

  .t-res1-a1 {
    width: 100%;
    margin-bottom: 66px;
    position: relative;
    overflow: hidden;
  }

  .t-res1-a2 {
    width: calc(1920px/2);
    height: 480px;
    position: relative;
    float: right;
    overflow: hidden;
    margin-right: calc(50% - 1920px/2);
  }

  .res1 {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
  }

  .res1 .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    position: relative;
  }

  .res1 .swiper-slide img {
    min-height: 100%;
    transition: 0.8s;
  }

  .res1 .swiper-slide:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-res1-a3 {
    width: calc(1300px/2);
    height: 480px;
    background: #f7f7f7;
    position: relative;
    overflow: hidden;
    float: right;
  }

  .t-res1-a3 .t-t2-a1 {
    position: absolute;
    top: 88px;
    left: 56px;
  }

  .t-res1-a4 {
    width: calc(100% - 56px - 80px);
    height: 22px;
    font-size: 20px;
    line-height: 22px;
    color: #454545;
    position: absolute;
    top: 152px;
    left: 56px;
  }

  .t-res1-a5 {
    width: calc(100% - 56px - 80px);
    height: calc(30px*4);
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    position: absolute;
    top: 215px;
    left: 56px;
  }

  .t-res1-a5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }

  .t-res1-a3 .t-b1-a1 {
    position: absolute;
    top: 355px;
    left: 56px;
  }

  .res2 {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 358px;
    left: calc(50% - 30px);
    right: auto;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
  }

  .res3 {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 358px;
    left: 50%;
    right: auto;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
  }

  .res2 img,
  .res3 img {
    height: 100%;
  }

  .t-res1-b1 {
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  .t-res1-b2 {
    width: calc(1920px/2);
    height: 480px;
    position: relative;
    float: left;
    overflow: hidden;
    margin-left: calc(50% - 1920px/2);
  }

  .res1 {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
  }

  .res4 .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    position: relative;
  }

  .res4 .swiper-slide img {
    min-height: 100%;
    transition: 0.8s;
  }

  .res4 .swiper-slide:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-res1-b3 {
    width: calc(1300px/2);
    height: 480px;
    background: #1b53a6;
    position: relative;
    overflow: hidden;
    float: left;
  }

  .t-res1-b3 .t-t2-a1 {
    position: absolute;
    top: 88px;
    left: 62px;
  }

  .t-res1-b3 .t-t2-a1 div:nth-child(1) {
    color: #fff;
  }

  .t-res1-b3 .t-t2-a1 div:nth-child(2) {
    background: #fff;
  }

  .t-res1-b4 {
    width: calc(100% - 62px - 74px);
    height: 22px;
    font-size: 20px;
    line-height: 22px;
    color: #fff;
    position: absolute;
    top: 152px;
    left: 62px;
  }

  .t-res1-b5 {
    width: calc(100% - 62px - 74px);
    height: calc(30px*4);
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    position: absolute;
    top: 215px;
    left: 62px;
  }

  .t-res1-b5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }

  .t-res1-b3 .t-b1-a1 {
    position: absolute;
    top: 355px;
    right: 80px;
    color: #fff;
    border: 1px solid #fff;
  }

  .res5 {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 358px;
    left: calc(50% - 30px);
    right: auto;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
  }

  .res6 {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 358px;
    left: 50%;
    right: auto;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
  }

  .res5 img,
  .res6 img {
    height: 100%;
  }

  .t-res1-c1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
  }

  .t-res1-c2 {
    width: 638px;
    height: 280px;
    float: right;
    margin-bottom: 18px;
  }

  .t-res1-c2 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-res1-c2:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-res1-c3 {
    width: 638px;
    height: calc((280px - 18px)/2);
    background: #fff;
    box-shadow: 0 3px 30px rgba(238, 238, 238, 0.4);
    float: left;
    position: relative;
    margin-bottom: 18px;
    overflow: hidden;
    transition: 0.8s;
  }

  .t-res1-c3:nth-child(4) {
    margin-bottom: 0;
  }

  .t-res1-c3:nth-child(5) {
    margin-bottom: 0;
    float: right;
  }

  .t-res1-c3:hover {
    background: #e50013;
    transition: 0.8s;
  }

  .t-res1-c4 {
    width: 160px;
    height: 90px;
    position: absolute;
    top: calc(50% - 90px/2);
    left: 20px;
  }

  .t-res1-c4 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-res1-c3:hover .t-res1-c4 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-res1-c5 {
    width: calc(100% - 20px - 160px - 22px - 46px);
    height: 20px;
    font-size: 18px;
    line-height: 20px;
    color: #333333;
    position: absolute;
    top: 20px;
    right: 46px;
    transition: 0.8s;
    font-weight: bold;
  }

  .t-res1-c3:hover .t-res1-c5 {
    color: #fff;
    transition: 0.8s;
  }

  .t-res1-c6 {
    width: calc(100% - 20px - 160px - 22px - 46px);
    height: calc(30px*2);
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    position: absolute;
    top: 54px;
    right: 46px;
    transition: 0.8s;
  }

  .t-res1-c6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-res1-c3:hover .t-res1-c6 {
    color: #fff;
    transition: 0.8s;
  }

  .t-res1-c7 {
    width: 100%;
    height: 170px;
    position: relative;
  }

  .t-res1-c7 .t-b1-a1 {
    position: absolute;
    top: calc(50% - 36px/2);
    left: calc(50% - 120px/2);
  }

  .t-res1-d1 {
    width: 100%;
    height: 830px;
    position: relative;
    overflow: hidden;
    background: url(../images/b76.jpg) no-repeat #e50013;
    background-position: center center;
    background-size: 1920px 100%;
  }

  .t-res1-d2 {
    width: 1300px;
    position: relative;
    ;
    margin: 0 auto;
  }

  .t-res1-d3 {
    width: calc(50% - 24px/2);
    height: 202px;
    position: relative;
    background: #fff;
    margin-bottom: 28px;
  }

  .t-res1-d3:nth-child(odd) {
    float: left;
  }

  .t-res1-d3:nth-child(even) {
    float: right;
  }

  .t-res1-d3>b {
    width: 24px;
    height: 8px;
    background: #e50013;
    display: block;
    position: absolute;
    top: 44px;
    left: 0;
  }

  .t-res1-d4 {
    width: calc(100% - 30px - 110px);
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    position: absolute;
    top: 36px;
    left: 30px;
  }

  .t-res1-d4 span {
    font-size: 14px;
    color: #7d7d7d;
    margin-left: 8px;
  }

  .t-res1-d5 {
    width: calc(100% - 30px - 80px);
    position: absolute;
    top: 74px;
    left: 30px;
  }

  .t-res1-d5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 26px;
    color: #666666;
    height: calc(2*26px);
  }

  .t-res1-d5>div {
    font-size: 14px;
    line-height: 26px;
    color: #666666;
    height: 26px;
  }

  .t-res1-d5>div span {
    color: #333333;
  }

  .t-res1-d6 {
    position: absolute;
    top: 140px;
    left: 30px;
  }

  .t-res1-d7 {
    float: left;
  }

  .t-res1-d7:nth-child(1) {
    margin-right: 26px;
  }

  .t-res1-d7:nth-child(1)>div:nth-child(1) {
    height: 28px;
    float: left;
    margin-right: 8px;
  }

  .t-res1-d7:nth-child(1)>div:nth-child(2) {
    font-size: 16px;
    line-height: 28px;
    color: #333333;
    float: left;
  }

  .t-res1-d7:nth-child(1)>div:nth-child(3) {
    font-size: 24px;
    line-height: 28px;
    color: #f28201;
    font-weight: bold;
    float: left;
  }

  .t-res1-d7:nth-child(2)>div:nth-child(1) {
    height: 28px;
    float: left;
    margin-right: 8px;
  }

  .t-res1-d7:nth-child(2)>div:nth-child(2) {
    font-size: 16px;
    line-height: 28px;
    color: #333333;
    float: left;
  }

  .t-res1-d7:nth-child(2)>div:nth-child(3) {
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    float: left;
  }

  .t-res1-d8 {
    font-size: 14px;
    line-height: 14px;
    color: #e50013;
    position: absolute;
    right: 42px;
    top: 42px;
  }

  .t-res1-d1 .t-b1-a1 {
    position: absolute;
    bottom: 76px;
    left: calc(50% - 120px/2);
    color: #fff;
    border: 1px solid #fff;
  }

  .t-res1-e1 {
    width: 1300px;
    position: relative;
    ;
    margin: 0 auto;
  }

  .t-res1-e2 {
    width: calc(50% - 24px/2);
    height: 202px;
    position: relative;
    background: #f4f4f4;
    margin-bottom: 28px;
  }

  .t-res1-e2:nth-child(odd) {
    float: left;
  }

  .t-res1-e2:nth-child(even) {
    float: right;
  }

  .t-res1-e2>b {
    width: 24px;
    height: 8px;
    background: #e50013;
    display: block;
    position: absolute;
    top: 44px;
    left: 0;
  }

  .t-res1-e3 {
    width: calc(100% - 30px - 110px);
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    position: absolute;
    top: 36px;
    left: 30px;
  }

  .t-res1-e3 span {
    font-size: 14px;
    color: #7d7d7d;
    margin-left: 8px;
  }

  .t-res1-e4 {
    width: calc(100% - 30px - 80px);
    position: absolute;
    top: 74px;
    left: 30px;
  }

  .t-res1-e4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 26px;
    color: #666666;
    height: calc(2*26px);
  }

  .t-res1-e4>div {
    font-size: 14px;
    line-height: 26px;
    color: #666666;
    height: 26px;
  }

  .t-res1-e4>div span {
    color: #333333;
  }

  .t-res1-e5 {
    position: absolute;
    top: 140px;
    left: 30px;
  }

  .t-res1-e6 {
    float: left;
  }

  .t-res1-e6:nth-child(1) {
    margin-right: 26px;
  }

  .t-res1-e6:nth-child(1)>div:nth-child(1) {
    height: 28px;
    float: left;
    margin-right: 8px;
  }

  .t-res1-e6:nth-child(1)>div:nth-child(2) {
    font-size: 16px;
    line-height: 28px;
    color: #333333;
    float: left;
  }

  .t-res1-e6:nth-child(1)>div:nth-child(3) {
    font-size: 24px;
    line-height: 28px;
    color: #f28201;
    font-weight: bold;
    float: left;
  }

  .t-res1-e6:nth-child(2)>div:nth-child(1) {
    height: 28px;
    float: left;
    margin-right: 8px;
  }

  .t-res1-e6:nth-child(2)>div:nth-child(2) {
    font-size: 16px;
    line-height: 28px;
    color: #333333;
    float: left;
  }

  .t-res1-e6:nth-child(2)>div:nth-child(3) {
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    float: left;
  }

  .t-res1-e7 {
    font-size: 14px;
    line-height: 14px;
    color: #e50013;
    position: absolute;
    right: 42px;
    top: 42px;
  }

  .t-res1-e8 {
    width: 100%;
    height: 170px;
    position: relative;
  }

  .t-res1-e8 .t-b1-a1 {
    position: absolute;
    top: calc(50% - 36px/2);
    left: calc(50% - 120px/2);
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-res1-z0 {
    width: 100%;
    height: 40px;
    position: relative;
  }

  .t-res1-a1 {
    width: 100%;
    margin-bottom: 66px;
    position: relative;
    overflow: hidden;
  }

  .t-res1-a2 {
    width: calc(1340px/2);
    height: 335px;
    position: relative;
    float: right;
    overflow: hidden;
    margin-right: calc(50% - 1340px/2);
  }

  .res1 {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
  }

  .res1 .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    position: relative;
  }

  .res1 .swiper-slide img {
    min-height: 100%;
    transition: 0.8s;
  }

  .res1 .swiper-slide:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-res1-a3 {
    width: calc(960px/2);
    height: 335px;
    background: #f7f7f7;
    position: relative;
    overflow: hidden;
    float: right;
  }

  .t-res1-a3 .t-t2-a1 {
    position: absolute;
    top: 44px;
    left: 40px;
  }

  .t-res1-a4 {
    width: calc(100% - 40px - 60px);
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #454545;
    position: absolute;
    top: 104px;
    left: 40px;
  }

  .t-res1-a5 {
    width: calc(100% - 40px - 60px);
    height: calc(24px*4);
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    position: absolute;
    top: 150px;
    left: 40px;
  }

  .t-res1-a5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }

  .t-res1-a3 .t-b1-a1 {
    position: absolute;
    top: 270px;
    left: 40px;
  }

  .res2 {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 260px;
    left: calc(50% - 30px);
    right: auto;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
  }

  .res3 {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 260px;
    left: 50%;
    right: auto;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
  }

  .res2 img,
  .res3 img {
    height: 100%;
  }

  .t-res1-b1 {
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  .t-res1-b2 {
    width: calc(1340px/2);
    height: 335px;
    position: relative;
    float: left;
    overflow: hidden;
    margin-left: calc(50% - 1340px/2);
  }

  .res1 {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
  }

  .res4 .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    position: relative;
  }

  .res4 .swiper-slide img {
    min-height: 100%;
    transition: 0.8s;
  }

  .res4 .swiper-slide:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-res1-b3 {
    width: calc(960px/2);
    height: 335px;
    background: #1b53a6;
    position: relative;
    overflow: hidden;
    float: left;
  }

  .t-res1-b3 .t-t2-a1 {
    position: absolute;
    top: 44px;
    left: 40px;
  }

  .t-res1-b3 .t-t2-a1 div:nth-child(1) {
    color: #fff;
  }

  .t-res1-b3 .t-t2-a1 div:nth-child(2) {
    background: #fff;
  }

  .t-res1-b4 {
    width: calc(100% - 40px - 60px);
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    position: absolute;
    top: 104px;
    left: 40px;
  }

  .t-res1-b5 {
    width: calc(100% - 40px - 60px);
    height: calc(24px*4);
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    position: absolute;
    top: 150px;
    left: 40px;
  }

  .t-res1-b5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }

  .t-res1-b3 .t-b1-a1 {
    position: absolute;
    top: 270px;
    right: 60px;
    color: #fff;
    border: 1px solid #fff;
  }

  .res5 {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 260px;
    left: calc(50% - 30px);
    right: auto;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
  }

  .res6 {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 260px;
    left: 50%;
    right: auto;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
  }

  .res5 img,
  .res6 img {
    height: 100%;
  }

  .t-res1-c1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
  }

  .t-res1-c2 {
    width: calc(50% - 20px/2);
    height: calc(110px*2 + 16px);
    float: right;
    margin-bottom: 16px;
  }

  .t-res1-c2 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-res1-c2:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-res1-c3 {
    width: calc(50% - 20px/2);
    height: 110px;
    position: relative;
    margin-bottom: 16px;
    background: #fff;
    box-shadow: 0 3px 20px rgba(238, 238, 238, 0.56);
    transition: 0.8s;
    float: left;
  }

  .t-res1-c3:nth-child(4) {
    margin-bottom: 0;
  }

  .t-res1-c3:nth-child(5) {
    margin-bottom: 0;
    float: right;
  }

  .t-res1-c3:hover {
    background: #e50013;
    transition: 0.8s;
  }

  .t-res1-c4 {
    width: 130px;
    height: 74px;
    position: absolute;
    top: calc(50% - 74px/2);
    left: 16px;
  }

  .t-res1-c4 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-res1-c3:hover .t-res1-c4 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-res1-c5 {
    width: calc(100% - 16px - 130px - 18px - 30px);
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    position: absolute;
    top: 20px;
    right: 30px;
    transition: 0.8s;
    font-weight: bold;
  }

  .t-res1-c3:hover .t-res1-c5 {
    color: #fff;
    transition: 0.8s;
  }

  .t-res1-c6 {
    width: calc(100% - 16px - 130px - 18px - 30px);
    height: calc(24px*2);
    font-size: 12px;
    line-height: 24px;
    color: #666666;
    position: absolute;
    top: 44px;
    right: 30px;
    transition: 0.8s;
  }

  .t-res1-c6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-res1-c3:hover .t-res1-c6 {
    color: #fff;
    transition: 0.8s;
  }

  .t-res1-c7 {
    width: 100%;
    height: 120px;
    position: relative;
  }

  .t-res1-c7 .t-b1-a1 {
    position: absolute;
    top: calc(50% - 30px/2);
    left: calc(50% - 100px/2);
  }

  .t-res1-d1 {
    width: 100%;
    height: 580px;
    position: relative;
    overflow: hidden;
    background: url(../images/b76.jpg) no-repeat #e50013;
    background-position: center center;
    background-size: 1340px 100%;
  }

  .t-res1-d2 {
    width: 960px;
    position: relative;
    ;
    margin: 0 auto;
  }

  .t-res1-d3 {
    width: calc(50% - 20px/2);
    height: 176px;
    position: relative;
    background: #fff;
    margin-bottom: 20px;
  }

  .t-res1-d3:nth-child(odd) {
    float: left;
  }

  .t-res1-d3:nth-child(even) {
    float: right;
  }

  .t-res1-d3>b {
    width: 24px;
    height: 8px;
    background: #e50013;
    display: block;
    position: absolute;
    top: 30px;
    left: 0;
  }

  .t-res1-d4 {
    width: calc(100% - 30px - 90px);
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    position: absolute;
    top: 24px;
    left: 30px;
  }

  .t-res1-d4 span {
    font-size: 12px;
    color: #7d7d7d;
    margin-left: 8px;
  }

  .t-res1-d5 {
    width: calc(100% - 30px - 60px);
    position: absolute;
    top: 56px;
    left: 30px;
  }

  .t-res1-d5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 26px;
    color: #666666;
    height: calc(2*26px);
  }

  .t-res1-d5>div {
    font-size: 14px;
    line-height: 26px;
    color: #666666;
    height: 26px;
  }

  .t-res1-d5>div span {
    color: #333333;
  }

  .t-res1-d6 {
    position: absolute;
    top: 120px;
    left: 30px;
  }

  .t-res1-d7 {
    float: left;
  }

  .t-res1-d7:nth-child(1) {
    margin-right: 20px;
  }

  .t-res1-d7:nth-child(1)>div:nth-child(1) {
    height: 24px;
    float: left;
    margin-right: 8px;
  }

  .t-res1-d7:nth-child(1)>div:nth-child(2) {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    float: left;
  }

  .t-res1-d7:nth-child(1)>div:nth-child(3) {
    font-size: 20px;
    line-height: 24px;
    color: #f28201;
    font-weight: bold;
    float: left;
  }

  .t-res1-d7:nth-child(2)>div:nth-child(1) {
    height: 24px;
    float: left;
    margin-right: 8px;
  }

  .t-res1-d7:nth-child(2)>div:nth-child(2) {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    float: left;
  }

  .t-res1-d7:nth-child(2)>div:nth-child(3) {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    float: left;
  }

  .t-res1-d8 {
    font-size: 14px;
    line-height: 14px;
    color: #e50013;
    position: absolute;
    right: 30px;
    top: 30px;
  }

  .t-res1-e1 {
    width: 960px;
    position: relative;
    ;
    margin: 0 auto;
  }

  .t-res1-d1 .t-b1-a1 {
    position: absolute;
    bottom: 20px;
    left: calc(50% - 100px/2);
    color: #fff;
    border: 1px solid #fff;
  }

  .t-res1-e2 {
    width: calc(50% - 20px/2);
    height: 176px;
    position: relative;
    background: #f4f4f4;
    margin-bottom: 20px;
  }

  .t-res1-e2:nth-child(odd) {
    float: left;
  }

  .t-res1-e2:nth-child(even) {
    float: right;
  }

  .t-res1-e2>b {
    width: 24px;
    height: 8px;
    background: #e50013;
    display: block;
    position: absolute;
    top: 30px;
    left: 0;
  }

  .t-res1-e3 {
    width: calc(100% - 30px - 90px);
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    position: absolute;
    top: 24px;
    left: 30px;
  }

  .t-res1-e3 span {
    font-size: 12px;
    color: #7d7d7d;
    margin-left: 8px;
  }

  .t-res1-e4 {
    width: calc(100% - 30px - 60px);
    position: absolute;
    top: 56px;
    left: 30px;
  }

  .t-res1-e4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 26px;
    color: #666666;
    height: calc(2*26px);
  }

  .t-res1-e4>div {
    font-size: 14px;
    line-height: 26px;
    color: #666666;
    height: 26px;
  }

  .t-res1-e4>div span {
    color: #333333;
  }

  .t-res1-e5 {
    position: absolute;
    top: 120px;
    left: 30px;
  }

  .t-res1-e6 {
    float: left;
  }

  .t-res1-e6:nth-child(1) {
    margin-right: 20px;
  }

  .t-res1-e6:nth-child(1)>div:nth-child(1) {
    height: 24px;
    float: left;
    margin-right: 8px;
  }

  .t-res1-e6:nth-child(1)>div:nth-child(2) {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    float: left;
  }

  .t-res1-e6:nth-child(1)>div:nth-child(3) {
    font-size: 20px;
    line-height: 24px;
    color: #f28201;
    font-weight: bold;
    float: left;
  }

  .t-res1-e6:nth-child(2)>div:nth-child(1) {
    height: 24px;
    float: left;
    margin-right: 8px;
  }

  .t-res1-e6:nth-child(2)>div:nth-child(2) {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    float: left;
  }

  .t-res1-e6:nth-child(2)>div:nth-child(3) {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    float: left;
  }

  .t-res1-e7 {
    font-size: 14px;
    line-height: 14px;
    color: #e50013;
    position: absolute;
    right: 30px;
    top: 30px;
  }

  .t-res1-e8 {
    width: 100%;
    height: 120px;
    position: relative;
  }

  .t-res1-e8 .t-b1-a1 {
    position: absolute;
    top: calc(50% - 30px/2);
    left: calc(50% - 100px/2);
  }
}

@media only screen and (max-width: 1023px) {
  .t-res1-z0 {
    width: 100%;
    height: 0.7rem;
    position: relative;
  }

  .t-res1-a1 {
    width: calc(100% - 0.2rem*2);
    margin: 0 auto;
    margin-bottom: 0.5rem;
    position: relative;
    overflow: hidden;
  }

  .t-res1-a2 {
    width: 100%;
    height: 3.55rem;
    position: relative;
    overflow: hidden;
  }

  .res1 {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
  }

  .res1 .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    position: relative;
  }

  .res1 .swiper-slide img {
    min-height: 100%;
  }

  .t-res1-a3 {
    width: calc(100% - 0.2rem*2);
    height: 4rem;
    background: #f7f7f7;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    margin-top: -0.6rem;
    z-index: 1;
  }

  .t-res1-a3 .t-t2-a1 {
    position: absolute;
    top: 0.56rem;
    left: 0.35rem;
  }

  .t-res1-a4 {
    width: calc(100% - 0.35rem*2);
    height: 0.3rem;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #454545;
    position: absolute;
    top: 1.18rem;
    left: 0.3rem;
  }

  .t-res1-a5 {
    width: calc(100% - 0.35rem*2);
    height: calc(0.38rem*4);
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #666666;
    position: absolute;
    top: 1.74rem;
    left: 0.3rem;
  }

  .t-res1-a5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }

  .t-res1-a3 .t-b1-a1 {
    position: absolute;
    top: 0.48rem;
    right: 0.22rem;
    width: 1.4rem;
    height: 0.62rem;
    line-height: 0.6rem;
  }

  .res2 {
    display: none;
  }

  .res3 {
    display: none;
  }

  .t-res1-b1 {
    width: calc(100% - 0.2rem*2);
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }

  .t-res1-b2 {
    width: 100%;
    height: 3.55rem;
    position: relative;
    overflow: hidden;
  }

  .res1 {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
  }

  .res4 .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    position: relative;
  }

  .res4 .swiper-slide img {
    min-height: 100%;
  }

  .t-res1-b3 {
    width: calc(100% - 0.2rem*2);
    height: 4rem;
    background: #f7f7f7;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    margin-top: -0.6rem;
    z-index: 1;
  }

  .t-res1-b3 .t-t2-a1 {
    position: absolute;
    top: 0.56rem;
    left: 0.35rem;
  }

  .t-res1-b4 {
    width: calc(100% - 0.35rem*2);
    height: 0.3rem;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #454545;
    position: absolute;
    top: 1.18rem;
    left: 0.3rem;
  }

  .t-res1-b5 {
    width: calc(100% - 0.35rem*2);
    height: calc(0.38rem*4);
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #666666;
    position: absolute;
    top: 1.74rem;
    left: 0.3rem;
  }

  .t-res1-b5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }

  .t-res1-b3 .t-b1-a1 {
    position: absolute;
    top: 0.48rem;
    right: 0.22rem;
    width: 1.4rem;
    height: 0.62rem;
    line-height: 0.6rem;
  }

  .res5 {
    display: none;
  }

  .res6 {
    display: none;
  }

  .t-res1-c1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
  }

  .t-res1-c2 {
    width: 100%;
    height: 3.1rem;
    margin-bottom: 0.28rem;
  }

  .t-res1-c2 img {
    min-height: 100%;
  }

  .t-res1-c3 {
    width: 100%;
    height: 1.72rem;
    position: relative;
    margin-bottom: 0.28rem;
    background: #fff;
    box-shadow: 0 0.03rem 0.27rem rgba(238, 238, 238, 0.56);
  }

  .t-res1-c3:last-child {
    margin-bottom: 0;
  }

  .t-res1-c4 {
    width: 2.2rem;
    height: 1.24rem;
    position: absolute;
    top: calc(50% - 1.24rem/2);
    left: 0.2rem;
  }

  .t-res1-c4 img {
    min-height: 100%;
  }

  .t-res1-c5 {
    width: calc(100% - 0.2rem - 2.2rem - 0.18rem - 0.46rem);
    height: 0.3rem;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #333333;
    position: absolute;
    top: 0.36rem;
    right: 0.46rem;
    font-weight: bold;
  }

  .t-res1-c6 {
    width: calc(100% - 0.2rem - 2.2rem - 0.18rem - 0.46rem);
    height: calc(0.36rem*2);
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: #666666;
    position: absolute;
    top: 0.76rem;
    right: 0.46rem;
  }

  .t-res1-c6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-res1-c7 {
    width: 100%;
    height: 2.24rem;
    position: relative;
  }

  .t-res1-c7 .t-b1-a1 {
    position: absolute;
    top: calc(50% - 0.7rem/2);
    left: calc(50% - 2.8rem/2);
  }

  .t-res1-d1 {
    width: 100%;
    padding-bottom: 2.42rem;
    position: relative;
    overflow: hidden;
    background: url(../images/b77.jpg) no-repeat #e50013;
    background-position: center center;
    background-size: 100% 100%;
  }

  .t-res1-d2 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
  }

  .t-res1-d3 {
    width: 100%;
    height: 3.22rem;
    position: relative;
    background: #fff;
    margin-bottom: 0.3rem;
  }

  .t-res1-d3:last-child {
    margin-bottom: 0;
  }

  .t-res1-d3>b {
    width: 0.24rem;
    height: 0.08rem;
    background: #e50013;
    display: block;
    position: absolute;
    top: 0.54rem;
    left: 0;
  }

  .t-res1-d4 {
    width: calc(100% - 0.32rem - 1.3rem);
    font-size: 0.28rem;
    line-height: 0.32rem;
    color: #333333;
    position: absolute;
    top: 0.42rem;
    left: 0.32rem;
  }

  .t-res1-d4 span {
    font-size: 0.22rem;
    color: #7d7d7d;
    margin-left: 0.1rem;
  }

  .t-res1-d5 {
    width: calc(100% - 0.22rem);
    position: absolute;
    top: 1rem;
    left: 0.22rem;
  }

  .t-res1-d5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #666666;
    height: calc(2*0.38rem);
  }

  .t-res1-d5>div {
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #666666;
    height: 0.38rem;
  }

  .t-res1-d5>div span {
    color: #333333;
  }

  .t-res1-d6 {
    position: absolute;
    top: 2.38rem;
    left: 0;
    width: 100%;
    text-align: center;
  }

  .t-res1-d7 {
    display: inline-block;
  }

  .t-res1-d7:nth-child(1) {
    margin-right: 0.3rem;
  }

  .t-res1-d7:nth-child(1)>div:nth-child(1) {
    height: 0.4rem;
    float: left;
    margin-right: 0.12rem;
  }

  .t-res1-d7:nth-child(1)>div:nth-child(2) {
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #333333;
    float: left;
  }

  .t-res1-d7:nth-child(1)>div:nth-child(3) {
    font-size: 0.26rem;
    line-height: 0.4rem;
    color: #f28201;
    font-weight: bold;
    float: left;
  }

  .t-res1-d7:nth-child(2)>div:nth-child(1) {
    height: 0.4rem;
    float: left;
    margin-right: 0.12rem;
  }

  .t-res1-d7:nth-child(2)>div:nth-child(2) {
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #333333;
    float: left;
  }

  .t-res1-d7:nth-child(2)>div:nth-child(3) {
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #666666;
    float: left;
  }

  .t-res1-d8 {
    font-size: 0.24rem;
    line-height: 0.2rem;
    color: #e50013;
    position: absolute;
    right: 0.3rem;
    top: 0.5rem;
  }

  .t-res1-e1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    ;
    margin: 0 auto;
  }

  .t-res1-d1 .t-b1-a1 {
    position: absolute;
    bottom: calc(2.42rem/2 - 0.7rem/2);
    left: calc(50% - 2.8rem/2);
    color: #fff;
    border: 1px solid #fff;
  }

  .t-res1-e2 {
    width: 100%;
    height: 3.22rem;
    position: relative;
    background: #f4f4f4;
    margin-bottom: 0.3rem;
  }

  .t-res1-e2:last-child {
    margin-bottom: 0;
  }

  .t-res1-e2>b {
    width: 0.24rem;
    height: 0.08rem;
    background: #e50013;
    display: block;
    position: absolute;
    top: 0.54rem;
    left: 0;
  }

  .t-res1-e3 {
    width: calc(100% - 0.32rem - 1.3rem);
    font-size: 0.28rem;
    line-height: 0.32rem;
    color: #333333;
    position: absolute;
    top: 0.42rem;
    left: 0.32rem;
  }

  .t-res1-e3 span {
    font-size: 0.22rem;
    color: #7d7d7d;
    margin-left: 0.1rem;
  }

  .t-res1-e4 {
    width: calc(100% - 0.22rem);
    position: absolute;
    top: 1rem;
    left: 0.22rem;
  }

  .t-res1-e4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #666666;
    height: calc(2*0.38rem);
  }

  .t-res1-e4>div {
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #666666;
    height: 0.38rem;
  }

  .t-res1-e4>div span {
    color: #333333;
  }

  .t-res1-e5 {
    position: absolute;
    top: 2.38rem;
    left: 0;
    width: 100%;
    text-align: center;
  }

  .t-res1-e6 {
    display: inline-block;
  }

  .t-res1-e6:nth-child(1) {
    margin-right: 0.3rem;
  }

  .t-res1-e6:nth-child(1)>div:nth-child(1) {
    height: 0.4rem;
    float: left;
    margin-right: 0.12rem;
  }

  .t-res1-e6:nth-child(1)>div:nth-child(2) {
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #333333;
    float: left;
  }

  .t-res1-e6:nth-child(1)>div:nth-child(3) {
    font-size: 0.26rem;
    line-height: 0.4rem;
    color: #f28201;
    font-weight: bold;
    float: left;
  }

  .t-res1-e6:nth-child(2)>div:nth-child(1) {
    height: 0.4rem;
    float: left;
    margin-right: 0.12rem;
  }

  .t-res1-e6:nth-child(2)>div:nth-child(2) {
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #333333;
    float: left;
  }

  .t-res1-e6:nth-child(2)>div:nth-child(3) {
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #666666;
    float: left;
  }

  .t-res1-e7 {
    font-size: 0.24rem;
    line-height: 0.2rem;
    color: #e50013;
    position: absolute;
    right: 0.3rem;
    top: 0.5rem;
  }

  .t-res1-e8 {
    width: 100%;
    height: 2.22rem;
    position: relative;
  }

  .t-res1-e8 .t-b1-a1 {
    position: absolute;
    top: calc(50% - 0.7rem/2);
    left: calc(50% - 2.8rem/2);
  }
}

@media only screen and (min-width: 1340px) {
  .t-hon1-a1 {
    display: none;
  }

  .t-hon1-a2 {
    width: 300px;
    height: 470px;
    border: 1px solid #a6a6a6;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
  }

  .t-hon1-a2 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-hon1-a2:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-hon1-a3 {
    width: 1300px;
    height: 470px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 66px;
  }

  .t-hon1-a4 {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .hon1 {
    width: calc(((1300px - 300px*4)/3 + 300px)*4) !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: calc(50% - ((1300px - 300px*4)/3 + 300px)*2);
  }

  .hon1 .swiper-slide {
    width: 25% !important;
    height: 100% !important;
    position: relative;
  }

  .hon2 {
    width: 47px;
    height: 80px;
    position: absolute;
    top: calc(50% - 80px/2);
    left: calc(50% - 1300px/2 - 70px);
    right: auto;
    margin: 0;
    padding: 0;
    background: none;
    cursor: pointer;
  }

  .hon3 {
    width: 47px;
    height: 80px;
    position: absolute;
    top: calc(50% - 80px/2);
    left: auto;
    right: calc(50% - 1300px/2 - 70px);
    margin: 0;
    padding: 0;
    background: none;
    cursor: pointer;
  }

  .t-hon1-a5 img {
    height: 100%;
  }

  .t-hon1-a5 img:nth-child(1) {
    position: relative;
    opacity: 1;
    transition: 0.8s;
  }

  .t-hon1-a5 img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.8s;
  }

  .t-hon1-a5:hover img:nth-child(1) {
    opacity: 0;
    transition: 0.8s;
  }

  .t-hon1-a5:hover img:nth-child(2) {
    opacity: 1;
    transition: 0.8s;
  }

  .t-hon1-b1 {
    display: none;
  }

  .t-hon1-b2 {
    width: 382px;
    height: 254px;
    border: 1px solid #a6a6a6;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-bottom: 20px;
    margin-right: calc((100% - 382px*3)/2);
  }

  .t-hon1-b2:nth-child(3n) {
    margin-right: 0;
  }

  .t-hon1-b2 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-hon1-b2:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-hon1-b3 {
    width: 1300px;
    padding: 56px 54px 38px 54px;
    box-sizing: border-box;
    background: #f8f8f8;
    position: relative;
    margin: 0 auto;
    margin-bottom: 48px;
  }

  .t-hon1-b4 {
    width: 100%;
    height: calc((254px + 20px)*2);
    position: relative;
    overflow: hidden;
  }

  .hon4 {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
  }

  .hon4 .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    position: relative;
  }

  .hon5 {
    width: 100% !important;
    position: absolute;
    bottom: 20px;
    left: 0;
  }

  .hon5 .swiper-pagination-bullet {
    width: 46px;
    height: 10px;
    background: #a9c1db;
    border-radius: 5px;
    opacity: 1;
    margin: 0 8px;
    transition: 0.8s;
  }

  .hon5 .swiper-pagination-bullet-active {
    background: #e50013;
    width: 70px;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1440px) and (min-width: 1340px) {
  .hon2 {
    left: calc(50% - 1300px/2);
  }

  .hon3 {
    right: calc(50% - 1300px/2);
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-hon1-a1 {
    display: none;
  }

  .t-hon1-a2 {
    width: 220px;
    height: 340px;
    border: 1px solid #a6a6a6;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
  }

  .t-hon1-a2 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-hon1-a2:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-hon1-a3 {
    width: 960px;
    height: 340px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 40px;
  }

  .t-hon1-a4 {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .hon1 {
    width: calc(((960px - 220px*4)/3 + 220px)*4) !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: calc(50% - ((960px - 220px*4)/3 + 220px)*2);
  }

  .hon1 .swiper-slide {
    width: 25% !important;
    height: 100% !important;
    position: relative;
  }

  .hon2 {
    width: 47px;
    height: 80px;
    position: absolute;
    top: calc(50% - 80px/2);
    left: calc(50% - 960px/2);
    right: auto;
    margin: 0;
    padding: 0;
    background: none;
    cursor: pointer;
  }

  .hon3 {
    width: 47px;
    height: 80px;
    position: absolute;
    top: calc(50% - 80px/2);
    left: auto;
    right: calc(50% - 960px/2);
    margin: 0;
    padding: 0;
    background: none;
    cursor: pointer;
  }

  .t-hon1-a5 img {
    height: 100%;
  }

  .t-hon1-a5 img:nth-child(1) {
    position: relative;
    opacity: 1;
    transition: 0.8s;
  }

  .t-hon1-a5 img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.8s;
  }

  .t-hon1-a5:hover img:nth-child(1) {
    opacity: 0;
    transition: 0.8s;
  }

  .t-hon1-a5:hover img:nth-child(2) {
    opacity: 1;
    transition: 0.8s;
  }

  .t-hon1-b1 {
    display: none;
  }

  .t-hon1-b2 {
    width: 280px;
    height: 192px;
    border: 1px solid #a6a6a6;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-bottom: 20px;
    margin-right: calc((100% - 280px*3)/2);
  }

  .t-hon1-b2:nth-child(3n) {
    margin-right: 0;
  }

  .t-hon1-b2 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-hon1-b2:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-hon1-b3 {
    width: 960px;
    padding: 40px 40px 30px 40px;
    box-sizing: border-box;
    background: #f8f8f8;
    position: relative;
    margin: 0 auto;
    margin-bottom: 40px;
  }

  .t-hon1-b4 {
    width: 100%;
    height: calc((192px + 20px)*2);
    position: relative;
    overflow: hidden;
  }

  .hon4 {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
  }

  .hon4 .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    position: relative;
  }

  .hon5 {
    width: 100% !important;
    position: absolute;
    bottom: 16px;
    left: 0;
  }

  .hon5 .swiper-pagination-bullet {
    width: 46px;
    height: 10px;
    background: #a9c1db;
    border-radius: 5px;
    opacity: 1;
    margin: 0 8px;
    transition: 0.8s;
  }

  .hon5 .swiper-pagination-bullet-active {
    background: #e50013;
    width: 70px;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1023px) {
  .t-hon1-a1 {
    width: calc(100% - 0.2rem*2);
    margin: 0 auto;
    position: relative;
  }

  .t-hon1-a2 {
    width: calc(50% - 0.2rem/2);
    height: 5.4rem;
    border: 1px solid #a6a6a6;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 0.2rem;
  }

  .t-hon1-a2:nth-child(odd) {
    float: left;
  }

  .t-hon1-a2:nth-child(even) {
    float: right;
  }

  .t-hon1-a2 img {
    min-height: 100%;
  }

  .t-hon1-a3 {
    display: none;
  }

  .t-hon1-b1 {
    width: calc(100% - 0.2rem*2);
    margin: 0 auto;
    position: relative;
    margin-bottom: 0.7rem;
  }

  .t-hon1-b2 {
    width: calc(50% - 0.2rem/2);
    height: 2.3rem;
    border: 1px solid #a6a6a6;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 0.2rem;
  }

  .t-hon1-b2:nth-child(odd) {
    float: left;
  }

  .t-hon1-b2:nth-child(even) {
    float: right;
  }

  .t-hon1-b2 img {
    min-height: 100%;
  }

  .t-hon1-b3 {
    display: none;
  }
}

@media only screen and (min-width: 1340px) {
  .t-tea1-a1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
  }

  .t-tea1-a2 {
    width: calc(50% - 16px/2);
    height: 340px;
    margin-bottom: 16px;
    position: relative;
    background: #f8f8f8;
    overflow: hidden;
  }

  .t-tea1-a2:nth-child(odd) {
    float: left;
  }

  .t-tea1-a2:nth-child(even) {
    float: right;
  }

  .t-tea1-a3 {
    width: 232px;
    height: 100%;
    position: relative;
  }

  .t-tea1-a3 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-tea1-a2:hover .t-tea1-a3 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-tea1-a4 {
    width: calc(100% - 232px - 34px - 30px);
    font-size: 18px;
    line-height: 22px;
    color: #333333;
    font-weight: bold;
    position: absolute;
    top: 44px;
    right: 30px;
  }

  .t-tea1-a5 {
    width: calc(100% - 232px - 34px - 30px);
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    position: absolute;
    top: 84px;
    right: 30px;
  }

  .t-tea1-a6 {
    width: calc(100% - 232px - 34px - 30px);
    height: 1px;
    background: #d9d9d9;
    position: absolute;
    top: 135px;
    right: 30px;
  }

  .t-tea1-a6 div {
    width: 32px;
    height: 5px;
    background: #e50013;
    position: absolute;
    top: -2px;
    left: 0;
  }

  .t-tea1-a7 {
    width: calc(100% - 232px - 34px - 30px);
    height: calc(36px*4);
    font-size: 16px;
    line-height: 36px;
    color: #666666;
    position: absolute;
    top: 162px;
    right: 30px;
  }

  .t-tea1-a7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-tea1-a1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
  }

  .t-tea1-a2 {
    width: calc(50% - 16px/2);
    height: 290px;
    margin-bottom: 16px;
    position: relative;
    background: #f8f8f8;
    overflow: hidden;
  }

  .t-tea1-a2:nth-child(odd) {
    float: left;
  }

  .t-tea1-a2:nth-child(even) {
    float: right;
  }

  .t-tea1-a3 {
    width: 200px;
    height: 100%;
    position: relative;
  }

  .t-tea1-a3 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-tea1-a2:hover .t-tea1-a3 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-tea1-a4 {
    width: calc(100% - 200px - 20px - 20px);
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    font-weight: bold;
    position: absolute;
    top: 36px;
    right: 20px;
  }

  .t-tea1-a5 {
    width: calc(100% - 200px - 20px - 20px);
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    position: absolute;
    top: 72px;
    right: 20px;
  }

  .t-tea1-a6 {
    width: calc(100% - 200px - 20px - 20px);
    height: 1px;
    background: #d9d9d9;
    position: absolute;
    top: 114px;
    right: 20px;
  }

  .t-tea1-a6 div {
    width: 32px;
    height: 5px;
    background: #e50013;
    position: absolute;
    top: -2px;
    left: 0;
  }

  .t-tea1-a7 {
    width: calc(100% - 200px - 20px - 20px);
    height: calc(30px*4);
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    position: absolute;
    top: 136px;
    right: 20px;
  }

  .t-tea1-a7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}

@media only screen and (max-width: 1023px) {
  .t-tea1-a1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
  }

  .t-tea1-a2 {
    width: 100%;
    height: 3.76rem;
    margin-bottom: 0.24rem;
    position: relative;
    background: #f8f8f8;
    overflow: hidden;
  }

  .t-tea1-a2:last-child {
    margin-bottom: 0;
  }

  .t-tea1-a3 {
    width: 2.58rem;
    height: 100%;
    position: relative;
  }

  .t-tea1-a3 img {
    min-height: 100%;
  }

  .t-tea1-a4 {
    width: calc(100% - 2.58rem - 0.36rem - 0.36rem);
    font-size: 0.36rem;
    line-height: 0.4rem;
    color: #333333;
    font-weight: bold;
    position: absolute;
    top: 0.52rem;
    right: 0.36rem;
  }

  .t-tea1-a5 {
    width: calc(100% - 2.58rem - 0.36rem - 0.36rem);
    font-size: 0.3rem;
    line-height: 0.34rem;
    color: #333333;
    position: absolute;
    top: 1.1rem;
    right: 0.36rem;
  }

  .t-tea1-a6 {
    width: calc(100% - 2.58rem - 0.36rem - 0.36rem);
    height: 1px;
    background: #d9d9d9;
    position: absolute;
    top: 1.8rem;
    right: 0.36rem;
  }

  .t-tea1-a6 div {
    width: 0.36rem;
    height: 3px;
    background: #e50013;
    position: absolute;
    top: -1px;
    left: 0;
  }

  .t-tea1-a7 {
    width: calc(100% - 2.58rem - 0.36rem - 0.36rem);
    height: calc(0.4rem*3);
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #666666;
    position: absolute;
    top: 2.12rem;
    right: 0.36rem;
  }

  .t-tea1-a7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}

@media only screen and (min-width: 1340px) {
  .t-org1-a1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 90px;
  }

  .t-org1-a1>img:nth-child(1) {
    display: block;
  }

  .t-org1-a1>img:nth-child(2) {
    display: none;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-org1-a1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 60px;
  }

  .t-org1-a1>img:nth-child(1) {
    display: block;
  }

  .t-org1-a1>img:nth-child(2) {
    display: none;
  }
}

@media only screen and (max-width: 1023px) {
  .t-org1-a1 {
    width: calc(100% - 0.2rem);
    position: relative;
    margin: 0 auto;
    margin-bottom: 0.9rem;
  }

  .t-org1-a1>img:nth-child(1) {
    display: none;
  }

  .t-org1-a1>img:nth-child(2) {
    display: block;
  }
}

@media only screen and (min-width: 1340px) {
  .t-rec1-a1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
    padding-top: 64px;
  }

  .t-rec1-a2 {
    width: 100%;
    font-size: 30px;
    line-height: 52px;
    color: #333333;
    text-align: center;
    font-weight: bold;
    margin-bottom: 6px;
  }

  .t-rec1-a3 {
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    color: #5f5f5f;
    text-align: center;
    margin-bottom: 28px;
  }

  .t-rec1-a4 {
    width: 100%;
    background: #f9f9f9;
    position: relative;
    margin-bottom: 90px;
  }

  .t-rec1-a5 {
    width: calc(100% - 64px*2);
    margin: 0 auto;
    padding: 54px 0 46px 0;
    border-bottom: 1px dashed #cecece;
  }

  .t-rec1-a6 {
    float: left;
    font-size: 18px;
    line-height: 28px;
    color: #323232;
  }

  .t-rec1-a6 span {
    font-size: 14px;
    color: #7d7d7d;
    margin-left: 20px;
  }

  .t-rec1-a7 {
    float: right;
  }

  .t-rec1-a8 {
    float: left;
  }

  .t-rec1-a8:first-child {
    margin-right: 32px;
  }

  .t-rec1-a8:nth-child(1)>div:nth-child(1) {
    height: 28px;
    float: left;
    margin-right: 16px;
  }

  .t-rec1-a8:nth-child(1)>div:nth-child(2) {
    font-size: 16px;
    line-height: 28px;
    color: #333333;
    float: left;
  }

  .t-rec1-a8:nth-child(1)>div:nth-child(3) {
    font-size: 24px;
    line-height: 28px;
    color: #f28201;
    font-weight: bold;
    float: left;
  }

  .t-rec1-a8:nth-child(2)>div:nth-child(1) {
    height: 28px;
    float: left;
    margin-right: 16px;
  }

  .t-rec1-a8:nth-child(2)>div:nth-child(2) {
    font-size: 16px;
    line-height: 28px;
    color: #333333;
    float: left;
  }

  .t-rec1-a8:nth-child(2)>div:nth-child(3) {
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    float: left;
  }

  .t-rec1-b1 {
    width: calc(100% - 64px*2);
    position: relative;
    margin: 0 auto;
    padding: 48px 0 92px 0;
  }

  .t-rec1-b2 {
    width: 100%;
    background: #fff;
    padding: 48px 40px 30px 40px;
    box-sizing: border-box;
    margin-bottom: 30px;
  }

  .t-rec1-b2:last-child {
    margin-bottom: 0;
  }

  .t-rec1-b3 {
    width: 100%;
    margin-bottom: 12px;
  }

  .t-rec1-b3>div:nth-child(1) {
    width: 6px;
    height: 24px;
    background: #e50013;
    border: 0;
    border-radius: 3px;
    float: left;
    margin-right: 10px;
  }

  .t-rec1-b3>div:nth-child(2) {
    font-size: 18px;
    line-height: 24px;
    color: #333333;
    font-weight: bold;
    float: left;
  }

  .t-rec1-b4 {
    width: calc(100% - 16px*2);
    margin: 0 auto;
    font-size: 16px;
    line-height: 36px;
    color: #666666;
  }

  .t-rec1-c1 {
    width: 100%;
    border-top: 1px dashed #cecece;
    padding: 42px 64px;
    box-sizing: border-box;
  }

  .t-rec1-c1>div {
    font-size: 14px;
    line-height: 16px;
    color: #666666;
    max-width: 48%;
  }

  .t-rec1-c1>div:nth-child(1) {
    float: left;
  }

  .t-rec1-c1>div:nth-child(2) {
    float: right;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-rec1-a1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
    padding-top: 40px;
  }

  .t-rec1-a2 {
    width: 100%;
    font-size: 26px;
    line-height: 44px;
    color: #333333;
    text-align: center;
    font-weight: bold;
    margin-bottom: 6px;
  }

  .t-rec1-a3 {
    width: 100%;
    font-size: 12px;
    line-height: 22px;
    color: #5f5f5f;
    text-align: center;
    margin-bottom: 20px;
  }

  .t-rec1-a4 {
    width: 100%;
    background: #f9f9f9;
    position: relative;
    margin-bottom: 60px;
  }

  .t-rec1-a5 {
    width: calc(100% - 40px*2);
    margin: 0 auto;
    padding: 40px 0 32px 0;
    border-bottom: 1px dashed #cecece;
  }

  .t-rec1-a6 {
    float: left;
    font-size: 16px;
    line-height: 24px;
    color: #323232;
  }

  .t-rec1-a6 span {
    font-size: 14px;
    color: #7d7d7d;
    margin-left: 20px;
  }

  .t-rec1-a7 {
    float: right;
  }

  .t-rec1-a8 {
    float: left;
  }

  .t-rec1-a8:first-child {
    margin-right: 24px;
  }

  .t-rec1-a8:nth-child(1)>div:nth-child(1) {
    height: 24px;
    float: left;
    margin-right: 12px;
  }

  .t-rec1-a8:nth-child(1)>div:nth-child(2) {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    float: left;
  }

  .t-rec1-a8:nth-child(1)>div:nth-child(3) {
    font-size: 20px;
    line-height: 24px;
    color: #f28201;
    font-weight: bold;
    float: left;
  }

  .t-rec1-a8:nth-child(2)>div:nth-child(1) {
    height: 24px;
    float: left;
    margin-right: 12px;
  }

  .t-rec1-a8:nth-child(2)>div:nth-child(2) {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    float: left;
  }

  .t-rec1-a8:nth-child(2)>div:nth-child(3) {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    float: left;
  }

  .t-rec1-b1 {
    width: calc(100% - 40px*2);
    position: relative;
    margin: 0 auto;
    padding: 40px 0 80px 0;
  }

  .t-rec1-b2 {
    width: 100%;
    background: #fff;
    padding: 40px 28px 20px 28px;
    box-sizing: border-box;
    margin-bottom: 20px;
  }

  .t-rec1-b2:last-child {
    margin-bottom: 0;
  }

  .t-rec1-b3 {
    width: 100%;
    margin-bottom: 12px;
  }

  .t-rec1-b3>div:nth-child(1) {
    width: 6px;
    height: 24px;
    background: #e50013;
    border: 0;
    border-radius: 3px;
    float: left;
    margin-right: 10px;
  }

  .t-rec1-b3>div:nth-child(2) {
    font-size: 18px;
    line-height: 24px;
    color: #333333;
    font-weight: bold;
    float: left;
  }

  .t-rec1-b4 {
    width: calc(100% - 16px*2);
    margin: 0 auto;
    font-size: 16px;
    line-height: 36px;
    color: #666666;
  }

  .t-rec1-c1 {
    width: 100%;
    border-top: 1px dashed #cecece;
    padding: 32px 44px;
    box-sizing: border-box;
  }

  .t-rec1-c1>div {
    font-size: 14px;
    line-height: 16px;
    color: #666666;
    max-width: 48%;
  }

  .t-rec1-c1>div:nth-child(1) {
    float: left;
  }

  .t-rec1-c1>div:nth-child(2) {
    float: right;
  }
}

@media only screen and (max-width: 1023px) {
  .t-rec1-a1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
    padding-top: 0.58rem;
  }

  .t-rec1-a2 {
    width: 100%;
    font-size: 0.26rem;
    line-height: 0.52rem;
    color: #333333;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0.15rem;
  }

  .t-rec1-a3 {
    width: 100%;
    font-size: 0.22rem;
    line-height: 0.26rem;
    color: #5f5f5f;
    text-align: center;
    margin-bottom: 0.5rem;
  }

  .t-rec1-a4 {
    width: 100%;
    background: #f9f9f9;
    position: relative;
    margin-bottom: 0.9rem;
  }

  .t-rec1-a5 {
    width: calc(100% - 0.25rem*2);
    margin: 0 auto;
    padding: 0.5rem 0 0.32rem 0;
    border-bottom: 1px dashed #cecece;
  }

  .t-rec1-a6 {
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #323232;
    margin-bottom: 0.32rem;
  }

  .t-rec1-a6 span {
    font-size: 0.22rem;
    color: #7d7d7d;
    margin-left: 0.2rem;
  }

  .t-rec1-a7 {
    width: 100%;
  }

  .t-rec1-a8 {
    float: left;
  }

  .t-rec1-a8:first-child {
    margin-right: 0.46rem;
  }

  .t-rec1-a8:nth-child(1)>div:nth-child(1) {
    height: 0.34rem;
    float: left;
    margin-right: 0.34rem;
  }

  .t-rec1-a8:nth-child(1)>div:nth-child(2) {
    font-size: 0.26rem;
    line-height: 0.34rem;
    color: #333333;
    float: left;
  }

  .t-rec1-a8:nth-child(1)>div:nth-child(3) {
    font-size: 0.32rem;
    line-height: 0.34rem;
    color: #f28201;
    font-weight: bold;
    float: left;
  }

  .t-rec1-a8:nth-child(2)>div:nth-child(1) {
    height: 0.34rem;
    float: left;
    margin-right: 0.34rem;
  }

  .t-rec1-a8:nth-child(2)>div:nth-child(2) {
    font-size: 0.26rem;
    line-height: 0.34rem;
    color: #333333;
    float: left;
  }

  .t-rec1-a8:nth-child(2)>div:nth-child(3) {
    font-size: 0.26rem;
    line-height: 0.34rem;
    color: #666666;
    float: left;
  }

  .t-rec1-b1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
    padding: 0.42rem 0 0.98rem 0;
  }

  .t-rec1-b2 {
    width: 100%;
    background: #fff;
    padding: 0.44rem 0.24rem 0.36rem 0.24rem;
    box-sizing: border-box;
    margin-bottom: 0.32rem;
  }

  .t-rec1-b2:last-child {
    margin-bottom: 0;
  }

  .t-rec1-b3 {
    width: 100%;
    margin-bottom: 0.18rem;
  }

  .t-rec1-b3>div:nth-child(1) {
    width: 0.06rem;
    height: 0.28rem;
    background: #e50013;
    border: 0;
    border-radius: 0.03rem;
    float: left;
    margin-right: 0.12rem;
  }

  .t-rec1-b3>div:nth-child(2) {
    font-size: 0.26rem;
    line-height: 0.28rem;
    color: #333333;
    font-weight: bold;
    float: left;
  }

  .t-rec1-b4 {
    width: calc(100% - 0.16rem*2);
    margin: 0 auto;
    font-size: 0.24rem;
    line-height: 0.44rem;
    color: #666666;
  }

  .t-rec1-c1 {
    width: 100%;
    border-top: 1px dashed #cecece;
    padding: 0.38rem 0.25rem;
    box-sizing: border-box;
  }

  .t-rec1-c1>div {
    font-size: 0.24rem;
    line-height: 0.6rem;
    color: #666666;
  }
}

@media only screen and (min-width: 1340px) {
  .t-bos1-a1 .t-t1-a1 {
    display: none;
  }

  .t-bos1-a2 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 26px;
  }

  .t-bos1-a3 {
    width: 435px;
    height: 610px;
    position: relative;
    float: left;
  }

  .t-bos1-a4 {
    width: 420px;
    height: 544px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #f5f5f5;
  }

  .t-bos1-a5 {
    width: 420px;
    height: 560px;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-bos1-a5 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-bos1-a5:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-bos1-a6 {
    font-size: 20px;
    line-height: calc(610px - 560px);
    color: #666666;
    position: absolute;
    bottom: 0;
    left: 58px;
  }

  .t-bos1-a6 span {
    font-size: 24px;
    font-weight: bold;
    color: #000000;
  }

  .t-bos1-b1 {
    width: calc(100% - 508px);
    position: relative;
    float: right;
    padding: 120px 80px 100px 80px;
    box-sizing: border-box;
  }

  .t-bos1-b1>b {
    display: block;
    background: #d9d9d9;
    position: absolute;
  }

  .t-bos1-b1>b:nth-child(1) {
    width: 220px;
    height: 1px;
    top: 70px;
    left: 0;
  }

  .t-bos1-b1>b:nth-child(2) {
    width: 1px;
    height: 160px;
    top: 28px;
    left: 26px;
  }

  .t-bos1-b1>b:nth-child(3) {
    width: 220px;
    height: 1px;
    bottom: 40px;
    right: 6px;
  }

  .t-bos1-b1>b:nth-child(4) {
    width: 1px;
    height: 160px;
    bottom: 0;
    right: 32px;
  }

  .t-bos1-b1>div {
    font-size: 16px;
    line-height: 30px;
    color: #505050;
    width: 100%;
    height: calc(30px*13);
    position: relative;
  }

  .t-bos1-b1>div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 13;
    -webkit-box-orient: vertical;
  }

  .t-bos1-c1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
    font-size: 16px;
    line-height: 30px;
    color: #505050;
    margin-bottom: 158px;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-bos1-a1 .t-t1-a1 {
    display: none;
  }

  .t-bos1-a2 {
    width: 960px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
  }

  .t-bos1-a3 {
    width: 260px;
    height: 380px;
    position: relative;
    float: left;
  }

  .t-bos1-a4 {
    width: 232px;
    height: 340px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #f5f5f5;
  }

  .t-bos1-a5 {
    width: 232px;
    height: 340px;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-bos1-a5 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-bos1-a5:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-bos1-a6 {
    font-size: 16px;
    line-height: calc(380px - 340px);
    color: #666666;
    position: absolute;
    bottom: 0;
    left: 40px;
  }

  .t-bos1-a6 span {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
  }

  .t-bos1-b1 {
    width: calc(100% - 300px);
    position: relative;
    float: right;
    padding: 80px 60px 60px 60px;
    box-sizing: border-box;
  }

  .t-bos1-b1>b {
    display: block;
    background: #d9d9d9;
    position: absolute;
  }

  .t-bos1-b1>b:nth-child(1) {
    width: 220px;
    height: 1px;
    top: 50px;
    left: 0;
  }

  .t-bos1-b1>b:nth-child(2) {
    width: 1px;
    height: 160px;
    top: 20px;
    left: 20px;
  }

  .t-bos1-b1>b:nth-child(3) {
    width: 220px;
    height: 1px;
    bottom: 30px;
    right: 10px;
  }

  .t-bos1-b1>b:nth-child(4) {
    width: 1px;
    height: 160px;
    bottom: 0;
    right: 20px;
  }

  .t-bos1-b1>div {
    font-size: 14px;
    line-height: 24px;
    color: #505050;
    width: 100%;
    height: calc(24px*10);
    position: relative;
  }

  .t-bos1-b1>div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
  }

  .t-bos1-c1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
    font-size: 14px;
    line-height: 26px;
    color: #505050;
    margin-bottom: 100px;
  }

  .t-bos1-c1 p {
    font-size: 14px !important;
    line-height: 26px;
    color: #505050;
  }

  .t-bos1-c1 p span {
    font-size: 14px !important;
    line-height: 26px;
    color: #505050;
  }
}

@media only screen and (max-width: 1023px) {
  .t-bos1-a1 .t-t3-a1 {
    display: none;
  }

  .t-bos1-a2 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
    margin-bottom: 0.6rem;
  }

  .t-bos1-a3 {
    width: calc(100% - 2rem);
    height: 8rem;
    position: relative;
    margin: 0 auto;
    margin-bottom: 0.4rem;
  }

  .t-bos1-a4 {
    width: calc(100% - 0.2rem);
    height: 7.2rem;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #f5f5f5;
  }

  .t-bos1-a5 {
    width: calc(100% - 0.2rem);
    height: 7.2rem;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-bos1-a5 img {
    min-height: 100%;
  }

  .t-bos1-a6 {
    font-size: 0.24rem;
    line-height: calc(8rem - 7.2rem);
    color: #666666;
    position: absolute;
    bottom: 0;
    left: 1rem;
  }

  .t-bos1-a6 span {
    font-size: 0.3rem;
    font-weight: bold;
    color: #000000;
  }

  .t-bos1-b1 {
    width: 100%;
    position: relative;
    padding: 0.4rem 0.2rem;
    box-sizing: border-box;
  }

  .t-bos1-b1>b {
    display: block;
    background: #d9d9d9;
    position: absolute;
  }

  .t-bos1-b1>b:nth-child(1) {
    width: 2.2rem;
    height: 1px;
    top: 0.2rem;
    left: 0;
  }

  .t-bos1-b1>b:nth-child(2) {
    width: 1px;
    height: 1.6rem;
    top: 0;
    left: 0.1rem;
  }

  .t-bos1-b1>b:nth-child(3) {
    width: 2.2rem;
    height: 1px;
    bottom: 0.2rem;
    right: 0;
  }

  .t-bos1-b1>b:nth-child(4) {
    width: 1px;
    height: 1.6rem;
    bottom: 0;
    right: 0.1rem;
  }

  .t-bos1-b1>div {
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #505050;
    width: 100%;
    height: calc(0.38rem*10);
    position: relative;
  }

  .t-bos1-b1>div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
  }

  .t-bos1-b1>div p {
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #505050;
  }

  .t-bos1-c1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #505050;
    margin-bottom: 1rem;
  }

  .t-bos1-c1 p {
    font-size: 0.24rem !important;
    line-height: 0.38rem;
    color: #505050;
  }

  .t-bos1-c1 p span {
    font-size: 0.24rem !important;
    line-height: 0.38rem;
    color: #505050;
  }
}

@media only screen and (min-width: 1340px) {
  .t-cul1-a1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 60px;
  }

  .t-cul1-a2 {
    width: calc(100% - 800px - 58px);
    float: left;
    margin-bottom: 38px;
  }

  .t-cul1-a2 .t-t2-a1 {
    margin-bottom: 24px;
  }

  .t-cul1-a3 {
    width: 100%;
    font-size: 20px;
    line-height: 28px;
    color: #454545;
    margin-bottom: 30px;
  }

  .t-cul1-a4 {
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    color: #5b5b5b;
  }

  .t-cul1-a5 {
    width: 660px;
    height: 400px;
    position: relative;
    float: right;
  }

  .t-cul1-a5 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-cul1-a5:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-cul1-a5 img:nth-child(2) {
    display: none;
  }

  .t-cul1-a6 {
    width: calc(100% - 450px - 58px);
    float: left;
  }

  .t-cul1-a7 {
    font-size: 24px;
    line-height: 24px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 14px;
  }

  .t-cul1-a8 {
    width: 100%;
    font-size: 18px;
    line-height: 36px;
    color: #333333;
    margin-bottom: 4px;
  }

  .t-cul1-a9 {
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    color: #5b5b5b;
  }

  .t-cul1-b1 {
    width: 1300px;
    height: 184px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 86px;
  }

  .t-cul1-b1 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-cul1-b1:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-cul1-c1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 66px;
  }

  .t-cul1-c1 .t-t2-a1 {
    position: absolute;
    top: 96px;
    left: calc(50% + 122px);
  }

  .t-cul1-c2 {
    width: calc(50% - 122px);
    font-size: 20px;
    line-height: 28px;
    color: #454545;
    position: absolute;
    top: 156px;
    right: 0;
  }

  .t-cul1-c3 {
    width: calc(50% - 122px);
    font-size: 16px;
    line-height: 30px;
    color: #5b5b5b;
    position: absolute;
    top: 214px;
    right: 0;
  }

  .t-cul1-c4 {
    width: 720px;
    height: 360px;
    position: relative;
  }

  .t-cul1-c4 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-cul1-c4:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-cul1-d1 {
    width: 1300px;
    height: 552px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 100px;
  }

  .t-cul1-d1>img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-cul1-d1:hover>img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-cul1-d1>img:nth-child(1) {
    display: block;
  }

  .t-cul1-d1>img:nth-child(2) {
    display: none;
  }

  .t-cul1-d2 {
    width: 88px;
    position: absolute;
    top: calc(50% - 88px/2);
    left: calc(50% - 88px/2);
  }

  .t-cul1-d1:hover .t-cul1-d2 {
    transform: rotateY(360deg);
    transition: 0.8s;
  }

  .t-cul1-d3 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
  }

  .t-cul1-d3 video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #000;
  }

  .t-cul1-e1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
  }

  .t-cul1-e2 {
    width: 420px;
    height: 298px;
    position: relative;
    background: #fff;
    box-shadow: 0 4px 35px rgba(236, 236, 236, 0.35);
    margin-right: calc((100% - 420px*3)/2);
    float: left;
    transition: 0.8s;
  }

  .t-cul1-e2:nth-child(3n) {
    margin-right: 0;
  }

  .t-cul1-e2:hover {
    background: #e50013;
    transition: 0.8s;
  }

  .t-cul1-e3 {
    width: 100%;
    height: 218px;
    position: relative;
  }

  .t-cul1-e3>img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-cul1-e2:hover .t-cul1-e3>img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-cul1-e4 {
    width: 100%;
    height: calc(298px - 218px);
    font-size: 18px;
    line-height: calc(298px - 218px);
    color: #333333;
    text-align: center;
    padding: 0 32px;
    box-sizing: border-box;
    transition: 0.8s;
  }

  .t-cul1-e2:hover .t-cul1-e4 {
    color: #fff;
    transition: 0.8s;
  }

  .t-cul1-e5 {
    width: 100%;
    height: 90px;
    position: relative;
  }

  .t-cul1-e5 .t-b1-a1 {
    position: absolute;
    bottom: 0;
    left: calc(50% - 120px/2);
  }

  .t-cul1-f1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 28px;
    height: 322px;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
  }

  .t-cul1-f2 {
    width: 50%;
    position: relative;
    height: 100%;
    float: left;
  }

  .t-cul1-f2 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-cul1-f2:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-cul1-f3 {
    width: 50%;
    height: 100%;
    background: #fff;
    position: relative;
    float: right;
  }

  .t-cul1-f4 {
    width: calc(100% - 36px - 46px);
    height: 28px;
    font-size: 24px;
    line-height: 28px;
    color: #333333;
    font-weight: bold;
    position: absolute;
    top: 60px;
    left: 36px;
  }

  .t-cul1-f5 {
    width: calc(100% - 36px - 46px);
    height: calc(30px*3);
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    position: absolute;
    top: 118px;
    left: 36px;
  }

  .t-cul1-f5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .t-cul1-f6 {
    font-size: 14px;
    line-height: 14px;
    color: #999999;
    position: absolute;
    top: 250px;
    right: 55px;
  }

  .t-cul1-f3 .t-b1-a1 {
    position: absolute;
    top: 240px;
    left: 36px;
  }

  .t-cul1-g1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
  }

  .t-cul1-g8 {
    width: 616px;
    position: relative;
  }

  .t-cul1-g8:nth-child(1) {
    float: left;
  }

  .t-cul1-g8:nth-child(2) {
    float: right;
  }

  .t-cul1-g2 {
    width: 616px;
    height: 75px;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    overflow: hidden;
    transition: 0.8s;
  }

  .t-cul1-g2.t-cul1-gon1 {
    height: 165px;
    transition: 0.8s;
  }

  .t-cul1-g3 {
    width: calc(100% - 135px);
    height: 20px;
    position: absolute;
    top: calc(75px/2 - 20px/2);
    right: 0;
    transition: 0.8s;
  }

  .t-cul1-gon1 .t-cul1-g3 {
    width: calc(100% - 135px - 30px);
    top: 30px;
    right: 30px;
    transition: 0.8s;
  }

  .t-cul1-g3>div:nth-child(1) {
    max-width: calc(100% - 36px);
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #666666;
    float: left;
    transition: 0.8s;
  }

  .t-cul1-gon1 .t-cul1-g3>div:nth-child(1) {
    font-weight: bold;
    transition: 0.8s;
  }

  .t-cul1-g3>div:nth-child(2) {
    width: 35px;
    position: relative;
    top: -16px;
    float: left;
  }

  .t-cul1-g4 {
    width: calc(100% - 135px - 30px);
    height: calc(28px*2);
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    position: absolute;
    top: 102px;
    right: 30px;
    transition: 0.8s;
  }

  .t-cul1-g4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-cul1-gon1 .t-cul1-g4 {
    top: 72px;
    transition: 0.8s;
  }

  .t-cul1-g5 {
    font-size: 18px;
    line-height: 14px;
    color: #999999;
    position: absolute;
    top: calc(75px/2 - 14px/2);
    left: 20px;
    transition: 0.8s;
  }

  .t-cul1-gon1 .t-cul1-g5 {
    left: -100px;
    transition: 0.8s;
  }

  .t-cul1-g6 {
    position: absolute;
    top: 88px;
    right: calc(100% - 78px);
    transition: 0.8s;
  }

  .t-cul1-gon1 .t-cul1-g6 {
    top: 28px;
    transition: 0.8s;
  }

  .t-cul1-g6>div:nth-child(1) {
    font-size: 16px;
    line-height: 12px;
    color: #666666;
    text-align: right;
    margin-bottom: 20px;
  }

  .t-cul1-g6>div:nth-child(2) {
    width: 26px;
    height: 1px;
    background: #cfcfcf;
    margin-left: 30px;
    margin-bottom: 18px;
  }

  .t-cul1-g6>div:nth-child(3) {
    font-size: 56px;
    line-height: 44px;
    color: #333333;
    text-align: right;
  }

  .t-cul1-g7 {
    width: 100%;
    height: 120px;
    position: relative;
  }

  .t-cul1-g7 .t-b1-a1 {
    position: absolute;
    top: calc(50% - 36px/2);
    left: calc(50% - 120px/2);
  }

  .t-cul1-h1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
  }

  .t-cul1-h2 {
    width: 420px;
    position: relative;
    box-shadow: 0 4px 35px rgba(236, 236, 236, 0.35);
    margin-right: calc((100% - 420px*3)/2);
    margin-bottom: calc((1300px - 420px*3)/2);
    float: left;
    cursor: pointer;
  }

  .t-cul1-h2:nth-child(3n) {
    margin-right: 0;
  }

  .t-cul1-h3 {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .t-cul1-h3>img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-cul1-h2:hover .t-cul1-h3>img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-cul1-h4 {
    width: 80px;
    height: 80px;
    position: absolute;
    top: calc(50% - 88px/2);
    left: calc(50% - 88px/2);
  }

  .t-cul1-h2:hover .t-cul1-h4 {
    transform: rotateY(360deg);
    transition: 0.8s;
  }

  .t-cul1-h5 {
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 21;
    display: none;
  }

  .t-cul1-h6 {
    width: 1000px;
    height: 600px;
    position: absolute;
    top: calc(50% - 600px/2);
    left: calc(50% - 1000px/2);
  }

  .t-cul1-h6 video {
    width: 100% !important;
    height: 100% !important;
    position: relative;
    outline: none;
  }

  .t-cul1-h7 {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    transform: rotate(45deg);
  }

  .t-cul1-h7>div {
    background: #fff;
    position: absolute;
  }

  .t-cul1-h7>div:nth-child(1) {
    width: 30px;
    height: 2px;
    top: calc(50% - 1px);
    left: calc(50% - 15px);
  }

  .t-cul1-h7>div:nth-child(2) {
    width: 2px;
    height: 30px;
    top: calc(50% - 15px);
    left: calc(50% - 1px);
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-cul1-a1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 40px;
  }

  .t-cul1-a2 {
    width: calc(100% - 360px - 30px);
    float: left;
    margin-bottom: 20px;
  }

  .t-cul1-a2 .t-t2-a1 {
    margin-bottom: 20px;
  }

  .t-cul1-a3 {
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #454545;
    margin-bottom: 20px;
  }

  .t-cul1-a4 {
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    color: #5b5b5b;
  }

  .t-cul1-a5 {
    width: 360px;
    height: 426px;
    position: relative;
    float: right;
  }

  .t-cul1-a5 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-cul1-a5:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-cul1-a5 img:nth-child(2) {
    display: none;
  }

  .t-cul1-a6 {
    width: calc(100% - 360px - 30px);
    float: left;
  }

  .t-cul1-a7 {
    font-size: 20px;
    line-height: 20px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 20px;
  }

  .t-cul1-a8 {
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    margin-bottom: 20px;
  }

  .t-cul1-a9 {
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    color: #5b5b5b;
  }

  .t-cul1-b1 {
    width: 960px;
    height: 136px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 40px;
  }

  .t-cul1-b1 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-cul1-b1:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-cul1-c1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 40px;
  }

  .t-cul1-c1 .t-t2-a1 {
    position: absolute;
    top: 60px;
    left: calc(50% + 60px);
  }

  .t-cul1-c2 {
    width: calc(50% - 60px);
    font-size: 16px;
    line-height: 20px;
    color: #454545;
    position: absolute;
    top: 110px;
    right: 0;
  }

  .t-cul1-c3 {
    width: calc(50% - 60px);
    font-size: 14px;
    line-height: 22px;
    color: #5b5b5b;
    position: absolute;
    top: 150px;
    right: 0;
  }

  .t-cul1-c4 {
    width: 500px;
    height: 250px;
    position: relative;
  }

  .t-cul1-c4 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-cul1-c4:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-cul1-d1 {
    width: 960px;
    height: 408px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 60px;
  }

  .t-cul1-d1>img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-cul1-d1:hover>img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-cul1-d1>img:nth-child(1) {
    display: block;
  }

  .t-cul1-d1>img:nth-child(2) {
    display: none;
  }

  .t-cul1-d2 {
    width: 76px;
    position: absolute;
    top: calc(50% - 76px/2);
    left: calc(50% - 76px/2);
  }

  .t-cul1-d1:hover .t-cul1-d2 {
    transform: rotateY(360deg);
    transition: 0.8s;
  }

  .t-cul1-d3 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
  }

  .t-cul1-d3 video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #000;
  }

  .t-cul1-e1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
  }

  .t-cul1-e2 {
    width: 310px;
    height: 200px;
    position: relative;
    background: #fff;
    box-shadow: 0 4px 35px rgba(236, 236, 236, 0.35);
    margin-right: calc((100% - 310px*3)/2);
    float: left;
    transition: 0.8s;
  }

  .t-cul1-e2:nth-child(3n) {
    margin-right: 0;
  }

  .t-cul1-e2:hover {
    background: #e50013;
    transition: 0.8s;
  }

  .t-cul1-e3 {
    width: 100%;
    height: 160px;
    position: relative;
  }

  .t-cul1-e3>img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-cul1-e2:hover .t-cul1-e3>img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-cul1-e4 {
    width: 100%;
    height: calc(200px - 160px);
    font-size: 14px;
    line-height: calc(200px - 160px);
    color: #333333;
    text-align: center;
    padding: 0 24px;
    box-sizing: border-box;
    transition: 0.8s;
  }

  .t-cul1-e2:hover .t-cul1-e4 {
    color: #fff;
    transition: 0.8s;
  }

  .t-cul1-e5 {
    width: 100%;
    height: 70px;
    position: relative;
  }

  .t-cul1-e5 .t-b1-a1 {
    position: absolute;
    bottom: 0;
    left: calc(50% - 100px/2);
  }

  .t-cul1-f1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 28px;
    height: 252px;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
  }

  .t-cul1-f2 {
    width: 50%;
    position: relative;
    height: 100%;
    float: left;
  }

  .t-cul1-f2 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-cul1-f2:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-cul1-f3 {
    width: 50%;
    height: 100%;
    background: #fff;
    position: relative;
    float: right;
  }

  .t-cul1-f4 {
    width: calc(100% - 30px - 40px);
    height: 24px;
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    font-weight: bold;
    position: absolute;
    top: 36px;
    left: 30px;
  }

  .t-cul1-f5 {
    width: calc(100% - 30px - 40px);
    height: calc(24px*3);
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    position: absolute;
    top: 84px;
    left: 30px;
  }

  .t-cul1-f5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .t-cul1-f6 {
    font-size: 12px;
    line-height: 12px;
    color: #999999;
    position: absolute;
    top: 200px;
    right: 45px;
  }

  .t-cul1-f3 .t-b1-a1 {
    position: absolute;
    top: 190px;
    left: 30px;
  }

  .t-cul1-g1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
  }

  .t-cul1-g8 {
    width: 460px;
    position: relative;
  }

  .t-cul1-g8:nth-child(1) {
    float: left;
  }

  .t-cul1-g8:nth-child(2) {
    float: right;
  }

  .t-cul1-g2 {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    overflow: hidden;
    transition: 0.8s;
  }

  .t-cul1-g2.t-cul1-gon1 {
    height: 120px;
    transition: 0.8s;
  }

  .t-cul1-g3 {
    width: calc(100% - 120px);
    height: 20px;
    position: absolute;
    top: calc(60px/2 - 20px/2);
    right: 0;
    transition: 0.8s;
  }

  .t-cul1-gon1 .t-cul1-g3 {
    width: calc(100% - 120px - 20px);
    top: 20px;
    right: 20px;
    transition: 0.8s;
  }

  .t-cul1-g3>div:nth-child(1) {
    max-width: calc(100% - 32px);
    position: relative;
    font-size: 16px;
    line-height: 20px;
    color: #666666;
    float: left;
    transition: 0.8s;
  }

  .t-cul1-gon1 .t-cul1-g3>div:nth-child(1) {
    font-weight: bold;
    transition: 0.8s;
  }

  .t-cul1-g3>div:nth-child(2) {
    width: 30px;
    position: relative;
    top: -12px;
    float: left;
  }

  .t-cul1-g4 {
    width: calc(100% - 120px - 20px);
    height: calc(24px*2);
    font-size: 12px;
    line-height: 24px;
    color: #666666;
    position: absolute;
    top: 80px;
    right: 20px;
    transition: 0.8s;
  }

  .t-cul1-g4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-cul1-gon1 .t-cul1-g4 {
    top: 54px;
    transition: 0.8s;
  }

  .t-cul1-g5 {
    font-size: 14px;
    line-height: 12px;
    color: #999999;
    position: absolute;
    top: calc(60px/2 - 12px/2);
    left: 20px;
    transition: 0.8s;
  }

  .t-cul1-gon1 .t-cul1-g5 {
    left: -100px;
    transition: 0.8s;
  }

  .t-cul1-g6 {
    position: absolute;
    top: 88px;
    right: calc(100% - 72px);
    transition: 0.8s;
  }

  .t-cul1-gon1 .t-cul1-g6 {
    top: 20px;
    transition: 0.8s;
  }

  .t-cul1-g6>div:nth-child(1) {
    font-size: 14px;
    line-height: 12px;
    color: #666666;
    text-align: right;
    margin-bottom: 14px;
  }

  .t-cul1-g6>div:nth-child(2) {
    width: 26px;
    height: 1px;
    background: #cfcfcf;
    margin-left: 24px;
    margin-bottom: 12px;
  }

  .t-cul1-g6>div:nth-child(3) {
    font-size: 48px;
    line-height: 40px;
    color: #333333;
    text-align: right;
  }

  .t-cul1-g7 {
    width: 100%;
    height: 100px;
    position: relative;
  }

  .t-cul1-g7 .t-b1-a1 {
    position: absolute;
    top: calc(50% - 30px/2);
    left: calc(50% - 100px/2);
  }

  .t-cul1-h1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
  }

  .t-cul1-h2 {
    width: 310px;
    height: 160px;
    position: relative;
    box-shadow: 0 4px 35px rgba(236, 236, 236, 0.35);
    margin-right: calc((100% - 310px*3)/2);
    margin-bottom: calc((960px - 310px*3)/2);
    float: left;
    cursor: pointer;
  }

  .t-cul1-h2:nth-child(3n) {
    margin-right: 0;
  }

  .t-cul1-h3 {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .t-cul1-h3>img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-cul1-h2:hover .t-cul1-h3>img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-cul1-h4 {
    width: 66px;
    height: 66px;
    position: absolute;
    top: calc(50% - 66px/2);
    left: calc(50% - 66px/2);
  }

  .t-cul1-h2:hover .t-cul1-h4 {
    transform: rotateY(360deg);
    transition: 0.8s;
  }

  .t-cul1-h5 {
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 21;
    display: none;
  }

  .t-cul1-h6 {
    width: 800px;
    height: 500px;
    position: absolute;
    top: calc(50% - 500px/2);
    left: calc(50% - 800px/2);
  }

  .t-cul1-h6 video {
    width: 100% !important;
    height: 100% !important;
    position: relative;
    outline: none;
  }

  .t-cul1-h7 {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    transform: rotate(45deg);
  }

  .t-cul1-h7>div {
    background: #fff;
    position: absolute;
  }

  .t-cul1-h7>div:nth-child(1) {
    width: 30px;
    height: 2px;
    top: calc(50% - 1px);
    left: calc(50% - 15px);
  }

  .t-cul1-h7>div:nth-child(2) {
    width: 2px;
    height: 30px;
    top: calc(50% - 15px);
    left: calc(50% - 1px);
  }
}

@media only screen and (max-width: 1023px) {
  .t-cul1-a1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
    margin-bottom: 0.54rem;
  }

  .t-cul1-a2 {
    width: 100%;
    margin-bottom: 0.5rem;
  }

  .t-cul1-a2 .t-t2-a1 {
    margin-bottom: 0.22rem;
  }

  .t-cul1-a3 {
    width: 100%;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #454545;
    margin-bottom: 0.38rem;
  }

  .t-cul1-a4 {
    width: 100%;
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #5b5b5b;
  }

  .t-cul1-a5 {
    width: 100%;
    height: 3.6rem;
    position: relative;
    margin-bottom: 0.58rem;
  }

  .t-cul1-a5 img {
    min-height: 100%;
  }

  .t-cul1-a5 img:nth-child(1) {
    display: none;
  }

  .t-cul1-a6 {
    width: 100%;
  }

  .t-cul1-a7 {
    font-size: 0.36rem;
    line-height: 0.36rem;
    color: #000000;
    font-weight: bold;
    margin-bottom: 0.34rem;
  }

  .t-cul1-a8 {
    display: none;
  }

  .t-cul1-a9 {
    width: 100%;
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #5b5b5b;
  }

  .t-cul1-b1 {
    width: 100%;
    height: 2.2rem;
    position: relative;
    margin: 0 auto;
    margin-bottom: 0.76rem;
  }

  .t-cul1-b1 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-cul1-b1:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-cul1-c1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
    margin-bottom: 0.68rem;
  }

  .t-cul1-c1 .t-t2-a1 {
    position: relative;
    margin-bottom: 0.3rem;
  }

  .t-cul1-c2 {
    width: 100%;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #454545;
    position: relative;
    margin-bottom: 0.36rem;
  }

  .t-cul1-c3 {
    width: 100%;
    font-size: 0.26rem;
    line-height: 0.38rem;
    color: #5b5b5b;
    position: relative;
    margin-bottom: 0.7rem;
  }

  .t-cul1-c4 {
    width: 100%;
    height: 3.56rem;
    position: relative;
  }

  .t-cul1-c4 img {
    min-height: 100%;
  }

  .t-cul1-d1 {
    width: calc(100% - 0.2rem*2);
    height: 3.02rem;
    position: relative;
    margin: 0 auto;
    margin-bottom: 1.1rem;
  }

  .t-cul1-d1>img {
    min-height: 100%;
  }

  .t-cul1-d1>img:nth-child(1) {
    display: none;
  }

  .t-cul1-d1>img:nth-child(2) {
    display: block;
  }

  .t-cul1-d2 {
    width: 0.88rem;
    position: absolute;
    top: calc(50% - 0.88rem/2);
    left: calc(50% - 0.88rem/2);
  }

  .t-cul1-d3 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
  }

  .t-cul1-d3 video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #000;
  }

  .t-cul1-e1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
  }

  .t-cul1-e2 {
    width: 100%;
    position: relative;
    background: #fff;
    box-shadow: 0 0.04rem 0.35rem rgba(236, 236, 236, 0.35);
    margin-bottom: 0.26rem;
    display: none;
  }

  .t-cul1-e2:nth-child(1) {
    display: block;
  }

  .t-cul1-e2:nth-child(2) {
    display: block;
    margin-bottom: 0;
  }

  .t-cul1-e3 {
    width: 100%;
    height: 3.56rem;
    position: relative;
  }

  .t-cul1-e3>img {
    min-height: 100%;
  }

  .t-cul1-e4 {
    width: 100%;
    height: 0.86rem;
    border: 1px solid #efefef;
    box-sizing: border-box;
    font-size: 0.26rem;
    line-height: 0.84rem;
    color: #333333;
    text-align: center;
    padding: 0 0.2rem;
  }

  .t-cul1-e5 {
    width: 100%;
    height: 1.38rem;
    position: relative;
  }

  .t-cul1-e5 .t-b1-a1 {
    position: absolute;
    bottom: 0;
    left: calc(50% - 2.8rem/2);
  }

  .t-cul1-f1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
    margin-bottom: 0.4rem;
  }

  .t-cul1-f2 {
    width: 100%;
    position: relative;
    height: 3.7rem;
  }

  .t-cul1-f2 img {
    min-height: 100%;
  }

  .t-cul1-f3 {
    width: calc(100% - 0.15rem*2);
    height: 3.12rem;
    background: #fff;
    position: relative;
    margin: 0 auto;
    margin-top: -0.96rem;
    box-shadow: 0 0 0.2rem rgba(238, 238, 238, 0.47);
  }

  .t-cul1-f4 {
    width: calc(100% - 0.42rem*2);
    height: 0.3rem;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #333333;
    font-weight: bold;
    position: absolute;
    top: 0.56rem;
    left: 0.42rem;
  }

  .t-cul1-f5 {
    width: calc(100% - 0.42rem*2);
    height: calc(0.38rem*3);
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #333333;
    position: absolute;
    top: 1.1rem;
    left: 0.42rem;
  }

  .t-cul1-f5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .t-cul1-f6 {
    font-size: 0.24rem;
    line-height: 0.24rem;
    color: #999999;
    position: absolute;
    top: 2.5rem;
    right: 0.54rem;
  }

  .t-cul1-f3 .t-b1-a1 {
    display: none;
  }

  .t-cul1-f3 a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
  }

  .t-cul1-g1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
  }

  .t-cul1-g8 {
    width: 100%;
    position: relative;
  }

  .t-cul1-g8:nth-child(1) {
    position: relative;
  }

  .t-cul1-g8:nth-child(2) {
    position: relative;
  }

  .t-cul1-g2 {
    width: 100%;
    height: 0.9rem;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    overflow: hidden;
  }

  .t-cul1-g2.t-cul1-gon1 {
    height: 1.74rem;
  }

  .t-cul1-g3 {
    width: calc(100% - 1.08rem);
    height: 0.3rem;
    position: absolute;
    top: calc(0.9rem/2 - 0.3rem/2);
    right: 0;
  }

  .t-cul1-gon1 .t-cul1-g3 {
    width: calc(100% - 1.08rem - 0.32rem);
    top: 0.2rem;
    right: 0.3rem;
  }

  .t-cul1-g3>div:nth-child(1) {
    max-width: calc(100% - 0.32rem);
    position: relative;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #666666;
    float: left;
  }

  .t-cul1-gon1 .t-cul1-g3>div:nth-child(1) {
    font-weight: bold;
  }

  .t-cul1-g3>div:nth-child(2) {
    width: 0.3rem;
    position: relative;
    top: -0.12rem;
    float: left;
  }

  .t-cul1-g4 {
    width: calc(100% - 1.08rem - 0.3rem);
    height: calc(0.38rem*2);
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #666666;
    position: absolute;
    top: 1.4rem;
    right: 0.3rem;
  }

  .t-cul1-g4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-cul1-gon1 .t-cul1-g4 {
    top: 0.68rem;
  }

  .t-cul1-g5 {
    font-size: 0.24rem;
    line-height: 0.22rem;
    color: #999999;
    position: absolute;
    top: calc(0.9rem/2 - 0.22rem/2);
    left: 0.2rem;
  }

  .t-cul1-gon1 .t-cul1-g5 {
    left: -2rem;
  }

  .t-cul1-g6 {
    position: absolute;
    top: 1rem;
    left: 0;
  }

  .t-cul1-gon1 .t-cul1-g6 {
    top: 0.2rem;
  }

  .t-cul1-g6>div:nth-child(1) {
    font-size: 0.2rem;
    line-height: 0.14rem;
    color: #666666;
    text-align: right;
    margin-bottom: 0.2rem;
  }

  .t-cul1-g6>div:nth-child(2) {
    width: 0.26rem;
    height: 1px;
    background: #cfcfcf;
    margin-left: 0.6rem;
    margin-bottom: 0.18rem;
  }

  .t-cul1-g6>div:nth-child(3) {
    font-size: 0.56rem;
    line-height: 0.44rem;
    color: #333333;
    text-align: right;
  }

  .t-cul1-g7 {
    width: 100%;
    height: 2rem;
    position: relative;
  }

  .t-cul1-g7 .t-b1-a1 {
    position: absolute;
    top: calc(50% - 0.7rem/2);
    left: calc(50% - 2.8rem/2);
  }

  .t-cul1-h1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
  }

  .t-cul1-h2 {
    width: 100%;
    height: 3.56rem;
    position: relative;
    box-shadow: 0 0.04rem 0.35rem rgba(236, 236, 236, 0.35);
    margin-bottom: 0.2rem;
    cursor: pointer;
  }

  .t-cul1-h3 {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .t-cul1-h3>img {
    min-height: 100%;
  }

  .t-cul1-h4 {
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    top: calc(50% - 0.8rem/2);
    left: calc(50% - 0.8rem/2);
  }

  .t-cul1-h2:hover .t-cul1-h4 {
    transform: rotateY(360deg);
    transition: 0.8s;
  }

  .t-cul1-h5 {
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 21;
    display: none;
  }

  .t-cul1-h6 {
    width: calc(100% - 0.2rem*2);
    height: 4.5rem;
    position: absolute;
    top: calc(50% - 4.5rem/2);
    left: 0.2rem;
  }

  .t-cul1-h6 video {
    width: 100% !important;
    height: 100% !important;
    position: relative;
    outline: none;
  }

  .t-cul1-h7 {
    width: 0.5rem;
    height: 0.5rem;
    border: 1px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
    cursor: pointer;
    transform: rotate(45deg);
  }

  .t-cul1-h7>div {
    background: #fff;
    position: absolute;
  }

  .t-cul1-h7>div:nth-child(1) {
    width: 0.4rem;
    height: 2px;
    top: calc(50% - 1px);
    left: calc(50% - 0.2rem);
  }

  .t-cul1-h7>div:nth-child(2) {
    width: 2px;
    height: 0.4rem;
    top: calc(50% - 0.2rem);
    left: calc(50% - 1px);
  }
}

@media only screen and (min-width: 1340px) {
  .t-par1-a1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
  }

  .t-par1-a2 {
    width: 638px;
    position: relative;
    height: 330px;
    float: left;
  }

  .t-par1-a2 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-par1-a2:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-par1-a3 {
    width: 638px;
    position: relative;
    float: right;
  }

  .t-par1-a4 {
    width: 638px;
    position: relative;
    float: left;
  }

  .t-par1-b1 {
    width: 616px;
    height: 75px;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    overflow: hidden;
    transition: 0.8s;
  }

  .t-par1-b1.t-par1-bon1 {
    height: 177px;
    transition: 0.8s;
  }

  .t-par1-b2 {
    width: calc(100% - 135px);
    height: 20px;
    position: absolute;
    top: calc(75px/2 - 20px/2);
    right: 0;
    transition: 0.8s;
  }

  .t-par1-bon1 .t-par1-b2 {
    width: calc(100% - 135px - 30px);
    top: 36px;
    right: 30px;
    transition: 0.8s;
  }

  .t-par1-b2>div:nth-child(1) {
    max-width: calc(100% - 36px);
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #666666;
    float: left;
    transition: 0.8s;
  }

  .t-par1-gon1 .t-par1-b2>div:nth-child(1) {
    font-weight: bold;
    transition: 0.8s;
  }

  .t-par1-b2>div:nth-child(2) {
    width: 35px;
    position: relative;
    top: -16px;
    float: left;
  }

  .t-par1-b3 {
    width: calc(100% - 135px - 30px);
    height: calc(28px*2);
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    position: absolute;
    top: 102px;
    right: 30px;
    transition: 0.8s;
  }

  .t-par1-b3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-par1-bon1 .t-par1-b3 {
    top: 78px;
    transition: 0.8s;
  }

  .t-par1-b4 {
    font-size: 18px;
    line-height: 14px;
    color: #999999;
    position: absolute;
    top: calc(75px/2 - 14px/2);
    left: 20px;
    transition: 0.8s;
  }

  .t-par1-bon1 .t-par1-b4 {
    left: -100px;
    transition: 0.8s;
  }

  .t-par1-b5 {
    position: absolute;
    top: 88px;
    right: calc(100% - 78px);
    transition: 0.8s;
  }

  .t-par1-bon1 .t-par1-b5 {
    top: 34px;
    transition: 0.8s;
  }

  .t-par1-b5>div:nth-child(1) {
    font-size: 16px;
    line-height: 12px;
    color: #666666;
    text-align: right;
    margin-bottom: 20px;
  }

  .t-par1-b5>div:nth-child(2) {
    width: 26px;
    height: 1px;
    background: #cfcfcf;
    margin-left: 30px;
    margin-bottom: 18px;
  }

  .t-par1-b5>div:nth-child(3) {
    font-size: 56px;
    line-height: 44px;
    color: #333333;
    text-align: right;
  }

  .t-par1-b6 {
    width: 100%;
    height: 120px;
    position: relative;
  }

  .t-par1-b6 .t-b1-a1 {
    position: absolute;
    top: calc(50% - 36px/2);
    left: calc(50% - 120px/2);
  }

  .t-par1-a5 {
    width: 100%;
    height: 160px;
    position: relative;
  }

  .t-par1-a5 .t-b1-a1 {
    position: absolute;
    top: calc(50% - 36px/2);
    left: calc(50% - 120px/2);
  }

  .t-par1-c1 {
    width: 100%;
    height: 620px;
    position: relative;
    overflow: hidden;
    background: url(../images/b93.jpg) no-repeat transparent;
    background-position: center center;
    background-size: 1920px 100%;
    padding-top: 106px;
    box-sizing: border-box;
  }

  .t-par1-d1 {
    width: 638px;
    position: relative;
    float: left;
    padding-top: 88px;
    margin-left: calc(50% - 1300px/2);
  }

  .t-par1-d1 .t-t2-a1 {
    position: absolute;
    top: 4px;
    left: 0;
  }

  .t-par1-d1 .t-t2-a1>div:nth-child(1) {
    color: #fff;
  }

  .t-par1-d1 .t-t2-a1>div:nth-child(2) {
    background: #fff;
  }

  .t-par1-d1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #fff;
    color: #fff;
  }

  .t-par1-d2 {
    width: 100%;
  }

  .t-par1-d3 {
    width: 100%;
    height: 90px;
    position: relative;
    margin-bottom: 24px;
  }

  .t-par1-d3:last-child {
    margin-bottom: 0;
  }

  .t-par1-d4 {
    width: 86px;
    height: 86px;
    background: #fff;
    position: relative;
    float: left;
  }

  .t-par1-d4>div:nth-child(1) {
    font-size: 48px;
    line-height: 36px;
    color: #1b53a6;
    position: absolute;
    top: 14px;
    left: 0;
    width: 100%;
    font-weight: bold;
    text-align: center;
  }

  .t-par1-d4>div:nth-child(2) {
    font-size: 16px;
    line-height: 12px;
    color: #1b53a6;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    text-align: center;
  }

  .t-par1-d5 {
    width: calc(100% - 86px - 24px);
    height: 100%;
    border-bottom: 1px solid #5e7db8;
    box-sizing: border-box;
    float: right;
    position: relative;
  }

  .t-par1-d5>div:nth-child(1) {
    font-size: 20px;
    line-height: 22px;
    color: #fff;
    position: absolute;
    top: 12px;
    left: 0;
    height: 22px;
    width: calc(100% - 30px);
  }

  .t-par1-d5>div:nth-child(2) {
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    position: absolute;
    top: 52px;
    left: 0;
    height: 18px;
    width: calc(100% - 30px);
  }

  .t-par1-e1 {
    width: 638px;
    position: relative;
    float: right;
    padding-top: 70px;
    margin-right: calc(50% - 1300px/2);
  }

  .t-par1-e1 .t-t2-a1 {
    position: absolute;
    top: 4px;
    left: 0;
  }

  .t-par1-e1 .t-t2-a1>div:nth-child(1) {
    color: #fff;
  }

  .t-par1-e1 .t-t2-a1>div:nth-child(2) {
    background: #fff;
  }

  .t-par1-e1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #fff;
    color: #fff;
  }

  .t-par1-e2 {
    width: 100%;
  }

  .t-par1-e3 {
    width: 100%;
    height: 278px;
    position: relative;
  }

  .t-par1-e3 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-par1-e3:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-par1-e4 {
    width: 100%;
    height: 58px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.57);
    box-sizing: border-box;
  }

  .t-par1-e4>div:nth-child(1) {
    height: 10px;
    position: absolute;
    top: calc(50% - 10px/2);
    left: 4px;
  }

  .t-par1-e4>div:nth-child(2) {
    width: calc(100% - 24px - 100px);
    height: 18px;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    position: absolute;
    top: calc(50% - 18px/2);
    left: 24px;
  }

  .t-par1-e4>div:nth-child(3) {
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    position: absolute;
    top: calc(50% - 18px/2);
    right: 0;
  }

  .t-par1-f1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
  }

  .t-par1-f2 {
    width: 310px;
    height: 298px;
    position: relative;
    background: #fff;
    box-shadow: 0 4px 35px rgba(236, 236, 236, 0.35);
    margin-right: calc((100% - 420px*3)/2);
    float: left;
    transition: 0.8s;
    display: none;
  }

  .t-par1-f2:nth-child(4n) {
    margin-right: 0;
  }

  .t-par1-f2:nth-child(1),
  .t-par1-f2:nth-child(2),
  .t-par1-f2:nth-child(3),
  .t-par1-f2:nth-child(4) {
    display: block;
  }

  .t-par1-f2:hover {
    background: #e50013;
    transition: 0.8s;
  }

  .t-par1-f3 {
    width: 100%;
    height: 218px;
    position: relative;
  }

  .t-par1-f3>img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-par1-f2:hover .t-par1-f3>img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-par1-f4 {
    width: 100%;
    height: calc(298px - 218px);
    font-size: 18px;
    line-height: 30px;
    color: #333333;
    text-align: center;
    padding: 12px 20px;
    box-sizing: border-box;
    transition: 0.8s;
    white-space: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .t-par1-f2:hover .t-par1-f4 {
    color: #fff;
    transition: 0.8s;
  }

  .t-par1-f5 {
    width: 100%;
    height: 120px;
    position: relative;
  }

  .t-par1-f5 .t-b1-a1 {
    position: absolute;
    top: calc(50% - 36px/2);
    left: calc(50% - 120px/2);
  }

  .t-par1-g1 {
    width: 100%;
    height: 710px;
    position: relative;
    overflow: hidden;
    background: url(../images/c01.jpg) no-repeat transparent;
    background-position: center center;
    background-size: 1920px 100%;
    padding-top: 106px;
    box-sizing: border-box;
  }

  .t-par1-h1 {
    width: 638px;
    position: relative;
    float: left;
    padding-top: 92px;
    margin-left: calc(50% - 1300px/2);
  }

  .t-par1-h1 .t-t2-a1 {
    position: absolute;
    top: 4px;
    left: 0;
  }

  .t-par1-h1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
  }

  .t-par1-h2 {
    width: 100%;
  }

  .t-par1-h3 {
    width: 100%;
    height: 130px;
    background: #fff;
    position: relative;
    margin-bottom: 18px;
    box-shadow: 0 3px 27px rgba(238, 238, 238, 0.56);
    transition: 0.8s;
  }

  .t-par1-h3:last-child {
    margin-bottom: 0;
  }

  .t-par1-h3:hover {
    background: #e50013;
    transition: 0.8s;
  }

  .t-par1-h4 {
    width: 160px;
    height: 90px;
    position: absolute;
    top: calc(50% - 90px/2);
    left: 20px;
  }

  .t-par1-h4 img {
    transition: 0.8s;
    min-height: 100%;
  }

  .t-par1-h3:hover .t-par1-h4 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-par1-h5 {
    width: calc(100% - 20px - 50px - 20px - 160px);
    height: 22px;
    font-size: 18px;
    line-height: 22px;
    color: #333333;
    font-weight: bold;
    position: absolute;
    top: 20px;
    right: 50px;
    transition: 0.8s;
  }

  .t-par1-h3:hover .t-par1-h5 {
    color: #fff;
    transition: 0.8s;
  }

  .t-par1-h6 {
    width: calc(100% - 20px - 50px - 20px - 160px);
    height: calc(30px*2);
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    position: absolute;
    top: 54px;
    right: 50px;
    transition: 0.8s;
  }

  .t-par1-h6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-par1-h3:hover .t-par1-h6 {
    color: #fff;
    transition: 0.8s;
  }

  .t-par1-i1 {
    width: 638px;
    position: relative;
    float: right;
    padding-top: 88px;
    margin-right: calc(50% - 1300px/2);
  }

  .t-par1-i1 .t-t2-a1 {
    position: absolute;
    top: 4px;
    left: 0;
  }

  .t-par1-i1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
  }

  .t-par1-i2 {
    width: 100%;
  }

  .t-par1-i3 {
    width: 100%;
    height: 46px;
    position: relative;
  }

  .t-par1-i4 {
    width: calc(100% - 100px);
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #454545;
    position: absolute;
    top: calc(50% - 20px/2);
    left: 0;
  }

  .t-par1-i5 {
    font-size: 16px;
    line-height: 20px;
    color: #7c7c7c;
    position: absolute;
    top: calc(50% - 20px/2);
    right: 0;
  }

  .t-par1-i6 {
    width: calc(100% - 250px - 24px - 20px);
    height: calc(26px*3);
    font-size: 15px;
    line-height: 26px;
    color: #5c5c5c;
    position: absolute;
    top: 48px;
    left: calc(250px + 24px);
  }

  .t-par1-i6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: none;
  }

  .t-par1-i7 {
    width: 250px;
    height: 130px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
  }

  .t-par1-i7 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-par1-i3:hover .t-par1-i7 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-par1-i3:first-child {
    height: 152px;
  }

  .t-par1-i3:first-child .t-par1-i4 {
    font-size: 20px;
    line-height: 24px;
    color: #303030;
    font-weight: bold;
    height: 24px;
    width: calc(100% - 250px - 24px - 20px);
    top: 8px;
    left: calc(250px + 24px);
  }

  .t-par1-i3:first-child .t-par1-i5 {
    display: none;
  }

  .t-par1-i3:first-child .t-par1-i6 {
    display: -webkit-box;
  }

  .t-par1-i3:first-child .t-par1-i7 {
    display: block;
  }

  .t-par1-j1 {
    display: none;
  }

  .t-par1-j2 {
    width: 638px;
    height: 388px;
    position: relative;
    margin: 0 auto;
    box-shadow: 0 4px 35px rgba(236, 236, 236, 0.35);
  }

  .t-par1-j3 {
    width: 100%;
    height: 320px;
    position: relative;
  }

  .t-par1-j3 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-par1-j2:hover .t-par1-j3 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-par1-j4 {
    width: 100%;
    height: 68px;
    position: relative;
    border: 1px solid #efefef;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 66px;
    color: #333333;
    text-align: center;
  }

  .t-par1-k1 {
    width: 1300px;
    height: 388px;
    position: relative;
    margin: 0 auto;
  }

  .t-par1-k2 {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .par1 {
    width: calc((1300px - 638px)*2) !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: calc((638px*2 - 1300px)/2);
  }

  .par1 .swiper-slide {
    width: 50% !important;
    height: 100% !important;
    position: relative;
  }

  .par2 {
    width: 47px;
    height: 80px;
    position: absolute;
    top: calc(50% - 68px/2);
    left: 16px;
    right: auto;
    background: none;
    cursor: pointer;
  }

  .par3 {
    width: 47px;
    height: 80px;
    position: absolute;
    top: calc(50% - 68px/2);
    left: auto;
    right: 16px;
    background: none;
    cursor: pointer;
  }

  .par2 img,
  .par3 img {
    height: 100%;
  }

  .t-par1-j5 {
    width: 100%;
    height: 190px;
    position: relative;
  }

  .t-par1-j5 .t-b1-a1 {
    position: absolute;
    top: calc(50% - 36px/2);
    left: calc(50% - 120px/2);
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-par1-a1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
  }

  .t-par1-a2 {
    width: 460px;
    position: relative;
    height: 240px;
    float: left;
  }

  .t-par1-a2 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-par1-a2:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-par1-a3 {
    width: 460px;
    position: relative;
    float: right;
  }

  .t-par1-a4 {
    width: 460px;
    position: relative;
    float: left;
  }

  .t-par1-b1 {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    overflow: hidden;
    transition: 0.8s;
  }

  .t-par1-b1.t-par1-bon1 {
    height: 118px;
    transition: 0.8s;
  }

  .t-par1-b2 {
    width: calc(100% - 120px);
    height: 20px;
    position: absolute;
    top: calc(60px/2 - 20px/2);
    right: 0;
    transition: 0.8s;
  }

  .t-par1-bon1 .t-par1-b2 {
    width: calc(100% - 120px - 20px);
    top: 20px;
    right: 20px;
    transition: 0.8s;
  }

  .t-par1-b2>div:nth-child(1) {
    max-width: calc(100% - 32px);
    position: relative;
    font-size: 16px;
    line-height: 20px;
    color: #666666;
    float: left;
    transition: 0.8s;
  }

  .t-par1-bon1 .t-par1-b2>div:nth-child(1) {
    font-weight: bold;
    transition: 0.8s;
  }

  .t-par1-b2>div:nth-child(2) {
    width: 30px;
    position: relative;
    top: -12px;
    float: left;
  }

  .t-par1-b3 {
    width: calc(100% - 120px - 20px);
    height: calc(24px*2);
    font-size: 12px;
    line-height: 24px;
    color: #666666;
    position: absolute;
    top: 80px;
    right: 20px;
    transition: 0.8s;
  }

  .t-par1-b3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-par1-bon1 .t-par1-b3 {
    top: 54px;
    transition: 0.8s;
  }

  .t-par1-b4 {
    font-size: 14px;
    line-height: 12px;
    color: #999999;
    position: absolute;
    top: calc(60px/2 - 12px/2);
    left: 20px;
    transition: 0.8s;
  }

  .t-par1-bon1 .t-par1-b4 {
    left: -100px;
    transition: 0.8s;
  }

  .t-par1-b5 {
    position: absolute;
    top: 88px;
    right: calc(100% - 72px);
    transition: 0.8s;
  }

  .t-par1-bon1 .t-par1-b5 {
    top: 20px;
    transition: 0.8s;
  }

  .t-par1-b5>div:nth-child(1) {
    font-size: 14px;
    line-height: 12px;
    color: #666666;
    text-align: right;
    margin-bottom: 14px;
  }

  .t-par1-b5>div:nth-child(2) {
    width: 26px;
    height: 1px;
    background: #cfcfcf;
    margin-left: 24px;
    margin-bottom: 12px;
  }

  .t-par1-b5>div:nth-child(3) {
    font-size: 48px;
    line-height: 40px;
    color: #333333;
    text-align: right;
  }

  .t-par1-b6 {
    width: 100%;
    height: 100px;
    position: relative;
  }

  .t-par1-b6 .t-b1-a1 {
    position: absolute;
    top: calc(50% - 30px/2);
    left: calc(50% - 100px/2);
  }

  .t-par1-a5 {
    width: 100%;
    height: 120px;
    position: relative;
  }

  .t-par1-a5 .t-b1-a1 {
    position: absolute;
    top: calc(50% - 30px/2);
    left: calc(50% - 100px/2);
  }

  .t-par1-c1 {
    width: 100%;
    height: 500px;
    position: relative;
    overflow: hidden;
    background: url(../images/b93.jpg) no-repeat transparent;
    background-position: center center;
    background-size: 1340px 100%;
    padding-top: 76px;
    box-sizing: border-box;
  }

  .t-par1-d1 {
    width: 460px;
    position: relative;
    float: left;
    padding-top: 76px;
    margin-left: calc(50% - 960px/2);
  }

  .t-par1-d1 .t-t2-a1 {
    position: absolute;
    top: 4px;
    left: 0;
  }

  .t-par1-d1 .t-t2-a1>div:nth-child(1) {
    color: #fff;
  }

  .t-par1-d1 .t-t2-a1>div:nth-child(2) {
    background: #fff;
  }

  .t-par1-d1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #fff;
    color: #fff;
  }

  .t-par1-d2 {
    width: 100%;
  }

  .t-par1-d3 {
    width: 100%;
    height: 80px;
    position: relative;
    margin-bottom: 16px;
  }

  .t-par1-d3:last-child {
    margin-bottom: 0;
  }

  .t-par1-d4 {
    width: 72px;
    height: 72px;
    background: #fff;
    position: relative;
    float: left;
  }

  .t-par1-d4>div:nth-child(1) {
    font-size: 40px;
    line-height: 32px;
    color: #1b53a6;
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    font-weight: bold;
    text-align: center;
  }

  .t-par1-d4>div:nth-child(2) {
    font-size: 14px;
    line-height: 12px;
    color: #1b53a6;
    position: absolute;
    top: 52px;
    left: 0;
    width: 100%;
    text-align: center;
  }

  .t-par1-d5 {
    width: calc(100% - 72px - 20px);
    height: 100%;
    border-bottom: 1px solid #5e7db8;
    box-sizing: border-box;
    float: right;
    position: relative;
  }

  .t-par1-d5>div:nth-child(1) {
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    position: absolute;
    top: 10px;
    left: 0;
    height: 18px;
    width: calc(100% - 20px);
  }

  .t-par1-d5>div:nth-child(2) {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    position: absolute;
    top: 42px;
    left: 0;
    height: 16px;
    width: calc(100% - 20px);
  }

  .t-par1-e1 {
    width: 460px;
    position: relative;
    float: right;
    padding-top: 58px;
    margin-right: calc(50% - 960px/2);
  }

  .t-par1-e1 .t-t2-a1 {
    position: absolute;
    top: 4px;
    left: 0;
  }

  .t-par1-e1 .t-t2-a1>div:nth-child(1) {
    color: #fff;
  }

  .t-par1-e1 .t-t2-a1>div:nth-child(2) {
    background: #fff;
  }

  .t-par1-e1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #fff;
    color: #fff;
  }

  .t-par1-e2 {
    width: 100%;
  }

  .t-par1-e3 {
    width: 100%;
    height: 116px;
    position: relative;
  }

  .t-par1-e3 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-par1-e3:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-par1-e4 {
    width: 100%;
    height: 58px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.57);
    box-sizing: border-box;
  }

  .t-par1-e4>div:nth-child(1) {
    height: 10px;
    position: absolute;
    top: calc(50% - 10px/2);
    left: 4px;
  }

  .t-par1-e4>div:nth-child(2) {
    width: calc(100% - 24px - 100px);
    height: 18px;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    position: absolute;
    top: calc(50% - 18px/2);
    left: 24px;
  }

  .t-par1-e4>div:nth-child(3) {
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    position: absolute;
    top: calc(50% - 18px/2);
    right: 0;
  }

  .t-par1-f1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
  }

  .t-par1-f2 {
    width: 310px;
    height: 200px;
    position: relative;
    background: #fff;
    box-shadow: 0 4px 35px rgba(236, 236, 236, 0.35);
    margin-right: calc((100% - 310px*3)/2);
    float: left;
    transition: 0.8s;
    display: none;
  }

  .t-par1-f2:nth-child(3n) {
    margin-right: 0;
  }

  .t-par1-f2:nth-child(1),
  .t-par1-f2:nth-child(2),
  .t-par1-f2:nth-child(3) {
    display: block;
  }

  .t-par1-f2:hover {
    background: #e50013;
    transition: 0.8s;
  }

  .t-par1-f3 {
    width: 100%;
    height: 160px;
    position: relative;
  }

  .t-par1-f3>img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-par1-f2:hover .t-par1-f3>img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-par1-f4 {
    width: 100%;
    height: calc(200px - 160px);
    font-size: 14px;
    line-height: calc(200px - 160px);
    color: #333333;
    text-align: center;
    padding: 0 24px;
    box-sizing: border-box;
    transition: 0.8s;
  }

  .t-par1-f2:hover .t-par1-f4 {
    color: #fff;
    transition: 0.8s;
  }

  .t-par1-f5 {
    width: 100%;
    height: 100px;
    position: relative;
  }

  .t-par1-f5 .t-b1-a1 {
    position: absolute;
    top: calc(50% - 30px/2);
    left: calc(50% - 100px/2);
  }

  .t-par1-g1 {
    width: 100%;
    height: 540px;
    position: relative;
    overflow: hidden;
    background: url(../images/c01.jpg) no-repeat transparent;
    background-position: center center;
    background-size: 1920px 100%;
    padding-top: 76px;
    box-sizing: border-box;
  }

  .t-par1-h1 {
    width: 460px;
    position: relative;
    float: left;
    padding-top: 78px;
    margin-left: calc(50% - 960px/2);
  }

  .t-par1-h1 .t-t2-a1 {
    position: absolute;
    top: 4px;
    left: 0;
  }

  .t-par1-h1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
  }

  .t-par1-h2 {
    width: 100%;
  }

  .t-par1-h3 {
    width: 100%;
    height: 100px;
    background: #fff;
    position: relative;
    margin-bottom: 14px;
    box-shadow: 0 3px 27px rgba(238, 238, 238, 0.56);
    transition: 0.8s;
  }

  .t-par1-h3:last-child {
    margin-bottom: 0;
  }

  .t-par1-h3:hover {
    background: #e50013;
    transition: 0.8s;
  }

  .t-par1-h4 {
    width: 130px;
    height: 66px;
    position: absolute;
    top: calc(50% - 74px/2);
    left: 16px;
  }

  .t-par1-h4 img {
    transition: 0.8s;
    min-height: 100%;
  }

  .t-par1-h3:hover .t-par1-h4 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-par1-h5 {
    width: calc(100% - 16px - 30px - 16px - 130px);
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    font-weight: bold;
    position: absolute;
    top: 14px;
    right: 30px;
    transition: 0.8s;
  }

  .t-par1-h3:hover .t-par1-h5 {
    color: #fff;
    transition: 0.8s;
  }

  .t-par1-h6 {
    width: calc(100% - 16px - 30px - 16px - 130px);
    height: calc(22px*2);
    font-size: 12px;
    line-height: 22px;
    color: #666666;
    position: absolute;
    top: 40px;
    right: 30px;
    transition: 0.8s;
  }

  .t-par1-h6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-par1-h3:hover .t-par1-h6 {
    color: #fff;
    transition: 0.8s;
  }

  .t-par1-i1 {
    width: 460px;
    position: relative;
    float: right;
    padding-top: 68px;
    margin-right: calc(50% - 960px/2);
  }

  .t-par1-i1 .t-t2-a1 {
    position: absolute;
    top: 4px;
    left: 0;
  }

  .t-par1-i1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
  }

  .t-par1-i2 {
    width: 100%;
  }

  .t-par1-i3 {
    width: 100%;
    height: 38px;
    position: relative;
  }

  .t-par1-i4 {
    width: calc(100% - 100px);
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #454545;
    position: absolute;
    top: calc(50% - 20px/2);
    left: 0;
  }

  .t-par1-i5 {
    font-size: 14px;
    line-height: 20px;
    color: #7c7c7c;
    position: absolute;
    top: calc(50% - 20px/2);
    right: 0;
  }

  .t-par1-i6 {
    width: calc(100% - 200px - 20px - 20px);
    height: calc(22px*3);
    font-size: 12px;
    line-height: 22px;
    color: #5c5c5c;
    position: absolute;
    top: 32px;
    left: calc(200px + 20px);
  }

  .t-par1-i6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: none;
  }

  .t-par1-i7 {
    width: 200px;
    height: 104px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
  }

  .t-par1-i7 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-par1-i3:hover .t-par1-i7 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-par1-i3:first-child {
    height: 110px;
  }

  .t-par1-i3:first-child .t-par1-i4 {
    font-size: 16px;
    line-height: 20px;
    color: #303030;
    font-weight: bold;
    height: 20px;
    width: calc(100% - 200px - 20px - 20px);
    top: 6px;
    left: calc(200px + 20px);
  }

  .t-par1-i3:first-child .t-par1-i5 {
    display: none;
  }

  .t-par1-i3:first-child .t-par1-i6 {
    display: -webkit-box;
  }

  .t-par1-i3:first-child .t-par1-i7 {
    display: block;
  }

  .t-par1-j1 {
    display: none;
  }

  .t-par1-j2 {
    width: 460px;
    height: 270px;
    position: relative;
    margin: 0 auto;
    box-shadow: 0 4px 35px rgba(236, 236, 236, 0.35);
  }

  .t-par1-j3 {
    width: 100%;
    height: 230px;
    position: relative;
  }

  .t-par1-j3 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-par1-j2:hover .t-par1-j3 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-par1-j4 {
    width: 100%;
    height: 40px;
    position: relative;
    border: 1px solid #efefef;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 38px;
    color: #333333;
    text-align: center;
  }

  .t-par1-k1 {
    width: 960px;
    height: 270px;
    position: relative;
    margin: 0 auto;
  }

  .t-par1-k2 {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .par1 {
    width: calc((960px - 460px)*2) !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: calc((460px*2 - 960px)/2);
  }

  .par1 .swiper-slide {
    width: 50% !important;
    height: 100% !important;
    position: relative;
  }

  .par2 {
    width: 47px;
    height: 80px;
    position: absolute;
    top: calc(50% - 68px/2);
    left: 16px;
    right: auto;
    background: none;
    cursor: pointer;
  }

  .par3 {
    width: 47px;
    height: 80px;
    position: absolute;
    top: calc(50% - 68px/2);
    left: auto;
    right: 16px;
    background: none;
    cursor: pointer;
  }

  .par2 img,
  .par3 img {
    height: 100%;
  }

  .t-par1-j5 {
    width: 100%;
    height: 120px;
    position: relative;
  }

  .t-par1-j5 .t-b1-a1 {
    position: absolute;
    top: calc(50% - 30px/2);
    left: calc(50% - 100px/2);
  }
}

@media only screen and (max-width: 1023px) {
  .t-par1-a1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
  }

  .t-par1-a2 {
    width: 100%;
    position: relative;
    height: 3.68rem;
    margin-bottom: 0.5rem;
  }

  .t-par1-a2 img {
    min-height: 100%;
  }

  .t-par1-a3 {
    width: 100%;
    position: relative;
  }

  .t-par1-a4 {
    width: 100%;
    position: relative;
  }

  .t-par1-b1 {
    width: 100%;
    height: 0.9rem;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    overflow: hidden;
  }

  .t-par1-b1.t-par1-bon1 {
    height: 1.74rem;
  }

  .t-par1-b2 {
    width: calc(100% - 1.08rem);
    height: 0.3rem;
    position: absolute;
    top: calc(0.9rem/2 - 0.3rem/2);
    right: 0;
  }

  .t-par1-bon1 .t-par1-b2 {
    width: calc(100% - 1.08rem - 0.32rem);
    top: 0.2rem;
    right: 0.3rem;
  }

  .t-par1-b2>div:nth-child(1) {
    max-width: calc(100% - 0.32rem);
    position: relative;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #666666;
    float: left;
  }

  .t-par1-bon1 .t-par1-b2>div:nth-child(1) {
    font-weight: bold;
  }

  .t-par1-b2>div:nth-child(2) {
    width: 0.3rem;
    position: relative;
    top: -0.12rem;
    float: left;
  }

  .t-par1-b3 {
    width: calc(100% - 1.08rem - 0.3rem);
    height: calc(0.38rem*2);
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #666666;
    position: absolute;
    top: 1.4rem;
    right: 0.3rem;
  }

  .t-par1-b3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-par1-bon1 .t-par1-b3 {
    top: 0.68rem;
  }

  .t-par1-b4 {
    font-size: 0.24rem;
    line-height: 0.22rem;
    color: #999999;
    position: absolute;
    top: calc(0.9rem/2 - 0.22rem/2);
    left: 0.2rem;
  }

  .t-par1-bon1 .t-par1-b4 {
    left: -2rem;
  }

  .t-par1-b5 {
    position: absolute;
    top: 1rem;
    left: 0;
  }

  .t-par1-bon1 .t-par1-b5 {
    top: 0.2rem;
  }

  .t-par1-b5>div:nth-child(1) {
    font-size: 0.2rem;
    line-height: 0.14rem;
    color: #666666;
    text-align: right;
    margin-bottom: 0.2rem;
  }

  .t-par1-b5>div:nth-child(2) {
    width: 0.26rem;
    height: 1px;
    background: #cfcfcf;
    margin-left: 0.6rem;
    margin-bottom: 0.18rem;
  }

  .t-par1-b5>div:nth-child(3) {
    font-size: 0.56rem;
    line-height: 0.44rem;
    color: #333333;
    text-align: right;
  }

  .t-par1-b6 {
    width: 100%;
    height: 2rem;
    position: relative;
  }

  .t-par1-b6 .t-b1-a1 {
    position: absolute;
    top: calc(50% - 0.7rem/2);
    left: calc(50% - 2.8rem/2);
  }

  .t-par1-a5 {
    width: 100%;
    height: 2.04rem;
    position: relative;
  }

  .t-par1-a5 .t-b1-a1 {
    position: absolute;
    top: calc(50% - 0.7rem/2);
    left: calc(50% - 2.8rem/2);
  }

  .t-par1-c1 {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: url(../images/b94.jpg) no-repeat transparent;
    background-position: center center;
    background-size: 100% 100%;
    padding: 0.85rem 0.2rem 1.05rem 0.2rem;
    box-sizing: border-box;
  }

  .t-par1-d1 {
    width: 100%;
    position: relative;
    padding-top: 1.05rem;
    margin-bottom: 0.72rem;
  }

  .t-par1-d1 .t-t2-a1 {
    position: absolute;
    top: 0.1rem;
    left: 0;
  }

  .t-par1-d1 .t-t2-a1>div:nth-child(1) {
    color: #fff;
  }

  .t-par1-d1 .t-t2-a1>div:nth-child(2) {
    background: #fff;
  }

  .t-par1-d1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #fff;
    color: #fff;
    width: 1.4rem;
    height: 0.62rem;
    line-height: 0.6rem;
  }

  .t-par1-d2 {
    width: 100%;
  }

  .t-par1-d3 {
    width: 100%;
    height: 1.1rem;
    position: relative;
    margin-bottom: 0.26rem;
  }

  .t-par1-d3:last-child {
    margin-bottom: 0;
  }

  .t-par1-d4 {
    width: 0.96rem;
    height: 100%;
    background: #fff;
    position: relative;
    float: left;
  }

  .t-par1-d4>div:nth-child(1) {
    font-size: 0.48rem;
    line-height: 0.36rem;
    color: #1b53a6;
    position: absolute;
    top: 0.22rem;
    left: 0;
    width: 100%;
    font-weight: bold;
    text-align: center;
  }

  .t-par1-d4>div:nth-child(2) {
    font-size: 0.2rem;
    line-height: 0.16rem;
    color: #1b53a6;
    position: absolute;
    top: 0.72rem;
    left: 0;
    width: 100%;
    text-align: center;
  }

  .t-par1-d5 {
    width: calc(100% - 0.96rem - 0.14rem);
    height: 100%;
    border-bottom: 1px solid #5e7db8;
    box-sizing: border-box;
    float: right;
    position: relative;
  }

  .t-par1-d5>div:nth-child(1) {
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #fff;
    position: absolute;
    top: 0.16rem;
    left: 0;
    height: 0.3rem;
    width: calc(100% - 0.1rem);
  }

  .t-par1-d5>div:nth-child(2) {
    font-size: 0.24rem;
    line-height: 0.28rem;
    color: #fff;
    position: absolute;
    top: 0.6rem;
    left: 0;
    height: 0.28rem;
    width: calc(100% - 0.1rem);
  }

  .t-par1-e1 {
    width: 100%;
    position: relative;
    padding-top: 1.08rem;
  }

  .t-par1-e1 .t-t2-a1 {
    position: absolute;
    top: 0.1rem;
    left: 0;
  }

  .t-par1-e1 .t-t2-a1>div:nth-child(1) {
    color: #fff;
  }

  .t-par1-e1 .t-t2-a1>div:nth-child(2) {
    background: #fff;
  }

  .t-par1-e1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #fff;
    color: #fff;
    width: 1.4rem;
    height: 0.62rem;
    line-height: 0.6rem;
  }

  .t-par1-e2 {
    width: 100%;
  }

  .t-par1-e3 {
    width: 100%;
    height: 2.78rem;
    position: relative;
    margin-bottom: 0.3rem;
  }

  .t-par1-e3 img {
    min-height: 100%;
  }

  .t-par1-e4 {
    width: 100%;
    height: 0.84rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.57);
    box-sizing: border-box;
  }

  .t-par1-e4>div:nth-child(1) {
    height: 0.12rem;
    position: absolute;
    top: calc(50% - 0.12rem/2);
    left: 0.06rem;
  }

  .t-par1-e4>div:nth-child(2) {
    width: calc(100% - 0.24rem - 1.5rem);
    height: 0.3rem;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #fff;
    position: absolute;
    top: calc(50% - 0.3rem/2);
    left: 0.24rem;
  }

  .t-par1-e4>div:nth-child(3) {
    font-size: 0.24rem;
    line-height: 0.3rem;
    color: #fff;
    position: absolute;
    top: calc(50% - 0.3rem/2);
    right: 0;
  }

  .t-par1-f1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
  }

  .t-par1-f2 {
    width: calc(50% - 0.2rem/2);
    position: relative;
    background: #fff;
    box-shadow: 0 0.04rem 0.35rem rgba(236, 236, 236, 0.35);
    margin-bottom: 0.26rem;
    display: none;
  }

  .t-par1-f2:nth-child(odd) {
    float: left;
  }

  .t-par1-f2:nth-child(even) {
    float: right;
  }

  .t-par1-f2:nth-child(1),
  .t-par1-f2:nth-child(2),
  .t-par1-f2:nth-child(3),
  .t-par1-f2:nth-child(4) {
    display: block;
  }

  .t-par1-f2:nth-child(3),
  .t-par1-f2:nth-child(4) {
    margin-bottom: 0;
  }

  .t-par1-f3 {
    width: 100%;
    height: 1.8rem;
    position: relative;
  }

  .t-par1-f3>img {
    min-height: 100%;
  }

  .t-par1-f4 {
    width: 100%;
    height: 0.86rem;
    border: 1px solid #efefef;
    box-sizing: border-box;
    font-size: 0.26rem;
    line-height: 0.84rem;
    color: #333333;
    text-align: center;
    padding: 0 0.2rem;
  }

  .t-par1-f5 {
    width: 100%;
    height: 1.6rem;
    position: relative;
  }

  .t-par1-f5 .t-b1-a1 {
    position: absolute;
    top: calc(50% - 0.7rem/2);
    left: calc(50% - 2.8rem/2);
  }

  .t-par1-g1 {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: url(../images/c02.jpg) no-repeat transparent;
    background-position: center center;
    background-size: 100% 100%;
    padding: 0.75rem 0.2rem 0.85rem 0.2rem;
    box-sizing: border-box;
  }

  .t-par1-h1 {
    width: 100%;
    position: relative;
    padding-top: 1.02rem;
    margin-bottom: 0.76rem;
  }

  .t-par1-h1 .t-t2-a1 {
    position: absolute;
    top: 0.04rem;
    left: 0;
  }

  .t-par1-h1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.4rem;
    height: 0.62rem;
    line-height: 0.6rem;
  }

  .t-par1-h2 {
    width: 100%;
  }

  .t-par1-h3 {
    width: 100%;
    height: 1.72rem;
    background: #fff;
    position: relative;
    margin-bottom: 0.28rem;
    box-shadow: 0 0.03rem 0.27rem rgba(238, 238, 238, 0.56);
  }

  .t-par1-h3:last-child {
    margin-bottom: 0;
  }

  .t-par1-h4 {
    width: 2.2rem;
    height: 1.24rem;
    position: absolute;
    top: calc(50% - 1.24rem/2);
    left: 0.2rem;
  }

  .t-par1-h4 img {
    min-height: 100%;
  }

  .t-par1-h5 {
    width: calc(100% - 0.18rem - 0.44rem - 0.2rem - 2.2rem);
    height: 0.3rem;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #333333;
    font-weight: bold;
    position: absolute;
    top: 0.36rem;
    right: 0.44rem;
  }

  .t-par1-h6 {
    width: calc(100% - 0.18rem - 0.44rem - 0.2rem - 2.2rem);
    height: calc(0.36rem*2);
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: #666666;
    position: absolute;
    top: 0.76rem;
    right: 0.44rem;
  }

  .t-par1-h6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-par1-i1 {
    width: 100%;
    position: relative;
    padding-top: 1.22rem;
  }

  .t-par1-i1 .t-t2-a1 {
    position: absolute;
    top: 0.04rem;
    left: 0;
  }

  .t-par1-i1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.4rem;
    height: 0.62rem;
    line-height: 0.6rem;
  }

  .t-par1-i2 {
    width: 100%;
  }

  .t-par1-i3 {
    width: 100%;
    height: 0.6rem;
    position: relative;
  }

  .t-par1-i4 {
    width: calc(100% - 1.5rem);
    height: 0.3rem;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #454545;
    position: absolute;
    top: calc(50% - 0.3rem/2);
    left: 0;
  }

  .t-par1-i5 {
    font-size: 0.22rem;
    line-height: 0.3rem;
    color: #7c7c7c;
    position: absolute;
    top: calc(50% - 0.3rem/2);
    right: 0;
  }

  .t-par1-i6 {
    width: calc(100% - 2.8rem - 0.24rem - 0.1rem);
    height: calc(0.38rem*2);
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #5c5c5c;
    position: absolute;
    top: 0.6rem;
    left: calc(2.8rem + 0.24rem);
  }

  .t-par1-i6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: none;
  }

  .t-par1-i7 {
    width: 2.8rem;
    height: 1.46rem;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
  }

  .t-par1-i7 img {
    min-height: 100%;
  }

  .t-par1-i3:first-child {
    height: 1.9rem;
  }

  .t-par1-i3:first-child .t-par1-i4 {
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #303030;
    font-weight: bold;
    height: 0.3rem;
    width: calc(100% - 2.8rem - 0.24rem - 0.1rem);
    top: 0.16rem;
    left: calc(2.8rem + 0.24rem);
  }

  .t-par1-i3:first-child .t-par1-i5 {
    display: none;
  }

  .t-par1-i3:first-child .t-par1-i6 {
    display: -webkit-box;
  }

  .t-par1-i3:first-child .t-par1-i7 {
    display: block;
  }

  .t-par1-j1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
  }

  .t-par1-j2 {
    width: 100%;
    position: relative;
    margin: 0 auto;
    box-shadow: 0 0.04rem 0.35rem rgba(236, 236, 236, 0.35);
    display: none;
  }

  .t-par1-j2:nth-child(1) {
    display: block;
    margin-bottom: 0.26rem;
  }

  .t-par1-j2:nth-child(2) {
    display: block;
  }

  .t-par1-j3 {
    width: 100%;
    height: 3.56rem;
    position: relative;
  }

  .t-par1-j3 img {
    min-height: 100%;
  }

  .t-par1-j4 {
    width: 100%;
    height: 0.86rem;
    position: relative;
    border: 1px solid #efefef;
    padding: 0 0.2rem;
    box-sizing: border-box;
    font-size: 0.26rem;
    line-height: 0.84rem;
    color: #333333;
    text-align: center;
  }

  .t-par1-k1 {
    display: none;
  }

  .t-par1-j5 {
    width: 100%;
    height: 2.22rem;
    position: relative;
  }

  .t-par1-j5 .t-b1-a1 {
    position: absolute;
    top: calc(50% - 0.7rem/2);
    left: calc(50% - 2.8rem/2);
  }
}

@media only screen and (min-width: 1340px) {
  .t-sea1-a1 {
    width: 1250px;
    position: relative;
    margin: 0 auto;
    padding-top: 52px;
    min-height: 400px;
    margin-bottom: 30px;
  }

  .t-sea1-a2 {
    width: 100%;
    height: 88px;
    border-bottom: 1px dashed #dcdcdc;
    position: relative;
  }

  .t-sea1-a3 {
    position: absolute;
    top: 25px;
    left: 0;
    width: 100%;
  }

  .t-sea1-a3>div:nth-child(1) {
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    height: 20px;
    max-width: calc(100% - 100px);
    float: left;
    margin-right: 10px;
  }

  .t-sea1-a3>div:nth-child(2) {
    width: 35px;
    float: left;
    position: relative;
    top: -10px;
  }

  .t-sea1-a4 {
    width: 100%;
    position: absolute;
    top: 55px;
    left: 0;
    font-size: 14px;
    line-height: 16px;
  }

  .t-sea1-a4>span:nth-child(1) {
    color: #666666;
    margin-right: 96px;
  }

  .t-sea1-a4>span:nth-child(2) {
    color: #7b7b7b;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-sea1-a1 {
    width: 900px;
    position: relative;
    margin: 0 auto;
    padding-top: 40px;
    min-height: 400px;
    margin-bottom: 30px;
  }

  .t-sea1-a2 {
    width: 100%;
    height: 80px;
    border-bottom: 1px dashed #dcdcdc;
    position: relative;
  }

  .t-sea1-a3 {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
  }

  .t-sea1-a3>div:nth-child(1) {
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    height: 20px;
    max-width: calc(100% - 100px);
    float: left;
    margin-right: 10px;
  }

  .t-sea1-a3>div:nth-child(2) {
    width: 35px;
    float: left;
    position: relative;
    top: -10px;
  }

  .t-sea1-a4 {
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0;
    font-size: 14px;
    line-height: 16px;
  }

  .t-sea1-a4>span:nth-child(1) {
    color: #666666;
    margin-right: 96px;
  }

  .t-sea1-a4>span:nth-child(2) {
    color: #7b7b7b;
  }
}

@media only screen and (max-width: 1023px) {
  .t-sea1-a1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
    padding-top: 0.4rem;
    min-height: 7rem;
    margin-bottom: 0.6rem;
  }

  .t-sea1-a2 {
    width: 100%;
    height: 1rem;
    border-bottom: 1px dashed #dcdcdc;
    position: relative;
  }

  .t-sea1-a3 {
    position: absolute;
    top: 0.2rem;
    left: 0;
    width: 100%;
  }

  .t-sea1-a3>div:nth-child(1) {
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #333333;
    height: 0.3rem;
    max-width: calc(100% - 1rem);
    float: left;
    margin-right: 0.1rem;
  }

  .t-sea1-a3>div:nth-child(2) {
    width: 0.5rem;
    float: left;
    position: relative;
    top: -0.1rem;
  }

  .t-sea1-a4 {
    width: 100%;
    position: absolute;
    top: 0.6rem;
    left: 0;
    font-size: 0.22rem;
    line-height: 0.26rem;
  }

  .t-sea1-a4>span:nth-child(1) {
    color: #666666;
    margin-right: 0.6rem;
  }

  .t-sea1-a4>span:nth-child(2) {
    color: #7b7b7b;
  }
}

@media only screen and (min-width: 1340px) {
  .t-pro1-a1 {
    width: calc(1300px - 58px/2);
    position: relative;
    margin: 0 auto;
    margin-bottom: 52px;
  }

  .t-pro1-a2 {
    width: 100%;
    height: 14px;
    background: #f5f5f5;
    border: 0;
    border-radius: 7px;
    position: relative;
    overflow: hidden;
    margin-bottom: 35px;
  }

  .t-pro1-a3 {
    width: 140px;
    height: 100%;
    background: #e50013;
    border: 0;
    border-radius: 7px;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-pro1-a4 {
    width: 100%;
    height: 20px;
    position: relative;
    overflow: hidden;
  }

  .t-pro1-a5 {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-pro1-a5>div {
    font-size: 18px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    width: 176px;
    height: 100%;
    float: left;
    cursor: pointer;
  }

  .t-pro1-a6 {
    width: 50px;
    position: absolute;
    top: calc(7px/2 - 50px/2);
    left: -10px;
    cursor: pointer;
  }

  .t-pro1-a7 {
    width: 50px;
    position: absolute;
    top: calc(7px/2 - 50px/2);
    right: -10px;
    cursor: pointer;
  }

  .t-pro1-b1 {
    width: calc(1300px - 58px/2);
    position: relative;
    margin: 0 auto;
    margin-bottom: 78px;
    background: #f5f5f5;
    border: 0;
    border-radius: 6px;
    overflow: hidden;
  }

  .t-pro1-b2 {
    width: 100%;
    padding: 66px 70px 68px 120px;
    box-sizing: border-box;
    position: relative;
    display: none;
  }

  .t-pro1-c1 {
    width: 100%;
    padding: 20px 36px 20px 20px;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    margin-bottom: 30px;
  }

  .t-pro1-c1:last-child {
    margin-bottom: 0;
  }

  .t-pro1-c2 {
    width: 230px;
    height: 132px;
    position: relative;
    float: left;
  }

  .t-pro1-c2 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-pro1-c2:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-pro1-c3 {
    width: calc(100% - 230px - 32px);
    position: relative;
    float: right;
    padding-top: 10px;
  }

  .t-pro1-c4 {
    font-size: 20px;
    line-height: 20px;
    color: #e50013;
    font-weight: bold;
    float: left;
    margin-right: 12px;
    margin-bottom: 14px;
    white-space: nowrap;
  }

  .t-pro1-c5 {
    width: 32px;
    height: 5px;
    background: #c5c5c5;
    position: relative;
    top: calc(20px/2 - 5px/2);
    float: left;
  }

  .t-pro1-c6 {
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    float: left;
  }

  .t-pro1-c6.t-pro1-con1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: calc(30px*3);
  }

  .t-pro1-c7 {
    font-size: 16px;
    line-height: 16px;
    color: #666666;
    position: absolute;
    top: 32px;
    right: 46px;
    cursor: pointer;
    display: none;
  }

  .t-pro1-c7 img {
    width: 22px;
    position: relative;
    top: 0;
    display: inline-block;
    margin-left: 12px;
  }

  .t-pro1-c7.t-pro1-con2 img {
    transform: rotateX(180deg);
  }

  .t-pro1-c8 {
    position: absolute;
    top: 0;
    right: calc(100% + 55px);
    width: 0;
    height: 100%;
  }

  .t-pro1-con3 {
    z-index: 1;
  }

  .t-pro1-c8 b {
    display: block;
  }

  .t-pro1-c8>b:nth-child(1) {
    width: 55px;
    height: 1px;
    background: #bfbfbf;
    position: absolute;
    top: 50%;
    left: 0;
    transition: 0.8s;
  }

  .t-pro1-con3>b:nth-child(1) {
    background: #e50013;
    transition: 0.8s;
  }

  .t-pro1-c8>b:nth-child(2) {
    width: 1px;
    height: calc(50% + 30px);
    background: #bfbfbf;
    position: absolute;
    bottom: 50%;
    right: 0;
    transition: 0.8s;
  }

  .t-pro1-c1:last-child .t-pro1-c8>b:nth-child(2) {
    height: calc(50% + 66px);
  }

  .t-pro1-con3>b:nth-child(2) {
    background: #e50013;
    transition: 0.8s;
  }

  .t-pro1-c8>b:nth-child(3) {
    width: 1px;
    height: 50%;
    background: #bfbfbf;
    position: absolute;
    top: 50%;
    right: 0;
  }

  .t-pro1-c1:last-child .t-pro1-c8>b:nth-child(3) {
    display: block;
  }

  .t-pro1-c8>b:nth-child(4) {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: none;
    position: absolute;
    top: calc(50% - 32px/2);
    left: calc(50% - 32px/2);
    transition: 0.8s;
  }

  .t-pro1-con3>b:nth-child(4) {
    background: #f5f5f5;
    transition: 0.8s;
  }

  .t-pro1-c8>b:nth-child(4)>b {
    width: 22px;
    height: 22px;
    border: 0;
    border-radius: 50%;
    background: none;
    position: absolute;
    top: calc(50% - 22px/2);
    left: calc(50% - 22px/2);
    transition: 0.8s;
  }

  .t-pro1-con3>b:nth-child(4)>b {
    background: #d5dde9;
    transition: 0.8s;
  }

  .t-pro1-c8>b:nth-child(4)>b>b {
    width: 16px;
    height: 16px;
    border: 0;
    border-radius: 50%;
    background: none;
    position: absolute;
    top: calc(50% - 16px/2);
    left: calc(50% - 16px/2);
    transition: 0.8s;
  }

  .t-pro1-con3>b:nth-child(4)>b>b {
    background: #c2cfe2;
    transition: 0.8s;
  }

  .t-pro1-c8>b:nth-child(4)>b>b>b {
    width: 10px;
    height: 10px;
    border: 0;
    border-radius: 50%;
    background: #bfbfbf;
    position: absolute;
    top: calc(50% - 10px/2);
    left: calc(50% - 10px/2);
    transition: 0.8s;
  }

  .t-pro1-con3>b:nth-child(4)>b>b>b {
    background: #e50013;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-pro1-a1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 52px;
  }

  .t-pro1-a2 {
    width: 100%;
    height: 14px;
    background: #f5f5f5;
    border: 0;
    border-radius: 7px;
    position: relative;
    overflow: hidden;
    margin-bottom: 35px;
  }

  .t-pro1-a3 {
    width: 120px;
    height: 100%;
    background: #e50013;
    border: 0;
    border-radius: 7px;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-pro1-a4 {
    width: 100%;
    height: 20px;
    position: relative;
    overflow: hidden;
  }

  .t-pro1-a5 {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-pro1-a5>div {
    font-size: 18px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    width: 140px;
    height: 100%;
    float: left;
    cursor: pointer;
  }

  .t-pro1-a6 {
    width: 50px;
    position: absolute;
    top: calc(7px/2 - 50px/2);
    left: -10px;
    cursor: pointer;
  }

  .t-pro1-a7 {
    width: 50px;
    position: absolute;
    top: calc(7px/2 - 50px/2);
    right: -10px;
    cursor: pointer;
  }

  .t-pro1-b1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 78px;
    background: #f5f5f5;
    border: 0;
    border-radius: 6px;
    overflow: hidden;
  }

  .t-pro1-b2 {
    width: 100%;
    padding: 66px 70px 68px 120px;
    box-sizing: border-box;
    position: relative;
    display: none;
  }

  .t-pro1-c1 {
    width: 100%;
    padding: 20px 36px 20px 20px;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    margin-bottom: 30px;
  }

  .t-pro1-c1:last-child {
    margin-bottom: 0;
  }

  .t-pro1-c2 {
    width: 230px;
    height: 132px;
    position: relative;
    float: left;
  }

  .t-pro1-c2 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-pro1-c2:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-pro1-c3 {
    width: calc(100% - 230px - 32px);
    position: relative;
    float: right;
    padding-top: 10px;
  }

  .t-pro1-c4 {
    font-size: 20px;
    line-height: 20px;
    color: #e50013;
    font-weight: bold;
    float: left;
    margin-right: 12px;
    margin-bottom: 14px;
    white-space: nowrap;
  }

  .t-pro1-c5 {
    width: 32px;
    height: 5px;
    background: #c5c5c5;
    position: relative;
    top: calc(20px/2 - 5px/2);
    float: left;
  }

  .t-pro1-c6 {
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    float: left;
  }

  .t-pro1-c6.t-pro1-con1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: calc(30px*3);
  }

  .t-pro1-c7 {
    font-size: 16px;
    line-height: 16px;
    color: #666666;
    position: absolute;
    top: 32px;
    right: 46px;
    cursor: pointer;
    display: none;
  }

  .t-pro1-c7 img {
    width: 22px;
    position: relative;
    top: 0;
    display: inline-block;
    margin-left: 12px;
  }

  .t-pro1-c7.t-pro1-con2 img {
    transform: rotateX(180deg);
  }

  .t-pro1-c8 {
    position: absolute;
    top: 0;
    right: calc(100% + 55px);
    width: 0;
    height: 100%;
  }

  .t-pro1-con3 {
    z-index: 1;
  }

  .t-pro1-c8 b {
    display: block;
  }

  .t-pro1-c8>b:nth-child(1) {
    width: 55px;
    height: 1px;
    background: #bfbfbf;
    position: absolute;
    top: 50%;
    left: 0;
    transition: 0.8s;
  }

  .t-pro1-con3>b:nth-child(1) {
    background: #e50013;
    transition: 0.8s;
  }

  .t-pro1-c8>b:nth-child(2) {
    width: 1px;
    height: calc(50% + 30px);
    background: #bfbfbf;
    position: absolute;
    bottom: 50%;
    right: 0;
    transition: 0.8s;
  }

  .t-pro1-c1:last-child .t-pro1-c8>b:nth-child(2) {
    height: calc(50% + 66px);
  }

  .t-pro1-con3>b:nth-child(2) {
    background: #e50013;
    transition: 0.8s;
  }

  .t-pro1-c8>b:nth-child(3) {
    width: 1px;
    height: 50%;
    background: #bfbfbf;
    position: absolute;
    top: 50%;
    right: 0;
  }

  .t-pro1-c1:last-child .t-pro1-c8>b:nth-child(3) {
    display: block;
  }

  .t-pro1-c8>b:nth-child(4) {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: none;
    position: absolute;
    top: calc(50% - 32px/2);
    left: calc(50% - 32px/2);
    transition: 0.8s;
  }

  .t-pro1-con3>b:nth-child(4) {
    background: #f5f5f5;
    transition: 0.8s;
  }

  .t-pro1-c8>b:nth-child(4)>b {
    width: 22px;
    height: 22px;
    border: 0;
    border-radius: 50%;
    background: none;
    position: absolute;
    top: calc(50% - 22px/2);
    left: calc(50% - 22px/2);
    transition: 0.8s;
  }

  .t-pro1-con3>b:nth-child(4)>b {
    background: #d5dde9;
    transition: 0.8s;
  }

  .t-pro1-c8>b:nth-child(4)>b>b {
    width: 16px;
    height: 16px;
    border: 0;
    border-radius: 50%;
    background: none;
    position: absolute;
    top: calc(50% - 16px/2);
    left: calc(50% - 16px/2);
    transition: 0.8s;
  }

  .t-pro1-con3>b:nth-child(4)>b>b {
    background: #c2cfe2;
    transition: 0.8s;
  }

  .t-pro1-c8>b:nth-child(4)>b>b>b {
    width: 10px;
    height: 10px;
    border: 0;
    border-radius: 50%;
    background: #bfbfbf;
    position: absolute;
    top: calc(50% - 10px/2);
    left: calc(50% - 10px/2);
    transition: 0.8s;
  }

  .t-pro1-con3>b:nth-child(4)>b>b>b {
    background: #e50013;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1023px) {
  .t-pro1-a1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
    margin-bottom: 0.42rem;
  }

  .t-pro1-a2 {
    width: 100%;
    height: 0.14rem;
    background: #f5f5f5;
    border: 0;
    border-radius: 0.07rem;
    position: relative;
    overflow: hidden;
    margin-bottom: 0.26rem;
  }

  .t-pro1-a3 {
    width: 1.4rem;
    height: 100%;
    background: #e50013;
    border: 0;
    border-radius: 0.07rem;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-pro1-a4 {
    width: 100%;
    height: 0.28rem;
    position: relative;
    overflow: hidden;
  }

  .t-pro1-a5 {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-pro1-a5>div {
    font-size: 0.24rem;
    line-height: 0.28rem;
    color: #333333;
    text-align: center;
    width: 1.44rem;
    height: 100%;
    float: left;
    cursor: pointer;
  }

  .t-pro1-a6 {
    width: 0.5rem;
    position: absolute;
    top: calc(0.14rem/2 - 0.5rem/2);
    left: -0.02rem;
    cursor: pointer;
  }

  .t-pro1-a7 {
    width: 0.5rem;
    position: absolute;
    top: calc(0.14rem/2 - 0.5rem/2);
    right: -0.02rem;
    cursor: pointer;
  }

  .t-pro1-b1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
    margin-bottom: 0.88rem;
    background: #f5f5f5;
    border: 0;
    overflow: hidden;
  }

  .t-pro1-b2 {
    width: 100%;
    padding: 0.6rem 0.24rem 0.66rem 0.9rem;
    box-sizing: border-box;
    position: relative;
    display: none;
  }

  .t-pro1-c1 {
    width: 100%;
    padding: 0.2rem 0.12rem 0.2rem 0.18rem;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    margin-bottom: 0.48rem;
  }

  .t-pro1-c1:last-child {
    margin-bottom: 0;
  }

  .t-pro1-c2 {
    width: 3.22rem;
    height: 1.84rem;
    position: relative;
    margin-bottom: 0.18rem;
  }

  .t-pro1-c2 img {
    min-height: 100%;
  }

  .t-pro1-c3 {
    width: 100%;
    position: relative;
  }

  .t-pro1-c4 {
    font-size: 0.36rem;
    line-height: 0.36rem;
    color: #e50013;
    font-weight: bold;
    position: absolute;
    top: -1.66rem;
    left: 3.55rem;
    white-space: nowrap;
  }

  .t-pro1-c5 {
    width: 0.5rem;
    height: 0.07rem;
    background: #c5c5c5;
    position: relative;
    top: -1.06rem;
    left: 3.55rem;
  }

  .t-pro1-c6 {
    width: 100%;
    font-size: 0.24rem;
    line-height: 0.48rem;
    color: #666666;
  }

  .t-pro1-c6.t-pro1-con1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: calc(0.48rem*4);
  }

  .t-pro1-c7 {
    font-size: 0.28rem;
    line-height: 0.28rem;
    color: #666666;
    position: absolute;
    top: 1.5rem;
    right: 0.12rem;
    cursor: pointer;
    display: none;
  }

  .t-pro1-c7 img {
    width: 0.4rem;
    position: relative;
    top: 0;
    display: inline-block;
    margin-left: 0.1rem;
  }

  .t-pro1-c7.t-pro1-con2 img {
    transform: rotateX(180deg);
  }

  .t-pro1-c8 {
    position: absolute;
    top: 0;
    right: calc(100% + 0.55rem);
    width: 0;
    height: 100%;
  }

  .t-pro1-con3 {
    z-index: 1;
  }

  .t-pro1-c8 b {
    display: block;
  }

  .t-pro1-c8>b:nth-child(1) {
    width: 0.55rem;
    height: 1px;
    background: #bfbfbf;
    position: absolute;
    top: 50%;
    left: 0;
    transition: 0.8s;
  }

  .t-pro1-con3>b:nth-child(1) {
    background: #e50013;
    transition: 0.8s;
  }

  .t-pro1-c8>b:nth-child(2) {
    width: 1px;
    height: calc(50% + 0.48rem);
    background: #bfbfbf;
    position: absolute;
    bottom: 50%;
    right: 0;
    transition: 0.8s;
  }

  .t-pro1-c1:last-child .t-pro1-c8>b:nth-child(2) {
    height: calc(50% + 0.6rem);
  }

  .t-pro1-con3>b:nth-child(2) {
    background: #e50013;
    transition: 0.8s;
  }

  .t-pro1-c8>b:nth-child(3) {
    width: 1px;
    height: 50%;
    background: #bfbfbf;
    position: absolute;
    top: 50%;
    right: 0;
  }

  .t-pro1-c1:last-child .t-pro1-c8>b:nth-child(3) {
    display: block;
  }

  .t-pro1-c8>b:nth-child(4) {
    width: 0.4rem;
    height: 0.4rem;
    border: 0;
    border-radius: 50%;
    background: none;
    position: absolute;
    top: calc(50% - 0.4rem/2);
    left: calc(50% - 0.4rem/2);
    transition: 0.8s;
  }

  .t-pro1-con3>b:nth-child(4) {
    background: #f5f5f5;
    transition: 0.8s;
  }

  .t-pro1-c8>b:nth-child(4)>b {
    width: 0.28rem;
    height: 0.28rem;
    border: 0;
    border-radius: 50%;
    background: none;
    position: absolute;
    top: calc(50% - 0.28rem/2);
    left: calc(50% - 0.28rem/2);
    transition: 0.8s;
  }

  .t-pro1-con3>b:nth-child(4)>b {
    background: #d5dde9;
    transition: 0.8s;
  }

  .t-pro1-c8>b:nth-child(4)>b>b {
    width: 0.2rem;
    height: 0.2rem;
    border: 0;
    border-radius: 50%;
    background: none;
    position: absolute;
    top: calc(50% - 0.2rem/2);
    left: calc(50% - 0.2rem/2);
    transition: 0.8s;
  }

  .t-pro1-con3>b:nth-child(4)>b>b {
    background: #c2cfe2;
    transition: 0.8s;
  }

  .t-pro1-c8>b:nth-child(4)>b>b>b {
    width: 0.14rem;
    height: 0.14rem;
    border: 0;
    border-radius: 50%;
    background: #bfbfbf;
    position: absolute;
    top: calc(50% - 0.14rem/2);
    left: calc(50% - 0.14rem/2);
    transition: 0.8s;
  }

  .t-pro1-con3>b:nth-child(4)>b>b>b {
    background: #e50013;
    transition: 0.8s;
  }

}

@media only screen and (min-width: 1340px) {
  .t-nli6-a1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
  }

  .t-nli6-a2 {
    width: 420px;
    height: 298px;
    position: relative;
    background: #fff;
    box-shadow: 0 4px 35px rgba(236, 236, 236, 0.35);
    margin-right: calc((100% - 420px*3)/2);
    float: left;
    transition: 0.8s;
    margin-bottom: 20px;
  }

  .t-nli6-a2:nth-child(3n) {
    margin-right: 0;
  }

  .t-nli6-a2:hover {
    background: #e50013;
    transition: 0.8s;
  }

  .t-nli6-a3 {
    width: 100%;
    height: 218px;
    position: relative;
  }

  .t-nli6-a3>img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-nli6-a2:hover .t-nli6-a3>img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-nli6-a4 {
    width: 100%;
    height: calc(298px - 218px);
    font-size: 18px;
    line-height: calc(298px - 218px);
    color: #333333;
    text-align: center;
    padding: 0 32px;
    box-sizing: border-box;
    transition: 0.8s;
  }

  .t-nli6-a2:hover .t-nli6-a4 {
    color: #fff;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-nli6-a1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
  }

  .t-nli6-a2 {
    width: 310px;
    height: 200px;
    position: relative;
    background: #fff;
    box-shadow: 0 4px 35px rgba(236, 236, 236, 0.35);
    margin-right: calc((100% - 310px*3)/2);
    float: left;
    transition: 0.8s;
    margin-bottom: 16px;
  }

  .t-nli6-a2:nth-child(3n) {
    margin-right: 0;
  }

  .t-nli6-a2:hover {
    background: #e50013;
    transition: 0.8s;
  }

  .t-nli6-a3 {
    width: 100%;
    height: 160px;
    position: relative;
  }

  .t-nli6-a3>img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-nli6-a2:hover .t-nli6-a3>img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-nli6-a4 {
    width: 100%;
    height: calc(200px - 160px);
    font-size: 14px;
    line-height: calc(200px - 160px);
    color: #333333;
    text-align: center;
    padding: 0 24px;
    box-sizing: border-box;
    transition: 0.8s;
  }

  .t-nli6-a2:hover .t-nli6-a4 {
    color: #fff;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1023px) {
  .t-nli6-a1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
  }

  .t-nli6-a2 {
    width: calc(50% - 0.2rem/2);
    position: relative;
    background: #fff;
    box-shadow: 0 0.04rem 0.35rem rgba(236, 236, 236, 0.35);
    margin-bottom: 0.26rem;
    margin-bottom: 0.2rem;
  }

  .t-nli6-a2:nth-child(odd) {
    float: left;
  }

  .t-nli6-a2:nth-child(even) {
    float: right;
  }

  .t-nli6-a3 {
    width: 100%;
    height: 1.8rem;
    position: relative;
  }

  .t-nli6-a3>img {
    min-height: 100%;
  }

  .t-nli6-a4 {
    width: 100%;
    height: 0.86rem;
    border: 1px solid #efefef;
    box-sizing: border-box;
    font-size: 0.26rem;
    line-height: 0.84rem;
    color: #333333;
    text-align: center;
    padding: 0 0.2rem;
  }
}

@media only screen and (min-width: 1340px) {
  .t-emp1-a1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
  }

  .t-emp1-a2 {
    width: calc(50% - 24px/2);
    height: 202px;
    position: relative;
    background: #f4f4f4;
    margin-bottom: 28px;
  }

  .t-emp1-a2:nth-child(odd) {
    float: left;
  }

  .t-emp1-a2:nth-child(even) {
    float: right;
  }

  .t-emp1-a2>b {
    width: 24px;
    height: 8px;
    background: #e50013;
    display: block;
    position: absolute;
    top: 44px;
    left: 0;
    transition: 0.8s;
    transform-origin: 50% 50%;
  }

  .t-emp1-a2:hover>b {
    transform: rotate(90deg);
    transition: 0.8s;
  }

  .t-emp1-a3 {
    width: calc(100% - 30px - 110px);
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    position: absolute;
    top: 36px;
    left: 30px;
  }

  .t-emp1-a3 span {
    font-size: 14px;
    color: #7d7d7d;
    margin-left: 8px;
  }

  .t-emp1-a4 {
    width: calc(100% - 30px - 80px);
    position: absolute;
    top: 74px;
    left: 30px;
  }

  .t-emp1-a4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 26px;
    color: #666666;
    height: calc(2*26px);
  }

  .t-emp1-a4>div {
    font-size: 14px;
    line-height: 26px;
    color: #666666;
    height: 26px;
  }

  .t-emp1-a4>div span {
    color: #333333;
  }

  .t-emp1-a5 {
    position: absolute;
    top: 140px;
    left: 30px;
  }

  .t-emp1-a6 {
    float: left;
  }

  .t-emp1-a6:nth-child(1) {
    margin-right: 26px;
  }

  .t-emp1-a6:nth-child(1)>div:nth-child(1) {
    height: 28px;
    float: left;
    margin-right: 8px;
  }

  .t-emp1-a6:nth-child(1)>div:nth-child(2) {
    font-size: 16px;
    line-height: 28px;
    color: #333333;
    float: left;
  }

  .t-emp1-a6:nth-child(1)>div:nth-child(3) {
    font-size: 24px;
    line-height: 28px;
    color: #f28201;
    font-weight: bold;
    float: left;
  }

  .t-emp1-a6:nth-child(2)>div:nth-child(1) {
    height: 28px;
    float: left;
    margin-right: 8px;
  }

  .t-emp1-a6:nth-child(2)>div:nth-child(2) {
    font-size: 16px;
    line-height: 28px;
    color: #333333;
    float: left;
  }

  .t-emp1-a6:nth-child(2)>div:nth-child(3) {
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    float: left;
  }

  .t-emp1-a7 {
    font-size: 14px;
    line-height: 14px;
    color: #e50013;
    position: absolute;
    right: 42px;
    top: 42px;
  }

  .t-res1-d3>b {
    transition: 0.8s;
    transform-origin: 50% 50%;
  }

  .t-res1-d3:hover>b {
    transition: 0.8s;
    transform: rotate(90deg);
  }

  .t-res1-e2>b {
    transition: 0.8s;
    transform-origin: 50% 50%;
  }

  .t-res1-e2:hover>b {
    transition: 0.8s;
    transform: rotate(90deg);
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-emp1-a1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
  }

  .t-emp1-a2 {
    width: calc(50% - 20px/2);
    height: 176px;
    position: relative;
    background: #f4f4f4;
    margin-bottom: 20px;
  }

  .t-emp1-a2:nth-child(odd) {
    float: left;
  }

  .t-emp1-a2:nth-child(even) {
    float: right;
  }

  .t-emp1-a2>b {
    width: 24px;
    height: 8px;
    background: #e50013;
    display: block;
    position: absolute;
    top: 30px;
    left: 0;
    transition: 0.8s;
    transform-origin: 50% 50%;
  }

  .t-emp1-a2:hover>b {
    transform: rotate(90deg);
    transition: 0.8s;
  }

  .t-emp1-a3 {
    width: calc(100% - 30px - 90px);
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    position: absolute;
    top: 24px;
    left: 30px;
  }

  .t-emp1-a3 span {
    font-size: 12px;
    color: #7d7d7d;
    margin-left: 8px;
  }

  .t-emp1-a4 {
    width: calc(100% - 30px - 60px);
    position: absolute;
    top: 56px;
    left: 30px;
  }

  .t-emp1-a4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 26px;
    color: #666666;
    height: calc(2*26px);
  }

  .t-emp1-a4>div {
    font-size: 14px;
    line-height: 26px;
    color: #666666;
    height: 26px;
  }

  .t-emp1-a4>div span {
    color: #333333;
  }

  .t-emp1-a5 {
    position: absolute;
    top: 120px;
    left: 30px;
  }

  .t-emp1-a6 {
    float: left;
  }

  .t-emp1-a6:nth-child(1) {
    margin-right: 20px;
  }

  .t-emp1-a6:nth-child(1)>div:nth-child(1) {
    height: 24px;
    float: left;
    margin-right: 8px;
  }

  .t-emp1-a6:nth-child(1)>div:nth-child(2) {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    float: left;
  }

  .t-emp1-a6:nth-child(1)>div:nth-child(3) {
    font-size: 20px;
    line-height: 24px;
    color: #f28201;
    font-weight: bold;
    float: left;
  }

  .t-emp1-a6:nth-child(2)>div:nth-child(1) {
    height: 24px;
    float: left;
    margin-right: 8px;
  }

  .t-emp1-a6:nth-child(2)>div:nth-child(2) {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    float: left;
  }

  .t-emp1-a6:nth-child(2)>div:nth-child(3) {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    float: left;
  }

  .t-emp1-a7 {
    font-size: 14px;
    line-height: 14px;
    color: #e50013;
    position: absolute;
    right: 30px;
    top: 30px;
  }
}

@media only screen and (max-width: 1023px) {
  .t-emp1-a1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
    padding-top: 0.6rem;
  }

  .t-emp1-a2 {
    width: 100%;
    height: 3.22rem;
    position: relative;
    background: #f4f4f4;
    margin-bottom: 0.3rem;
  }

  .t-emp1-a2:last-child {
    margin-bottom: 0;
  }

  .t-emp1-a2>b {
    width: 0.24rem;
    height: 0.08rem;
    background: #e50013;
    display: block;
    position: absolute;
    top: 0.54rem;
    left: 0;
  }

  .t-emp1-a3 {
    width: calc(100% - 0.32rem - 1.3rem);
    font-size: 0.28rem;
    line-height: 0.32rem;
    color: #333333;
    position: absolute;
    top: 0.42rem;
    left: 0.32rem;
  }

  .t-emp1-a3 span {
    font-size: 0.22rem;
    color: #7d7d7d;
    margin-left: 0.1rem;
  }

  .t-emp1-a4 {
    width: calc(100% - 0.22rem);
    position: absolute;
    top: 1rem;
    left: 0.22rem;
  }

  .t-emp1-a4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #666666;
    height: calc(2*26px);
  }

  .t-emp1-a4>div {
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #666666;
    height: 0.38rem;
  }

  .t-emp1-a4>div span {
    color: #333333;
  }

  .t-emp1-a5 {
    position: absolute;
    top: 2.38rem;
    left: 0;
    width: 100%;
    text-align: center;
  }

  .t-emp1-a6 {
    display: inline-block;
  }

  .t-emp1-a6:nth-child(1) {
    margin-right: 0.3rem;
  }

  .t-emp1-a6:nth-child(1)>div:nth-child(1) {
    height: 0.4rem;
    float: left;
    margin-right: 0.12rem;
  }

  .t-emp1-a6:nth-child(1)>div:nth-child(2) {
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #333333;
    float: left;
  }

  .t-emp1-a6:nth-child(1)>div:nth-child(3) {
    font-size: 0.26rem;
    line-height: 0.4rem;
    color: #f28201;
    font-weight: bold;
    float: left;
  }

  .t-emp1-a6:nth-child(2)>div:nth-child(1) {
    height: 0.4rem;
    float: left;
    margin-right: 0.12rem;
  }

  .t-emp1-a6:nth-child(2)>div:nth-child(2) {
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #333333;
    float: left;
  }

  .t-emp1-a6:nth-child(2)>div:nth-child(3) {
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #666666;
    float: left;
  }

  .t-emp1-a7 {
    font-size: 0.24rem;
    line-height: 0.2rem;
    color: #e50013;
    position: absolute;
    right: 0.3rem;
    top: 0.5rem;
  }
}

@media only screen and (min-width: 1340px) {

  /*#culture1{width: 100%;height: 80px;}*/
  .t-nco1-a5 img {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 0;
  }

  .attop {
    width: 80px;
    position: fixed;
    bottom: 120px;
    right: 20px;
    cursor: pointer;
    display: none;
  }

  .t-cul1-a1 {
    padding-top: 80px;
  }

  .t-nco1-a5 p {
    text-indent: 2em;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {

  /*#culture1{width: 100%;height: 40px;}*/
  .t-nco1-a5 img {
    max-width: 100%;
    margin: 0 auto;
    padding: 14px 0;
  }

  .attop {
    width: 60px;
    position: fixed;
    bottom: 120px;
    right: 20px;
    cursor: pointer;
    display: none;
  }

  .t-cul1-a1 {
    padding-top: 40px;
  }

  .t-nco1-a5 p {
    text-indent: 2em;
  }
}

@media only screen and (max-width: 1023px) {

  /*#culture1{width: 100%;height: 0.6rem;}*/
  .t-nco1-a5 img {
    max-width: 100%;
    margin: 0 auto;
    padding: 0.2rem 0;
  }

  .attop {
    width: 0.8rem;
    position: fixed;
    bottom: 2rem;
    right: 0.2rem;
    cursor: pointer;
    display: none;
  }

  .t-cul1-a1 {
    padding-top: 0.6rem;
  }

  .t-nco1-a5 p {
    text-indent: 2em;
  }
}

@media only screen and (min-width: 1340px) {
  .t-us1-a0 {
    width: 100%;
    height: 90px;
    position: relative;
  }

  .t-us1-a1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
    padding-top: 100px;
    margin-bottom: 90px;
  }

  .t-us1-a1 .t-t2-a1 {
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-us1-a1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
  }

  .t-us1-a2 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    font-size: 16px;
    line-height: 28px;
    color: #515151;
    margin-bottom: 64px;
  }

  .t-us1-a3 {
    width: 100%;
    height: 136px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
  }

  .t-us1-a4 {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .t-us1-a5 {
    width: 25%;
    height: 100%;
    position: relative;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
  }

  .t-us1-a5:nth-child(1) {
    background: #e50013;
  }

  .t-us1-a5:nth-child(2) {
    background: #295fac;
  }

  .t-us1-a5:nth-child(3) {
    background: #1389d0;
  }

  .t-us1-a5:nth-child(4) {
    background: #e50013;
  }

  .t-us1-a6 {
    font-size: 18px;
    line-height: 42px;
    color: #fff;
    position: absolute;
    top: 31px;
    right: 113px;
  }

  .t-us1-a5:nth-child(3) .t-us1-a6 {
    top: 30px;
  }

  .t-us1-a5:nth-child(4) .t-us1-a6 {
    top: 30px;
  }

  .t-us1-a6 span {
    font-size: 50px;
    line-height: 42px;
    font-weight: bold;
  }

  .t-us1-a7 {
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    position: absolute;
    top: 79px;
    right: 78px;
  }

  .t-us1-a5:nth-child(3) .t-us1-a7 {
    right: 132px;
    top: 82px;
  }

  .t-us1-a5:nth-child(4) .t-us1-a7 {
    right: 132px;
    top: 82px;
  }

  .t-us1-a8 {
    width: 12px;
    height: 55px;
    background: rgba(255, 255, 255, 0.66);
    position: absolute;
    top: 0;
    right: 104px;
  }

  .t-us1-a5:nth-child(3) .t-us1-a8 {
    top: auto;
    bottom: 0;
    right: 114px;
  }

  .t-us1-a5:nth-child(4) .t-us1-a8 {
    top: auto;
    bottom: 0;
    right: 114px;
  }

  .t-us1-a9 {
    font-size: 14px;
    line-height: 23px;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
  }

  .t-us1-b1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 90px;
  }

  .t-us1-b1 .t-t2-a1 {
    position: absolute;
    top: 0;
    left: 582px;
  }

  .t-us1-b1 .t-b1-a1 {
    position: absolute;
    bottom: 110px;
    right: 100px;
  }

  .t-us1-b2 {
    width: 435px;
    height: 610px;
    position: relative;
    float: left;
  }

  .t-us1-b3 {
    width: 420px;
    height: 544px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #f5f5f5;
  }

  .t-us1-b4 {
    width: 420px;
    height: 560px;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-us1-b4 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-us1-b4:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-us1-b5 {
    font-size: 20px;
    line-height: calc(610px - 560px);
    color: #666666;
    position: absolute;
    bottom: 0;
    left: 58px;
  }

  .t-us1-b5 span {
    font-size: 24px;
    font-weight: bold;
    color: #000000;
  }

  .t-us1-b6 {
    width: calc(100% - 508px);
    position: relative;
    float: right;
    padding: 120px 80px 100px 80px;
    box-sizing: border-box;
    height: calc(30px*13 + 120px + 100px);
  }

  .t-us1-b6>b {
    display: block;
    background: #d9d9d9;
    position: absolute;
  }

  .t-us1-b6>b:nth-child(1) {
    width: 220px;
    height: 1px;
    top: 70px;
    left: 0;
  }

  .t-us1-b6>b:nth-child(2) {
    width: 1px;
    height: 160px;
    top: 28px;
    left: 26px;
  }

  .t-us1-b6>b:nth-child(3) {
    width: 220px;
    height: 1px;
    bottom: 40px;
    right: 6px;
  }

  .t-us1-b6>b:nth-child(4) {
    width: 1px;
    height: 160px;
    bottom: 0;
    right: 32px;
  }

  .t-us1-b6>div {
    font-size: 16px;
    line-height: 30px;
    color: #505050;
    width: 100%;
    height: calc(30px*11);
    position: relative;
  }

  .t-us1-b6>div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 11;
    -webkit-box-orient: vertical;
  }

  .t-us1-c1 {
    width: 100%;
    height: 724px;
    position: relative;
    background: url(../images/c13.jpg) no-repeat transparent;
    background-position: center center;
    background-size: 1920px 100%;
    overflow: hidden;
  }

  .t-us1-c2 {
    width: 1300px;
    height: 340px;
    position: relative;
    margin: 0 auto;
  }

  .us1 {
    width: calc(1300px + 16px) !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: -8px;
  }

  .us1 .swiper-slide {
    width: 50% !important;
    height: 100% !important;
    position: relative;
  }

  .us2 {
    width: 47px;
    height: 80px;
    position: absolute;
    top: calc(50% - 80px/2);
    left: calc(50% - 704px);
    right: auto;
    padding: 0;
    margin: 0;
    background: none;
    cursor: pointer;
  }

  .us3 {
    width: 47px;
    height: 80px;
    position: absolute;
    top: calc(50% - 80px/2);
    right: calc(50% - 704px);
    left: auto;
    padding: 0;
    margin: 0;
    background: none;
    cursor: pointer;
  }

  .us2 img,
  .us3 img {
    height: 100%;
  }

  .t-us1-c3 {
    width: 642px;
    height: 340px;
    position: relative;
    background: #f8f8f8;
    overflow: hidden;
    margin: 0 auto;
  }

  .t-us1-c4 {
    width: 232px;
    height: 100%;
    position: relative;
  }

  .t-us1-c4 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-us1-c3:hover .t-us1-c4 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-us1-c5 {
    width: calc(100% - 232px - 34px - 30px);
    font-size: 18px;
    line-height: 22px;
    color: #333333;
    font-weight: bold;
    position: absolute;
    top: 44px;
    right: 30px;
  }

  .t-us1-c6 {
    width: calc(100% - 232px - 34px - 30px);
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    position: absolute;
    top: 84px;
    right: 30px;
  }

  .t-us1-c7 {
    width: calc(100% - 232px - 34px - 30px);
    height: 1px;
    background: #d9d9d9;
    position: absolute;
    top: 135px;
    right: 30px;
  }

  .t-us1-c7 div {
    width: 32px;
    height: 5px;
    background: #e50013;
    position: absolute;
    top: -2px;
    left: 0;
  }

  .t-us1-c8 {
    width: calc(100% - 232px - 34px - 30px);
    height: calc(36px*4);
    font-size: 16px;
    line-height: 36px;
    color: #666666;
    position: absolute;
    top: 162px;
    right: 30px;
  }

  .t-us1-c8 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }

  .t-us1-c1 .t-b1-a1 {
    position: absolute;
    bottom: 80px;
    left: calc(50% - 120px/2);
    border: 1px solid #fff;
    color: #fff;
  }

  .t-us1-d1 {
    width: 100%;
    height: 1276px;
    padding-bottom: 40px;
    position: relative;
    background: url(../images/c14.jpg) no-repeat transparent;
    background-position: center center;
    background-size: 1920px 100%;
    overflow: hidden;
  }

  .t-us1-d2 {
    width: 1592px;
    position: relative;
    margin: 0 auto;
  }

  .t-us1-d2 img:nth-child(1) {
    display: block;
  }

  .t-us1-d2 img:nth-child(2) {
    display: none;
  }

  .t-us1-d1 .t-b1-a1 {
    position: absolute;
    bottom: 60px;
    left: calc(50% - 120px/2);
  }

  .t-us1-e0 {
    width: 100%;
    position: relative;
    padding-bottom: 180px;
  }

  .t-us1-e1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
  }

  .t-us1-e2 {
    width: 420px;
    height: 446px;
    position: relative;
    background: #fff;
    float: left;
    margin-right: calc((100% - 420px*3)/2);
    box-shadow: 0 4px 35px rgba(236, 236, 236, 0.45);
  }

  .t-us1-e2:nth-child(3n) {
    margin-right: 0;
  }

  .t-us1-e3 {
    width: 100%;
    height: 218px;
    position: relative;
  }

  .t-us1-e3 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-us1-e2:hover .t-us1-e3 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-us1-e2 b {
    width: 100%;
    height: calc(100% - 218px);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 0.8s;
    display: block;
  }

  .t-us1-e2:hover b {
    background: #1b53a6;
    transition: 0.8s;
    height: calc(100% - 190px);
  }

  .t-us1-e4 {
    width: calc(100% - 42px*2);
    height: 20px;
    font-size: 18px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    position: absolute;
    top: 254px;
    left: 42px;
    transition: 0.8s;
  }

  .t-us1-e2:hover .t-us1-e4 {
    top: 226px;
    color: #fff;
    transition: 0.8s;
  }

  .t-us1-e5 {
    width: 80px;
    height: 1px;
    background: #dcdcdc;
    position: absolute;
    top: 296px;
    left: calc(50% - 80px/2);
    transition: 0.8s;
  }

  .t-us1-e2:hover .t-us1-e5 {
    top: 270px;
    background: #fff;
    transition: 0.8s;
  }

  .t-us1-e6 {
    width: calc(100% - 42px*2);
    height: calc(28px*2);
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    text-align: center;
    position: absolute;
    top: 314px;
    left: 42px;
    transition: 0.8s;
  }

  .t-us1-e6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-us1-e2:hover .t-us1-e6 {
    top: 324px;
    color: #fff;
    transition: 0.8s;
    height: calc(28px*3);
  }

  .t-us1-e2:hover .t-us1-e6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .t-us1-e7 {
    width: 100%;
    font-size: 14px;
    line-height: 12px;
    color: #999999;
    text-align: center;
    position: absolute;
    top: 394px;
    left: 0;
    transition: 0.8s;
  }

  .t-us1-e2:hover .t-us1-e7 {
    color: #fff;
    transition: 0.8s;
    top: 290px;
  }

  .t-us1-e0 .t-b1-a1 {
    position: absolute;
    bottom: 70px;
    left: calc(50% - 120px/2);
  }

  .t-us1-f1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
    padding-top: 86px;
    margin-bottom: 60px;
  }

  .t-us1-f1 .t-t2-a1 {
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-us1-f1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
  }

  .t-us1-f2 {
    width: 100%;
    position: relative;
  }

  .t-us1-f3 {
    width: 382px;
    height: 254px;
    border: 1px solid #dedede;
    box-sizing: border-box;
    float: left;
    margin-right: calc((100% - 382px*3)/2);
    margin-bottom: 22px;
  }

  .t-us1-f3:nth-child(3n) {
    margin-right: 0;
  }

  .t-us1-f3 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-us1-f3:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-us1-g0 {
    width: 100%;
    padding: 204px 0 136px 0;
    position: relative;
    background: url(../images/c16.jpg) no-repeat transparent;
    background-position: center center;
    background-size: 1920px 100%;
    overflow: hidden;
    margin-bottom: 80px;
  }

  .t-us1-g0 .t-t2-a1 {
    position: absolute;
    top: 84px;
    left: calc(50% - 650px);
  }

  .t-us1-g0 .t-b1-a1 {
    position: absolute;
    top: 84px;
    right: calc(50% - 650px);
    border: 1px solid #fff;
    color: #fff;
  }

  .t-us1-g0 .t-t2-a1>div:nth-child(1) {
    color: #fff;
  }

  .t-us1-g0 .t-t2-a1>div:nth-child(2) {
    background: #fff;
  }

  .t-us1-g1 {
    width: calc(1300px - 60px*2);
    position: relative;
    margin: 0 auto;
    margin-bottom: 52px;
  }

  .t-us1-g2 {
    width: 100%;
    height: 14px;
    background: #f5f5f5;
    border: 0;
    border-radius: 7px;
    position: relative;
    overflow: hidden;
    margin-bottom: 35px;
  }

  .t-us1-g3 {
    width: 140px;
    height: 100%;
    background: #e50013;
    border: 0;
    border-radius: 7px;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-us1-g4 {
    width: 100%;
    height: 20px;
    position: relative;
    overflow: hidden;
  }

  .t-us1-g5 {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-us1-g5>div {
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    width: 168px;
    height: 100%;
    float: left;
    cursor: pointer;
  }

  .t-us1-g6 {
    width: 50px;
    position: absolute;
    top: calc(7px/2 - 50px/2);
    left: -60px;
    cursor: pointer;
  }

  .t-us1-g7 {
    width: 50px;
    position: absolute;
    top: calc(7px/2 - 50px/2);
    right: -60px;
    cursor: pointer;
  }

  .t-us1-h1 {
    width: 1180px;
    height: 204px;
    position: relative;
    margin: 0 auto;
  }

  .t-us1-h2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }

  .t-us1-h2 .swiper-container {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
  }

  .t-us1-h2 .swiper-container .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    position: relative;
  }

  .t-us1-h3 {
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff;
  }

  .t-us1-h4 {
    width: 288px;
    height: 166px;
    position: absolute;
    top: calc(50% - 166px/2);
    left: 20px;
  }

  .t-us1-h4 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-us1-h4:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-us1-h5 {
    font-size: 20px;
    line-height: 16px;
    color: #e50013;
    font-weight: bold;
    position: absolute;
    top: 32px;
    left: 360px;
  }

  .t-us1-h6 {
    width: 32px;
    height: 5px;
    background: #c5c5c5;
    position: absolute;
    top: 38px;
    left: 484px;
  }

  .t-us1-h7 {
    width: calc(100% - 360px - 20px);
    height: calc(30px*3);
    position: absolute;
    top: 82px;
    left: 360px;
    font-size: 16px;
    line-height: 30px;
    color: #666666;
  }

  .t-us1-h7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .t-us1-h2.t-us1-hon1 {
    z-index: 2;
  }

  .t-us1-h2 .swiper-pagination {
    width: 100%;
    position: absolute;
    top: calc(100% + 40px);
    left: 0;
    display: none;
  }

  .t-us1-hon1 .swiper-pagination {
    display: block;
  }

  .t-us1-h2 .swiper-pagination .swiper-pagination-bullet {
    width: 46px;
    height: 10px;
    border-radius: 5px;
    background: #a9c1db;
    opacity: 1;
    margin: 0 8px;
    transition: 0.8s;
    cursor: pointer;
  }

  .t-us1-h2 .swiper-pagination .swiper-pagination-bullet-active {
    width: 70px;
    background: #fff;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1619px) and (min-width: 1340px) {
  .t-us1-d1 {
    width: 100%;
    height: 1100px;
    padding-bottom: 40px;
    position: relative;
    background: url(../images/c14.jpg) no-repeat transparent;
    background-position: center center;
    background-size: 1920px 100%;
    overflow: hidden;
  }

  .t-us1-d2 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
  }

  .t-us1-d2 img:nth-child(1) {
    display: block;
  }

  .t-us1-d2 img:nth-child(2) {
    display: none;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-us1-a0 {
    width: 100%;
    height: 60px;
    position: relative;
  }

  .t-us1-a1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
    padding-top: 70px;
    margin-bottom: 60px;
  }

  .t-us1-a1 .t-t2-a1 {
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-us1-a1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
  }

  .t-us1-a2 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    color: #515151;
    margin-bottom: 48px;
  }

  .t-us1-a3 {
    width: 100%;
    height: 120px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
  }

  .t-us1-a4 {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .t-us1-a5 {
    width: 25%;
    height: 100%;
    position: relative;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
  }

  .t-us1-a5:nth-child(1) {
    background: #e50013;
  }

  .t-us1-a5:nth-child(2) {
    background: #295fac;
  }

  .t-us1-a5:nth-child(3) {
    background: #1389d0;
  }

  .t-us1-a5:nth-child(4) {
    background: #e50013;
  }

  .t-us1-a6 {
    font-size: 14px;
    line-height: 32px;
    color: #fff;
    position: absolute;
    top: 26px;
    right: 80px;
  }

  .t-us1-a5:nth-child(3) .t-us1-a6 {
    top: 28px;
  }

  .t-us1-a5:nth-child(4) .t-us1-a6 {
    top: 28px;
  }

  .t-us1-a6 span {
    font-size: 40px;
    line-height: 32px;
    font-weight: bold;
  }

  .t-us1-a7 {
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    position: absolute;
    top: 70px;
    right: 72px;
  }

  .t-us1-a5:nth-child(3) .t-us1-a7 {
    right: 96px;
    top: 72px;
  }

  .t-us1-a5:nth-child(4) .t-us1-a7 {
    right: 96px;
    top: 72px;
  }

  .t-us1-a8 {
    width: 10px;
    height: 44px;
    background: rgba(255, 255, 255, 0.66);
    position: absolute;
    top: 0;
    right: 74px;
  }

  .t-us1-a5:nth-child(3) .t-us1-a8 {
    top: auto;
    bottom: 0;
    right: 80px;
    height: 50px;
  }

  .t-us1-a5:nth-child(4) .t-us1-a8 {
    top: auto;
    bottom: 0;
    right: 80px;
    height: 50px;
  }

  .t-us1-a9 {
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
  }

  .t-us1-b1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 60px;
  }

  .t-us1-b1 .t-t2-a1 {
    position: absolute;
    top: 0;
    left: 340px;
  }

  .t-us1-b1 .t-b1-a1 {
    position: absolute;
    bottom: 44px;
    right: 70px;
  }

  .t-us1-b2 {
    width: 260px;
    height: 380px;
    position: relative;
    float: left;
  }

  .t-us1-b3 {
    width: 232px;
    height: 340px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #f5f5f5;
  }

  .t-us1-b4 {
    width: 232px;
    height: 340px;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-us1-b4 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-us1-b4:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-us1-b5 {
    font-size: 16px;
    line-height: calc(380px - 340px);
    color: #666666;
    position: absolute;
    bottom: 0;
    left: 40px;
  }

  .t-us1-b5 span {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
  }

  .t-us1-b6 {
    width: calc(100% - 300px);
    position: relative;
    float: right;
    padding: 80px 60px 60px 60px;
    box-sizing: border-box;
    height: calc(24px*10 + 80px + 60px);
  }

  .t-us1-b6>b {
    display: block;
    background: #d9d9d9;
    position: absolute;
  }

  .t-us1-b6>b:nth-child(1) {
    width: 220px;
    height: 1px;
    top: 50px;
    left: 0;
  }

  .t-us1-b6>b:nth-child(2) {
    width: 1px;
    height: 160px;
    top: 20px;
    left: 20px;
  }

  .t-us1-b6>b:nth-child(3) {
    width: 220px;
    height: 1px;
    bottom: 30px;
    right: 10px;
  }

  .t-us1-b6>b:nth-child(4) {
    width: 1px;
    height: 160px;
    bottom: 0;
    right: 20px;
  }

  .t-us1-b6>div {
    font-size: 12px;
    line-height: 20px;
    color: #505050;
    width: 100%;
    height: calc(20px*11);
    position: relative;
  }

  .t-us1-b6>div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 11;
    -webkit-box-orient: vertical;
  }

  .t-us1-c1 {
    width: 100%;
    height: 506px;
    position: relative;
    background: url(../images/c13.jpg) no-repeat transparent;
    background-position: center center;
    background-size: 1340px 100%;
    overflow: hidden;
  }

  .t-us1-c2 {
    width: 960px;
    height: 290px;
    position: relative;
    margin: 0 auto;
  }

  .us1 {
    width: calc(960px + 16px) !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: -8px;
  }

  .us1 .swiper-slide {
    width: 50% !important;
    height: 100% !important;
    position: relative;
  }

  .us2 {
    width: 47px;
    height: 80px;
    position: absolute;
    top: calc(50% - 80px/2);
    left: calc(50% - 488px);
    right: auto;
    padding: 0;
    margin: 0;
    background: none;
    cursor: pointer;
  }

  .us3 {
    width: 47px;
    height: 80px;
    position: absolute;
    top: calc(50% - 80px/2);
    right: calc(50% - 488px);
    left: auto;
    padding: 0;
    margin: 0;
    background: none;
    cursor: pointer;
  }

  .us2 img,
  .us3 img {
    height: 100%;
  }

  .t-us1-c3 {
    width: 472px;
    height: 290px;
    position: relative;
    background: #f8f8f8;
    overflow: hidden;
    margin: 0 auto;
  }

  .t-us1-c4 {
    width: 200px;
    height: 100%;
    position: relative;
  }

  .t-us1-c4 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-us1-c3:hover .t-us1-c4 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-us1-c5 {
    width: calc(100% - 200px - 20px - 20px);
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    font-weight: bold;
    position: absolute;
    top: 36px;
    right: 20px;
  }

  .t-us1-c6 {
    width: calc(100% - 200px - 20px - 20px);
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    position: absolute;
    top: 72px;
    right: 20px;
  }

  .t-us1-c7 {
    width: calc(100% - 200px - 20px - 20px);
    height: 1px;
    background: #d9d9d9;
    position: absolute;
    top: 114px;
    right: 20px;
  }

  .t-us1-c7 div {
    width: 32px;
    height: 5px;
    background: #e50013;
    position: absolute;
    top: -2px;
    left: 0;
  }

  .t-us1-c8 {
    width: calc(100% - 200px - 20px - 20px);
    height: calc(30px*4);
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    position: absolute;
    top: 136px;
    right: 20px;
  }

  .t-us1-c8 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }

  .t-us1-c1 .t-b1-a1 {
    position: absolute;
    bottom: 24px;
    left: calc(50% - 100px/2);
    border: 1px solid #fff;
    color: #fff;
  }

  .t-us1-d1 {
    width: 100%;
    height: 820px;
    padding-bottom: 20px;
    position: relative;
    background: url(../images/c14.jpg) no-repeat transparent;
    background-position: center center;
    background-size: 1340px 100%;
    overflow: hidden;
  }

  .t-us1-d2 {
    width: 960px;
    position: relative;
    margin: 0 auto;
  }

  .t-us1-d2 img:nth-child(1) {
    display: block;
  }

  .t-us1-d2 img:nth-child(2) {
    display: none;
  }

  .t-us1-d1 .t-b1-a1 {
    position: absolute;
    bottom: 40px;
    left: calc(50% - 120px/2);
  }

  .t-us1-e0 {
    width: 100%;
    position: relative;
    padding-bottom: 120px;
  }

  .t-us1-e1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
  }

  .t-us1-e2 {
    width: 300px;
    height: 320px;
    position: relative;
    background: #fff;
    float: left;
    margin-right: calc((100% - 300px*3)/2);
    box-shadow: 0 4px 35px rgba(236, 236, 236, 0.45);
  }

  .t-us1-e2:nth-child(3n) {
    margin-right: 0;
  }

  .t-us1-e3 {
    width: 100%;
    height: 156px;
    position: relative;
  }

  .t-us1-e3 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-us1-e2:hover .t-us1-e3 img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-us1-e2 b {
    width: 100%;
    height: calc(100% - 156px);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 0.8s;
    display: block;
  }

  .t-us1-e2:hover b {
    background: #1b53a6;
    transition: 0.8s;
    height: calc(100% - 136px);
  }

  .t-us1-e4 {
    width: calc(100% - 30px*2);
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    position: absolute;
    top: 172px;
    left: 30px;
    transition: 0.8s;
  }

  .t-us1-e2:hover .t-us1-e4 {
    top: 154px;
    color: #fff;
    transition: 0.8s;
  }

  .t-us1-e5 {
    width: 80px;
    height: 1px;
    background: #dcdcdc;
    position: absolute;
    top: 206px;
    left: calc(50% - 80px/2);
    transition: 0.8s;
  }

  .t-us1-e2:hover .t-us1-e5 {
    top: 184px;
    background: #fff;
    transition: 0.8s;
  }

  .t-us1-e6 {
    width: calc(100% - 30px*2);
    height: calc(24px*2);
    font-size: 12px;
    line-height: 24px;
    color: #666666;
    text-align: center;
    position: absolute;
    top: 214px;
    left: 30px;
    transition: 0.8s;
  }

  .t-us1-e6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-us1-e2:hover .t-us1-e6 {
    top: 224px;
    color: #fff;
    transition: 0.8s;
    height: calc(24px*3);
  }

  .t-us1-e2:hover .t-us1-e6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .t-us1-e7 {
    width: 100%;
    font-size: 12px;
    line-height: 10px;
    color: #999999;
    text-align: center;
    position: absolute;
    top: 274px;
    left: 0;
    transition: 0.8s;
  }

  .t-us1-e2:hover .t-us1-e7 {
    color: #fff;
    transition: 0.8s;
    top: 200px;
  }

  .t-us1-e0 .t-b1-a1 {
    position: absolute;
    bottom: 50px;
    left: calc(50% - 120px/2);
  }

  .t-us1-f1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
    padding-top: 64px;
    margin-bottom: 40px;
  }

  .t-us1-f1 .t-t2-a1 {
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-us1-f1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
  }

  .t-us1-f2 {
    width: 100%;
    position: relative;
  }

  .t-us1-f3 {
    width: 310px;
    height: 216px;
    border: 1px solid #dedede;
    box-sizing: border-box;
    float: left;
    margin-right: calc((100% - 310px*3)/2);
    margin-bottom: 16px;
  }

  .t-us1-f3:nth-child(3n) {
    margin-right: 0;
  }

  .t-us1-f3 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-us1-f3:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-us1-g0 {
    width: 100%;
    padding: 144px 0 96px 0;
    position: relative;
    background: url(../images/c16.jpg) no-repeat transparent;
    background-position: center center;
    background-size: 1340px 100%;
    overflow: hidden;
    margin-bottom: 50px;
  }

  .t-us1-g0 .t-t2-a1 {
    position: absolute;
    top: 50px;
    left: calc(50% - 480px);
  }

  .t-us1-g0 .t-b1-a1 {
    position: absolute;
    top: 50px;
    right: calc(50% - 480px);
    border: 1px solid #fff;
    color: #fff;
  }

  .t-us1-g0 .t-t2-a1>div:nth-child(1) {
    color: #fff;
  }

  .t-us1-g0 .t-t2-a1>div:nth-child(2) {
    background: #fff;
  }

  .t-us1-g1 {
    width: 860px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 52px;
  }

  .t-us1-g2 {
    width: 100%;
    height: 14px;
    background: #f5f5f5;
    border: 0;
    border-radius: 7px;
    position: relative;
    overflow: hidden;
    margin-bottom: 35px;
  }

  .t-us1-g3 {
    width: 120px;
    height: 100%;
    background: #e50013;
    border: 0;
    border-radius: 7px;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-us1-g4 {
    width: 100%;
    height: 20px;
    position: relative;
    overflow: hidden;
  }

  .t-us1-g5 {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-us1-g5>div {
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    width: 122px;
    height: 100%;
    float: left;
    cursor: pointer;
  }

  .t-us1-g6 {
    width: 50px;
    position: absolute;
    top: calc(7px/2 - 50px/2);
    left: -60px;
    cursor: pointer;
  }

  .t-us1-g7 {
    width: 50px;
    position: absolute;
    top: calc(7px/2 - 50px/2);
    right: -60px;
    cursor: pointer;
  }

  .t-us1-h1 {
    width: 840px;
    height: 176px;
    position: relative;
    margin: 0 auto;
  }

  .t-us1-h2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }

  .t-us1-h2 .swiper-container {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
  }

  .t-us1-h2 .swiper-container .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    position: relative;
  }

  .t-us1-h3 {
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff;
  }

  .t-us1-h4 {
    width: 240px;
    height: 138px;
    position: absolute;
    top: calc(50% - 138px/2);
    left: 20px;
  }

  .t-us1-h4 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-us1-h4:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-us1-h5 {
    font-size: 20px;
    line-height: 16px;
    color: #e50013;
    font-weight: bold;
    position: absolute;
    top: 28px;
    left: 300px;
  }

  .t-us1-h6 {
    width: 32px;
    height: 5px;
    background: #c5c5c5;
    position: absolute;
    top: 34px;
    left: 420px;
  }

  .t-us1-h7 {
    width: calc(100% - 300px - 20px);
    height: calc(24px*3);
    position: absolute;
    top: 72px;
    left: 300px;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
  }

  .t-us1-h7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .t-us1-h2.t-us1-hon1 {
    z-index: 2;
  }

  .t-us1-h2 .swiper-pagination {
    width: 100%;
    position: absolute;
    top: calc(100% + 20px);
    left: 0;
    display: none;
  }

  .t-us1-hon1 .swiper-pagination {
    display: block;
  }

  .t-us1-h2 .swiper-pagination .swiper-pagination-bullet {
    width: 36px;
    height: 8px;
    border-radius: 5px;
    background: #a9c1db;
    opacity: 1;
    margin: 0 8px;
    transition: 0.8s;
    cursor: pointer;
  }

  .t-us1-h2 .swiper-pagination .swiper-pagination-bullet-active {
    width: 54px;
    background: #fff;
    transition: 0.8s;
  }
}

@media only screen and (max-width: 1023px) {
  .t-us1-a0 {
    width: 100%;
    height: 0.6rem;
    position: relative;
  }

  .t-us1-a1 {
    width: 100%;
    position: relative;
    margin: 0 auto;
    padding-top: 1rem;
    margin-bottom: 0.6rem;
  }

  .t-us1-a1 .t-t2-a1 {
    position: absolute;
    top: 0;
    left: 0.2rem;
  }

  .t-us1-a1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0.2rem;
    width: 1.4rem;
    height: 0.62rem;
    line-height: 0.6rem;
  }

  .t-us1-a2 {
    width: calc(100% - 0.2rem*2);
    margin: 0 auto;
    position: relative;
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #515151;
    margin-bottom: 0.86rem;
  }

  .t-us1-a3 {
    width: 100%;
    height: 1.8rem;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    overflow-x: auto;
    box-sizing: border-box;
  }

  .t-us1-a4 {
    width: calc(2.84rem*3 + 3.54rem + 0.2rem);
    height: 100%;
    position: relative;
    margin-left: 0.2rem;
  }

  .t-us1-a5 {
    height: 100%;
    position: relative;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
  }

  .t-us1-a5:nth-child(1) {
    background: #e50013;
    width: 2.84rem;
  }

  .t-us1-a5:nth-child(2) {
    background: #295fac;
    width: 2.84rem;
  }

  .t-us1-a5:nth-child(3) {
    background: #1389d0;
    width: 2.84rem;
  }

  .t-us1-a5:nth-child(4) {
    background: #e50013;
    width: 2.84rem;
  }

  .t-us1-a6 {
    font-size: 0.24rem;
    line-height: 0.54rem;
    color: #fff;
    position: absolute;
    top: 0.38rem;
    right: 0.9rem;
  }

  .t-us1-a5:nth-child(3) .t-us1-a6 {
    top: 0.44rem;
  }

  .t-us1-a5:nth-child(4) .t-us1-a6 {
    top: 0.44rem;
  }

  .t-us1-a6 span {
    font-size: 0.66rem;
    line-height: 0.54rem;
    font-weight: bold;
  }

  .t-us1-a7 {
    font-size: 0.24rem;
    line-height: 0.24rem;
    color: #fff;
    position: absolute;
    top: 1rem;
    right: 0.7rem;
  }

  .t-us1-a5:nth-child(3) .t-us1-a7 {
    right: 1.04rem;
    top: 1.1rem;
  }

  .t-us1-a5:nth-child(4) .t-us1-a7 {
    right: 1.04rem;
    top: 1.1rem;
  }

  .t-us1-a8 {
    width: 0.16rem;
    height: 0.74rem;
    background: rgba(255, 255, 255, 0.66);
    position: absolute;
    top: 0;
    right: 0.72rem;
  }

  .t-us1-a5:nth-child(3) .t-us1-a8 {
    top: auto;
    bottom: 0;
    right: 0.8rem;
    height: 0.74rem;
  }

  .t-us1-a5:nth-child(4) .t-us1-a8 {
    top: auto;
    bottom: 0;
    right: 0.8rem;
    height: 0.74rem;
  }

  .t-us1-a9 {
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
  }

  .t-us1-b1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
    margin-bottom: 0.6rem;
    padding-top: 1rem;
  }

  .t-us1-b1 .t-t2-a1 {
    position: absolute;
    top: 0;
    left: 0.2rem;
  }

  .t-us1-b1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0.2rem;
    width: 1.4rem;
    height: 0.62rem;
    line-height: 0.6rem;
  }

  .t-us1-b2 {
    width: calc(100% - 2rem);
    height: 8rem;
    position: relative;
    margin: 0 auto;
    margin-bottom: 0.4rem;
  }

  .t-us1-b3 {
    width: calc(100% - 0.2rem);
    height: 7.2rem;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #f5f5f5;
  }

  .t-us1-b4 {
    width: calc(100% - 0.2rem);
    height: 7.2rem;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-us1-b4 img {
    min-height: 100%;
  }

  .t-us1-b5 {
    font-size: 0.24rem;
    line-height: calc(8rem - 7.2rem);
    color: #666666;
    position: absolute;
    bottom: 0;
    left: 1rem;
  }

  .t-us1-b5 span {
    font-size: 0.3rem;
    font-weight: bold;
    color: #000000;
  }

  .t-us1-b6 {
    width: 100%;
    position: relative;
    padding: 0.4rem 0.2rem;
    box-sizing: border-box;
    /*height: calc(0.38rem*10 + 0.4rem*2);*/
  }

  .t-us1-b6>b {
    display: block;
    background: #d9d9d9;
    position: absolute;
  }

  .t-us1-b6>b:nth-child(1) {
    width: 2.2rem;
    height: 1px;
    top: 0.2rem;
    left: 0;
  }

  .t-us1-b6>b:nth-child(2) {
    width: 1px;
    height: 1.6rem;
    top: 0;
    left: 0.1rem;
  }

  .t-us1-b6>b:nth-child(3) {
    width: 2.2rem;
    height: 1px;
    bottom: 0.2rem;
    right: 0;
  }

  .t-us1-b6>b:nth-child(4) {
    width: 1px;
    height: 1.6rem;
    bottom: 0;
    right: 0.1rem;
  }

  .t-us1-b6>div {
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #505050;
    width: 100%;
    height: calc(0.38rem*17);
    position: relative;
  }

  .t-us1-b6>div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 17;
    -webkit-box-orient: vertical;
  }

  .t-us1-c1 {
    width: 100%;
    height: 7rem;
    position: relative;
    background: url(../images/c13.jpg) no-repeat transparent;
    background-position: center center;
    background-size: auto 100%;
    overflow: hidden;
  }

  .t-us1-c2 {
    width: calc(100% - 0.2rem*2);
    height: 3.76rem;
    position: relative;
    margin: 0 auto;
  }

  .us1 {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
  }

  .us1 .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    position: relative;
  }

  .us2 {
    width: 0.47rem;
    height: 0.8rem;
    position: absolute;
    top: calc(50% - 0.8rem/2);
    left: 0;
    right: auto;
    padding: 0;
    margin: 0;
    background: none;
    cursor: pointer;
  }

  .us3 {
    width: 0.47rem;
    height: 0.8rem;
    position: absolute;
    top: calc(50% - 0.8rem/2);
    right: 0;
    left: auto;
    padding: 0;
    margin: 0;
    background: none;
    cursor: pointer;
  }

  .us2 img,
  .us3 img {
    height: 100%;
  }

  .t-us1-c3 {
    width: 100%;
    height: 3.76rem;
    margin-bottom: 0.24rem;
    position: relative;
    background: #f8f8f8;
    overflow: hidden;
  }

  .t-us1-c3:last-child {
    margin-bottom: 0;
  }

  .t-us1-c4 {
    width: 2.58rem;
    height: 100%;
    position: relative;
  }

  .t-us1-c4 img {
    min-height: 100%;
  }

  .t-us1-c5 {
    width: calc(100% - 2.58rem - 0.36rem - 0.36rem);
    font-size: 0.36rem;
    line-height: 0.4rem;
    color: #333333;
    font-weight: bold;
    position: absolute;
    top: 0.52rem;
    right: 0.36rem;
  }

  .t-us1-c6 {
    width: calc(100% - 2.58rem - 0.36rem - 0.36rem);
    font-size: 0.3rem;
    line-height: 0.34rem;
    color: #333333;
    position: absolute;
    top: 1.1rem;
    right: 0.36rem;
  }

  .t-us1-c7 {
    width: calc(100% - 2.58rem - 0.36rem - 0.36rem);
    height: 1px;
    background: #d9d9d9;
    position: absolute;
    top: 1.8rem;
    right: 0.36rem;
  }

  .t-us1-c7 div {
    width: 0.36rem;
    height: 3px;
    background: #e50013;
    position: absolute;
    top: -1px;
    left: 0;
  }

  .t-us1-c8 {
    width: calc(100% - 2.58rem - 0.36rem - 0.36rem);
    height: calc(0.4rem*3);
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #666666;
    position: absolute;
    top: 2.12rem;
    right: 0.36rem;
  }

  .t-us1-c8 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }

  .t-us1-c1 .t-b1-a1 {
    position: absolute;
    bottom: 0.4rem;
    left: calc(50% - 2.8rem/2);
    border: 1px solid #fff;
    color: #fff;
  }

  .t-us1-d1 {
    width: 100%;
    padding-bottom: 2rem;
    position: relative;
    background: url(../images/c14.jpg) no-repeat transparent;
    background-position: center center;
    background-size: 100% 100%;
    overflow: hidden;
  }

  .t-us1-d2 {
    width: 960px;
    position: relative;
    margin: 0 auto;
  }

  .t-us1-d2 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
  }

  .t-us1-d2 img:nth-child(2) {
    display: block;
  }

  .t-us1-d2 img:nth-child(1) {
    display: none;
  }

  .t-us1-d1 .t-b1-a1 {
    position: absolute;
    bottom: 0.65rem;
    left: calc(50% - 2.8rem/2);
  }

  .t-us1-e0 {
    width: 100%;
    position: relative;
    padding-bottom: 120px;
  }

  .t-us1-e1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
  }

  .t-us1-e2 {
    width: 100%;
    height: 6.58rem;
    position: relative;
    margin-bottom: 0.3rem;
    background: #fff;
    box-shadow: 0 0.04rem 0.35rem rgba(236, 236, 236, 0.45);
  }

  .t-us1-e2:last-child {
    margin-bottom: 0;
  }

  .t-us1-e3 {
    width: 100%;
    height: 3.7rem;
    position: relative;
  }

  .t-us1-e3 img {
    min-height: 100%;
  }

  .t-us1-e2 b {
    display: none;
  }

  .t-us1-e4 {
    width: calc(100% - 0.3rem*2);
    height: 0.3rem;
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #333333;
    text-align: center;
    position: absolute;
    top: 4.12rem;
    left: 0.3rem;
  }

  .t-us1-e5 {
    width: 1rem;
    height: 1px;
    background: #dcdcdc;
    position: absolute;
    top: 4.66rem;
    left: calc(50% - 1rem/2);
  }

  .t-us1-e6 {
    width: calc(100% - 0.3rem*2);
    height: calc(0.38rem*3);
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #666666;
    text-align: center;
    position: absolute;
    top: 4.9rem;
    left: 0.3rem;
  }

  .t-us1-e6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .t-us1-e7 {
    font-size: 0.24rem;
    line-height: 0.18rem;
    color: #999999;
    text-align: center;
    position: absolute;
    top: 6.12rem;
    right: 0.4rem;
  }

  .t-us1-e0 .t-b1-a1 {
    position: absolute;
    bottom: 0.65rem;
    left: calc(50% - 2.8rem/2);
  }

  .t-us1-f1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
    padding-top: 1rem;
    margin-bottom: 0.6rem;
  }

  .t-us1-f1 .t-t2-a1 {
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-us1-f1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.4rem;
    height: 0.62rem;
    line-height: 0.6rem;
  }

  .t-us1-f2 {
    width: 100%;
    position: relative;
  }

  .t-us1-f3 {
    width: calc(50% - 0.2rem/2);
    height: 2.4rem;
    border: 1px solid #dedede;
    box-sizing: border-box;
    margin-bottom: 0.2rem;
  }

  .t-us1-f3:nth-child(odd) {
    float: left;
  }

  .t-us1-f3:nth-child(even) {
    float: right;
  }

  .t-us1-f3 img {
    min-height: 100%;
  }

  .t-us1-g0 {
    width: 100%;
    padding: 2rem 0 1rem 0;
    position: relative;
    background: url(../images/c16.jpg) no-repeat transparent;
    background-position: center center;
    background-size: 1340px 100%;
    overflow: hidden;
    margin-bottom: 0.6rem;
  }

  .t-us1-g0 .t-t2-a1 {
    position: absolute;
    top: 1rem;
    left: 0.2rem;
  }

  .t-us1-g0 .t-b1-a1 {
    position: absolute;
    top: 1rem;
    right: 0.2rem;
    border: 1px solid #fff;
    color: #fff;
    width: 1.4rem;
    line-height: 0.6rem;
    height: 0.62rem;
  }

  .t-us1-g0 .t-t2-a1>div:nth-child(1) {
    color: #fff;
  }

  .t-us1-g0 .t-t2-a1>div:nth-child(2) {
    background: #fff;
  }

  .t-us1-g1 {
    width: calc(100% - 0.2rem*2 - 0.6rem*2);
    position: relative;
    margin: 0 auto;
    margin-bottom: 0.42rem;
  }

  .t-us1-g2 {
    width: 100%;
    height: 0.14rem;
    background: #f5f5f5;
    border: 0;
    border-radius: 0.07rem;
    position: relative;
    overflow: hidden;
    margin-bottom: 0.26rem;
  }

  .t-us1-g3 {
    width: 1.4rem;
    height: 100%;
    background: #e50013;
    border: 0;
    border-radius: 0.07rem;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-us1-g4 {
    width: 100%;
    height: 0.28rem;
    position: relative;
    overflow: hidden;
  }

  .t-us1-g5 {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .t-us1-g5>div {
    font-size: 0.24rem;
    line-height: 0.28rem;
    color: #fff;
    text-align: center;
    width: 1.44rem;
    height: 100%;
    float: left;
    cursor: pointer;
  }

  .t-us1-g6 {
    width: 0.5rem;
    position: absolute;
    top: calc(0.14rem/2 - 0.5rem/2);
    left: -0.6rem;
    cursor: pointer;
  }

  .t-us1-g7 {
    width: 0.5rem;
    position: absolute;
    top: calc(0.14rem/2 - 0.5rem/2);
    right: -0.6rem;
    cursor: pointer;
  }

  .t-us1-h1 {
    width: calc(100% - 0.2rem*2);
    height: 6.2rem;
    position: relative;
    margin: 0 auto;
  }

  .t-us1-h2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }

  .t-us1-h2 .swiper-container {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
  }

  .t-us1-h2 .swiper-container .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    position: relative;
  }

  .t-us1-h3 {
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff;
  }

  .t-us1-h4 {
    width: 100%;
    height: 3.6rem;
    position: relative;
  }

  .t-us1-h4 img {
    min-height: 100%;
  }

  .t-us1-h5 {
    font-size: 0.36rem;
    line-height: 0.28rem;
    color: #e50013;
    font-weight: bold;
    position: absolute;
    top: 4rem;
    left: 0.2rem;
  }

  .t-us1-h6 {
    width: 0.44rem;
    height: 0.06rem;
    background: #c5c5c5;
    position: absolute;
    top: 4.12rem;
    left: 2.4rem;
  }

  .t-us1-h7 {
    width: calc(100% - 0.2rem*2);
    height: calc(0.4rem*3);
    position: absolute;
    top: 4.6rem;
    left: 0.2rem;
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #666666;
  }

  .t-us1-h7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .t-us1-h2.t-us1-hon1 {
    z-index: 2;
  }

  .t-us1-h2 .swiper-pagination {
    width: 100%;
    position: absolute;
    top: calc(100% + 0.2rem);
    left: 0;
    display: none;
  }

  .t-us1-hon1 .swiper-pagination {
    display: block;
  }

  .t-us1-h2 .swiper-pagination .swiper-pagination-bullet {
    width: 0.46rem;
    height: 0.1rem;
    border-radius: 0.05rem;
    background: #a9c1db;
    opacity: 1;
    margin: 0 0.08rem;
    transition: 0.8s;
    cursor: pointer;
  }

  .t-us1-h2 .swiper-pagination .swiper-pagination-bullet-active {
    width: 0.7rem;
    background: #fff;
    transition: 0.8s;
  }
}

@media only screen and (min-width: 1340px) {
  .t-mes1-a0 {
    width: 100%;
    height: 90px;
    position: relative;
  }

  .t-mes1-a1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 80px;
  }

  .t-mes1-b1 {
    width: 638px;
    position: relative;
    float: left;
    padding-top: 104px;
  }

  .t-mes1-b1 .t-t2-a1 {
    position: absolute;
    top: 4px;
    left: 0;
  }

  .t-mes1-b1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
  }

  .t-mes1-b2 {
    width: 100%;
  }

  .t-mes1-b3 {
    width: 100%;
    height: 184px;
    margin-bottom: 30px;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    position: relative;
    background: url(../images/a36.png) no-repeat #fbfbfb;
    background-size: 96.86% auto;
    background-position: bottom right;
    transition: 0.8s;
    overflow: hidden;
  }

  .t-mes1-b3:last-child {
    margin-bottom: 0;
  }

  .t-mes1-b3:hover {
    border: 1px solid #1b53a6;
    background: url(../images/a36.png) no-repeat #1b53a6;
    background-size: 96.86% auto;
    background-position: bottom right;
    transition: 0.8s;
  }

  .t-mes1-b3 b {
    display: block;
    width: 24px;
    height: 8px;
    background: #1b53a6;
    position: absolute;
    top: 44px;
    left: -1px;
    transition: 0.8s;
  }

  .t-mes1-b3:hover b {
    background: #fff;
    transition: 0.8s;
  }

  .t-mes1-b4 {
    width: calc(100% - 30px*2);
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    transition: 0.8s;
    position: absolute;
    top: 36px;
    left: 30px;
  }

  .t-mes1-b3:hover .t-mes1-b4 {
    color: #fff;
    transition: 0.8s;
  }

  .t-mes1-b5 {
    width: calc(100% - 30px*2);
    font-size: 16px;
    line-height: 20px;
    color: #666666;
    transition: 0.8s;
    position: absolute;
    top: 82px;
    left: 30px;
  }

  .t-mes1-b3:hover .t-mes1-b5 {
    color: #fff;
    transition: 0.8s;
  }

  .t-mes1-b5>span:first-child {
    margin-right: 20px;
  }

  .t-mes1-b6 {
    width: 120px;
    height: 36px;
    border: 1px solid #e50013;
    border-radius: 2px;
    box-sizing: border-box;
    position: absolute;
    top: 121px;
    left: 30px;
    transition: 0.8s;
  }

  .t-mes1-b3:hover .t-mes1-b6 {
    border: 1px solid #fff;
    transition: 0.8s;
  }

  .t-mes1-b6>div:nth-child(1) {
    width: 24px;
    position: absolute;
    top: calc(50% - 16px/2);
    left: 17px;
  }

  .t-mes1-b6>div:nth-child(1) img:nth-child(1) {
    position: relative;
    opacity: 1;
    transition: 0.8s;
  }

  .t-mes1-b6>div:nth-child(1) img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.8s;
  }

  .t-mes1-b3:hover .t-mes1-b6>div:nth-child(1) img:nth-child(1) {
    opacity: 0;
    transition: 0.8s;
  }

  .t-mes1-b3:hover .t-mes1-b6>div:nth-child(1) img:nth-child(2) {
    opacity: 1;
    transition: 0.8s;
  }

  .t-mes1-b6>div:nth-child(2) {
    font-size: 14px;
    line-height: 16px;
    color: #e50013;
    position: absolute;
    top: calc(50% - 16px/2);
    left: 45px;
    transition: 0.8s;
  }

  .t-mes1-b3:hover .t-mes1-b6>div:nth-child(2) {
    color: #fff;
    transition: 0.8s;
  }

  .t-mes1-c1 {
    width: 638px;
    position: relative;
    float: right;
    padding-top: 104px;
  }

  .t-mes1-c1 .t-t2-a1 {
    position: absolute;
    top: 4px;
    left: 0;
  }

  .t-mes1-c1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
  }

  .t-mes1-c2 {
    width: 100%;
  }

  .t-mes1-c3 {
    width: 100%;
    height: 184px;
    margin-bottom: 30px;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    position: relative;
    background: url(../images/a36.png) no-repeat #fbfbfb;
    background-size: 96.86% auto;
    background-position: bottom right;
    transition: 0.8s;
    overflow: hidden;
  }

  .t-mes1-c3:last-child {
    margin-bottom: 0;
  }

  .t-mes1-c3:hover {
    border: 1px solid #1b53a6;
    background: url(../images/a36.png) no-repeat #1b53a6;
    background-size: 96.86% auto;
    background-position: bottom right;
    transition: 0.8s;
  }

  .t-mes1-c3 b {
    display: block;
    width: 24px;
    height: 8px;
    background: #1b53a6;
    position: absolute;
    top: 44px;
    left: -1px;
    transition: 0.8s;
  }

  .t-mes1-c3:hover b {
    background: #fff;
    transition: 0.8s;
  }

  .t-mes1-c4 {
    width: calc(100% - 30px*2);
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    transition: 0.8s;
    position: absolute;
    top: 36px;
    left: 30px;
  }

  .t-mes1-c3:hover .t-mes1-c4 {
    color: #fff;
    transition: 0.8s;
  }

  .t-mes1-c5 {
    width: calc(100% - 30px*2);
    font-size: 16px;
    line-height: 20px;
    color: #666666;
    transition: 0.8s;
    position: absolute;
    top: 82px;
    left: 30px;
  }

  .t-mes1-c3:hover .t-mes1-c5 {
    color: #fff;
    transition: 0.8s;
  }

  .t-mes1-c5>span:first-child {
    margin-right: 20px;
  }

  .t-mes1-c6 {
    width: 120px;
    height: 36px;
    border: 1px solid #e50013;
    border-radius: 2px;
    box-sizing: border-box;
    position: absolute;
    top: 121px;
    left: 30px;
    transition: 0.8s;
  }

  .t-mes1-c3:hover .t-mes1-c6 {
    border: 1px solid #fff;
    transition: 0.8s;
  }

  .t-mes1-c6>div:nth-child(1) {
    width: 24px;
    position: absolute;
    top: calc(50% - 16px/2);
    left: 17px;
  }

  .t-mes1-c6>div:nth-child(1) img:nth-child(1) {
    position: relative;
    opacity: 1;
    transition: 0.8s;
  }

  .t-mes1-c6>div:nth-child(1) img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.8s;
  }

  .t-mes1-c3:hover .t-mes1-c6>div:nth-child(1) img:nth-child(1) {
    opacity: 0;
    transition: 0.8s;
  }

  .t-mes1-c3:hover .t-mes1-c6>div:nth-child(1) img:nth-child(2) {
    opacity: 1;
    transition: 0.8s;
  }

  .t-mes1-c6>div:nth-child(2) {
    font-size: 14px;
    line-height: 16px;
    color: #e50013;
    position: absolute;
    top: calc(50% - 16px/2);
    left: 45px;
    transition: 0.8s;
  }

  .t-mes1-c3:hover .t-mes1-c6>div:nth-child(2) {
    color: #fff;
    transition: 0.8s;
  }

  .t-mes1-d1 {
    width: 100%;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
    background: url(../images/c10.jpg) no-repeat transparent;
    background-position: center center;
    background-size: 1920px 100%;
  }

  .t-mes1-d2 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
  }

  .t-mes1-e1 {
    width: 638px;
    position: relative;
    float: left;
    padding-top: 96px;
  }

  .t-mes1-e1 .t-t2-a1 {
    position: absolute;
    top: 4px;
    left: 0;
  }

  .t-mes1-e1 .t-t2-a1>div:nth-child(1) {
    color: #fff;
  }

  .t-mes1-e1 .t-t2-a1>div:nth-child(2) {
    background: #fff;
  }

  .t-mes1-e1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #fff;
    color: #fff;
  }

  .t-mes1-e2 {
    width: 100%;
  }

  .t-mes1-e3 {
    width: 100%;
    height: 184px;
    margin-bottom: 30px;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    position: relative;
    background: url(../images/a36.png) no-repeat #fbfbfb;
    background-size: 96.86% auto;
    background-position: bottom right;
    transition: 0.8s;
    overflow: hidden;
  }

  .t-mes1-e3:last-child {
    margin-bottom: 0;
  }

  .t-mes1-e3:hover {
    border: 1px solid #1b53a6;
    background: url(../images/a36.png) no-repeat #1b53a6;
    background-size: 96.86% auto;
    background-position: bottom right;
    transition: 0.8s;
  }

  .t-mes1-e3 b {
    display: block;
    width: 24px;
    height: 8px;
    background: #1b53a6;
    position: absolute;
    top: 44px;
    left: -1px;
    transition: 0.8s;
  }

  .t-mes1-e3:hover b {
    background: #fff;
    transition: 0.8s;
  }

  .t-mes1-e4 {
    width: calc(100% - 30px*2);
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    transition: 0.8s;
    position: absolute;
    top: 36px;
    left: 30px;
  }

  .t-mes1-e3:hover .t-mes1-e4 {
    color: #fff;
    transition: 0.8s;
  }

  .t-mes1-e5 {
    width: calc(100% - 30px*2);
    font-size: 16px;
    line-height: 20px;
    color: #666666;
    transition: 0.8s;
    position: absolute;
    top: 82px;
    left: 30px;
  }

  .t-mes1-e3:hover .t-mes1-e5 {
    color: #fff;
    transition: 0.8s;
  }

  .t-mes1-e5>span:first-child {
    margin-right: 20px;
  }

  .t-mes1-e6 {
    width: 120px;
    height: 36px;
    border: 1px solid #e50013;
    border-radius: 2px;
    box-sizing: border-box;
    position: absolute;
    top: 121px;
    left: 30px;
    transition: 0.8s;
  }

  .t-mes1-e3:hover .t-mes1-e6 {
    border: 1px solid #fff;
    transition: 0.8s;
  }

  .t-mes1-e6>div:nth-child(1) {
    width: 24px;
    position: absolute;
    top: calc(50% - 16px/2);
    left: 17px;
  }

  .t-mes1-e6>div:nth-child(1) img:nth-child(1) {
    position: relative;
    opacity: 1;
    transition: 0.8s;
  }

  .t-mes1-e6>div:nth-child(1) img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.8s;
  }

  .t-mes1-e3:hover .t-mes1-e6>div:nth-child(1) img:nth-child(1) {
    opacity: 0;
    transition: 0.8s;
  }

  .t-mes1-e3:hover .t-mes1-e6>div:nth-child(1) img:nth-child(2) {
    opacity: 1;
    transition: 0.8s;
  }

  .t-mes1-e6>div:nth-child(2) {
    font-size: 14px;
    line-height: 16px;
    color: #e50013;
    position: absolute;
    top: calc(50% - 16px/2);
    left: 45px;
    transition: 0.8s;
  }

  .t-mes1-e3:hover .t-mes1-e6>div:nth-child(2) {
    color: #fff;
    transition: 0.8s;
  }

  .t-mes1-f1 {
    width: 638px;
    position: relative;
    float: right;
    padding-top: 96px;
  }

  .t-mes1-f1 .t-t2-a1 {
    position: absolute;
    top: 4px;
    left: 0;
  }

  .t-mes1-f1 .t-t2-a1>div:nth-child(1) {
    color: #fff;
  }

  .t-mes1-f1 .t-t2-a1>div:nth-child(2) {
    background: #fff;
  }

  .t-mes1-f1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #fff;
    color: #fff;
  }

  .t-mes1-f2 {
    width: 100%;
  }

  .t-mes1-f3 {
    width: 100%;
    height: 184px;
    margin-bottom: 30px;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    position: relative;
    background: url(../images/a36.png) no-repeat #fbfbfb;
    background-size: 96.86% auto;
    background-position: bottom right;
    transition: 0.8s;
    overflow: hidden;
  }

  .t-mes1-f3:last-child {
    margin-bottom: 0;
  }

  .t-mes1-f3:hover {
    border: 1px solid #1b53a6;
    background: url(../images/a36.png) no-repeat #1b53a6;
    background-size: 96.86% auto;
    background-position: bottom right;
    transition: 0.8s;
  }

  .t-mes1-f3 b {
    display: block;
    width: 24px;
    height: 8px;
    background: #1b53a6;
    position: absolute;
    top: 44px;
    left: -1px;
    transition: 0.8s;
  }

  .t-mes1-f3:hover b {
    background: #fff;
    transition: 0.8s;
  }

  .t-mes1-f4 {
    width: calc(100% - 30px*2);
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    transition: 0.8s;
    position: absolute;
    top: 36px;
    left: 30px;
  }

  .t-mes1-f3:hover .t-mes1-f4 {
    color: #fff;
    transition: 0.8s;
  }

  .t-mes1-f5 {
    width: calc(100% - 30px*2);
    font-size: 16px;
    line-height: 20px;
    color: #666666;
    transition: 0.8s;
    position: absolute;
    top: 82px;
    left: 30px;
  }

  .t-mes1-f3:hover .t-mes1-f5 {
    color: #fff;
    transition: 0.8s;
  }

  .t-mes1-f5>span:first-child {
    margin-right: 20px;
  }

  .t-mes1-f6 {
    width: 120px;
    height: 36px;
    border: 1px solid #e50013;
    border-radius: 2px;
    box-sizing: border-box;
    position: absolute;
    top: 121px;
    left: 30px;
    transition: 0.8s;
  }

  .t-mes1-f3:hover .t-mes1-f6 {
    border: 1px solid #fff;
    transition: 0.8s;
  }

  .t-mes1-f6>div:nth-child(1) {
    width: 24px;
    position: absolute;
    top: calc(50% - 16px/2);
    left: 17px;
  }

  .t-mes1-f6>div:nth-child(1) img:nth-child(1) {
    position: relative;
    opacity: 1;
    transition: 0.8s;
  }

  .t-mes1-f6>div:nth-child(1) img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.8s;
  }

  .t-mes1-f3:hover .t-mes1-f6>div:nth-child(1) img:nth-child(1) {
    opacity: 0;
    transition: 0.8s;
  }

  .t-mes1-f3:hover .t-mes1-f6>div:nth-child(1) img:nth-child(2) {
    opacity: 1;
    transition: 0.8s;
  }

  .t-mes1-f6>div:nth-child(2) {
    font-size: 14px;
    line-height: 16px;
    color: #e50013;
    position: absolute;
    top: calc(50% - 16px/2);
    left: 45px;
    transition: 0.8s;
  }

  .t-mes1-f3:hover .t-mes1-f6>div:nth-child(2) {
    color: #fff;
    transition: 0.8s;
  }

  .t-mes1-g1 {
    width: 100%;
    position: relative;
    margin-bottom: 104px;
    overflow: hidden;
  }

  .t-mes1-g2 {
    width: 960px;
    height: 560px;
    position: relative;
    float: right;
    margin-right: calc(50% - 960px);
  }

  .t-mes1-g2 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-mes1-g2:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-mes1-g3 {
    width: 960px;
    height: 560px;
    float: left;
    margin-left: calc(50% - 960px);
    background: url(../images/c11.jpg) no-repeat transparent;
    background-position: center center;
    background-size: 960px 100%;
  }

  .t-mes1-g4 {
    width: 638px;
    margin-left: calc(960px - 650px);
    padding-top: 55px;
  }

  .t-mes1-g5 {
    width: 100%;
    margin-bottom: 28px;
  }

  .t-mes1-g6 {
    width: 100%;
    height: 60px;
  }

  .t-mes1-g6>div:nth-child(1) {
    width: 24px;
    height: 8px;
    background: #e50013;
    position: relative;
    top: 26px;
    margin-right: 24px;
    float: left;
  }

  .t-mes1-g6>div:nth-child(2) {
    width: calc(100% - 48px);
    height: 60px;
    font-size: 20px;
    line-height: 60px;
    color: #333333;
    float: left;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-mes1-a0 {
    width: 100%;
    height: 40px;
    position: relative;
  }

  .t-mes1-a1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 60px;
  }

  .t-mes1-b1 {
    width: 470px;
    position: relative;
    float: left;
    padding-top: 70px;
  }

  .t-mes1-b1 .t-t2-a1 {
    position: absolute;
    top: 4px;
    left: 0;
  }

  .t-mes1-b1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
  }

  .t-mes1-b2 {
    width: 100%;
  }

  .t-mes1-b3 {
    width: 100%;
    height: 160px;
    margin-bottom: 20px;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    position: relative;
    background: url(../images/a36.png) no-repeat #fbfbfb;
    background-size: 96.86% auto;
    background-position: bottom right;
    transition: 0.8s;
    overflow: hidden;
  }

  .t-mes1-b3:hover {
    border: 1px solid #1b53a6;
    background: url(../images/a36.png) no-repeat #1b53a6;
    background-size: 96.86% auto;
    background-position: bottom right;
    transition: 0.8s;
  }

  .t-mes1-b3 b {
    display: block;
    width: 20px;
    height: 6px;
    background: #1b53a6;
    position: absolute;
    top: 30px;
    left: -1px;
    transition: 0.8s;
  }

  .t-mes1-b3:hover b {
    background: #fff;
    transition: 0.8s;
  }

  .t-mes1-b4 {
    width: calc(100% - 24px*2);
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    transition: 0.8s;
    position: absolute;
    top: 24px;
    left: 24px;
  }

  .t-mes1-b3:hover .t-mes1-b4 {
    color: #fff;
    transition: 0.8s;
  }

  .t-mes1-b5 {
    width: calc(100% - 24px*2);
    font-size: 12px;
    line-height: 16px;
    color: #666666;
    transition: 0.8s;
    position: absolute;
    top: 60px;
    left: 24px;
  }

  .t-mes1-b3:hover .t-mes1-b5 {
    color: #fff;
    transition: 0.8s;
  }

  .t-mes1-b5>span:first-child {
    margin-right: 20px;
  }

  .t-mes1-b6 {
    width: 100px;
    height: 30px;
    border: 1px solid #e50013;
    border-radius: 2px;
    box-sizing: border-box;
    position: absolute;
    top: 96px;
    left: 24px;
    transition: 0.8s;
  }

  .t-mes1-b3:hover .t-mes1-b6 {
    border: 1px solid #fff;
    transition: 0.8s;
  }

  .t-mes1-b6>div:nth-child(1) {
    width: 20px;
    position: absolute;
    top: calc(50% - 13px/2);
    left: 12px;
  }

  .t-mes1-b6>div:nth-child(1) img:nth-child(1) {
    position: relative;
    opacity: 1;
    transition: 0.8s;
  }

  .t-mes1-b6>div:nth-child(1) img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.8s;
  }

  .t-mes1-b3:hover .t-mes1-b6>div:nth-child(1) img:nth-child(1) {
    opacity: 0;
    transition: 0.8s;
  }

  .t-mes1-b3:hover .t-mes1-b6>div:nth-child(1) img:nth-child(2) {
    opacity: 1;
    transition: 0.8s;
  }

  .t-mes1-b6>div:nth-child(2) {
    font-size: 12px;
    line-height: 14px;
    color: #e50013;
    position: absolute;
    top: calc(50% - 14px/2);
    left: 38px;
    transition: 0.8s;
  }

  .t-mes1-b3:hover .t-mes1-b6>div:nth-child(2) {
    color: #fff;
    transition: 0.8s;
  }

  .t-mes1-c1 {
    width: 470px;
    position: relative;
    float: right;
    padding-top: 70px;
  }

  .t-mes1-c1 .t-t2-a1 {
    position: absolute;
    top: 4px;
    left: 0;
  }

  .t-mes1-c1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
  }

  .t-mes1-c2 {
    width: 100%;
  }

  .t-mes1-c3 {
    width: 100%;
    height: 160px;
    margin-bottom: 20px;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    position: relative;
    background: url(../images/a36.png) no-repeat #fbfbfb;
    background-size: 96.86% auto;
    background-position: bottom right;
    transition: 0.8s;
    overflow: hidden;
  }

  .t-mes1-c3:hover {
    border: 1px solid #1b53a6;
    background: url(../images/a36.png) no-repeat #1b53a6;
    background-size: 96.86% auto;
    background-position: bottom right;
    transition: 0.8s;
  }

  .t-mes1-c3 b {
    display: block;
    width: 20px;
    height: 6px;
    background: #1b53a6;
    position: absolute;
    top: 30px;
    left: -1px;
    transition: 0.8s;
  }

  .t-mes1-c3:hover b {
    background: #fff;
    transition: 0.8s;
  }

  .t-mes1-c4 {
    width: calc(100% - 24px*2);
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    transition: 0.8s;
    position: absolute;
    top: 24px;
    left: 24px;
  }

  .t-mes1-c3:hover .t-mes1-c4 {
    color: #fff;
    transition: 0.8s;
  }

  .t-mes1-c5 {
    width: calc(100% - 24px*2);
    font-size: 12px;
    line-height: 16px;
    color: #666666;
    transition: 0.8s;
    position: absolute;
    top: 60px;
    left: 24px;
  }

  .t-mes1-c3:hover .t-mes1-c5 {
    color: #fff;
    transition: 0.8s;
  }

  .t-mes1-c5>span:first-child {
    margin-right: 20px;
  }

  .t-mes1-c6 {
    width: 100px;
    height: 30px;
    border: 1px solid #e50013;
    border-radius: 2px;
    box-sizing: border-box;
    position: absolute;
    top: 96px;
    left: 24px;
    transition: 0.8s;
  }

  .t-mes1-c3:hover .t-mes1-c6 {
    border: 1px solid #fff;
    transition: 0.8s;
  }

  .t-mes1-c6>div:nth-child(1) {
    width: 20px;
    position: absolute;
    top: calc(50% - 13px/2);
    left: 12px;
  }

  .t-mes1-c6>div:nth-child(1) img:nth-child(1) {
    position: relative;
    opacity: 1;
    transition: 0.8s;
  }

  .t-mes1-c6>div:nth-child(1) img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.8s;
  }

  .t-mes1-c3:hover .t-mes1-c6>div:nth-child(1) img:nth-child(1) {
    opacity: 0;
    transition: 0.8s;
  }

  .t-mes1-c3:hover .t-mes1-c6>div:nth-child(1) img:nth-child(2) {
    opacity: 1;
    transition: 0.8s;
  }

  .t-mes1-c6>div:nth-child(2) {
    font-size: 12px;
    line-height: 14px;
    color: #e50013;
    position: absolute;
    top: calc(50% - 14px/2);
    left: 38px;
    transition: 0.8s;
  }

  .t-mes1-c3:hover .t-mes1-c6>div:nth-child(2) {
    color: #fff;
    transition: 0.8s;
  }

  .t-mes1-d1 {
    width: 100%;
    padding: 40px 0;
    position: relative;
    overflow: hidden;
    background: url(../images/c10.jpg) no-repeat transparent;
    background-position: center center;
    background-size: 1340px 100%;
  }

  .t-mes1-d2 {
    width: 960px;
    position: relative;
    margin: 0 auto;
  }

  .t-mes1-e1 {
    width: 470px;
    position: relative;
    float: left;
    padding-top: 70px;
  }

  .t-mes1-e1 .t-t2-a1 {
    position: absolute;
    top: 4px;
    left: 0;
  }

  .t-mes1-e1 .t-t2-a1>div:nth-child(1) {
    color: #fff;
  }

  .t-mes1-e1 .t-t2-a1>div:nth-child(2) {
    background: #fff;
  }

  .t-mes1-e1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #fff;
    color: #fff;
  }

  .t-mes1-e2 {
    width: 100%;
  }

  .t-mes1-e3 {
    width: 100%;
    height: 160px;
    margin-bottom: 20px;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    position: relative;
    background: url(../images/a36.png) no-repeat #fbfbfb;
    background-size: 96.86% auto;
    background-position: bottom right;
    transition: 0.8s;
    overflow: hidden;
  }

  .t-mes1-e3:hover {
    border: 1px solid #1b53a6;
    background: url(../images/a36.png) no-repeat #1b53a6;
    background-size: 96.86% auto;
    background-position: bottom right;
    transition: 0.8s;
  }

  .t-mes1-e3 b {
    display: block;
    width: 20px;
    height: 6px;
    background: #1b53a6;
    position: absolute;
    top: 30px;
    left: -1px;
    transition: 0.8s;
  }

  .t-mes1-e3:hover b {
    background: #fff;
    transition: 0.8s;
  }

  .t-mes1-e4 {
    width: calc(100% - 24px*2);
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    transition: 0.8s;
    position: absolute;
    top: 24px;
    left: 24px;
  }

  .t-mes1-e3:hover .t-mes1-e4 {
    color: #fff;
    transition: 0.8s;
  }

  .t-mes1-e5 {
    width: calc(100% - 24px*2);
    font-size: 12px;
    line-height: 16px;
    color: #666666;
    transition: 0.8s;
    position: absolute;
    top: 60px;
    left: 24px;
  }

  .t-mes1-e3:hover .t-mes1-e5 {
    color: #fff;
    transition: 0.8s;
  }

  .t-mes1-e5>span:first-child {
    margin-right: 20px;
  }

  .t-mes1-e6 {
    width: 100px;
    height: 30px;
    border: 1px solid #e50013;
    border-radius: 2px;
    box-sizing: border-box;
    position: absolute;
    top: 96px;
    left: 24px;
    transition: 0.8s;
  }

  .t-mes1-e3:hover .t-mes1-e6 {
    border: 1px solid #fff;
    transition: 0.8s;
  }

  .t-mes1-e6>div:nth-child(1) {
    width: 20px;
    position: absolute;
    top: calc(50% - 13px/2);
    left: 12px;
  }

  .t-mes1-e6>div:nth-child(1) img:nth-child(1) {
    position: relative;
    opacity: 1;
    transition: 0.8s;
  }

  .t-mes1-e6>div:nth-child(1) img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.8s;
  }

  .t-mes1-e3:hover .t-mes1-e6>div:nth-child(1) img:nth-child(1) {
    opacity: 0;
    transition: 0.8s;
  }

  .t-mes1-e3:hover .t-mes1-e6>div:nth-child(1) img:nth-child(2) {
    opacity: 1;
    transition: 0.8s;
  }

  .t-mes1-e6>div:nth-child(2) {
    font-size: 12px;
    line-height: 14px;
    color: #e50013;
    position: absolute;
    top: calc(50% - 14px/2);
    left: 38px;
    transition: 0.8s;
  }

  .t-mes1-e3:hover .t-mes1-e6>div:nth-child(2) {
    color: #fff;
    transition: 0.8s;
  }

  .t-mes1-f1 {
    width: 470px;
    position: relative;
    float: right;
    padding-top: 70px;
  }

  .t-mes1-f1 .t-t2-a1 {
    position: absolute;
    top: 4px;
    left: 0;
  }

  .t-mes1-f1 .t-t2-a1>div:nth-child(1) {
    color: #fff;
  }

  .t-mes1-f1 .t-t2-a1>div:nth-child(2) {
    background: #fff;
  }

  .t-mes1-f1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #fff;
    color: #fff;
  }

  .t-mes1-f2 {
    width: 100%;
  }

  .t-mes1-f3 {
    width: 100%;
    height: 160px;
    margin-bottom: 20px;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    position: relative;
    background: url(../images/a36.png) no-repeat #fbfbfb;
    background-size: 96.86% auto;
    background-position: bottom right;
    transition: 0.8s;
    overflow: hidden;
  }

  .t-mes1-f3:hover {
    border: 1px solid #1b53a6;
    background: url(../images/a36.png) no-repeat #1b53a6;
    background-size: 96.86% auto;
    background-position: bottom right;
    transition: 0.8s;
  }

  .t-mes1-f3 b {
    display: block;
    width: 20px;
    height: 6px;
    background: #1b53a6;
    position: absolute;
    top: 30px;
    left: -1px;
    transition: 0.8s;
  }

  .t-mes1-f3:hover b {
    background: #fff;
    transition: 0.8s;
  }

  .t-mes1-f4 {
    width: calc(100% - 24px*2);
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    transition: 0.8s;
    position: absolute;
    top: 24px;
    left: 24px;
  }

  .t-mes1-f3:hover .t-mes1-f4 {
    color: #fff;
    transition: 0.8s;
  }

  .t-mes1-f5 {
    width: calc(100% - 24px*2);
    font-size: 12px;
    line-height: 16px;
    color: #666666;
    transition: 0.8s;
    position: absolute;
    top: 60px;
    left: 24px;
  }

  .t-mes1-f3:hover .t-mes1-f5 {
    color: #fff;
    transition: 0.8s;
  }

  .t-mes1-f5>span:first-child {
    margin-right: 20px;
  }

  .t-mes1-f6 {
    width: 100px;
    height: 30px;
    border: 1px solid #e50013;
    border-radius: 2px;
    box-sizing: border-box;
    position: absolute;
    top: 96px;
    left: 24px;
    transition: 0.8s;
  }

  .t-mes1-f3:hover .t-mes1-f6 {
    border: 1px solid #fff;
    transition: 0.8s;
  }

  .t-mes1-f6>div:nth-child(1) {
    width: 20px;
    position: absolute;
    top: calc(50% - 13px/2);
    left: 12px;
  }

  .t-mes1-f6>div:nth-child(1) img:nth-child(1) {
    position: relative;
    opacity: 1;
    transition: 0.8s;
  }

  .t-mes1-f6>div:nth-child(1) img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.8s;
  }

  .t-mes1-f3:hover .t-mes1-f6>div:nth-child(1) img:nth-child(1) {
    opacity: 0;
    transition: 0.8s;
  }

  .t-mes1-f3:hover .t-mes1-f6>div:nth-child(1) img:nth-child(2) {
    opacity: 1;
    transition: 0.8s;
  }

  .t-mes1-f6>div:nth-child(2) {
    font-size: 12px;
    line-height: 14px;
    color: #e50013;
    position: absolute;
    top: calc(50% - 14px/2);
    left: 38px;
    transition: 0.8s;
  }

  .t-mes1-f3:hover .t-mes1-f6>div:nth-child(2) {
    color: #fff;
    transition: 0.8s;
  }

  .t-mes1-g1 {
    width: 100%;
    position: relative;
    margin-bottom: 70px;
    overflow: hidden;
  }

  .t-mes1-g2 {
    width: 670px;
    height: 390px;
    position: relative;
    float: right;
    margin-right: calc(50% - 670px);
  }

  .t-mes1-g2 img {
    min-height: 100%;
    transition: 0.8s;
  }

  .t-mes1-g2:hover img {
    transform: scale(1.1);
    transition: 0.8s;
  }

  .t-mes1-g3 {
    width: 670px;
    height: 390px;
    float: left;
    margin-left: calc(50% - 670px);
    background: url(../images/c11.jpg) no-repeat transparent;
    background-position: center center;
    background-size: 960px 100%;
  }

  .t-mes1-g4 {
    width: 470px;
    margin-left: calc(670px - 470px);
    padding-top: 30px;
  }

  .t-mes1-g5 {
    width: 100%;
    margin-bottom: 20px;
  }

  .t-mes1-g6 {
    width: 100%;
    height: 44px;
  }

  .t-mes1-g6>div:nth-child(1) {
    width: 20px;
    height: 6px;
    background: #e50013;
    position: relative;
    top: 19px;
    margin-right: 20px;
    float: left;
  }

  .t-mes1-g6>div:nth-child(2) {
    width: calc(100% - 40px);
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    color: #333333;
    float: left;
  }
}

@media only screen and (max-width: 1023px) {
  .t-mes1-a0 {
    width: 100%;
    height: 0.6rem;
    position: relative;
  }

  .t-mes1-a1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
    margin-bottom: 0.4rem;
  }

  .t-mes1-b1 {
    width: 100%;
    position: relative;
    padding-top: 1rem;
    margin-bottom: 0.6rem;
  }

  .t-mes1-b1 .t-t2-a1 {
    position: absolute;
    top: 0.04rem;
    left: 0;
  }

  .t-mes1-b1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.4rem;
    height: 0.62rem;
    line-height: 0.6rem;
  }

  .t-mes1-b2 {
    width: 100%;
  }

  .t-mes1-b3 {
    width: 100%;
    height: 2.4rem;
    margin-bottom: 0.24rem;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    position: relative;
    background: url(../images/a36.png) no-repeat #fbfbfb;
    background-size: 96.86% auto;
    background-position: bottom right;
    overflow: hidden;
  }

  .t-mes1-b3 b {
    display: block;
    width: 0.24rem;
    height: 0.08rem;
    background: #1b53a6;
    position: absolute;
    top: 0.5rem;
    left: -1px;
  }

  .t-mes1-b4 {
    width: calc(100% - 0.3rem*2);
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #333333;
    position: absolute;
    top: 0.4rem;
    left: 0.3rem;
  }

  .t-mes1-b5 {
    width: calc(100% - 0.3rem*2);
    font-size: 0.24rem;
    line-height: 0.28rem;
    color: #666666;
    position: absolute;
    top: 0.86rem;
    left: 0.3rem;
  }

  .t-mes1-b5>span:first-child {
    margin-right: 0.22rem;
  }

  .t-mes1-b6 {
    width: 2rem;
    height: 0.56rem;
    border: 1px solid #e50013;
    border-radius: 0.04rem;
    box-sizing: border-box;
    position: absolute;
    top: 1.44rem;
    left: calc(50% - 2rem/2);
  }

  .t-mes1-b6>div:nth-child(1) {
    width: 0.36rem;
    position: absolute;
    top: calc(50% - 0.25rem/2);
    left: 0.17rem;
  }

  .t-mes1-b6>div:nth-child(1) img:nth-child(1) {
    position: relative;
    opacity: 1;
  }

  .t-mes1-b6>div:nth-child(1) img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: none;
  }

  .t-mes1-b6>div:nth-child(2) {
    font-size: 0.24rem;
    line-height: 0.28rem;
    color: #e50013;
    position: absolute;
    top: calc(50% - 0.28rem/2);
    left: 0.64rem;
  }

  .t-mes1-c1 {
    width: 100%;
    position: relative;
    padding-top: 1rem;
  }

  .t-mes1-c1 .t-t2-a1 {
    position: absolute;
    top: 0.04rem;
    left: 0;
  }

  .t-mes1-c1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.4rem;
    height: 0.62rem;
    line-height: 0.6rem;
  }

  .t-mes1-c2 {
    width: 100%;
  }

  .t-mes1-c3 {
    width: 100%;
    height: 2.4rem;
    margin-bottom: 0.24rem;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    position: relative;
    background: url(../images/a36.png) no-repeat #fbfbfb;
    background-size: 96.86% auto;
    background-position: bottom right;
    overflow: hidden;
  }

  .t-mes1-c3 b {
    display: block;
    width: 0.24rem;
    height: 0.08rem;
    background: #1b53a6;
    position: absolute;
    top: 0.5rem;
    left: -1px;
  }

  .t-mes1-c4 {
    width: calc(100% - 0.3rem*2);
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #333333;
    position: absolute;
    top: 0.4rem;
    left: 0.3rem;
  }

  .t-mes1-c5 {
    width: calc(100% - 0.3rem*2);
    font-size: 0.24rem;
    line-height: 0.28rem;
    color: #666666;
    position: absolute;
    top: 0.86rem;
    left: 0.3rem;
  }

  .t-mes1-c5>span:first-child {
    margin-right: 0.22rem;
  }

  .t-mes1-c6 {
    width: 2rem;
    height: 0.56rem;
    border: 1px solid #e50013;
    border-radius: 0.04rem;
    box-sizing: border-box;
    position: absolute;
    top: 1.44rem;
    left: calc(50% - 2rem/2);
  }

  .t-mes1-c6>div:nth-child(1) {
    width: 0.36rem;
    position: absolute;
    top: calc(50% - 0.25rem/2);
    left: 0.17rem;
  }

  .t-mes1-c6>div:nth-child(1) img:nth-child(1) {
    position: relative;
    opacity: 1;
  }

  .t-mes1-c6>div:nth-child(1) img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: none;
  }

  .t-mes1-c6>div:nth-child(2) {
    font-size: 0.24rem;
    line-height: 0.28rem;
    color: #e50013;
    position: absolute;
    top: calc(50% - 0.28rem/2);
    left: 0.64rem;
  }

  .t-mes1-d1 {
    width: 100%;
    padding: 0.6rem 0;
    position: relative;
    overflow: hidden;
    background: url(../images/c10.jpg) no-repeat transparent;
    background-position: center center;
    background-size: auto 100%;
  }

  .t-mes1-d2 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
  }

  .t-mes1-e1 {
    width: 100%;
    position: relative;
    padding-top: 1rem;
    margin-bottom: 0.6rem;
  }

  .t-mes1-e1 .t-t2-a1 {
    position: absolute;
    top: 4px;
    left: 0;
  }

  .t-mes1-e1 .t-t2-a1>div:nth-child(1) {
    color: #fff;
  }

  .t-mes1-e1 .t-t2-a1>div:nth-child(2) {
    background: #fff;
  }

  .t-mes1-e1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #fff;
    color: #fff;
    width: 1.4rem;
    height: 0.62rem;
    line-height: 0.6rem;
  }

  .t-mes1-e2 {
    width: 100%;
  }

  .t-mes1-e3 {
    width: 100%;
    height: 2.4rem;
    margin-bottom: 0.24rem;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    position: relative;
    background: url(../images/a36.png) no-repeat #fbfbfb;
    background-size: 96.86% auto;
    background-position: bottom right;
    overflow: hidden;
  }

  .t-mes1-e3 b {
    display: block;
    width: 0.24rem;
    height: 0.08rem;
    background: #1b53a6;
    position: absolute;
    top: 0.5rem;
    left: -1px;
  }

  .t-mes1-e4 {
    width: calc(100% - 0.3rem*2);
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #333333;
    position: absolute;
    top: 0.4rem;
    left: 0.3rem;
  }

  .t-mes1-e5 {
    width: calc(100% - 0.3rem*2);
    font-size: 0.24rem;
    line-height: 0.28rem;
    color: #666666;
    position: absolute;
    top: 0.86rem;
    left: 0.3rem;
  }

  .t-mes1-e5>span:first-child {
    margin-right: 0.22rem;
  }

  .t-mes1-e6 {
    width: 2rem;
    height: 0.56rem;
    border: 1px solid #e50013;
    border-radius: 0.04rem;
    box-sizing: border-box;
    position: absolute;
    top: 1.44rem;
    left: calc(50% - 2rem/2);
  }

  .t-mes1-e6>div:nth-child(1) {
    width: 0.36rem;
    position: absolute;
    top: calc(50% - 0.25rem/2);
    left: 0.17rem;
  }

  .t-mes1-e6>div:nth-child(1) img:nth-child(1) {
    position: relative;
    opacity: 1;
  }

  .t-mes1-e6>div:nth-child(1) img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: none;
  }

  .t-mes1-e6>div:nth-child(2) {
    font-size: 0.24rem;
    line-height: 0.28rem;
    color: #e50013;
    position: absolute;
    top: calc(50% - 0.28rem/2);
    left: 0.64rem;
  }

  .t-mes1-f1 {
    width: 100%;
    position: relative;
    padding-top: 1rem;
  }

  .t-mes1-f1 .t-t2-a1 {
    position: absolute;
    top: 4px;
    left: 0;
  }

  .t-mes1-f1 .t-t2-a1>div:nth-child(1) {
    color: #fff;
  }

  .t-mes1-f1 .t-t2-a1>div:nth-child(2) {
    background: #fff;
  }

  .t-mes1-f1 .t-b1-a1 {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #fff;
    color: #fff;
    width: 1.4rem;
    height: 0.62rem;
    line-height: 0.6rem;
  }

  .t-mes1-f2 {
    width: 100%;
  }

  .t-mes1-f3 {
    width: 100%;
    height: 2.4rem;
    margin-bottom: 0.24rem;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    position: relative;
    background: url(../images/a36.png) no-repeat #fbfbfb;
    background-size: 96.86% auto;
    background-position: bottom right;
    overflow: hidden;
  }

  .t-mes1-f3 b {
    display: block;
    width: 0.24rem;
    height: 0.08rem;
    background: #1b53a6;
    position: absolute;
    top: 0.5rem;
    left: -1px;
  }

  .t-mes1-f4 {
    width: calc(100% - 0.3rem*2);
    font-size: 0.26rem;
    line-height: 0.3rem;
    color: #333333;
    position: absolute;
    top: 0.4rem;
    left: 0.3rem;
  }

  .t-mes1-f5 {
    width: calc(100% - 0.3rem*2);
    font-size: 0.24rem;
    line-height: 0.28rem;
    color: #666666;
    position: absolute;
    top: 0.86rem;
    left: 0.3rem;
  }

  .t-mes1-f5>span:first-child {
    margin-right: 0.22rem;
  }

  .t-mes1-f6 {
    width: 2rem;
    height: 0.56rem;
    border: 1px solid #e50013;
    border-radius: 0.04rem;
    box-sizing: border-box;
    position: absolute;
    top: 1.44rem;
    left: calc(50% - 2rem/2);
  }

  .t-mes1-f6>div:nth-child(1) {
    width: 0.36rem;
    position: absolute;
    top: calc(50% - 0.25rem/2);
    left: 0.17rem;
  }

  .t-mes1-f6>div:nth-child(1) img:nth-child(1) {
    position: relative;
    opacity: 1;
  }

  .t-mes1-f6>div:nth-child(1) img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: none;
  }

  .t-mes1-f6>div:nth-child(2) {
    font-size: 0.24rem;
    line-height: 0.28rem;
    color: #e50013;
    position: absolute;
    top: calc(50% - 0.28rem/2);
    left: 0.64rem;
  }

  .t-mes1-g1 {
    width: 100%;
    position: relative;
    margin-bottom: 0.6rem;
  }

  .t-mes1-g2 {
    width: 100%;
    height: 4.4rem;
    position: relative;
  }

  .t-mes1-g2 img {
    min-height: 100%;
  }

  .t-mes1-g3 {
    width: calc(100% - 0.2rem*2);
    height: 4.2rem;
    margin: 0 auto;
    background: url(../images/c11.jpg) no-repeat transparent;
    background-position: center center;
    background-size: 100% 100%;
    margin-top: -0.8rem;
  }

  .t-mes1-g4 {
    width: calc(100% - 0.2rem*2);
    margin: 0 auto;
    padding-top: 0.2rem;
  }

  .t-mes1-g5 {
    width: 100%;
    margin-bottom: 0.2rem;
  }

  .t-mes1-g6 {
    width: 100%;
    height: 0.44rem;
  }

  .t-mes1-g6>div:nth-child(1) {
    width: 0.2rem;
    height: 0.06rem;
    background: #e50013;
    position: relative;
    top: 0.19rem;
    margin-right: 0.2rem;
    float: left;
  }

  .t-mes1-g6>div:nth-child(2) {
    width: calc(100% - 0.42rem);
    height: 0.44rem;
    font-size: 0.26rem;
    line-height: 0.44rem;
    color: #333333;
    float: left;
  }

  .t-mes1-g1 .t-b1-a1 {
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1340px) {
  .t-ent1-a0 .t-t1-a1 {
    display: none;
  }

  .t-ent1-a1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
  }

  .t-ent1-a2 {
    width: calc((100% - 20px*2)/3);
    height: 330px;
    position: relative;
    background: #fafafa;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    overflow: hidden;
  }

  .t-ent1-a2:nth-child(3n) {
    margin-right: 0;
  }

  .t-ent1-a3 {
    width: 100%;
    height: 200px;
    position: relative;
    margin-bottom: 26px;
  }

  .t-ent1-a3 img {
    min-height: 100%;
    transition: 0.5s;
  }

  .t-ent1-a2:hover .t-ent1-a3 img {
    transform: scale(1.08);
    transition: 0.5s;
  }

  .t-ent1-a4 {
    width: calc(100% - 28px*2);
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    font-weight: bold;
    margin: 0 auto;
    margin-bottom: 10px;
  }

  .t-ent1-a5 {
    width: calc(100% - 28px*2);
    font-size: 14px;
    line-height: 26px;
    color: #666666;
    margin: 0 auto;
    height: calc(26px*2);
  }

  .t-ent1-a5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-ent1-b1 {
    width: 1300px;
    position: relative;
    margin: 0 auto;
  }

  .t-ent1-b1 .t-b1-a1 {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {
  .t-ent1-a0 .t-t1-a1 {
    display: none;
  }

  .t-ent1-a1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
  }

  .t-ent1-a2 {
    width: calc((100% - 16px*2)/3);
    height: 260px;
    position: relative;
    background: #fafafa;
    margin-right: 16px;
    margin-bottom: 16px;
    float: left;
    overflow: hidden;
  }

  .t-ent1-a2:nth-child(3n) {
    margin-right: 0;
  }

  .t-ent1-a3 {
    width: 100%;
    height: 146px;
    position: relative;
    margin-bottom: 20px;
  }

  .t-ent1-a3 img {
    min-height: 100%;
    transition: 0.5s;
  }

  .t-ent1-a2:hover .t-ent1-a3 img {
    transform: scale(1.08);
    transition: 0.5s;
  }

  .t-ent1-a4 {
    width: calc(100% - 20px*2);
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    font-weight: bold;
    margin: 0 auto;
    margin-bottom: 10px;
  }

  .t-ent1-a5 {
    width: calc(100% - 20px*2);
    font-size: 12px;
    line-height: 22px;
    color: #666666;
    margin: 0 auto;
    height: calc(22px*2);
  }

  .t-ent1-a5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-ent1-b1 {
    width: 960px;
    position: relative;
    margin: 0 auto;
  }

  .t-ent1-b1 .t-b1-a1 {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 1023px) {
  .t-ent1-a0 .t-t2-a1 {
    display: none;
  }

  .t-ent1-a1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
  }

  .t-ent1-a2 {
    width: 100%;
    height: 5.5rem;
    position: relative;
    background: #fafafa;
    margin-bottom: 0.2rem;
    overflow: hidden;
  }

  .t-ent1-a3 {
    width: 100%;
    height: 3.38rem;
    position: relative;
    margin-bottom: 0.3rem;
  }

  .t-ent1-a3 img {
    min-height: 100%;
  }

  .t-ent1-a4 {
    width: calc(100% - 0.2rem*2);
    font-size: 0.3rem;
    line-height: 0.48rem;
    color: #333333;
    font-weight: bold;
    margin: 0 auto;
    margin-bottom: 0.24rem;
  }

  .t-ent1-a5 {
    width: calc(100% - 0.2rem*2);
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: #666666;
    margin: 0 auto;
    height: calc(0.36rem*2);
  }

  .t-ent1-a5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .t-ent1-b1 {
    width: calc(100% - 0.2rem*2);
    position: relative;
    margin: 0 auto;
  }

  .t-ent1-b1 .t-b1-a1 {
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1340px) {}

@media only screen and (max-width: 1339px) and (min-width: 1024px) {}

@media only screen and (max-width: 1023px) {}

.t-nco1-a5 table p {
  text-indent: 0;
}

.t-nco1-a5 table {
  width: 100%;
}

.nav_down {
  position: absolute !important;
  left: 0 !important;
  top: 100% !important;
  background: rgba(0 0 0/ 0.6) !important;
  color: #fff !important;
  width: 100vw;
  display: none;
  height: auto !important;
  white-space: normal !important;
  line-height: 1.2 !important;
}

.nav_down div {
  height: auto !important;
  line-height: 30px !important;
}

.nav li:hover .nav_down,
.t-hd1-b2:hover .nav_down {
  display: block;
}

.nav_down div,
.nav_down-item div {
  width: auto !important;
  position: static;
  line-height: 30px !important;
}

.nav_down .nav_down-item {
  display: inline-block !important;
  height: auto !important;
  background: transparent !important;
  line-height: 30px !important;
  vertical-align: top !important;
}

.nav_down .nav_down-item a {
  color: #fff !important;
  display: inline-block !important;
  padding: 12px 20px !important;
  cursor: pointer !important;
  height: auto !important;
}