@charset "UTF-8";
body { overflow: visible; display: block; }

.xs-display { display: none !important; }

.Tco { background: #0A172E; display: block; /* 针对WebKit内核浏览器 */ /* 针对Firefox */ }

.Tco .ys-main { overflow: visible; }

.Tco input::-webkit-inner-spin-button, .Tco input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.Tco input[type="number"] { -moz-appearance: textfield; }

.Tco .btn { height: 0.6rem; font-size: 0.24rem; font-family: 'RobotoCondensedBold'; display: flex; align-items: center; justify-content: center; border-radius: 0.5rem; margin-top: 0.4rem; cursor: pointer; }

.Tco .btn.primary { color: #fff; background: #004abb; box-shadow: 0 0.03rem 0.12rem rgba(0, 82, 171, 0.2); }

.Tco .btn.plain { border: 0.02rem solid #000; }

.Tco .slide { overflow: visible; }

.Tco .slide.hidden { overflow: hidden; }

.Tco .slide .swiper-slide { min-height: 9rem; overflow: visible; pointer-events: none; }

.Tco .slide .swiper-slide.swiper-slide-active { pointer-events: all; }

.Tco .slide .swiper-slide .bg { width: 100%; position: absolute; left: 0; top: 0; }

.Tco .slide .swiper-slide .bg img { width: 100%; height: 100%; }

.Tco .slide .swiper-slide .con { width: 100%; margin: auto; position: relative; z-index: 2; }

.Tco .slide .swiper-slide .con .title { font-size: 0.44rem; line-height: 0.6rem; font-family: 'RobotoCondensedBold'; }

.Tco .slide .swiper-slide .con .btn-back { width: 1.8rem; color: #004abb; margin: 0.1rem auto; }

.Tco .slide .swiper-slide .con .box { width: 6.4rem; padding: 0.6rem; border-radius: 0.2rem; background: rgba(255, 255, 255, 0.9); }

.Tco .slide .swiper-slide .con .con { width: 6.4rem; padding: 0.6rem; border-radius: 0.2rem; background: rgba(255, 255, 255, 0.9); position: absolute; right: 2.6rem; top: 1.2rem; }

.Tco .slide .swiper-slide .con .row { margin-top: 0.4rem; }

.Tco .slide .swiper-slide .con .row .st { font-size: 0.24rem; font-family: 'RobotoCondensedBold'; margin-bottom: 0.12rem; }

.Tco .slide .swiper-slide .con .row .dsc { font-size: 0.16rem; color: #666; margin-bottom: 0.2rem; }

.Tco .slide .swiper-slide .con .row .input { display: flex; align-items: center; padding: 0 0.2rem; border: 0.02rem solid #000; border-radius: 0.05rem; }

.Tco .slide .swiper-slide .con .row .input input { flex: 1; height: 0.6rem; font-size: 0.24rem; }

.Tco .slide .swiper-slide .con .row .input span { font-size: 0.24rem; }

.Tco .slide .swiper-slide.step1 .bg { height: 100%; }

.Tco .slide .swiper-slide.step1 .bg::before { content: ""; width: 100%; height: 75%; background: linear-gradient(180deg, rgba(10, 23, 46, 0) 0%, #0a172e 100%); position: absolute; left: 0; bottom: 0; z-index: 1; }

.Tco .slide .swiper-slide.step1 .con { padding-top: 5.7rem; text-align: center; }

.Tco .slide .swiper-slide.step1 .con .title { color: #fff; text-align: center; }

.Tco .slide .swiper-slide.step1 .con ul { display: flex; flex-wrap: wrap; justify-content: center; margin: 0.4rem 0 0.45rem; }

.Tco .slide .swiper-slide.step1 .con ul li { width: 1.8rem; height: 0.6rem; font-size: 0.24rem; margin: 0 0.1rem; font-family: 'RobotoCondensedBold'; display: flex; align-items: center; justify-content: center; border-radius: 0.5rem; background: #FFF; cursor: pointer; transition: all .5s ease; }

.Tco .slide .swiper-slide.step1 .con ul li:hover, .Tco .slide .swiper-slide.step1 .con ul li.active { background: #004abb; color: #fff; }

.Tco .slide .swiper-slide.step1 .con .btn-next { width: 1.8rem; margin: 0 auto; }

.Tco .slide .swiper-slide.step2, .Tco .slide .swiper-slide.step3, .Tco .slide .swiper-slide.step4 { background: #0A172E; }

.Tco .slide .swiper-slide.step2 .bg::before, .Tco .slide .swiper-slide.step3 .bg::before, .Tco .slide .swiper-slide.step4 .bg::before { content: ""; width: 100%; height: 75%; background: linear-gradient(180deg, rgba(10, 23, 46, 0) 0%, #0a172e 100%); position: absolute; left: 0; bottom: 0; z-index: 1; }

.Tco .slide .swiper-slide.step2 .con, .Tco .slide .swiper-slide.step3 .con, .Tco .slide .swiper-slide.step4 .con { padding: 2rem 2.4rem 0 0; display: flex; justify-content: flex-end; }

.Tco .slide .swiper-slide.step2 .con dl dd, .Tco .slide .swiper-slide.step3 .con dl dd, .Tco .slide .swiper-slide.step4 .con dl dd { width: 100%; height: 0.6rem; font-size: 0.24rem; margin-top: 0.3rem; font-family: 'RobotoCondensedBold'; display: flex; align-items: center; justify-content: center; border-radius: 0.5rem; border: 0.02rem solid #000; cursor: pointer; transition: all .5s ease; }

.Tco .slide .swiper-slide.step2 .con dl dd:hover, .Tco .slide .swiper-slide.step2 .con dl dd.active, .Tco .slide .swiper-slide.step3 .con dl dd:hover, .Tco .slide .swiper-slide.step3 .con dl dd.active, .Tco .slide .swiper-slide.step4 .con dl dd:hover, .Tco .slide .swiper-slide.step4 .con dl dd.active { background: #004abb; color: #fff; border-color: #004abb; }

.Tco .slide .swiper-slide.step2.step3 .con, .Tco .slide .swiper-slide.step3.step3 .con, .Tco .slide .swiper-slide.step4.step3 .con { padding-top: 1.5rem; }

.Tco .slide .swiper-slide.step5, .Tco .slide .swiper-slide.step6 { background: #f5f5f5; }

.Tco .slide .swiper-slide.step5 .con, .Tco .slide .swiper-slide.step6 .con { width: 12.8rem; padding: 4.5rem 0 0.8rem; }

.Tco .slide .swiper-slide.step5 .box, .Tco .slide .swiper-slide.step6 .box { width: 100%; padding: 0 0.6rem 0.6rem; border-top-left-radius: 0; border-top-right-radius: 0; background: #fff; }

.Tco .slide .swiper-slide.step5 .top, .Tco .slide .swiper-slide.step6 .top { display: flex; align-items: center; padding: 0.4rem 0 0.2rem; position: sticky; top: 0.8rem; justify-content: space-around; background: url(../images/tco/step5-con.webp) no-repeat top/cover; z-index: 2; transition: all .5s ease; }

.Tco .slide .swiper-slide.step5 .top .left, .Tco .slide .swiper-slide.step5 .top .right, .Tco .slide .swiper-slide.step6 .top .left, .Tco .slide .swiper-slide.step6 .top .right { text-align: center; }

.Tco .slide .swiper-slide.step5 .top .left img, .Tco .slide .swiper-slide.step5 .top .right img, .Tco .slide .swiper-slide.step6 .top .left img, .Tco .slide .swiper-slide.step6 .top .right img { width: 2.4rem; margin: 0 auto; }

.Tco .slide .swiper-slide.step5 .top .left .st, .Tco .slide .swiper-slide.step5 .top .right .st, .Tco .slide .swiper-slide.step6 .top .left .st, .Tco .slide .swiper-slide.step6 .top .right .st { font-size: 0.36rem; font-family: 'RobotoCondensedBold'; }

.Tco .slide .swiper-slide.step5 .top .left .icon, .Tco .slide .swiper-slide.step5 .top .right .icon, .Tco .slide .swiper-slide.step6 .top .left .icon, .Tco .slide .swiper-slide.step6 .top .right .icon { width: 0.16rem; fill: #004abb; margin-top: 0.2rem; }

.Tco .slide .swiper-slide.step5 .form { display: flex; flex-wrap: wrap; justify-content: space-between; }

.Tco .slide .swiper-slide.step5 .form .left, .Tco .slide .swiper-slide.step5 .form .right { width: 45%; }

.Tco .slide .swiper-slide.step5 .btn-next { width: 2.8rem; margin: 0.5rem auto; }

.Tco .slide .swiper-slide.step6 .result .all { padding: 0.3rem 0.4rem 0.36rem; background: #F2F8FF; border-radius: 0.12rem; background: url(../images/tco/step6-all.webp) no-repeat center/cover #F2F8FF; }

.Tco .slide .swiper-slide.step6 .result .all .st { font-size: 0.3rem; font-family: 'RobotoCondensedBold'; text-align: center; margin-bottom: 0.3rem; }

.Tco .slide .swiper-slide.step6 .result .all .bb { display: flex; flex-wrap: wrap; justify-content: space-between; }

.Tco .slide .swiper-slide.step6 .result .all .bb .left { width: 30%; }

.Tco .slide .swiper-slide.step6 .result .all .bb .left p { font-size: 0.18rem; margin-top: 0.1rem; }

.Tco .slide .swiper-slide.step6 .result .all .bb .left p span { font-family: 'RobotoCondensedBold'; margin-right: 0.1rem; }

.Tco .slide .swiper-slide.step6 .result .all .bb .right { width: 70%; display: flex; text-align: center; justify-content: space-around; }

.Tco .slide .swiper-slide.step6 .result .all .bb .right dl { margin-top: 0.1rem; }

.Tco .slide .swiper-slide.step6 .result .all .bb .right dl dt { font-size: 0.18rem; font-family: 'RobotoCondensedBold'; margin-bottom: 0.15rem; }

.Tco .slide .swiper-slide.step6 .result .all .bb .right dl dd { font-size: 0.4rem; color: #FF7600; font-family: 'RobotoCondensedBold'; }

.Tco .slide .swiper-slide.step6 .result .all .bb .right dl dd i { font-size: 0.18rem; color: #000; font-style: normal; margin-left: 0.1rem; }

.Tco .slide .swiper-slide.step6 .result .list .item { width: 100%; margin-top: 0.2rem; padding: 0.25rem 0.4rem; border-radius: 0.12rem; border: 1px solid #a8c7ea; background: #f7fbff; }

.Tco .slide .swiper-slide.step6 .result .list .item i { font-style: normal; }

.Tco .slide .swiper-slide.step6 .result .list .item .t { display: flex; justify-content: center; align-items: center; }

.Tco .slide .swiper-slide.step6 .result .list .item .t .l { font-size: 0.24rem; font-family: 'RobotoCondensedBold'; position: relative; }

.Tco .slide .swiper-slide.step6 .result .list .item .t .l:before { content: ""; width: 100%; height: 0.1rem; background: linear-gradient(90deg, #0077f8 0%, rgba(0, 128, 255, 0) 100%); opacity: .3; position: absolute; left: 0; bottom: 0; }

.Tco .slide .swiper-slide.step6 .result .list .item .t .r { font-size: 0.16rem; color: #666; }

.Tco .slide .swiper-slide.step6 .result .list .item .t .r span { font-size: 0.18rem; color: #FF7600; font-family: 'RobotoCondensedBold'; margin-left: 0.1rem; }

.Tco .slide .swiper-slide.step6 .result .list .item .t .r s { font-size: 0.16rem; color: #000; font-family: 'RobotoCondensedBold'; font-style: normal; margin-left: 0.05rem; text-decoration: none; }

.Tco .slide .swiper-slide.step6 .result .list .item .t .r.g span { color: #00B483; }

.Tco .slide .swiper-slide.step6 .result .list .item .c { flex: 1; font-size: 0.18rem; text-align: center; }

.Tco .slide .swiper-slide.step6 .result .list .item .c span { font-size: 0.16rem; color: #666; margin-top: 0.1rem; font-family: 'RobotoCondensedRegular'; display: block; }

.Tco .slide .swiper-slide.step6 .result .list .item .b { margin-top: 0.25rem; display: flex; justify-content: space-between; align-items: center; }

.Tco .slide .swiper-slide.step6 .result .list .item .b .l { flex: 1; font-size: 0.24rem; color: #0052AB; font-family: 'RobotoCondensedBold'; }

.Tco .slide .swiper-slide.step6 .result .list .item .b .r { flex: 1; text-align: right; font-size: 0.24rem; color: #0052AB; font-family: 'RobotoCondensedBold'; }

.Tco .slide .swiper-slide.step6 .result .list .item .b b { font-size: 0.18rem; color: #000; font-weight: normal; }

.Tco .slide .swiper-slide.step6 .result .list .item .com { margin-top: 0.25rem; font-size: 0.18rem; color: #00B483; font-family: 'RobotoCondensedBold'; }

.Tco .slide .swiper-slide.step6 .result .list .item .com s { font-size: 0.16rem; color: #000; font-family: 'RobotoCondensedBold'; font-style: normal; margin-left: 0.05rem; text-decoration: none; }

.Tco .slide .swiper-slide.step6 .result .list .item .com.g { color: #FF7600; }

.Tco .slide .swiper-slide.step6 .result .tip { font-size: 0.16rem; color: #666; line-height: 0.3rem; margin-top: 0.3rem; }

.Tco .slide .swiper-slide.step6 .result .us { background: #2151A5; border-radius: 0.12rem; display: flex; margin-top: 0.3rem; padding: 0.4rem 0; }

.Tco .slide .swiper-slide.step6 .result .us .item { width: 50%; display: flex; align-items: center; position: relative; padding: 0 0.4rem; }

.Tco .slide .swiper-slide.step6 .result .us .item .icon { width: 0.38rem; margin-right: 0.1rem; }

.Tco .slide .swiper-slide.step6 .result .us .item:before { content: ""; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.2); position: absolute; left: 0; top: 0; }

.Tco .slide .swiper-slide.step6 .result .us .item .txt h3 { font-size: 0.16rem; color: rgba(255, 255, 255, 0.8); }

.Tco .slide .swiper-slide.step6 .result .us .item .txt h2 { font-size: 0.18rem; color: white; margin-top: 0.06rem; }

.Tco .slide .swiper-slide.step6 .result .us .item .txt h2 a { color: #fff; }

.Tco .slide .swiper-slide.step6 .result .us .item:first-child:before { display: none; }

.Tco .slide .swiper-slide.step6 .btns { margin-top: 0.6rem; display: flex; justify-content: center; }

.Tco .slide .swiper-slide.step6 .btns .btn { width: 3rem; margin: 0 0.4rem; }

.Tco .slide .swiper-slide.step6 .btns .btn .icon { width: 0.28rem; margin-right: 0.1rem; }

.Tco .resultUrl { width: 100%; height: 100vh; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.8); z-index: 100; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.Tco .resultUrl .title { font-size: 0.4rem; color: #fff; }

.Tco .resultUrl input { width: 50%; font-size: 0.2rem; padding: 0.2rem; background: #fff; margin-top: 0.5rem; }

.Tco .resultUrl .btns { margin-top: 0.5rem; display: flex; justify-content: center; }

.Tco .resultUrl .btns .btn { width: 3rem; margin: 0 0.4rem; }

.Tco .resultUrl .btns .btn .icon { width: 0.28rem; margin-right: 0.1rem; }

.service-esg { padding-top: var(--distance150); padding-bottom: calc(var(--distance150) + var(--distance50)); }

.service-esg .std-title2 { text-align: center; }

.service-esg ul { display: flex; flex-wrap: wrap; justify-content: space-between; }

.service-esg ul li { flex: 0 0 48.5%; margin-top: 2.083vw; padding: 2.083vw; border-radius: 0.521vw; box-shadow: 0 6px 16px rgba(15, 60, 183, 0.1); display: flex; align-items: flex-start; }

.service-esg ul li .icon { width: 3.438vw; margin-right: 1.042vw; }

.service-esg ul li .title { width: 0; flex: 1; line-height: 1.5; }

.service-esg ul li .std-btn1 { margin-left: 1.042vw; }

@media screen and (max-width: 991px) { .xs-display { display: block !important; }
  .lg-display { display: none !important; }
  .Tco .btn { height: 0.8rem; font-size: 0.28rem; }
  .Tco .slide .swiper-slide .con .btn-back { width: 1.8rem; }
  .Tco .slide .swiper-slide .con .row .st { font-size: 0.28rem; line-height: 0.36rem; }
  .Tco .slide .swiper-slide .con .row .dsc { font-size: 0.28rem; line-height: 0.34rem; }
  .Tco .slide .swiper-slide .con .row .input input { height: 0.8rem; font-size: 0.28rem; }
  .Tco .slide .swiper-slide .con .row .input span { font-size: 0.28rem; }
  .Tco .slide .swiper-slide.step1 .con { padding-top: 5rem; }
  .Tco .slide .swiper-slide.step1 .con ul { margin: 0.1rem 0 0.3rem; }
  .Tco .slide .swiper-slide.step1 .con ul li { width: 3rem; height: 0.8rem; font-size: 0.28rem; margin: 0.15rem; }
  .Tco .slide .swiper-slide.step1 .con .btn-next { width: 6.3rem; margin-bottom: 0.3rem; }
  .Tco .slide .swiper-slide.step2 .con, .Tco .slide .swiper-slide.step3 .con, .Tco .slide .swiper-slide.step4 .con { padding: 5rem 0 0.5rem 0; justify-content: center; }
  .Tco .slide .swiper-slide.step2 .con dl dd, .Tco .slide .swiper-slide.step3 .con dl dd, .Tco .slide .swiper-slide.step4 .con dl dd { height: 0.8rem; font-size: 0.28rem; margin-top: 0.3rem; }
  .Tco .slide .swiper-slide.step2.step3 .con, .Tco .slide .swiper-slide.step3.step3 .con, .Tco .slide .swiper-slide.step4.step3 .con { padding-top: 5rem; }
  .Tco .slide .swiper-slide.step5 .con, .Tco .slide .swiper-slide.step6 .con { width: 100%; padding: 3.2rem 0 0; }
  .Tco .slide .swiper-slide.step5 .top, .Tco .slide .swiper-slide.step6 .top { justify-content: space-between; top: 1.2rem; }
  .Tco .slide .swiper-slide.step5 .top .left, .Tco .slide .swiper-slide.step5 .top .right, .Tco .slide .swiper-slide.step6 .top .left, .Tco .slide .swiper-slide.step6 .top .right { flex: 1; }
  .Tco .slide .swiper-slide.step5 .top .left .st, .Tco .slide .swiper-slide.step5 .top .right .st, .Tco .slide .swiper-slide.step6 .top .left .st, .Tco .slide .swiper-slide.step6 .top .right .st { font-size: 0.32rem; line-height: 0.4rem; }
  .Tco .slide .swiper-slide.step5 .top .left .icon, .Tco .slide .swiper-slide.step5 .top .right .icon, .Tco .slide .swiper-slide.step6 .top .left .icon, .Tco .slide .swiper-slide.step6 .top .right .icon { width: 0.26rem; }
  .Tco .slide .swiper-slide.step5 .top .pk, .Tco .slide .swiper-slide.step6 .top .pk { width: 2rem; }
  .Tco .slide .swiper-slide.step5 .box, .Tco .slide .swiper-slide.step6 .box { width: 100%; padding: 0 0.4rem 0.8rem; }
  .Tco .slide .swiper-slide.step5 .form { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .Tco .slide .swiper-slide.step5 .form .left, .Tco .slide .swiper-slide.step5 .form .right { width: 45%; }
  .Tco .slide .swiper-slide.step5 .btn-next { width: 2.8rem; margin: 0.5rem auto; }
  .Tco .slide .swiper-slide.step6 .result .all { padding: 0.4rem; }
  .Tco .slide .swiper-slide.step6 .result .all .bb { justify-content: center; }
  .Tco .slide .swiper-slide.step6 .result .all .bb .left { width: 100%; text-align: center; }
  .Tco .slide .swiper-slide.step6 .result .all .bb .left p { font-size: 0.28rem; margin-top: 0.15rem; }
  .Tco .slide .swiper-slide.step6 .result .all .bb .right { width: 100%; flex-wrap: wrap; }
  .Tco .slide .swiper-slide.step6 .result .all .bb .right dl { width: 100%; margin-top: 0.4rem; }
  .Tco .slide .swiper-slide.step6 .result .all .bb .right dl dt { font-size: 0.28rem; margin-bottom: 0.15rem; }
  .Tco .slide .swiper-slide.step6 .result .all .bb .right dl dd { font-size: 0.4rem; }
  .Tco .slide .swiper-slide.step6 .result .all .bb .right dl dd i { font-size: 0.28rem; margin-left: 0.1rem; }
  .Tco .slide .swiper-slide.step6 .result .list .item { margin-top: 0.3rem; padding: 0.3rem 0.4rem; }
  .Tco .slide .swiper-slide.step6 .result .list .item .t .l { font-size: 0.32rem; }
  .Tco .slide .swiper-slide.step6 .result .list .item .t .r { font-size: 0.26rem; }
  .Tco .slide .swiper-slide.step6 .result .list .item .t .r span { font-size: 0.28rem; margin-left: 0.1rem; }
  .Tco .slide .swiper-slide.step6 .result .list .item .t .r s { font-size: 0.26rem; }
  .Tco .slide .swiper-slide.step6 .result .list .item .c { font-size: 0.28rem; margin-top: 0.3rem; }
  .Tco .slide .swiper-slide.step6 .result .list .item .c span { font-size: 0.26rem; }
  .Tco .slide .swiper-slide.step6 .result .list .item .b .l { font-size: 0.4rem; }
  .Tco .slide .swiper-slide.step6 .result .list .item .b .r { text-align: right; font-size: 0.4rem; }
  .Tco .slide .swiper-slide.step6 .result .list .item .b b { font-size: 0.28rem; }
  .Tco .slide .swiper-slide.step6 .result .list .item .com { font-size: 0.3rem; }
  .Tco .slide .swiper-slide.step6 .result .list .item .com s { font-size: 0.26rem; }
  .Tco .slide .swiper-slide.step6 .result .tip { font-size: 0.26rem; line-height: 0.36rem; margin-top: 0.3rem; }
  .Tco .slide .swiper-slide.step6 .result .us { flex-wrap: wrap; padding: 0 0.4rem; margin-top: 0.4rem; }
  .Tco .slide .swiper-slide.step6 .result .us .item { width: 100%; padding: 0.35rem 0; }
  .Tco .slide .swiper-slide.step6 .result .us .item .icon { width: 0.6rem; margin-right: 0.2rem; }
  .Tco .slide .swiper-slide.step6 .result .us .item:before { width: 100%; height: 1px; }
  .Tco .slide .swiper-slide.step6 .result .us .item .txt h3 { font-size: 0.26rem; }
  .Tco .slide .swiper-slide.step6 .result .us .item .txt h2 { font-size: 0.28rem; margin-top: 0.1rem; }
  .Tco .slide .swiper-slide.step6 .btns { margin: 0.4rem 0 0.6rem; flex-wrap: wrap; }
  .Tco .slide .swiper-slide.step6 .btns .btn { width: 100%; margin: 0.15rem 0.4rem; }
  .Tco .slide .swiper-slide.step6 .btns .btn .icon { width: 0.36rem; margin-right: 0.15rem; }
  .Tco .resultUrl .title { font-size: 0.4rem; color: #fff; }
  .Tco .resultUrl input { width: 80%; font-size: 0.2rem; padding: 0.2rem; background: #fff; margin-top: 0.5rem; }
  .Tco .resultUrl .btns { width: 80%; margin: 0.4rem auto 0.6rem; }
  .Tco .resultUrl .btns .btn { margin: 0.15rem 0.2rem; }
  .Tco .resultUrl .btns .btn .icon { width: 0.36rem; margin-right: 0.15rem; }
  .service-esg ul li { flex: 0 0 100%; margin-top: 5.208vw; padding: 5.208vw; border-radius: 2.604vw; }
  .service-esg ul li .icon { width: 8.594vw; margin-right: 2.604vw; }
  .service-esg ul li .title { width: 0; flex: 1; line-height: 1.5; }
  .service-esg ul li .std-btn1 { margin-left: 2.604vw; } }