* {
  padding: 0;
  margin: 0;
}

html {
  font-size: 5.20833333vw;
}

@media (max-width: 1030px) {
  html {
    font-size: 26.66666666vw;
  }
}

a {
  text-decoration: none;
  color: #101531;
}

a:hover {
  color: #065abc;
}

ul {
  list-style: none;
}

img {
  display: block;
}

.pchide {
  display: none;
}

.mhide {
  display: block;
}

body {
  background: #fff;
  box-sizing: border-box;
  font-size: .22rem;
  font-family: Arial;
}

textarea {
  font-family: Arial;
}

.body {
  width: 13rem;
  margin: 0 auto;
}

.header {
  width: 100%;
  height: 1.3rem;
  border-top: .11rem solid #1d5198;
  box-sizing: border-box;
  z-index: 999;
  background: #fff;
  position: relative;
}

.header::before {
  width: 100%;
  height: .11rem;
  width: 4.82rem;
  background: #d70c18;
  content: '';
  position: absolute;
  left: 0;
  top: -.11rem;
  border-radius: 0 0 .11rem 0;
}

.header .logo a {
  width: 5.07rem;
  height: .87rem;
  position: absolute;
  left: .7rem;
  top: .15rem;
  background: url(./trs_logo_04.png) no-repeat;
  background-size: contain;
}

.header .nav.mhide {
  position: absolute;
  top: .36rem;
  left: 6.7rem;
}

.header .nav > ul > li {
  float: left;
  color: #1d5198;
  line-height: 0.46rem;
  margin-right: .3rem;
  position: relative;
}

.header .nav.mhide > ul > li a {
  display: block;
  width: 100%;
  height: 100%;
  font-weight: 400;
  font-size: 0.24rem;
}

.header .nav.mhide > ul > li.active > a {
  color: #1d5198;
  font-weight: 500;
}

.header .nav.mhide > ul > li.active::after {
  width: 100%;
  height: 0.03rem;
  background: #d70c18;
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.header .nav.mhide > ul > li ul {
  width: 2.23rem;
  height: auto;
  box-shadow: 0rem 0rem 0.2rem 0.01rem rgba(0, 0, 0, 0.16);
  border-radius: 0.12rem 0.12rem 0.12rem 0.12rem;
  background: rgba(255, 255, 255, .8);
  position: absolute;
  top: .46rem;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  overflow: hidden;
}

.header .nav.mhide > ul > li ul li a {
  display: block;
  font-weight: 400;
  font-size: 0.18rem;
  color: #707070;
  line-height: 0.35rem;
  text-align: center;
}
.header .nav.mhide > ul > li ul li a:hover {
  color: #d70c18;
  background: #f4f8fd;
}

.header .handle {
  position: absolute;
  top: .36rem;
  right: .7rem;
  display: flex;
  gap: .2rem;
}

.header .handle a {
  width: .5rem;
  height: .5rem;
  display: block;
  border-radius: 50%;
  background: #fff;
  border: 0.01rem solid #d8d8d8;
  font-size: .2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header .handle a:last-child {
  background: url(./trs_ico_24.png) no-repeat center;
  background-size: 50% 50%;
}

.header .search {
  width: 100%;
  height: 1.52rem;
  background: #fff;
  position: absolute;
  top: 1.1rem;
  z-index: 99;
  display: none;
  justify-content: center;
  align-items: center;
  gap: .2rem;
}

.header .search.active {
  display: flex;
}

.header .search .input {
  width: 12.6rem;
  height: .58rem;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  border: 0.01rem solid #d3d3d3;
  position: relative;
}

.header .search .input input {
  width: 100%;
  height: 100%;
  border: 0;
  outline: none;
  font-weight: 400;
  font-size: 0.2rem;
  color: #969696;
  padding: 0 .2rem;
  box-sizing: border-box;
}

.header .search .input i {
  width: .19rem;
  height: .19rem;
  display: block;
  position: absolute;
  top: .2rem;
  right: .2rem;
  background: url(./trs_ico_44.png) no-repeat;
  background-size: contain;
  cursor: pointer;
}

.header .search > i {
  width: .19rem;
  height: .19rem;
  display: block;
  background: url(./trs_ico_43.png) no-repeat;
  background-size: contain;
  cursor: pointer;
}

.subHead {
  width: 100%;
  height: auto;
}

.subHead .banner {
  width: 100%;
  height: 4.82rem;
  overflow: hidden;
  position: relative;
}

.subHead .banner h2 {
  position: absolute;
  top: 2rem;
  left: 3.1rem;
  font-weight: 500;
  font-size: 0.8rem;
  color: #ffffff;
}

.subHead .banner img {
  width: 100%;
  height: auto;
}

.subHead .menu {
  width: 100%;
  height: 1.06rem;
  background: #f4f8fd;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .35rem;
  box-sizing: border-box;
  gap: .5rem;
}

.subHead .menu a.active {
  color: #1d5198;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

.subHead .menu a.active::after {
  content: '';
  width: 100%;
  height: .07rem;
  background: #d70c18;
  position: absolute;
  left: 0;
  bottom: 0;
}

.breadcrumb {
  width: 100%;
  height: .8rem;
  margin-bottom: .6rem;
  border-bottom: 0.01rem solid #d1d1d1;
}

.breadcrumb a {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #666666;
  float: left;
  line-height: .88rem;
  margin-right: .1rem;
}

.breadcrumb span {
  font-weight: 400;
  font-size: 0.2rem;
  color: #1d5198;
  float: left;
  line-height: .88rem;
  margin-right: .1rem;
}

.breadcrumb a::after {
  content: '·';
  font-size: 0.2rem;
  margin-left: .1rem;
}

.breadcrumb a:first-child::before {
  content: '';
  width: .16rem;
  height: .16rem;
  display: inline-block;
  margin-right: .12rem;
  background: url(./trs_ico_23.png) no-repeat;
  background-size: contain;
}

.breadcrumb a:last-child::after {
  display: none;
}

.container {
  overflow: hidden;
}

.footer {
  width: 100%;
  height: 5.57rem;
  background: #1d5198;
  padding-top: .6rem;
  box-sizing: border-box;
  overflow: hidden;
}

.footer .fl {
  width: 5.1rem;
  float: left;
  margin-bottom: .59rem;
}

.footer .fl .logo {
  width: 1.39rem;
  height: .34rem;
  background: url(./trs_ico_72.png) no-repeat;
  background-size: contain;
  margin-bottom: .32rem;
}

.footer .fl .text {
  font-weight: 500;
  font-size: 0.16rem;
  color: #ffffff;
  line-height: 0.2rem;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-bottom: .2rem;
}

.footer .fl .form {
  overflow: hidden;
}

.footer .fl .form .item {
  width: 2.5rem;
  height: 0.4rem;
  background: #194c91;
  border: 0.01rem solid #ffffff;
  float: left;
  margin-bottom: .1rem;
}

.footer .fl .form .item input,
.footer .fl .form .item textarea {
  width: 100%;
  height: 100%;
  background: none;
  border: 0;
  outline: none;
  padding: .09rem .12rem .12rem .12rem;
  box-sizing: border-box;
  color: #fff;
}

.footer .fl .form .item input::placeholder,
.footer .fl .form .item textarea::placeholder {
  font-weight: 500;
  font-size: 0.16rem;
  color: #ffffff;
}

.footer .fl .form .item:nth-child(2n) {
  float: right;
}

.footer .fl .form .item:nth-child(5) {
  width: calc(100% - .03rem);
  height: .73rem;
  clear: both;
  margin-bottom: .15rem;
}

.handle button {
  width: 1.95rem;
  height: 0.42rem;
  background: #1d69d0;
  border-radius: 0.32rem 0.32rem 0.32rem 0.32rem;
  border: 0;
  font-weight: 400;
  font-size: 0.15rem;
  color: #ffffff;
  line-height: 0.28rem;
  cursor: pointer;
}

.footer .fr {
  width: 7.06rem;
  float: right;
  padding-top: .65rem;
}

.footer .fr li {
  overflow: hidden;
  display: flex;
  gap: .21rem;
  margin-bottom: .27rem;
}

.footer .fr li i {
  width: .5rem;
  height: .5rem;
  min-width: .5rem;
  display: block;
}

.footer .fr li:nth-child(1) i {
  background: url(./trs_ico_71.png) no-repeat;
  background-size: contain;
}

.footer .fr li:nth-child(2) i {
  background: url(./trs_ico_70.png) no-repeat;
  background-size: contain;
}

.footer .fr li:nth-child(3) i {
  background: url(./trs_ico_68.png) no-repeat;
  background-size: contain;
}

.footer .fr li:nth-child(4) i {
  background: url(./trs_ico_69.png) no-repeat;
  background-size: contain;
}

.footer .fr li h3 {
  font-weight: bold;
  font-size: 0.2rem;
  color: #fff;
  margin-bottom: .04rem;
}

.footer .fr li p {
  font-weight: 400;
  font-size: 0.18rem;
  color: #fff;
}

.footer .copyright {
  clear: both;
  width: 100%;
  height: .83rem;
  line-height: .83rem;
  text-align: center;
  font-weight: 500;
  font-size: 0.18rem;
  color: #ffffff;
  border-top: 0.01rem solid rgba(255, 255, 255, 0.36);
}

.page {
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin-bottom: .6rem;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: .1rem;
  margin-top: .6rem;
}

.page > * {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #999999;
}

.page a {
  display: block;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #999999;
  border: 1px solid #ccc;
  padding: .14rem .18rem;
  box-sizing: border-box;
}

.page ul {
  display: flex;
  gap: .1rem;
}

.page .total {
  padding: .14rem .18rem;
  box-sizing: border-box;
}

.page .active {
  background: #0743bb;
}

.page .active a {
  color: #fff;
}

.modal-video {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-video .video-container {
  width: 60%;
  height: auto;

  position: relative;
}

.modal-video .video-container video {
  width: 100%;
  height: 100%;
  border-radius: .2rem;
}

.modal-video .video-close {
  position: absolute;
  top: -.2rem;
  right: -.2rem;
  background: #fff url(./trs_ico_45.png) no-repeat center;
  background-size: 50% auto;
  cursor: pointer;
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  z-index: 99;
}

@media screen and (max-width: 750px) {
  .pchide {
    display: block;
  }

  .mhide {
    display: none;
  }

  .body {
    width: 100%;
    overflow-x: hidden;
  }

  .header {
    width: 100%;
    height: .64rem;
    border-top: .04rem solid #1d5198;
    box-sizing: border-box;
    z-index: 999;
    background: #fff;
    position: relative;
  }

  .header::before {
    width: 30%;
    height: .04rem;
    background: #d70c18;
    content: '';
    position: absolute;
    left: 0;
    top: -.04rem;
    border-radius: 0 0 .04rem 0;
  }

  .header .logo a {
    width: 1.9rem !important;
    height: .33rem !important;
    position: absolute;
    left: .2rem;
    top: .14rem !important;
    background: url(./trs_logo_04.png) no-repeat !important;
    background-size: contain !important;
  }
  .focus .swiper-slide img,
  .focus .swiper-slide video {
    height: 100% !important;
  }

  .header .nav {
    display: none;
  }

  .header .navBtn {
    width: 0.6rem;
    height: 0.6rem;
    background: #f4f8fd url(./trs_ico_21.png) no-repeat center;
    background-size: 28% auto;
    position: absolute;
    right: 0;
    top: 0;
  }

  .header .handle {
    position: absolute;
    top: .18rem;
    right: .7rem;
    display: flex;
    gap: .1rem;
  }

  .header .handle a {
    width: .29rem;
    height: .29rem;
    display: block;
    border-radius: 0;
    background: #fff;
    border: 0;
    font-size: .18rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .header .handle a:last-child {
    background: url(./trs_ico_24.png) no-repeat center;
    background-size: 50% 50%;
    position: relative;
  }

  .header .handle a:last-child::before {
    content: '';
    width: .01rem;
    height: .16rem;
    display: block;
    background: #c3c3c3;
    position: absolute;
    left: -.03rem;
  }

  .header.active .nav.pchide {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #f4f8fd;
    background-image: url('./trs_logo_02.png'), url('./trs_bg_14.png'), url('./trs_bg_15.png');
    background-position: 1.3rem 7.3rem, right bottom, center bottom;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 60%, 60% auto, contain;
    z-index: 99;
    padding: 1rem .2rem .2rem;
    box-sizing: border-box;
  }

  .header.active .nav.pchide .logo a {
    position: fixed;
    width: 1.6rem;
    height: .22rem;
    background: url(./trs_logo_06.png) no-repeat;
    background-size: 100% auto;
  }

  .header.active .nav.pchide i.close {
    position: fixed;
    right: .2rem;
    top: .2rem;
    width: .2rem;
    height: .2rem;
    background: url(./trs_ico_45.png) no-repeat;
    background-size: contain;
  }

  .header.active .nav.pchide ul li {
    float: initial;
    margin: 0;
  }

  .header.active .nav.pchide > ul > li > a {
    font-weight: 500;
    font-size: 0.16rem;
    color: #30313f;
  }

  .header.active .nav.pchide > ul > li ul {
    display: none;
    width: 100%;
    height: auto;
    background: #ffffff;
    border-radius: 0rem 0.1rem 0rem 0.1rem;
    overflow: hidden;
    padding: .2rem .15rem .05rem .15rem;
    box-sizing: border-box;
    position: initial;
    box-shadow: none;
  }

  .header.active .nav.pchide > ul > li ul::after {
    content: '';
    position: absolute;
    top: .4rem;
    left: 0;
    display: inline-block;
    margin-left: .1rem;
    /* 与文字间距 */
    width: 0;
    height: 0;
    border-left: .1rem solid transparent;
    /* 左侧透明 */
    border-right: .1rem solid transparent;
    /* 右侧透明 */
    border-bottom: .1rem solid #fff;
    /* 红色箭头（朝下） */
  }

  .header.active .nav.pchide > ul > li ul li {
    width: 50%;
    float: left;
    line-height: 1;
    margin-bottom: .15rem;
  }

  .header.active .nav.pchide > ul > li ul li a {
    font-weight: 400;
    font-size: 0.14rem;
    color: #30313f;
    text-align: left;
  }

  .header.active .nav.pchide > ul > li ul li a::before {
    width: .05rem;
    height: .05rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0);
    border: 0.01rem solid #1b478a;
    content: '';
    display: inline-block;
    margin-right: .06rem;
    position: relative;
    top: -.02rem;
  }

  .header.active .nav.pchide > ul > li.active ul {
    display: block;
  }

  .header.active .nav.pchide > ul > li.active::after {
    display: none;
  }

  .header .search {
    width: 100%;
    height: .97rem;
    background: #fff;
    position: absolute;
    top: .6rem;
    z-index: 99;
    display: none;
    justify-content: center;
    align-items: center;
    gap: .13rem;
    box-shadow: inset 0 10px 15px -10px rgba(0, 0, 0, 0.2);
    padding: 0 .19rem;
    box-sizing: border-box;
  }

  .header .search.active {
    display: flex;
  }

  .header .search .input {
    width: 3.19rem;
    height: .44rem;
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
    border: 0.01rem solid #d3d3d3;
    position: relative;
  }

  .header .search .input input {
    width: 100%;
    height: 100%;
    border: 0;
    outline: none;
    font-weight: 400;
    font-size: 0.14rem;
    color: #969696;
    padding: 0 .11rem;
    box-sizing: border-box;
  }

  .header .search .input i {
    width: .19rem;
    height: .19rem;
    display: block;
    position: absolute;
    top: .12rem;
    right: .12rem;
    background: url(./trs_ico_44.png) no-repeat;
    background-size: contain;
    cursor: pointer;
  }

  .header .search > i {
    width: .19rem;
    height: .19rem;
    display: block;
    background: url(./trs_ico_43.png) no-repeat;
    background-size: contain;
    cursor: pointer;
  }

  .subHead {
    width: 100%;
    height: auto;
  }

  .subHead .banner {
    width: 100%;
    height: 1.78rem;
    overflow: hidden;
    position: relative;
  }

  .subHead .banner h2 {
    position: absolute;
    top: .74rem;
    left: .2rem;
    font-weight: 500;
    font-size: 0.26rem;
    color: #ffffff;
  }

  .subHead .banner img {
    width: 100%;
    height: 100%;
  }

  .subHead .menu {
    display: none;
  }

  .breadcrumb {
    width: 100%;
    height: .44rem;
    margin-bottom: .3rem;
    border-bottom: 0;
    background: #f4f8fd;
    padding: 0 .1rem;
    box-sizing: border-box;
  }

  .breadcrumb a {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.12rem;
    color: #666;
    float: left;
    line-height: 0.44rem;
    margin-right: .08rem;
    display: flex;
    align-items: center;
  }

  .breadcrumb span {
    font-weight: 400;
    font-size: 0.12rem;
    color: #1d5198;
    float: left;
    line-height: .88rem;
    margin-right: .1rem;
    line-height: 0.47rem;
    margin-right: .08rem;
  }

  .breadcrumb a::after {
    content: '·';
    font-size: 0.2rem;
    margin-left: .08rem;
  }

  .breadcrumb a:first-child::before {
    content: '';
    width: .16rem;
    height: .16rem;
    margin-right: .1rem;
    background: url(./trs_ico_23.png) no-repeat;
    background-size: contain;
  }

  .footer {
    width: 100%;
    height: auto;
    background: #1d5198;
    padding: .3rem .2rem;
    box-sizing: border-box;
    overflow: hidden;
  }

  .footer .body {
    width: auto;
  }

  .footer .fl {
    width: auto;
    float: initial;
    margin-bottom: .32rem;
  }

  .footer .fl .logo {
    width: 1.14rem;
    height: .28rem;
    background: url(./trs_ico_72.png) no-repeat;
    background-size: contain;
    margin-bottom: .1rem;
  }

  .footer .fl .text {
    font-weight: 500;
    font-size: 0.14rem;
    color: #ffffff;
    line-height: 0.16rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: .1rem;
  }

  .footer .fl .text br {
    display: none;
  }

  .footer .fl .form {
    overflow: hidden;
  }

  .footer .fl .form .item {
    width: calc(100% - .02rem);
    height: 0.4rem;
    background: #194c91;
    border: 0.01rem solid #ffffff;
    float: initial;
    margin-bottom: .1rem;
  }

  .footer .fl .form .item input,
  .footer .fl .form .item textarea {
    width: 100%;
    height: 100%;
    background: none;
    border: 0;
    outline: none;
    padding: .09rem .12rem .12rem .12rem;
    box-sizing: border-box;
    color: #fff;
  }

  .footer .fl .form .item input::placeholder,
  .footer .fl .form .item textarea::placeholder {
    font-weight: 500;
    font-size: 0.16rem;
    color: #ffffff;
  }

  .footer .fl .form .item:nth-child(2n) {
    float: initial;
  }

  .footer .fl .form .item:nth-child(5) {
    width: calc(100% - .02rem);
    height: .73rem;
    clear: both;
    margin-bottom: .15rem;
  }

  .handle button {
    width: 100%;
    height: 0.42rem;
    background: #1d69d0;
    border-radius: 0.06rem 0.06rem 0.06rem 0.06rem;
    border: 0;
    font-weight: 400;
    font-size: 0.15rem;
    color: #ffffff;
    line-height: 0.28rem;
    cursor: pointer;
  }

  .footer .fr {
    width: auto;
    float: initial;
    padding-top: 0;
    margin-bottom: .2rem;
  }

  .footer .fr li {
    overflow: hidden;
    display: flex;
    gap: .21rem;
    margin-bottom: .1rem;
  }

  .footer .fr li i {
    display: none;
  }

  .footer .fr li > div {
    display: flex;
  }

  .footer .fr li h3 {
    min-width: .55rem;
    font-weight: bold;
    font-size: 0.14rem;
    color: #fff;
    margin-bottom: .04rem;
  }

  .footer .fr li p {
    font-weight: 400;
    font-size: 0.14rem;
    color: #fff;
    line-height: 0.2rem;
  }

  .footer .copyright {
    clear: both;
    width: 100%;
    height: .83rem;
    line-height: 0.25rem;
    text-align: center;
    font-weight: 500;
    font-size: 0.14rem;
    color: #ffffff;
    border-top: 0.01rem solid rgba(255, 255, 255, 0.36);
    padding: .3rem .5rem 0;
    box-sizing: border-box;
  }

  .page {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-bottom: .3rem;
    padding: 0;
    display: block;
    justify-content: center;
    gap: .1rem;
    margin-top: .3rem;
  }

  .page > * {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.12rem;
    color: #999999;
    min-width: .6rem;
    float: left;
    margin-right: .1rem;
    margin-bottom: .1rem;
  }

  .page a {
    display: block;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.12rem;
    color: #999999;
    border: 1px solid #ccc;
    padding: .05rem .05rem;
    box-sizing: border-box;
  }

  .page ul {
    display: initial;
    gap: 0;
  }

  .page ul li {
    float: left;
    margin-right: .1rem;
    min-width: .3rem;
  }

  .page ul li:last-child {
    margin-right: 0;
  }

  .page .total {
    padding: .05rem .05rem;
    box-sizing: border-box;
  }

  .page .active {
    background: #0743bb;
  }

  .page .active a {
    color: #fff;
  }

  .modal-video {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .modal-video .video-container {
    width: 100%;
    height: auto;
    position: relative;
  }

  .modal-video .video-container video {
    width: 100%;
    height: 100%;
    border-radius: 0;
  }

  .modal-video .video-close {
    position: absolute;
    top: 110%;
    left: 50%;
    transform: translate(-50%);
    background: #fff url(./trs_ico_45.png) no-repeat center;
    background-size: 50% auto;
    cursor: pointer;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    z-index: 99;
  }
}