@charset "utf-8";
.nav-top { width: 100%; height: 1.64rem; position: fixed;left: 0; top: 0; z-index: 99;  color:#fff;}
.nav-top > .w100{ padding: 0.5rem 0.3rem;}
.logo-div{ width: 2.76rem; }
.nav-top .menu{ line-height: 1;}
.nav-top .nav{ width: 100%; margin:0 auto; }
.nav-top .tel{ margin-top: 7px; line-height: 30px; width: 17%; white-space: nowrap;}
.nav-top .tel i{ font-size: 36px;}
.logo-div #img2{ display: none;}
.nav-active,.headroom--not-top{ background-color: #fff;}
.nav-active .logo-div #img,.headroom--not-top .logo-div #img{ display: none;}
.nav-active .logo-div #img2,.headroom--not-top .logo-div #img2{ display: block; }
.nav-active .menu,.headroom--not-top .menu{ color: #0e1c39;}
.nav-right{ position: fixed; right: 0; top:0;  background: #fff; height: 100%; transform: translateX(100%);  z-index: 100; overflow: hidden; max-width: 750px; width: 100%; }
.nav-right .top{ padding: 0.5rem 0.3rem; }
.nav-right.active{ width: 100%; right: 50%; transform: translateX(50%);}
.nav-right .nav li{ margin-bottom: .48rem; position: relative;  display: flex;  align-items: center;  line-height: 1.6;}
.nav-right .nav a{ display: flex;  align-items: center; text-indent: 0.48rem; color: #0e1c39;}
.nav-right .nav .active .a { text-indent: 0; color: #98583e;}
.nav-right .nav .active .a::before{content: ""; width: 1.16rem; height: 1px; background: #98583e; margin-right: .2rem; }
.nav-right .nav .icon-down{ position: absolute; right: 1.2rem; top: -1rem; padding-top: 1.5rem; height: 2.6rem; }
.nav-right .nav .drop{ position: fixed; left: 0; top:0; height: 100%; background-color: #fff; z-index: 1001; transform: translateX(100%);}
.nav-right .nav .drop.show{transform:translateX(0); }
.nav-right .nav .drop li{ border-bottom: 1px solid #f0f1f2; }
.nav-right .nav .drop li a{ padding-bottom: .24rem;}
.nav-right .nav .drop li a.active{ color: #de8d6c;}
.nav-bottom{ position: absolute; bottom: 0; left: 0; padding: .66rem .36rem; z-index: 1002;}
.nav-bottom .icon-tel{ width: .72rem; height: .72rem; line-height: 1; background-color: #87a3cf; border-radius: 50%; margin-right: .32rem; display: inline-block; font-size: .7rem;}
.btn-1{ display: block; background-color: #de8d6c; line-height: 1rem;}


.banner .slider { padding: 0 0 56.8px; object-fit: contain;}
.banner .banner-swiper li{ padding-bottom: 64px; }
.banner .banner-swiper .img{ width: 100%;overflow: hidden; }

.banner a{ display: block; width: 100%; height: 100%;  }
a.hover{  cursor: url(/public/images/hover.ico),auto;  }

.banner .info{  width: 95%; height: 3.28rem; position: absolute; left: 5%; top:70%; line-height: 1.38; }
.banner .info .text{ background: url(/public/images/bg-1.png) no-repeat center/100% 100%;  padding: 0.56rem 0.36rem 0.48rem 0.36rem; }
.banner .info .progress{ height: 2px; background: rgba(255,255,255,.2); width: 100%; width: 1071px; bottom: -340px; right: 0;}
.banner .info .progress .line{ height: 100%; width: 0; background: #de8d6c; }
.banner .info.no-bg .text{ background: none; }
.banner .info.no-bg .progress{ opacity: 0; }
.banner .info.no-bg .span{ margin-top: 0.2rem; }

.banner .info .span{ display: inline-block; margin: 0.4rem 0.72rem auto auto; letter-spacing: 6px; }
.banner .info .span i{ margin: 0 0 0 24px;  border: solid 1px rgba(255,255,255, 0.3); color: #fff;  }

.banner li{ transition-timing-function: ease-in-out; }
.banner-swiper .pagi { position: absolute; left: 0; bottom: 20px; width: 90px; text-align: center; padding: 35px; height: 250px; z-index: 100;}
.banner-swiper .pagi .swiper-pagination-bullet{ width: 6px;  height: 6px;  margin: 11px 2px 13px 2px;  transform: rotate(-315deg);  opacity: 0.5;  background-color: #fafbfc; border-radius: 0; display: block;}
.banner-swiper .pagi .swiper-pagination-bullet-active{  width: 10px;  height: 10px;  margin: 0 0 11px;  transform: rotate(-315deg);  border: solid 1px #fff; background: none;}
.banner-swiper .button-next,.banner-swiper .button-prev{ width: 10%;position:  absolute; right: 0; top:0; height: 100%; z-index: 10; }
.banner-swiper .button-prev{ left: 0; right: auto; }

.index-advant{ padding: 1.08rem 0.36rem;  position: relative; box-sizing: border-box;}
.index-advant:after{ content: ""; height: 678px; background: url(/public/images/bg-point.png) repeat left top/27px; }
.index-advant h1{line-height: 1.18; margin-bottom: 0.72rem; z-index: 101; }
.index-advant li{  z-index: 100; }
.index-advant li .info{ width: 90%;}
.index-advant li .info .text{ width: 80%;}
.index-advant li h4{ height: 1;}
.index-advant li h4 span{ align-items: center;}
.index-advant li h4 span::after{ height: 1px; background-color: #98583e; }
.index-advant li .text{  padding-bottom: 10px;}
.index-advant li .img{ width:100%; padding-bottom: .72rem; position: relative; }
.index-advant li .img::after{ content: ""; position: absolute; right: 0; bottom: 0; display: block; height: 90%; width: 90%; background: url(/public/images/bg-point.png) repeat left top/0.27rem; z-index: -1; }
.index-advant li.swiper-slide-next .info{ margin-left: -15%;}
.index-advant li img{ width: 83%; }

.index-case{ margin-top: .4rem; background: #fff url(/public/images/bg-2.jpg) no-repeat center bottom;}
.index-case h1{ position: relative;text-align: right; line-height: 1.2;}
.index-case h1:before{ position: absolute; content: ""; left: 0; top:1.38rem; background: #0e1c39; height: 1px; width: 35%; }
.index-case li.swiper-slide{ margin-top: 0.5rem; height: 4.8rem;}
.index-case li.swiper-slide.scale{ animation:scaleimg  0.4s ease 0.4s 1; display: block;}

.index-case li.swiper-slide > a{ height: 100%;}
.index-case .navigator .bor{ display: inline-block; width: 50px;  height: 1px; background-color: #c3c4c5; vertical-align: middle; }
.index-case .case-swiper-bor{position: relative; width: 80%; height: 1px; margin-top: .25rem; background:rgba(255,255,255,.2);}
.index-case .case-swiper-bor .line{ position: absolute; left: 0; top: 0; height: 1px; background-color: #de8d6c;}
.index-case .navigator .page{ width: 18%}

@keyframes scaleimg{

  90%{transform:scale(0.98,0.98);}
  95%{transform:scale(1,1);}
}
.index-case .a-more{ margin-top: .6rem; z-index: 10 }
.a-more{ position: relative; width: 152px; height: 92px; margin:0 auto; }
.a-more a{position: relative; display: block; font-size: 16px; color: #de8d6c; text-align: center; line-height: 90px; }
.a-more svg{ position: absolute; left: 0; top:0; }

.index-des{ background:#242f4e url(/public/images/bg-3.jpg) no-repeat center top/100%; padding:0.9rem 0 1.8rem;}
.index-des h1{ position: relative }
.index-des h1:after{ content: ""; display: block; position: absolute; width: 30%; height: 1px;  background: #fff; left: 0; top: 1.1rem; }
.index-des .des-swiper { margin:50px auto 35px 0.42rem; }
.index-des ul{ font-size: 0;}
.index-des ul li{ position: relative; margin-right: 0.42rem; margin-bottom: 0.42rem; width: 75%; height: 6.98rem; overflow: hidden;}
.index-des ul li a{ height: 100%; }
.index-des ul li .img{ width: 100%; height: 100%; overflow: hidden; background-image: linear-gradient(45deg, #000000 60%, #3f3e45) }
.index-des ul li .img img{ width: 100%; height: 100%; object-fit: cover; }
.index-des .info{ position: absolute; width: 100%; left: 0;bottom: 0; color: #fff; padding: 23px 32px 32px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); line-height: 2; }
.index-des .txt{ color: #a2a3a4; }


.index-pro{ background: url(/public/images/pro-bg.png) no-repeat left .8rem/100%; padding-top:1.6rem; }
.index-pro h1{ padding-left:1.1rem; }
.service-process{ padding:0.8rem 0.4rem 0.8rem .8rem;}
.index-pro .service-process .process{ margin-top:0;  background: url(../images/pro-bg.png) no-repeat center .9rem/111%; padding-left: 0.6rem; }
.index-pro .service-process .process ol.first{ padding-left: 9%; }
.index-pro  .service-process .process ol li div{ width: 100%;}
.index-pro .service-process .process ol li:first-child{ margin-left: 57%;}
.index-pro .service-process .process ol li{ width: 43%; height: 1.36rem;}
.index-pro .service-process .process ol.li2{ padding-left: 17.5%; }
.index-pro .service-process .process ol.li2 li{ float: right; }
.index-pro .service-process .process ol.li7{ padding-left: 17.5%; border:none; }
.index-pro .service-process .process ol.li7 .en{ height: 35px; }
.service-process .process ol.li7 li .num{ margin-top: 0 }
.service-process .process ol.li7 li div{ line-height: 1.15; }


.index-mr{ background: url(../images/bg-5.jpg) no-repeat center top;  padding: 70px 0 110px 0; }
.index-mr .mr-swiper{ overflow: hidden; }
.index-mr ul{ margin-top:90px; }
.index-mr li{ border-top: 1px solid #242f4e; padding-top: 24px; line-height: 2; opacity: 0.5 }
.index-mr li:before{display: block; content: ""; background: url(../images/icon-mr.png) no-repeat center/100%; width: 40px; height: 59px; }
.index-mr li h4{ margin-top: 30px; }
.index-mr li.swiper-slide-active{ opacity: 1; }

.bottom{ background: url(/public/images/bg-4.jpg) no-repeat center top/auto 100%; padding: 1.08rem .36rem 1.8rem .36rem;}
.bottom .w .list > div{ width: 100%; font-size: 16px; color: #fff; line-height: 1.8; font-weight: 300;}
.bottom .logo{ width: 2.96rem; }
.bottom .logo img{ width: 100%; }
.bottom .form{ margin-top: 1.08rem;}
.bottom .h4{ color: #87a3cf; margin-bottom:.48rem; }
.bottom .form .input::input-placeholder{ color: #343c56 }
.bottom .form .input::-webkit-input-placeholder{ color: #fff; }
.bottom .form .input::-moz-input-placeholder,.bottom .form .input:-moz-placeholder {color: #343c56 }
.bottom .form .input{padding:10px 20px; border: solid 1px #87a3cf; width: 100%; font-size: 15px; font-weight: 300; line-height: 2; color: #fff; margin-bottom: 16px; background: none; }
.bottom .form .btn-1{ margin-top: 35px; }
.bottom .center,.bottom .right{ padding-top: 1.08rem; }
.bottom .center .address span{ display:inline-block; width: 80%; vertical-align: top;}
.bottom .h4-1{ margin-bottom: .4rem; }

.bottom .right ul{ width: 210px; }
.bottom .right li { position: relative; }
.bottom .right li a{ display: block; border:1px solid #4e566d; width: 52px; height: 52px; line-height: 32px; padding:10px; font-size: 32px; color: #fff; }
.bottom .right li .hide{ opacity: 0; display: block; position: absolute; width: 2rem; left: 66%; bottom: 52px; visibility: hidden;}
.bottom .right li a.active .hide{ opacity: 1; margin-left: -33px; visibility: visible; }
.bottom .right li a .hide img{ width: 100%; }

.bottom .copyright{ margin-top: 1.08rem; }
.bottom .copyright .fr{ margin-left: 35px; }

.fix-bottom{  position: fixed; bottom: 0; left: 0; width: 100%; z-index: 99; }
.fix-bottom ul{  padding:0.18rem 0.36rem; background-color: #fff; box-shadow: 0 -8px 8px 0 rgba(23, 22, 21, 0.05);}
.fix-bottom li{ position: relative; width: 25%; }
.fix-bottom li a{ display: block; }
.fix-bottom li a p{ margin-top: -7px;font-size: .24rem;  }

/*list-case*/
.mt-nav{ margin-top: 1.84rem!important; }
.case-container { padding-bottom: 1.57rem; }
.page-top {height: 4.08rem;}
.page-top .text{ position: absolute; bottom: 0.3rem; left: 0.36rem; padding-left:.36rem; padding-top: 0.5rem; width: 100%; padding-bottom: .4rem; z-index: 22; background-image: linear-gradient(0deg, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0));}
.page-top .img{  bottom:0.4rem; padding: 0 0 .30rem .36rem; height: 4.06rem; overflow: hidden;}
.page-top::before{ content: ""; position: absolute; left:0; bottom: 0; z-index: -1; width: 6.5rem; height:100%; background:url(/public/images/bg-point.png) repeat center/0.27rem; }

.case-container .filter{ margin-top: 120px; position: relative; z-index: 10; }
.case-container .filter .item{ position: relative; border-bottom: 1px solid #c3c4c5; padding:15px 0; color:#c3c4c5; width: 24%;}
.case-container .filter .item .icon-down{ position: absolute; right: 40px; top:17px;}
.case-container .filter .item ul{display: none; background: #fff; position: absolute; left: 0; top: 59px; width: 100%; border-top: 2px solid #242f4e; color: #0e1c39; line-height: 42px; z-index: 1; box-shadow: 0 8px 8px 0 rgba(23, 22, 21, 0.05); padding-bottom: 6px;}
.case-container .filter .item ul li{ padding-left:24px; font-size: 15px;}
.case-container .filter .item ul li:hover{ background: #de8d6c; color: #fff; }
.case-container .filter .item:first-child{ width: 49% }
.case-container .filter .input{ color: #0e1c39 }
.case-container .filter select option:hover{ background: #de8d6c }
.case-list{ margin-top: 0.64rem; padding:0 0.36rem; }
.case-list li{ width: 100%; margin-bottom: 32px; }
.case-list .img{ width: 100%; height:4.76rem; overflow: hidden; }
.case-list .img img{ width: 100%; height: 100%; object-fit: cover; }
.case-list .icon-right{ border:none; margin-left: 0;}
.case-list li .title{ margin-top: 5px; color:#0e1c39; text-indent: 0px; }

.show-case .thumb .text{ position: absolute; width: 100%; left: 0; bottom: 0; padding: .46rem .36rem}
.show-case .thumb .text span::before{ content: ""; display: inline-block; width: 10%; height: 1px; background: #fff; margin: auto .2rem .25rem 0;}
.show-case .content{ background-color: #000; padding:.72rem .18rem }
.show-case .content .img img{ width: 100%; height: 100%; object-fit: cover; }

.show-case .thumb-list .img{ margin-bottom: .18rem;}
.show-case .thumb-list .last{margin-top: 1.4rem; margin-bottom:1rem; text-align: center; padding:0 .7rem; }
.show-case .thumb-list .img-list{ position: relative; margin-top: 20px; }
.show-case .thumb-list .img-list img{ width: 100%; height: auto; position: absolute; left: 50%; margin-left:-50%; top:0;}
.show-case .thumb-list .img-list img:first-child{ z-index: 10; }
.show-case .thumb-list .img-list img:nth-child(2){ transform: rotate(-5deg); opacity: .8; z-index: 5;}
.show-case .thumb-list .img-list img:nth-child(3){ transform: rotate(-15deg); opacity: .5; z-index: 3; top:10px;}
.show-case .thumb-list .last h2{ padding-top: 4.8rem; position: relative; z-index: 10; }
#origin-img{	display:none;	position:fixed;	top:0;	left:0;	width:100%;	height:100%; z-index: 99; background:#000;	}
#origin-img .swiper-slide img{	width:100%;	vertical-align:middle;	}	
.swiper-pagination{	top:1em;	bottom:auto;	color:#fff;}	

.show-case .case-swiper .no-data{ display: none }
.swiper .page{ text-align:center; padding: 0.3rem 0; }
.swiper .page .swiper-pagination-bullet{ width: 6px;  height: 6px;  margin: 0 6px;  transform: rotate(-315deg);  opacity: 0.5;  background-color: #fafbfc; border-radius: 0; vertical-align: middle; }
.swiper .page .swiper-pagination-bullet-active{  width: 10px;  height: 10px;  transform: rotate(-315deg);  border: solid 1px #fff; background: none; opacity: 1;}


/*team*/
.team-list{ width: 90%; margin:24px auto 0 auto; flex-wrap: wrap; }
.team-list li{ width: 100%; margin-bottom: .8rem; }
.team-list li .img{ width: 47.5%; height: 4.04rem; overflow: hidden; background-image: linear-gradient(45deg, #aaaaac 60%, #e5e6e8);}
.team-list li .img img{ width: 100%; height: 100%; object-fit: cover; }
.team-list li .right{ width: 45%; margin-left:.3rem; padding-top: .32rem; line-height: 2;}
.team-list li .right .more{ letter-spacing: 6px; padding-left: 0;}
.team-list li .icon-right{ border:none}
.team-list li.li .img{ float: right; margin-left: 10px;}
.team-list li.li .right{ margin-left: 0; }


.team-content .show{ position: relative; }
.team-content .show .img{position: relative; width: 90%;}
.team-content .show .img:after{ content: ""; display: block; z-index: -1; width: 100%; background: #eaebed; height: 80%; position: absolute; bottom:0;}
.team-content .show::before{ content: ""; position: absolute; z-index: -2; background: url(/public/images/bg-point.png) center/0.26rem;  width: 90%;
  height: 4.08rem; right: 0; top: 1.58rem; z-index: -1;}
.team-content .show .intro img{ width:4.8rem; }
.team-content .show .text{ padding: 0.64rem 0.36rem; }
.team-content .show .text .bor p{ color:#a2a3a4; margin-top: .8rem; margin-bottom: 10px;}
.team-content .show .text .bor p span{ vertical-align: middle; display: inline-block; }
.team-content .show .bor p:after{ content: ""; height: 1px; width: 85%; background: #a2a3a4; display: inline-block; vertical-align: middle;}
.team-content .icon-right{ border:none}
.team-content .video{ padding:0.48rem 0 1.08rem 0; position: relative; width: 94%; margin:0 auto;}
.team-content .video .swiper-slide{ height: 4rem;}
.team-content .video .swiper-pagination-bullet{ width: 0.12rem; height: 0.12rem; border-radius:0;  margin: 2px 0.13rem 2px 0.11rem;  transform: rotate(-315deg);  opacity: 0.2;  background-color: #0e1c39;}
.team-content .video .swiper-pagination-bullet-active{width: .2rem; height: .2rem; opacity: 1; border: solid 1px #de8d6c; background: none;}
.video .icon-play{ position: absolute; top:50%; left: 50%; font-size: 0.96rem; margin-top: -0.42rem; margin-left: -0.47rem; width: 0.96rem; height: 0.96rem; line-height: 0.96rem; cursor: pointer;}
.team-content .video video{ width: 100%; height: 100%; }
.team-case { padding-bottom: 1.14rem;}
.team-case h4{ position: relative;  padding: 0 0.36rem ; }
.team-case h4:after{ content: ""; height: 1px; background: #0e1c39; width:66%; }

/*about*/
.about{ background: url(/public/images/about-bg.jpg) no-repeat center top; padding-top: 5.0rem; }
.about .width{ padding:0 0.3rem;}
.about .swiper .page{ position: absolute;}
.about .about-swiper{ height: 10.4rem;  }
.about .swiper h1 .sub:before{ content: ""; display: inline-block; width: 1.26rem; height: 1px; background: #fff; vertical-align: middle; margin-right: 15px; }
.about .swiper h1 .sub{ text-transform: uppercase; display: block;  font-style: italic; }
.about .swiper .content p{ font-weight: 300; }
.about .swiper .content p strong{ font-weight: 500;  }
.about .swiper .content p:nth-child(n+2){ display: none;}
.about .info{ line-height: 1.78; }
.about .swiper .color{ font-size: 0.64rem; color:#fff; }
.about .swiper .color .tran{ opacity: .3; }
.about .swiper .color .color2{  opacity: 1; }
.w1470{ max-width:1470px; margin:0 auto; width: 80%; }
.about .core{ background: #fff; padding:0.96rem 0 0.36rem 0; }
.about .core .width{ padding:0 .36rem }
.about .core .list-swiper li{ width: 31%; }
.about .core .list-swiper li .txt{ line-height: 2; }
.about .h1{ position: relative; line-height: 1.58;}
.about .h1 span{  background: #fff; display: block;  padding-left: .44rem; line-height: 1; }
.about .core .img{ font-size: 0; margin-top: 120px;}
.about .core .img img{ width: 400px; height: 507px; -ms-transform: translate(100%,0) rotate(-9deg);
    -webkit-transform: translate(100%,0) rotate(-9deg);
    transform: translate(100%,0)  rotate(-9deg);  }

.about .core .img img:nth-child(2){ -ms-transform: translate(27%,0) rotate(10deg);
    -webkit-transform: translate(27%,0) rotate(10deg);
    transform: translate(27%,0) rotate(10deg);  
}
.about .core .img img:nth-child(3){ -ms-transform: translate(-27%,0) rotate(-9deg);
    -webkit-transform: translate(-27%,0) rotate(-9deg);
    transform: translate(-27%,0) rotate(-9deg);  
}

.about .core .img.active img{-ms-transform: translate(26%,0) rotate(-9deg);
    -webkit-transform: translate(26%,0) rotate(-9deg);
    transform: translate(26%,0) rotate(-9deg); 
}
.about .core .img.active img:nth-child(2){ -ms-transform: translate(3%,0) rotate(10deg);
    -webkit-transform: translate(3%,0) rotate(10deg);
    transform: translate(3%,0) rotate(10deg);  
}
.about .core .img.active img:nth-child(3){ -ms-transform: translate(-15%,0) rotate(-9deg);
    -webkit-transform: translate(-15%,0) rotate(-9deg);
    transform: translate(-15%,0) rotate(-9deg);  
}
.about .core .list-swiper{ margin: 0 0 0 10%; line-height: 1.6; padding-top: 80px; }
.about .core h4{ margin-bottom: 20px; }
.about .core span.bor2{ display: inline-block; vertical-align: middle; width: 100px; height: 1px; background: #98583e; margin:0 5px; }

.about .history{ padding: 0.26rem 0 0.96rem 0; }
.about .history ol{ font-size: 0.28rem; margin-top: 0.7rem;}
.about .history ol li{  margin-bottom: 10px; display: flex; justify-content: space-between; }
.about .history .year{ color:#c3c4c5;  display: block; }
.about .history .info{ color:#0e1c39; font-weight: 300; display: inline-block; line-height: 2; vertical-align: top; width: 6.28rem;}
.about .history .info.normal{ font-weight: 500; }
.about .history .point:before{ display: inline-block; content: ""; height: 6px; width: 1px; background: #eaebed; position: absolute; left: 7px; top:-7px;}
.about .history .left:after{ display: inline-block; content: ""; height: 100%; width: 1px; background: #eaebed; position: absolute; left: 0.15rem; top:0.4rem;}
.about .history li:nth-child(4) .point:after{ height: 50px; }
.about .history .point{display: inline-block; margin:0 0.16rem 0 0; position: relative; width: 0.34rem; height: 0.34rem; border: solid 1px #cfdbec; background: #fff; padding:2px; border-radius: 50%; margin-top: 5px;}
.about .history .point span{ display: block; width: 11px; height: 11px; background: #87a3cf; border-radius: 50%;}

.about .honor{ background: url(../images/shutter.jpg) no-repeat center; }
.about .honor h1{ margin-top:110px; }
.about .honor .right{ margin-right: 5%; width: 50%;}
.upper{ text-transform: uppercase; }

.about .news{ padding: 0.9rem 0 1.5rem 0;  }
.about .news .time{ font-size: 13px; color:#c3c4c5; line-height: 2.08; }
.about .news .list{ width: 9.64rem; }
.about .news .list li { width: 48.2%; }
.about .news .list li .img{ height: 2.86rem; overflow: hidden; background: #f2f2f2;}
.about .news .list li .text{ padding-right:30px; margin-top: 15px; }
.about .news .list li .title{ height: 30px; overflow: hidden; text-overflow: ellipsis;white-space:nowrap; }
.about .news .list li .a{ color:#de8d6c; }

.pop-bg{ position: fixed; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,.25); z-index: 9999; visibility: hidden; opacity: 1;}
.pop-bg.vis{ visibility: visible; opacity: 1; }
.pop-form{ position: fixed; bottom: 0; left: 0;  width: 100%; height: 100%; z-index: 9;  padding: 35px 50px 45px 50px; visibility: hidden;  opacity: 0; z-index: 99999;}
.pop-form.vis{ bottom: 0; visibility: visible;  opacity: 1;  }
.pop-form .center{ position: absolute; bottom: 0; left: 0; width: 100%;}
.pop-form .form-div{  padding:.72rem .32rem; background-color: #fff; position: relative; }
.pop-form h4{  padding-bottom: 10px; }
.pop-form .num{ letter-spacing: 2px }
.pop-form .item label{ font-size: .26rem; color:#a2a3a4; }
.pop-form .input{ padding: 10px 20px;border: solid 1px #dbe3f0;width: 100%; line-height: 30px;font-size: .28rem; font-weight: 300;line-height: 2;color: #0e1c39; margin-bottom: .36rem;background: none; }
.pop-form .btn{ margin: 0 auto; font-size: 30px; padding: 0 30px 10px 0}
.pop-form .tips{ color:#a2a3a4; }
.pop-form .close{ position: absolute; right: .4rem; top:.4rem; color: #131516;}


.product{  background: url(/public/images/reason-bg.png) no-repeat left 1.2rem/280%; }
.product .bg3{ height: .8rem;}
.product h1{ margin-top: 1.8rem;}
.pro-list li{ align-items: center; }
.pro-list .info{  padding:.4rem .36rem; background: #fff; width:90%; margin: -1.5rem auto 0.6rem auto; position: relative; box-shadow: 0 8px 8px 0 rgba(23, 22, 21, 0.05);  }
.pro-list .info .name{align-items:center; }
.pro-list .info .name span{ background: #fff; padding-right:25px; }
/* .pro-list .info .name:before{ content: ""; position: absolute;  top:50%; left: 0; width: 95%; height: 1px; background: #0e1c39; } */
.pro-list .info .txt p:before{  font-family: "iconfont"; content: "\e911"; margin-right: 5px; color:#98583e;}
.pro-list .info .txt p{ display: flex; }
.pro-list .info .txt p strong{ display: inline-block; font-weight: 300; }
.pro-list .info .more{ letter-spacing: 6px; }


.stand .pic-list .slide1{ width: 1010px; }
.stand .img-swiper{ width: 515px;  height: 635px; overflow: hidden; }
.stand .img-swiper li{ width: 462px!important; height: 599px; margin:auto; }
.stand .img-swiper li img{ width: 100%; height: 100%; object-fit: cover; }
.stand .img-swiper li.swiper-slide{ position: absolute; left: 0; top:0; opacity: 0; }
.stand .img-swiper li.swiper-slide.prev{ opacity: .2!important; transform: rotate(-5deg) translate3d(5%, 3%, 0); animation: left 0.4s ease;}
.stand .img-swiper li.swiper-slide.next{ opacity: .2!important; transform: rotate(-5deg) translate3d(5%, 3%, 0); animation: right 0.4s ease;}
.stand .img-swiper li.swiper-slide.active{ opacity: 1!important; z-index: 10; left: auto; right: 28px;}

.article-container{ padding-bottom: 100px; background: none; }
.article-container .article-title{ line-height: 2; }
.article-container .news{ padding-bottom:0; }
.article-container .list{ flex-wrap: wrap; }
.article-container .list li{ margin-bottom:42px; }
.article-content{ font-size: 16px; line-height: 2; }
.pages .total{ display: none; }
.pages a{ display: inline-block; padding:0 10px; line-height: 2; font-size: 14px; color:#0e1c39;}
.pages a.layui-laypage-curr,.pages a:hover{ color:#de8d6c; }


@-webkit-keyframes left {
    0%,100% {
        transform: translate3d(5%, 3%, 0);
      }
      50% {
        transform: translate3d(-50%, 3%, 0);
      }
    }
@keyframes left {
    0%,100% {
        transform: translate3d(5%, 3%, 0);
    }
      50% {
        transform: translate3d(-50%, 3%, 0);
      }
    }  
@-webkit-keyframes right {
    0%,100% {
        transform: translate3d(5%, 3%, 0);
      }
      50% {
        transform: translate3d(5%, 3%, 0);
      }
    }
@keyframes right {
    0%,100% {
        transform: translate3d(0, 12%, 0);
    }
      50% {
        transform: translate3d(50%, 12%, 0);
      }
    }  


.stand .pic-list .swiper-slide a.hover{ display: block; width: 46%; }
.stand .pic-list .right{ width: 100%; color:#a2a3a4; }
.stand .pic-list .right li{ padding:4px 0; border-bottom: 1px solid #eaebed; }
.stand .pic-list .right li:last-child{ border:none; }
.stand .swiper-buttton{ box-shadow: 0 8px 8px 0 rgba(23, 22, 21, 0.05); background-color: #fff; width: 56px; height: 56px; line-height: 56px; opacity: 1; border-radius: 50%;font-size:32px; right: 0;}
.stand .swiper-buttton:hover{ background: #de8d6c;}
.stand .swiper-buttton:hover:after{  color:#fff;  }
.stand .swiper-button-prev:after{ transform: rotate(180deg); padding-top: 4px;}
.stand .swiper-button-prev:after,.stand .swiper-button-next:after{ content: "\e90b"; font-family: "iconfont"; color:#0e1c39; font-size: 32px; line-height: 1}
.stand .swiper-button-next{ padding-top:5px; }
.product-container .product{ background: none;}
.product-container .product h1{ margin-top: 0.6rem; }
.product-container .case{ padding:1.08rem 0.36rem; }
.product-container .case .swiper-slide{ display: block;  }
.product-container .case .img { display: block; height: 100%; width: 100%; }
.product-container .case .img img{ width: 100%; height: 100%; object-fit: cover; }
.product-container .case .case-list1{ margin-top: 0.65rem; }
.case .case-list1  .page .swiper-pagination-bullet{ opacity: 0.2;  background-color: #0e1c39;}
.case .case-list1 .page .swiper-pagination-bullet-active{  border: solid 1px #de8d6c; background-color:#fff ; opacity: 1;}

.product-container .price{ padding:0.78rem 0 0 0; }
.product-container .price .right{ line-height: 2; }


.design-container .list-1{ padding-bottom: 1.2rem; }
.design-container .show .intro img{ width: auto; height: 5.45rem; margin-left: 14%;}
.design-container .show .bg{ height: 446px; width: 90%;}
.design-container .show .right{ padding-top: 1rem; margin-bottom:0.58rem; position: relative; }
.design-container .show .w2 > div{ width: 48%; }
.design-container .show::after{ width: 0; height: 0; }
.design-container .list-1 .show .bor p{ margin-bottom:5px; }
.design-container .list-1 .li2 .img{ right: 0; left: auto; }
.design-container .list-1 .li2 .intro .img img{  margin-left: 47%; }
.design-container .list-1 .li2 .right{ margin-left: 24%; margin-right:  auto; }


.service-process{ padding: 1.08rem 0.36rem; }
.service-process .process { margin-top: 0.8rem; background: url(../images/pro-bg1.png) no-repeat center 1.2rem/111% auto; padding-left: 0.7rem; padding-right: 0.4rem;}
.service-process .process ol{ padding:0 4% 0 6%;  }
.service-process .process ol li{ width: 37%; float: left; position: relative; z-index: 1; height: 1.62rem; margin-bottom: 0.26rem;}
.service-process .process ol li div{ width: 1.7rem; margin-bottom: 0.1rem;}
.service-process .process ol li .en{ text-transform: uppercase; letter-spacing: -1px; font-size: 11px;}
.service-process .process ol li .num{ display: block; margin-top: 10px; border:1px solid #87a3cf; padding:2px; width: .76rem; height: .76rem; border-radius: 50% }
.service-process .process ol li .num span{ background: #87a3cf; border-radius: 50%; height: 100%; line-height:2;}

.service-process .point-ol{ position: relative; }
.service-process .point-ol ul{ margin-top: 100px; padding: 60px 10% 86px 10%; background: url(../images/point-bg.png) no-repeat center 60px;}
.service-process .point-ol ul li{ width: 16.6%; }
.service-process .point-ol ol li{position: absolute; left: 10%;top:90px; padding-top: 157px; width: 18%; margin-right: 5%; }
.service-process .point-ol ol li:nth-child(2n){ padding-top: 0; }
.service-process .point-ol ol li:nth-child(2){ left: 23%; }
.service-process .point-ol ol li:nth-child(3){ left: 36%; }
.service-process .point-ol ol li:nth-child(4){ left: 50%; }
.service-process .point-ol ol li:nth-child(5){ left: 63%; }
.service-process .point-ol ol li:nth-child(6){ left: 77%; }

.service-process .point-ol .point{ width: 24px; height: 24px; margin: 24px 0; padding: 4px; border: solid 2px #d8d2d4;border-radius: 100%; }
.service-process .point-ol .point:before{ content: ""; width: 100%; height: 100%; background: #98583e; border-radius: 100%; display: block; }

.say-container{ color:#231815; line-height: 1.4;}
.say .title{ background: url(../images/sxs.png) no-repeat center/100%; text-indent: -9999px; width: 7rem; height: 3.37rem;}
.say .img{ width: 7.7rem; height: 7.5rem; }
.say .txt{ width: 6.2rem; margin:0.5rem auto; }
.say-container .show .right{ width: 8.5rem; margin-left: 10%; padding-top: 1.5rem;}
.say-container .play{ position: absolute; top:50%; left: 50%; background: url(../images/play.png) no-repeat center/100%; display: block; width: 73px; height: 73px; margin-left: -36px; margin-top: -36px; cursor: pointer; }
.say-container .video .play{ width: 90px; height: 90px;margin-left: -45px; margin-top: -45px;  }
.say-container .show:after{ background: none; }
.say-container .show .intro .img{ width: 100%; }
.say-container .show .intro .img::after{ height: 85%; }
.say-container .show .intro .img img{ margin-left: 60%; width: auto; height: 7.9rem; }
.say-container .video{ width: 4.5rem;height: 2.6rem; overflow: hidden; margin-top: 0.4rem;}
.say-container .show .intro .video img{ margin-left:0; width: 100%;}
.say-container .content .txt{ line-height: 1.4; padding-left: 25px; width: 880px; }
.say-container .content .b-b{ display: inline-block; }
.say-container .content .b-b:after{content: ""; height: 2px; background: #231815; width: 90%; margin:20px auto 0; display: block; }
.say-container .v-list{ font-size: 0; }
.say-container .v-list li{ display: inline-block; width: 28%; margin-right: 8%; vertical-align: top; }
.say-container .v-list li:nth-child(3n){ margin-right: 0 }
.say-container .v-list li .img{ height: 2.26rem; }
.say-container .v-list li .icon-play{ position: absolute; left: 50%; top:50%; cursor: pointer; }
.say-container .v-list li .des{ height: 90px; }
.say-container .v-list li .title .right:hover{ color:#c6896d; margin-left: 5px; }
.say-container .v-list li .title .icon-right{ border:none; padding-top: 5px; }
.pop-up{ position: fixed; top:0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1000; display: none;}
.pop-up .pop-video{ width: 60%; margin-top: 5%; margin-left: 20%; }
.pop-up .pop-video video{ width: 100%; }
.pop-up .icon-close{ cursor: pointer; position: absolute; top:2%; left:50%; background: rgba(255,255, 255,0.9); border-radius: 50%; width: 50px; height: 50px; padding:5px 0 ; text-align: center; margin-left: -25px; }
.pop-up .icon-close:hover{ transform:rotate(90deg); }


/*机电*/
.mech-menu{ font-size: 0;  padding-left: 8%;}
.mech-menu li{ display: inline-block; width: 100%; margin-bottom: 0.36rem;}
.mech-menu li::before{ display: inline-block; content: ""; width: 0.2rem;  height: 0.2rem; margin-right: 12px; border: solid 3px #de8d6c; border-radius: 50%; vertical-align: middle; margin-bottom: 2px;}
.mech-advan .img{ width: 100%; height: 5.24rem; position: absolute; left: 0; top:0; z-index: -1;}
.mech-advan .big{ padding-top: 3.32rem; padding-bottom: 0.8rem;}
.mech-advan .text{ padding: 0.74rem 0 0.6rem 0.3rem;  position: relative; z-index: 1;}
.mech-advan .text .list li{ float: left;  margin-bottom: 0.32rem; }
.mech-advan .text .txt{ margin-top: 0.08rem; line-height: 1.9;}
.mech-vs{ background: url(/public/images/jd-bg.jpg) no-repeat center/auto 100%; padding: 1.08rem 0.36rem 2.4rem 0.36rem; }
.mech-vs > div{ padding-top: 0.2rem;}
.mech-vs .vs{ vertical-align: middle; padding-right:1.24rem; }
.mech-vs .txt{ line-height: 2}
.mech-vs .txt p{ display: flex; justify-content: space-between;}
.mech-vs .txt p::before{ content: "●"; color: #fff; margin-right: 0.05rem;}
.mech-vs .txt p span{ display: inline-block; width: 95%;}
.mech-eight{ padding: 0; position: relative; margin-top: -2rem; margin-left: 0.36rem;}

.mech-eight ol{ padding-top: 40px;}
.mech-eight li{ margin-top: 5px; width: 85%; margin-right:15%;}
.mech-eight li .img .title{position: absolute; bottom: 0; padding-top: 1.8rem; padding-bottom: 1rem; z-index: 100; width: 100%; background-image: linear-gradient(0deg, rgba(0,0,0,0.3), rgba(0,0,0,0)); }
.mech-eight li.swiper-slide .text > div P:nth-child(2){ background: url(/public/images/s-bor.png) repeat-y 7px 32px; padding-left: 20px; line-height: 30px; margin-top: 15px;}
.mech-eight li .img{  width: 100%; padding:0; margin-bottom: 0.36rem;}
.mech-eight li.swiper-slide-active .img img{width: 100%;}
.mech-eight li.swiper-slide-next .text{ margin-left: -10%;}

.mech-eight::after{ bottom:170px}
.mech-smart{ background-color:#fbf9f6; padding:100px 0 80px 0}
.mech-smart .bor{  width: 8px; height: 8px;  margin: 27px 8px 22px 250px;  border: solid 1px #c3c4c5;}
.mech-smart li{ margin-bottom: 70px; position: relative;}
.mech-smart li .text{ width: 462px; display: inline-block;}
.mech-smart li .img{ width: 461px;  height: 653px;  display: inline-block; position: absolute; bottom: 0;}
.mech-smart li.li1{ height: 542px;}
.mech-smart li.li1 .text{ width: 588px; margin-left: 750px; padding:60px 0 160px 0}
.mech-smart li.li1 .img{ width: 714px;  height: 543px;}
.mech-smart li.li2,.mech-smart li.li3,.mech-smart li.li4{ width: 970px; margin:0 auto 70px auto;}
.mech-smart li.li2 .img{ right: 17.5%;}
.mech-smart li.li2 .text{ padding-top: 80px; padding-bottom: 210px;}
.mech-smart li .text .txt p:nth-child(2){ background: url(../images/s-bor.png) repeat-y 7px 32px; padding-left: 20px; line-height: 30px; margin-top: 15px;}
.mech-smart li.li3 .text{ margin-left:52% ;}
.mech-close{ padding: 10px!important; line-height: 1;}

.soft-1 .right{ line-height: 1.6; margin-left: 0.36rem;}
.soft-2{ background:url(/public/images/soft-bg.jpg) no-repeat center; padding:1.07rem 0.36rem 1.28rem 0.36rem; }
.soft-3{ padding:1.08rem 0.36rem;}
.soft-3 .right li{ margin-bottom: 0.64rem;}
.soft-3 .right li .txt{ margin-top: 0.24rem; font-size: 0rem;}
.soft-3 .right li div p{ display: inline-block; margin-right: 0.16rem;}
.soft-3 .right li div span{ display: inline-block;  margin-bottom: 9px; font-size: 0.28rem; color: #98583e; height: 0.64rem; line-height: 0.64rem; border-radius: 0.36rem; padding: 0 0.34rem;  background-color: rgba(152, 88, 62, 0.1); font-weight: 300;}
.soft-advan{ padding-top: 3.32rem;}

.soft-4 { background: url(/public/images/brand-bg.png) no-repeat center top/100% 100%; padding: 1.08rem 0.36rem;}
.soft-4 ul{ font-size: 0;}
.soft-4 li{ width: 32%; margin-right: 1%; display: inline-block; margin-bottom: 0.06rem;}
.soft-4 li:nth-child(3n){ margin-right: 0;}

.soft-5{ padding:1.08rem 0.36rem 1.28rem 0.36rem;}
.soft-5 .right{ margin-top: 0.64rem;}
.soft-5 ul{ margin-top: 0.8rem;}
.soft-5 li .txt{ padding-left: 0.72rem;}
.soft-5 li h4::before{ content: ""; display: inline-block;  width: 0.38rem; height: 0.38rem;  margin-right: 0.24rem; opacity: 0.1;  border: solid 0.06rem #98583e; border-radius: 50%; vertical-align: middle;}
.soft-5 li h4 span{ display: inline-block;; width: 80%; vertical-align: top;}
.soft-5 ul.ul2 li{ margin-bottom: 0.32rem;}
.soft-swiper{ padding-bottom: 1rem;}
.soft-swiper ul{ margin-top: 0.66rem; margin-bottom: 1.56rem;}
.soft-swiper .page span.swiper-pagination-bullet{ width: 0.18rem; height: 0.18rem; margin-right:0.2rem; border:1px solid #fff; transform: rotate(-315deg);  opacity: 0.2;  background-color: #0e1c39;}
.soft-swiper .page span.swiper-pagination-bullet-active{ background-color: #fff; border:1px solid #de8d6c; opacity: 1;}


/*首席*/
.chief-con{ line-height: 1.6; padding-bottom: 1rem;}
.chief-con .page-top .left{ width: 5.3rem; padding-left: 0.6rem;}
.chief-con .chief-1{ margin: 1.14rem auto; padding:0 0.36rem }
.chief-con .chief-2{  padding:0 0.36rem;position: relative; }
.chief-con .chief-2::after{ content: ""; width: 0.02rem; height: 17.33rem; position: absolute; left: 0.54rem; top: 0.5rem; background: #eaebed;}
.chief-con .chief-2 ul{ width: 100%; background: url(../images/lines.png) no-repeat left center/158px;}
.chief-con .chief-2 .t-1 .point{ display: inline-block; border: solid 2px #98583e;border-radius: 50%; width: 0.38rem; height: 0.38rem; padding: 0.06rem; margin-right: 0.12rem; vertical-align: middle;}
.chief-con .chief-2 .t-1 .point span{ background: #98583e; border-radius: 50%; display: block; width: 0.18rem; height: 0.18rem;}
.chief-con .chief-2 ul li{ width: 100% ; margin-bottom: 0.32rem; }
.chief-2 ul li h4{ font-size: 0.32rem; color: #242f4e; position: relative; padding-left: 0.32rem; margin-bottom: 0.28rem; margin-left: 0.2rem; }
.chief-2 ul li h4::before{ content: ""; height: 0.02rem; background: #eaebed; width: 0.34rem; position: absolute; left: 0; top: 0.3rem; z-index: -1; }
.chief-2 ul li h4 .cir{ display: inline-block; width: 0.26rem; height: 0.26rem; border-radius: 50%; border: solid 2px #0e1c39; vertical-align: middle; margin-right: 0.18rem;}
.chief-2 ul li p:before{ content: ""; display: inline-block; border-radius: 50%; width: 0.18rem; height: 0.18rem; border: solid 2px #d3d6da; vertical-align: middle; margin: 0 6px 0 0;}
.chief-2 ul li p{position: relative; margin-left: 0.2rem; font-size: 0.28rem; color: #242f4e; font-weight: 300; line-height: 1.8; padding-left: 0.75rem;}
.chief-2 ul li p::after{ content: ""; height: 0.02rem; background: #eaebed; width: 0.78rem; position: absolute; left: 0; top: 0.27rem; z-index: -1; }

.ser2-con li .content p:nth-child(2){ margin-top: 12px; padding-left: 15px; background: url(/public/images/s-bor.png) repeat-y 4px 32px; line-height: 30px; }


/*升级服务*/
.ser-plus .page-top .left{ width: 5.5rem; padding-left: 0.6rem;}
.ser-plus .list { margin-top: 1.12rem;}
.ser-plus .list li{ position: relative; margin-bottom: 36px; padding-top: 1.3rem;}
.ser-plus .list li:nth-child(6),.ser-plus .list li:nth-child(7){ padding-top: 0.5rem;}
.ser-plus .list li:nth-child(6) .img,.ser-plus .list li:nth-child(7) .img{ top:0.55rem}
.ser-plus .list li .txt{ position: absolute; right: -1%; z-index: -1; top:0; text-transform: uppercase; line-height: 1; color: #98583e; opacity: 0.1;}
.ser-plus .list li .img{ position: absolute; width: 90%; height: 3.46rem; top:1.3rem}
.ser-plus .list li .img::after{content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 100%; background-image: linear-gradient(45deg, rgba(0,0,0,0.5), rgba(0,0,0,0)); z-index: 1;}
.ser-plus .list li .text{ position: relative; z-index: 2; margin-top: 1.2rem; padding:0.3rem 0.36rem; font-weight: 300; color: #fff;}
.ser-plus .list li .text strong::before{ display: inline-block; content: ""; width: 56px;  height: 1px; margin-right: 16px; vertical-align: middle;  background-color: #98583e;}
.ser-plus .list li .text strong{ color:#98583e; font-size: 0.32rem; font-weight: 500; margin-top: 16px;}
.ser-plus .list li .text .con p:first-child{ font-size: 0.32rem; color: #fff; width: 80%; margin-bottom: 0.2rem; height: 1.1rem;}

.ser-plus .list li.itme1 .img{ right: 0; left: auto; }
.ser-plus .list li.itme1 .txt{ left: -5%; right: auto;}
.ser-plus .list li.itme1 .text{ left: 10%; right: auto;} 
.ser-plus .list li em{ color: #a2a3a4; font-size: 13px;}


/*工艺*/
.tech-con .left{ padding-left: 0.6rem;}
.tech-con .tech-1{ line-height: 1.6; margin: 0 auto;}
.tech-con .tech-1 span{ font-weight: 500;}
.tech-2 { background: url(/public/images/tech-bg.jpg) no-repeat center/auto 100%; padding:1.08rem 0.36rem}
.tech-2 li{ margin-bottom: 0.4rem;}
.tech-2 li p{ margin-top: 0.2rem;}
.tech-2 .le .img{ width: 3.47rem; margin-bottom: 0.6rem;}

.tech-3{ padding:0.8rem 0.36rem;}
.tech-3 .le h4{ line-height: 1;}

.tech-4{ margin-top: 0.56rem;}
.tech-4 ul{ position: relative; }
.tech-4 li{ width: 100%; display: inline-block; padding: 0 0 0.24rem; margin-bottom: 0.6rem; box-shadow: 0 8px 8px 0 rgba(23, 22, 21, 0.05);  background-color: #fff;}
.tech-4 li img{ width: 100%; height: auto;}
.tech-4 li .text{ padding: 0.24rem;}
.tech-4 li .line{ display: flex; align-items: center;}
.tech-4 li .line::before{ width: 80%; height: 1px; background-color: #98583e; content: ""; display: inline-block; margin-right: 16px;}
.tech-4 li .small{ color: #a2a3a4;}
.tech-4 li:nth-child(n+10){ display: none;}

.building-con{ padding-bottom: 133px;}
.building-con .b-list li{ box-shadow: 0 8px 8px 0 rgba(23, 22, 21, 0.05); border: solid 1px #f0f1f2; margin-bottom: 56px;}
.building-con .b-list a{ display: block;}
.building-con .b-list .text{ padding:0.3rem 0.42rem; display: inline-block;}
.building-con .b-list h4{ margin-bottom: 37px;}
.building-con .b-list .img{ width: 462px; height: 304px; display: inline-block; vertical-align: top;}

.building-con .b-list .small{ color: #a2a3a4; }
.building-con .b-list .process .small{ padding-right: 15px;}
.building-con .b-list .process .pro{ height: 12px; border-radius: 6px; background-color: #f0f1f2; position: relative;}
.building-con .b-list .process .pro span{display: block; width: 85%; background-color: #98583e; height: 12px; border-radius: 6px; left: 0; top:0}

.b-con .top{ height: 5.1rem; position: relative;}
.b-con h1{top:0; left: 0; position: absolute; margin-top: 222px;}
.b-con-con{ margin-top: 132px; margin-bottom: 188px;}
.b-con-con .left li{ padding-bottom: 30px; position: relative;}
.b-con-con .left li .right{ width: 280px; margin-left: 25px;}
.b-con-con .point div{ background: #0e1c39; width: 22px; height: 22px; border-radius: 11px; margin-top: 5px; text-align: center; line-height: 25px; position: relative;}
.b-con-con .left li::after{ position: absolute; content: ""; display: block; left: 10px; border-left: 2px dashed #c3c4c5; width: 1px; height: 100%; top:27px}
.b-con-con .item { font-size: 0;}
.b-con-con .item span{ display: inline-block;  border: solid 1px #98583e; padding:0 12px; line-height: 28px; height: 30px; border-radius: 15px; margin-right: 12px;}
.b-con-con .active .point div{ background-color: #98583e; width: 16px; height: 16px; margin-left: 2px;}
.b-con-con .active .point .icon-checked::before{ content: ""; }
.b-con-con .active .point::before{ position: absolute; content: ""; width: 28px; height: 28px;border:1px solid #e0cdc6; background-color: #fff; left: -5px; top:-2px; border-radius: 14px;}
.b-con-con .active .title{ color: #98583e!important;}
.b-con-con .normal .point div{ background-color: #c3c4c5; width: 12px; height: 12px; margin-left: 5px; margin-top: 9px;}
.b-con-con .normal .point .icon-checked::before{ content: ""; }
.b-con-con .left li:last-child:after{ height: 15px;}
.b-con-con .cards-right{ width: 830px; height: 530px; margin-left: 80px;}
.b-con-con .cards-right img{ width: 100%; height: 100%; object-fit: cover; opacity: 0.5; }
.b-con-con .cards-right .swiper-slide{ background-color: #fff;}
.b-con-con .cards-right .swiper-slide-active img{ opacity: 1;}