@charset "UTF-8";
@font-face{font-family:Lato-Black;src:url(../fonts/Lato-Black.ttf)}
@font-face{font-family:Lato-Bold;src:url(../fonts/Lato-Bold.ttf)}
@font-face{font-family:Lato-Light;src:url(../fonts/Lato-Light.ttf)}
@font-face{font-family:Lato-Regular;src:url(../fonts/Lato-Regular.ttf)}
@font-face{font-family:Lato-Thin;src:url(../fonts/Lato-Thin.ttf)}
.header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 22;
  transition: all ease .3s;
  background: rgba(255, 255, 255, 0.88);
}

.header .d1 .logo img {
  max-width: 1.44rem;
}

.header .d1 .nav li {
  margin-right: 0.8rem;
  position: relative;
}

.header .d1 .nav li a {
  color: #53565A;
}

.header .d1 .nav li .v1 {
  position: relative;
  height: .8rem;
  display: flex;
  transition: all ease .3s;
  align-items: center;
  justify-content: center;
}

.header .d1 .nav li .v1 i {
  font-size: .14rem;
  margin-left: .1rem;
  position: absolute;
  right: -.25rem;
}

.header .d1 .nav li .v1::after {
  content: "";
  width: 0;
  height: 0.03rem;
  background: #2F6BDB;
  position: absolute;
  transition: all ease .3s;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.header .d1 .nav li.on .v1, .header .d1 .nav li.cur .v1 {
  color: #2F6BDB;
}

.header .d1 .nav li.on .v1::after, .header .d1 .nav li.cur .v1::after {
  width: .91rem;
}

.header .d1 .nav li .v2 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  top: 80%;
  background: rgba(255, 255, 255, 0.9);
  width: 1.5rem;
  font-size: .16rem;
  font-weight: normal;
  text-align: center;
  visibility: hidden;
}

.header .d1 .nav li .v2 li {
  margin-right: 0;
  font-family: Lato-Light;
}

.header .d1 .nav li .v2 li a {
  color: #333;
  padding: .1rem;
  display: block;
}

.header .d1 .nav li .v2 li:hover a {
  background: #2F6BDB;
  color: #fff;
}

.header .d1 .nav li .v2.show {
  visibility: visible;
  opacity: 1;
  top: 100%;
  transition: opacity 0.2s ease-out 0s;
}

.header .d1 .nav li:last-child {
  margin-right: .8rem;
}

.header .d1 .lang {
  font-weight: normal;
}

.header .d1 .lang i {
  margin-right: .12rem;
}

.navShow .header {
  background: #fff;
}

.navShow .header .lang {
  color: #282828;
}

.navShow .header .d1 .hdr .nav li a {
  color: rgba(40, 40, 40, 0.6);
}

.navShow .header .d1 .hdr .nav li a::after {
  background: linear-gradient(79deg, #2B75C3 0%, #FF50A2 100%) !important;
  border-radius: .02rem;
}

.navShow .header .d1 .hdr .nav li.on .v1,
.navShow .header .d1 .hdr .nav li .cur .v1, .navShow .header .d1 .hdr .nav li:hover .v1 {
  color: #282828;
}

/* footer */
.footer {
  background: #333 url("../img/bg_ft.png") no-repeat center bottom;
  background-size: cover;
}

.footer .ft1 {
  padding: .5rem 0;
}

.footer .ft1 .col1 .ft-logo img {
  width: 1.52rem;
}

.footer .ft1 .col1 .qrcode {
  text-align: center;
  color: #FDFCFF;
  margin-top: .15rem;
}

.footer .ft1 .col1 .qrcode .ewm {
  margin-bottom: .16rem;
}

.footer .ft1 .col1 .qrcode .ewm img {
  width: 1.2rem;
}

.footer .ft1 .col2 {
  padding-left: .3rem;
  margin-left: .2rem;
  border-left: 1px solid rgba(230, 228, 228, 0.39);
}

.footer .ft1 .col2 .ft-nav li .tit {
  margin-bottom: .3rem;
  position: relative;
}

.footer .ft1 .col2 .ft-nav li .tit a {
  color: #fff;
}

.footer .ft1 .col2 .ft-nav li ul li {
  margin-bottom: .12rem;
}

.footer .ft1 .col2 .ft-nav li ul li a {
  color: #fff;
  font-family: "Lato-Light";
  font-weight: 200;
}

.footer .ft1 .col2 .ft-nav li ul li:hover a {
  color: rgba(255, 255, 255, 0.8);
}

.footer .ft1 .col2 .ft-nav li ul li:last-child {
  margin-bottom: 0;
}

.footer .copyright {
  padding: .31rem 0;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.39);
  color: #fff;
}

.footer .copyright a {
  color: #fff;
}

.footer .copyright a:hover {
  color: rgba(255, 255, 255, 0.88);
}

/* vs-btn按钮 */
.vs-btn {
  position: relative;
  z-index: 1;
}

.vs-btn::before, .vs-btn::after {
  width: 100%;
  height: 100%;
  content: "";
  margin: auto;
  position: absolute;
  top: 0%;
  left: 0%;
  background: #0d4fc9;
  transition: all ease 0.5s;
  z-index: -1;
  border-radius: inherit;
}

.vs-btn::before {
  transform: rotateX(90deg);
}

.vs-btn:after {
  transform: rotateY(90deg);
}

.vs-btn:hover {
  color: #fff;
}

.vs-btn:hover::before {
  transform: rotateX(0);
}

.vs-btn:hover::after {
  transform: rotateY(90deg);
}

.banner {
  /* height: 8.5rem; */
  height: 100vh;;
}

.banner .swiper-container,
.banner .swiper-slide {
  height: 100%;
}

.banner .slide-txt {
  height: 100%;
  color: #fff;
}

.banner .slide-txt .list {
  margin-top: .46rem;
}

.banner .slide-txt .list li {
  margin-right: .7rem;
  text-align: center;
}

.banner .slide-txt .list li .icon {
  width: 0.86rem;
  height: 0.86rem;
  margin: 0 auto;
  border-radius: 50%;
  border: 1px solid #E6F4FB;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner .slide-txt .list li .icon img {
  width: .45rem;
}

.banner .slide-txt .list li .tit {
  margin-top: .18rem;
}

.banner .swiper-pagination {
  bottom: .3rem;
}

.banner .swiper-pagination .swiper-pagination-bullet {
  width: .1rem;
  height: .1rem;
  background: rgba(255, 255, 255, 0.6);
  opacity: 1;
  margin: 0 .1rem;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--color);
  width: .44rem;
  border-radius: 0.05rem;
}

.vmore a,
.vmore .a {
  padding: .15rem .25rem;
  background: var(--color);
  color: #fff;
  border-radius: 0.25rem;
}

.vmore a i,
.vmore .a i {
  margin-left: .08rem;
}

.vmore a:hover,
.vmore .a:hover {
  opacity: .88;
}

.bgt {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* 首页 */
.section1 .item-info {
  height: 100%;
  padding: .5rem .84rem;
}

.section1 .item-info .desc {
  margin: .38rem 0 .48rem;
}

.section1 .item-pic {
  height: 100%;
}

.section1 .item-pic .fitImg {
  height: 100%;
  padding-top: 0;
}

.section1 .vmore {
  margin: .25rem 0 .5rem;
}

.section1 .list li .item .item-tit {
  color: #272727;
  /* white-space: nowrap; */
  margin-bottom: .12rem;
}

.section1 .list li .item .item-cont .icon {
  margin-left: .18rem;
}

.section1 .list li .item .item-cont .icon img {
  width: .39rem;
}

.sec-type {
  margin-bottom: .35rem;
}

.sec-type .desc {
  color: #9D999B;
  margin-top: .15rem;
}

.sec-type .desc2 {
  margin: .3rem 0;
  line-height: 1.8;
}

.swp-jt .jt {
  width: 0.57rem;
  height: 0.57rem;
  background: #003393;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  bottom: -.28rem;
  z-index: 1;
  cursor: pointer;
  font-weight: bold;
  font-size: .4rem;
}

.swp-jt .jt.prev {
  left: 0;
}

.swp-jt .jt.next {
  right: 0;
}

.swp-jt .jt:hover {
  background: #fff;
}

.swp-jt .jt:hover i {
  color: var(--color);
}

.section2 {
  padding: .6rem 0 .88rem;
  position: relative;
  z-index: 1;
}

.section2::before {
  content: "";
  width: 100%;
  height: 3.47rem;
  background: #2F6BDB;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.section2::after {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  position: absolute;
  bottom: .9rem;
  left: 0;
}

.section2 .tabs {
  margin-bottom: .52rem;
}

.section2 .tabs li {
  padding: .13rem .27rem;
  background: #F9F9FE;
  border-radius: .24rem;
  margin: 0 .12rem;
  color: #898484;
  cursor: pointer;
  text-align: center;
  min-width: 1.66rem;
  transition: all ease .3s;
}

.section2 .tabs li:hover, .section2 .tabs li.on {
  background: var(--color);
  color: #fff;
}

.section2 .tablist .item {
  color: #fff;
  position: relative;
  overflow: hidden;
}

.section2 .tablist .item .item-pic .fitImg {
  padding-top: 80.31%;
}

.section2 .tablist .item .item-tit {
  margin: .36rem 0 .82rem;
}

.section2 .tablist .item .item-tit img {
  width: .29rem;
  margin-right: .1rem;
}

.section2 .tablist .item .item-tit .tit {
  max-width: 55%;
}

.section2 .tablist .item .item-tit .line {
  margin: 0 .3rem;
}

.section2 .tablist .item::after {
  content: "";
  width: 0;
  height: .05rem;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all ease .3s;
}

.section2 .tablist .item:hover::after {
  width: 100%;
}

.section2 .tablist .tabcont {
  display: none;
  position: relative;
}

.section2 .swp-jt .jt.prev {
  left: 2.15rem;
}

.section2 .swp-jt .jt.next {
  right: 2.96rem;
}

.section3 .list .item {
  position: relative;
  overflow: hidden;
}

.section3 .list .item .item-pic {
  height: 4.6rem;
}

.section3 .list .item .item-pic .fitImg {
  height: 100%;
  padding-top: 0;
}

.section3 .list .item .item-txt {
  width: 100%;
  position: absolute;
  background: url("../img/bgc.png") no-repeat bottom center;
  background-size: 100% 100%;
  bottom: -.4rem;
  left: 0;
  z-index: 1;
  padding: .3rem;
  transition: all ease .3s;
  color: #fff;
}

.section3 .list .item .item-txt .desc {
  margin: .14rem 0 .22rem;
  color: rgba(255, 255, 255, 0.6);
}

.section3 .list .item .item-txt .more {
  color: #FEFEFE;
  opacity: 0;
}

.section3 .list .item .item-txt .more i {
  margin-left: .07rem;
}

.section3 .list .item:hover .item-txt {
  bottom: 0;
}

.section3 .list .item:hover .item-txt .more {
  opacity: 1;
}

.section4 .item .fitImg {
  padding-top: 74.46%;
}

.section4 .item .item-date {
  margin-top: .32rem;
  color: #898484;
}

.section4 .item .item-tit {
  margin: .2rem 0;
}

.section4 .item .item-desc {
  color: #A4A1A1;
}

.section4 .item .vmore2 {
  margin-top: .22rem;
}

.section4 .item .vmore2 i {
  font-size: .16rem;
}

.section5 {
  background: #fdfcff url("../img/bg_sec5.png") no-repeat bottom center;
  background-size: 100%;
  padding-bottom: 1.57rem;
}

.section5 .form .item {
  border: 1px solid #D8D8D8;
  background: #FAF9FE;
}

.section5 .form .item input {
  width: 100%;
  height: .57rem;
  padding: 0 .3rem;
}

.section5 .form .item textarea {
  width: 100%;
  height: 1.27rem;
  padding: .2rem .3rem;
  resize: none;
}

.section5 .form .xieyi {
  margin: .3rem 0 .37rem;
}

.section5 .form .xieyi label {
  display: inline-flex;
}

.section5 .form .xieyi input {
  margin-right: .05rem;
  zoom: 135%;
}

.section5 .form .xieyi a {
  color: var(--color);
}

.section5 .form .btn button {
  width: 2.3rem;
  height: 0.57rem;
  background: #2F6BDB;
  border-radius: 0.08rem;
  color: #fff;
}

.crumbs {
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 2;
  border-bottom: 1px solid rgba(193, 193, 193, 0.74);
}

.crumbs .position {
  color: #A0A0A0;
}

.crumbs .position a {
  color: #A0A0A0;
}

.crumbs .position a i {
  margin-right: .12rem;
}

.crumbs .position a:hover {
  color: var(--color);
}

.crumbs .subcat li {
  margin-left: .45rem;
}

.crumbs .subcat li a {
  padding: .19rem 0;
  display: inline-block;
  position: relative;
  color: #8F8F8F;
}

.crumbs .subcat li a::after {
  content: "";
  width: 0;
  height: .02rem;
  background: var(--color);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all ease .3s;
}

.crumbs .subcat li:hover a, .crumbs .subcat li.active a {
  color: var(--color);
}

.crumbs .subcat li:hover a::after, .crumbs .subcat li.active a::after {
  width: 100%;
}

.inner-slide {
  position: relative;
}

.inner-slide img {
  display: block;
}

.inner-slide .slide-txt {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
}

.inner-slide .slide-txt .typename {
  color: #fff;
  margin-top: -1rem;
}

/* 技术 */
.jisu .list .dd {
  margin-bottom: .4rem;
}

.jisu .list .dd .item {
  background: #F9F9FE;
  align-items: stretch;
  transition: all ease .3s;
}

.jisu .list .dd .item .item-pic {
  height: 100%;
}

.jisu .list .dd .item .fitImg {
  height: 100%;
  padding: 0;
}

.jisu .list .dd .item .item-info {
  padding: .5rem .8rem;
  position: relative;
}

.jisu .list .dd .item .item-info::after {
  content: "";
  width: 0;
  height: .03rem;
  background: var(--color);
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all ease .3s;
}

.jisu .list .dd .item .item-info .tit {
  color: var(--color);
}

.jisu .list .dd .item .item-info .desc {
  margin: .25rem 0;
  line-height: 1.5;
}

.jisu .list .dd .item .item-info .cont {
  color: #242424;
  line-height: 1.8;
}

.jisu .list .dd .item .item-info .cont ul li {
  padding-left: .15rem;
  position: relative;
  margin: .01rem 0;
}

.jisu .list .dd .item .item-info .cont ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .15rem;
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 50%;
  background: #242424;
}

.jisu .list .dd .item .item-info .cont ul li:last-child {
  margin-bottom: 0;
}

/* 2025-1-13 单页模板样式 */
.jisu .list .dd .item .item-info1 {
  padding: .5rem .8rem;
  position: relative;
}

.jisu .list .dd .item .item-info1 .tit {
  color: var(--color);
  text-align: center;
}

.jisu .list .dd .item .item-info1 .desc {
  margin: .25rem 0;
  line-height: 1.5;
}

.jisu .list .dd .item .item-info1 .cont {
  color: #242424;
  line-height: 1.8;
}

.jisu .list .dd .item .item-info1 .cont ul li {
  padding-left: .15rem;
  position: relative;
  margin: .01rem 0;
}
/* 2025-1-13 end 单页模板样式  */

.jisu .list .dd:hover .item {
  background: #F4F4F4;
}

.jisu .list .dd:hover .item .item-info::after {
  width: 100%;
}

.business .list .dd .item .item-info {
  padding: .95rem .8rem;
}

.business .list .dd .item .item-info .vmore a {
  background: #6899F6;
}

/* news */
.news .news-left {
  margin-right: .5rem;
}

.news .news-left .list li {
  margin-bottom: .3rem;
}

.news .news-left .list li .item {
  transition: all ease .3s;
}

.news .news-left .list li .item .item-pic {
  width: 4.15rem;
  flex-shrink: 0;
}

.news .news-left .list li .item .item-pic .fitImg {
  padding-top: 71.32%;
}

.news .news-left .list li .item .item-info {
  padding: .35rem;
}

.news .news-left .list li .item .item-info .desc {
  margin: .2rem 0 .65rem;
  color: #1B1B1B;
}

.news .news-left .list li .item .item-info .date {
  color: #3D3D3D;
}

.news .news-left .list li .item .item-info .date i {
  margin-right: .1rem;
  color: #7D7D7D;
  font-weight: normal;
}

.news .news-left .list li:hover .item {
  background: var(--color);
  color: #fff;
}

.news .news-left .list li:hover .item .item-info .desc,
.news .news-left .list li:hover .item .item-info .date {
  color: #fff;
}

.news .news-left .list li:hover .item .item-info .desc i,
.news .news-left .list li:hover .item .item-info .date i {
  color: #fff;
}

.news .news-side {
  width: 3.6rem;
}

.news .news-side .cont {
  position: sticky;
  top: .6rem;
  border: 1px solid #E6E6E6;
}

.news .news-side .side1 {
  background: var(--color);
  color: #fff;
  padding: .2rem .3rem;
}

.news .news-side .side2 {
  padding: .15rem .3rem .2rem .3rem;
}

.news .news-side .side2 li {
  padding: .16rem 0;
  margin: .12rem 0;
  border-bottom: 1px solid #DBDBDB;
  color: #4E4E4E;
}

.news .news-side .side2 li select {
  width: 100%;
  font-size: inherit;
  outline: 0;
  background: url("../img/xjt.png") no-repeat right center;
  background-size: .11rem .07rem;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.news .news-side .side2 li .int input {
  width: 100%;
}

.news .news-side .side2 li button {
  margin-left: .1rem;
  background: none;
}

.news .news-side2 {
  width: 4.12rem;
}

.news .news-side2 .tabs li {
  margin-right: .2rem;
  position: relative;
  cursor: pointer;
  padding-right: .2rem;
}

.news .news-side2 .tabs li::after {
  content: "";
  width: .02rem;
  height: .24rem;
  background: #313131;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.news .news-side2 .tabs li:last-child::after {
  display: none;
}

.news .news-side2 .tabs li.on {
  color: var(--color);
}

.news .news-side2 .tablist .tabcont {
  display: none;
}

.news .news-side2 .tablist li {
  margin-top: .4rem;
}

.news .news-side2 .tablist li .item .item-pic {
  width: 1.73rem;
  flex-shrink: 0;
  margin-right: .18rem;
}

.news .news-side2 .tablist li .item .item-info .date {
  color: #666;
  margin: .08rem 0 .17rem;
}

.news .news-side2 .tablist li .item .item-info .desc {
  color: #000;
}

.news .news-contbox .news-date {
  padding: .21rem 0 .3rem;
  color: #888;
  border-bottom: 1px solid #E6E6E6;
}

.news .news-contbox .news-date i {
  margin-right: .12rem;
  color: #8c8c8c;
}

.news .news-contbox .news-info {
  line-height: 2;
  padding: .2rem 0;
}

.news .news-contbox .news-info p {
  margin: .1rem 0;
}

.news .news-contbox .news-info img {
  max-width: 100% !important;
  height: auto !important;
}

.pages {
  padding: .2rem 0 .4rem;
}

.pages li {
  margin: 0 .08rem;
}

.pages li a {
  width: 0.38rem;
  height: 0.38rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #DCDCDC;
}

.pages li:hover a, .pages li.on a {
  background: var(--color);
  border-color: var(--color);
  color: #fff;
}

.pages li.prev a, .pages li.next a {
  border: 0;
  background: none;
}

.pages li.prev:hover a, .pages li.next:hover a {
  color: var(--color);
}

/* contact */
.contact {
  background: #F9F9FE url("../img/bg_lx.jpg") no-repeat right top;
}

.contact .cont1 {
  margin-bottom: .6rem;
}

.contact .cont1 li {
  display: flex;
}

.contact .cont1 li .item {
  flex: 1;
  box-shadow: -1px 0.01rem 0.1rem rgba(0, 0, 0, 0.175);
  border-bottom: 0.03rem solid var(--color);
  padding: .4rem;
  text-align: center;
  transition: all ease .3s;
  background: #fff;
}

.contact .cont1 li .item .icon img {
  width: .7rem;
}

.contact .cont1 li .item .tit {
  margin: .25rem 0;
}

.contact .cont1 li .item .cont {
  line-height: 1.5;
}

.contact .cont1 li .item .ewm {
  position: relative;
}

.contact .cont1 li .item .ewm .bg-ewm {
  width: 1.57rem;
}

.contact .cont1 li .item .ewm .wxt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 1.18rem;
  height: 1.18rem;
}

.contact .cont1 li:hover .item {
  transform: translateY(-5px);
}

.contact .cont2 {
  box-shadow: -1px 0.01rem 0.1rem rgba(0, 0, 0, 0.175);
  border-bottom: 0.03rem solid var(--color);
  background: #fff;
}

.contact .cont2 .col1 {
  width: 4.77rem;
  color: #fff;
  padding: 1.3rem .5rem;
}

.contact .cont2 .col1 .icon img {
  width: .66rem;
}

.contact .cont2 .col1 .tit {
  margin: .25rem 0;
}

.contact .cont2 .col2 {
  padding: .6rem .48rem;
}

.contact .cont2 .col2 .form .item {
  border: 1px solid #D8D8D8;
  background: #FAF9FE;
}

.contact .cont2 .col2 .form .item input,
.contact .cont2 .col2 .form .item select {
  width: 100%;
  height: .57rem;
  padding: 0 .25rem;
}

.contact .cont2 .col2 .form .item textarea {
  width: 100%;
  height: 1.27rem;
  padding: .1rem .25rem;
  resize: none;
}

.contact .cont2 .col2 .form .item select {
  width: 100%;
  font-size: inherit;
  outline: 0;
  background: url("../img/xjt2.png") no-repeat right 0.3rem center;
  background-size: .17rem .09rem;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.contact .cont2 .col2 .form .btn {
  margin-top: .39rem;
}

.contact .cont2 .col2 .form .btn button {
  width: 2.3rem;
  height: 0.57rem;
  background: #6899F6;
  border-radius: 0.08rem;
  color: #fff;
}

/* project */
.project .list {
  padding-bottom: .25rem;
}

.project .item {
  background: #F7F7F7;
  transition: all ease .3s;
}

.project .item .fitImg {
  padding-top: 83.21%;
}

.project .item .item-attr {
  padding: .24rem .12rem;
}

.project .item .item-attr .dd {
  margin-bottom: .11rem;
  color: #0E0E0E;
}

.project .item .item-attr .dd:last-child {
  margin-bottom: 0;
}

.project .item .item-attr .dd i {
  width: .29rem;
  height: .26rem;
  flex-shrink: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: .12rem;
}

.project .item .item-attr .dd i.i1 {
  background-image: url("../img/i_xm1.png");
}

.project .item .item-attr .dd i.i2 {
  background-image: url("../img/i_xm2.png");
}

.project .item .item-attr .dd .tit {
  overflow: hidden;
  flex: 1;
}

.project .item:hover {
  background: var(--color);
  color: #fff;
}

.project .item:hover .item-attr .dd {
  color: #fff;
}

.project .item:hover .item-attr .dd i.i1 {
  background-image: url("../img/i_xm01.png");
}

.project .item:hover .item-attr .dd i.i2 {
  background-image: url("../img/i_xm02.png");
}

.project-detail {
  background: #F0F0F0;
  padding: .82rem 0;
}

.project-detail .contbox {
  align-items: stretch;
}

.project-detail .contbox .col1 {
  width: 6.83rem;
  margin-right: .45rem;
}

.project-detail .contbox .col1 .fitImg {
  height: 100%;
}

.project-detail .contbox .col2 {
  background: #fff;
  padding: .4rem .6rem;
}

.project-detail .contbox .col2 .title {
  color: var(--color);
}

.project-detail .contbox .col2 .list {
  margin: .15rem 0 .35rem;
}

.project-detail .contbox .col2 .list li {
  border-bottom: 1px solid #D5D6DA;
  padding: .25rem 0;
}

.project-detail .contbox .col2 .back a {
  color: #2F6BDB;
}

.project-detail .contbox .col2 .back a span {
  width: 0.26rem;
  height: 0.26rem;
  border-radius: 50%;
  margin-right: .18rem;
  background: var(--color);
  color: #fff;
  font-weight: bold;
}

/* job */
.job .job1 .txt1 {
  line-height: 1.8;
  text-align: center;
  color: #292929;
}

.job .job1 .list {
  margin-top: .6rem;
}

.job .job1 .list li {
  width: 100%;
  max-width: 2.81rem;
}

.job .job1 .list li .item {
  padding: .3rem 0;
  text-align: center;
  width: 100%;
  border: 1px solid #E2E2E2;
  border-bottom: 0.03rem solid var(--color);
  color: #292929;
  transition: all ease .3s;
}

.job .job1 .list li .item .icon {
  width: .45rem;
  height: .45rem;
  margin: 0 auto .15rem auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.job .job1 .list li:hover .item {
  transform: translateY(-5px);
}

.job .job2 .item {
  margin: .25rem 0;
}

.job .job2 .slides {
  position: relative;
  padding: 0 .5rem;
}

.job .job2 .slides .jt {
  top: 50%;
  transform: translateY(-50%);
}

.job .job2 .slides .lbt {
  overflow: hidden;
}

.job .job2 .slides .item {
  border-radius: .1rem;
}

.job .job2 .slides .item .item-tit {
  background: #fff;
  padding: .28rem .3rem;
}

.job .job3 .sec-type .desc {
  color: #272727;
}

.job .job3 .list {
  padding-top: .2rem;
}

.job .job3 .list li .item {
  background-image: url("../img/bg_card1.jpg");
  padding: .3rem .37rem;
  transition: all ease .3s;
  cursor: pointer;
}

.job .job3 .list li .item .item-add {
  margin: .22rem 0;
}

.job .job3 .list li .item .item-add .dz {
  margin-right: .22rem;
}

.job .job3 .list li .item .item-add .link {
  width: 0.97rem;
  height: 0.32rem;
  border-radius: 0.16rem;
  border: 1px solid var(--color);
  color: var(--color);
}

.job .job3 .list li .item .lay-gw,
.job .job3 .list li .item .lay-dz {
  display: none;
}

.job .job3 .list li:hover .item {
  color: #fff;
  background-image: url("../img/bg_card2.jpg");
}

.job .job3 .list li:hover .item .link {
  border-color: #fff;
  color: #fff;
}

.laybox {
  width: 100%;
  height: 100%;
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  z-index: 22;
  background: rgba(0, 0, 0, 0.45);
}

.laybox .wrap {
  width: 100%;
  height: 100%;
}

.laybox .contbox {
  width: 94%;
  max-width: 7.47rem;
  background: #fff;
  padding-bottom: .2rem;
}

.laybox .contbox .lay-tit {
  color: #fff;
  padding: .2rem .45rem;
  background-image: url("../img/bg_card2.jpg");
}

.laybox .contbox .lay-cont {
  padding: 0 .45rem;
}

.laybox .contbox .lay-cont .dd {
  padding: .28rem 0;
  border-bottom: 1px solid #EBEBEB;
}

.laybox .contbox .lay-cont .dd:last-child {
  border-bottom: 0;
}

.laybox .contbox .lay-cont .dd .tit {
  margin-bottom: .12rem;
}

.laybox .contbox .lay-cont .dd .tit img {
  width: .23rem;
  margin-right: .1rem;
}

.laybox .contbox .lay-cont .dd .cont {
  line-height: 2;
}

/* about */
.about .about1 .contbox {
  background-image: url(../img/bg_ab1.jpg);
  background-position: bottom center;
  background-size: 100%;
  padding: .5rem .8rem;
}

.about .about1 .desc {
  margin: .4rem 0;
}

.about .about1 .list li .item .item-tit {
  color: #898484;
  /* white-space: nowrap; */
  margin-bottom: .12rem;
}

.about .about1 .list li .item .item-cont .icon {
  margin-left: .18rem;
}

.about .about1 .list li .item .item-cont .icon img {
  width: .39rem;
}

.about .about2 {
  color: #fff;
  overflow: hidden;
}

.about .about2 .sec-type .desc {
  max-width: 11rem;
  margin: .25rem auto 0 auto;
  color: #fff;
  line-height: 1.8;
}

.about .about2 .slides1 {
  width: 100%;
}

.about .about2 .slides1 .item {
  width: 100%;
}

.about .about2 .slides1 .item .item-pic img {
  width: 100%;
}

.about .about2 .slides1 .item .item-info {
  padding-left: .6rem;
}

.about .about2 .slides1 .item .item-info .desc {
  margin: .4rem 0;
  line-height: 1.8;
}

.about .about2 .slides1 .item .item-info .vmore a {
  background: #003393;
}

.about .about2 .slides1 .item .item-info .vmore a img {
  width: .2rem;
  margin-left: .1rem;
}

.about .about2 .slides1 .swp-jt {
  width: 1.87rem;
  float: right;
  margin-top: .6rem;
}

.about .about2 .slides1 .swp-jt .jt {
  width: .4rem;
  height: .4rem;
  flex-shrink: 0;
}

.about .about2 .slides1 .swp-jt .jt,
.about .about2 .slides1 .swp-jt .swiper-pagination {
  position: unset;
}

.about .about3 li .item {
  padding: 1.3rem 0 2.6rem;
  color: #FDFDFD;
  overflow: hidden;
  position: relative;
}

.about .about3 li .item .pimg {
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: .6s;
  -o-transition: .6s;
  -moz-transition: .6s;
  transition: .6s;
}

.about .about3 li .item .icon img {
  width: .88rem;
}

.about .about3 li .item .tit {
  margin: .23rem 0 .3rem;
}

.about .about3 li .item:hover .pimg {
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
}

.about .about4 {
  background-image: url("../img/bg_ab4.jpg");
  text-align: center;
}

.about .about4 .slides2 .item {
  margin: .2rem;
}

.about .about4 .slides2 .item .item-pic {
  height: 3.68rem;
  background: #FFFFFF;
  border: 1px solid #E3E4E6;
  margin-bottom: .2rem;
}

.about .about4 .slides2 .item .item-pic img {
  max-height: 90%;
}

.about .about4 .slides2 .item .item-tit {
  color: #272727;
}

.about .about4 .slides2 .swiper-wrapper {
  padding-bottom: .65rem;
}

.about .about4 .slides2 .swiper-pagination .swiper-pagination-bullet {
  width: 0.1rem;
  height: 0.1rem;
  background: #D5D6DA;
  border-radius: 50%;
  margin: 0 .05rem;
  opacity: 1;
}

.about .about4 .slides2 .swiper-pagination .swiper-pagination-bullet-active {
  width: .44rem;
  border-radius: .05rem;
  background: var(--color);
}

.about .about5 {
  padding: .8rem 0 1.1rem;
  color: #fff;
}

.about .about5 .sec-type .desc {
  color: #fff;
}

.about .about5 .list {
  padding-top: .4rem;
}

.about .about5 .list ul {
  width: 100%;
  max-width: 7.4rem;
}

.about .about5 .list li {
  max-width: 2.5rem;
  text-align: center;
}

.about .about5 .list li .icon img {
  max-width: 1.56rem;
}

.about .about5 .list li .tit {
  margin: .2rem 0 .28rem;
}

.about .about5 .list li .desc {
  color: #FDFDFD;
  line-height: 1.6;
}