@charset "utf-8";
.nav-top { width: 100%; height: 1.54rem; padding: 0.5rem 0.42rem 0.5rem 0.42rem; position: fixed;left: 0; top: 0; z-index: 999;  color:#fff;}
.nav-top > .w100{ min-width: 1230px; }
.nav-top .logo-div{ position: absolute; left: 0; top:0; }
.nav-top .right{ width: 305px; position: absolute; right: 0; top: 0; }
.nav-top .nav{ width: 920px; margin:0 auto; }
.nav-top .tel{ margin-top: 7px; line-height: 30px; width: 17%; white-space: nowrap;}
.nav-top .tel i{ font-size: 36px;}

.nav-top a{ color: #fff; }
.nav-top li a{ font-size: 15px; line-height: 2; padding: 10px 21px; color: #fff; display: block;}
.nav-top li a:hover{ color:#de8d6c; }
.nav-top li .drop{ visibility:hidden; opacity: 0; position: fixed; left: 0; width: 100%; top:0.95rem; line-height: 1.78; }
.nav-top li .w100{ background: #fff; padding:0.68rem 0 0.56rem 0; box-shadow: 0 8px 8px 0 rgba(23, 22, 21, 0.05); }
.headroom--unpinned li .drop{ visibility: hidden!important; opacity: 0!important; }
.nav-top li.active .drop{ opacity: 1; visibility:visible; }
.nav-top li .drop ul.li3 li{ width: 23.33%; margin: 0 3%; }
.nav-top li .drop ul.li3 li a{ padding:0; color:#0e1c39; }
.nav-top li .drop ul.li5{ padding-left:0; padding-right: 0; }
.nav-top li .drop ul.li5 li{ width: 18%; margin:0 1%;}
.nav-top li .drop ul .img{  height: 10.9vw; overflow: hidden; }
.nav-top li .drop ul .bor{ height: 4px; width: 100%; margin-bottom: 6px; }
.nav-top li .drop ul li:hover .bor{ background: #de8d6c }
.nav-top li .drop ul li:hover a{ color:#98583e; }
.nav-top li .drop ul .img img{ width: 100%; height: 100%; object-fit: cover; }
.nav-top li .drop ul.li5 .img{  height: 7.9vw; }
.nav-top li .drop .img img{ width: 100%; height: 100%; object-fit: cover; }
.nav-bg{ background: rgba(0,0,0,.3); height: 100%; width: 100%; position: fixed; left: 0; top:0; z-index: 998; visibility: hidden; opacity: 0; }
.nav-bg.active{ visibility: visible; opacity: 1; }

.logo-div{ width: 11.521%; }
img.logo { width: 100%; margin-top: 6px; object-fit: contain;}
img.logo2{ display: none; }
img.logo3{ display: none; }

.headroom--pinned { transform: translateY(0%);}
.headroom--unpinned {   transform: translateY(-100%);}
.headroom--not-top,.inside-page{ background: #fff; padding:16px 42px; height: 86px; color: #0e1c39}
.headroom--not-top img.logo,.inside-page img.logo{ display: none; }
.headroom--not-top img.logo2,.inside-page img.logo2{ display: inline; }
.headroom--not-top .nav li a,.nav-active .nav li a,.inside-page .nav li a{ color:#0e1c39; }
.headroom--not-top .nav li a:hover,.nav-active .nav li a:hover,.inside-page .nav li a:hover{ color:#de8d6c; }

.nav-active{background: #fff; height: 1.44rem; padding:0.47rem 0.42rem; color:#0e1c39;}
.nav-active img.logo, .nav-active img.logo2{ display: none; }
.nav-active img.logo3{ display: inline;  }


.banner .slider {width: 1680px; height: 900px; margin: 0 0 220px; padding: 0 0 56.8px; object-fit: contain;}
.banner .banner-swiper {}
.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: 65.63%; height: 17.9vw; max-width: 1071px; position: absolute; right: 0; bottom:0; line-height: 1.38; }
.banner .info .text{ background: url(../images/bg-1.png) no-repeat center/100% 100%;  padding: 72px 56px 132px 56px; }
.banner .info .progress{ height: 4px; 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.8rem 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; width: 90px!important; 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!important;  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: 70%; z-index: 10; }
.banner-swiper .button-prev{ left: 0; right: auto; }
.btn-1{ display: block; width: 1.24rem;  height: 0.54rem; line-height: 0.54rem;  background-color: #de8d6c;  }

.index-advant{ padding-top: 156px;  position: relative; box-sizing: border-box;}
.index-advant:after{ content: ""; position: absolute; right: 0; bottom: 0; width: 651px; height: 678px; background: url(../images/bg-point.png) repeat left top/27px; }
.index-advant h1{position: absolute; top:200px; left: 0; line-height: 1.18; margin-bottom: 90px; z-index: 101; }
.index-advant .opac{ opacity: 0.7; color:#f1e3c6; }
.index-advant ol{ position: relative; padding-top:290px; display: block!important;}
.index-advant li{  z-index: 100; margin-top: 20px; height: auto!important; transform:none!important; position:static!important; opacity: 1!important;}
.index-advant li .img{ opacity: 0; transform:translateX(100px); position: absolute; top:0; right: 8.5%; width: 48.572%;}
.index-advant li .img img{ width: 100%; }
.index-advant li h4{ color: #c3c4c5; position: relative; z-index: 101; }
.index-advant li .text{ width: 35%; height: 60px; padding-top: 20px; overflow: hidden; color: #c3c4c5; }
.index-advant li .text .p2{ opacity: 0; transform:translate(-50%, -100%); }
.index-advant li.swiper-slide-active  h4{ color: #98583e; }
.index-advant li.swiper-slide-active .text .p2{ opacity: 1; transform:translate(0,  -100%); }
.index-advant li.swiper-slide-active .text .p1{ opacity: 0;}
.index-advant li.swiper-slide-active .img{ display: block; transform:translateX(0);position: absolute; z-index: 100; opacity: 1; }


.index-case{ margin-top: 130px; background: #fff url(../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:138px; background: #0e1c39; height: 1px; width: 61%; }
.index-case li.swiper-slide{ margin-top: 70px; }
.index-case .left{ color: #c3c4c5; cursor: pointer; }
.index-case .navigator .bor{ display: inline-block; width: 50px;  height: 1px; background-color: #c3c4c5; vertical-align: middle; }
.index-case .navigator{ width: 210px; position: absolute; left: 63.6%; top: 63px; z-index: 10;}
.index-case .navigator .page{ width: 56px; }
.index-case li.hover{ display: block; width: 100%; height: 100%; }
.index-case li .bg{ width: 61%; height: 6.86rem; }
.index-case li .text{ width: 5.6rem; padding:10px 0 4.3rem 1.2rem; position: relative; top:0; right: 10%;}
.index-case li .text .img{ position: absolute; width: 3.36rem;  height: 3.9rem; left: 0; bottom: 0}
.index-case li .text .img img{ width: 100%; height: 100%; object-fit: cover; }
.index-case li .span { letter-spacing: 6px; line-height: 56px; height: 56px; }

.index-case .a-more{ margin-top: -45px; z-index: 10 }
.a-more{ position: relative; width: 210px; height: 124px; margin:0 auto; }
.a-more a{position: relative; display: block; font-size: 18px; color: #de8d6c; text-align: center; line-height: 124px; }
.a-more svg{ position: absolute; left: 0; top:0; }

.index-des{ background:#242f4e url(../images/bg-3.jpg) no-repeat center top/100%; padding:90px 0 150px;}
.index-des h1{ position: relative; white-space: nowrap; }
.index-des h1 .line{ margin-top: 0.47rem; width: 55%; height: 1px; margin-left: .3rem; background: #fff; }
.index-des .des-swiper { margin:50px auto 35px auto; }
.index-des ul{ font-size: 0;}
.index-des ul li{ position: relative; margin-right: 0.42rem; margin-bottom: 0.42rem; width: 3.8rem; height: 5rem; overflow: hidden;}
.index-des ul li a{ height: 100%; }
.index-des ul li:nth-child(3n){ margin-right: 0; }
.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; object-position: top; }
.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(../images/pro-bg.png) no-repeat left 60px; padding-top:160px; }
.index-pro h1{ padding-left:110px; }
.index-pro .service-process{ padding-top:30px; }
.index-pro .service-process .process{ margin-top:0; }
.index-pro .service-process .process .bor1{ width: 48%;  left: 50%; }
.index-pro .service-process .process ol.first{ padding-left: 49%; }
.index-pro .service-process .process ol.first li{ width: 32%; }
.index-pro .service-process .process .bor2::before{ width: 93%; border-radius: 108px 0 0 108px; left: -6%;}
.index-pro .service-process .process .bor2::after{content: ""; display: block; position: absolute; width: 63%; right: -50%; top:216px; border-bottom:2px dashed #87a3cf; }
.index-pro .service-process .process ol li{ width: 20%; }
.index-pro .service-process .process .bor2{ width: 50.5%; border:none; }
.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(../images/bg-4.jpg) no-repeat center top; padding: 90px 0 60px 0 ;}
.bottom .w .list > div{ width: 28.8%; font-size: 18px; color: #898b98; line-height: 1.8; font-weight: 300;}
.bottom .logo{ width: 205px; }
.bottom .logo img{ width: 100%; }
.bottom .form{ margin-top: 120px;}
.bottom .h4{ color: #87a3cf; margin-bottom:70px; }
.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: 163px; }
.bottom .h4-1{ margin-bottom: 62px; }

.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: 200px; height: 200px; left: -64%; top: 66px; visibility: hidden;}
.bottom .right li a:hover .hide{ opacity: 1; margin-left: -33px; visibility: visible; }
.bottom .right li a .hide img{ width: 100%; }
.bottom .copyright{ margin-top: 130px; }
.bottom .copyright .fr{ margin-left: 35px; }

.fix-right{  position: fixed;right: 5px; top: 10%; width: 80px; height: 365px; margin: 83px 12px 38px 11.7px; box-shadow: 0 8px 8px 0 rgba(23, 22, 21, 0.12);  background-color: #fff; z-index: 1000;}
.fix-right li{ position: relative; }
.fix-right li a{ padding: 10px 0 5px 0; }
.fix-right li a:hover{ background: #de8d6c; color:#fff; }
.fix-right li a p{ margin-top: -7px; }
.fix-right a:hover path{ fill: #fff;  }
.fix-right li .hidden{ position: absolute; right: 110px; bottom: 0; padding:8px 15px; box-shadow: 0 8px 8px 0 rgba(23, 22, 21, 0.05); border: solid 1px #f0f1f2; background-color: #fff;opacity: 0; border-radius: 5px;  margin-left: -10px; visibility:hidden; white-space: nowrap;}
.fix-right li:hover .hidden{ display: block; opacity: 1; color:#0e1c39; right: 100px; visibility: visible; }
.fix-right li .tel .hidden:after{ content: ""; display: block; height: 10px; position: absolute; bottom: 16px; right: -10px; border-left: 10px solid #fff; border-top: 8px solid transparent; border-bottom: 8px solid transparent; z-index: 1; box-shadow: 0 8px 8px 0 rgba(23, 22, 21, 0.05); box-sizing: border-box; }


/*list-case*/
.mt-nav{ margin-top: 154px!important; }
.case-container { padding-bottom: 157px; }
.page-top { padding-bottom: 0.45rem; height: 5.6rem;}
.page-top .left{ padding-left:1.25rem; width: 4.9rem; padding-top:1.8rem; position: relative; z-index: 22;}
.page-top .img{ width: 55.7%; max-width: 1070px; height: 5.60rem; z-index: 10; position: absolute; right: 0; bottom:0.4rem;}
.page-top:after{ content: ""; position: absolute; left:40%; bottom: 0; width: 6.5rem; height: 4.65rem; background:url(../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: 55px; flex-wrap: wrap;}
.case-list li{ width: 49%; margin-bottom: 90px; }
.case-list .img{ width: 100%; height:4.76rem; overflow: hidden; }
.case-list .img img{ width: 100%; height: 100%; object-fit: cover; }
.case-list li:hover .img img{ transform:scale(1.15); }
.case-list .icon-right{ border:none; margin-left: 0;}
.case-list li .title{ margin-top: 5px; color:#0e1c39; text-indent: 0px; }
.case-list li:hover .title{ color:#de8d6c; text-indent: 10px; }
.case-list li:hover .icon-right{ margin-left: -20px; }

.show-case{ width: 100%; background: #000; }
.show-case .top{ padding:1.6vw 40px 45px 40px; }
.show-case .top .logo{ width: 207px; }
.show-case .top .close,.show-case .top .menu{ float: right; width: 70px; height: 70px; padding:20px 10px; line-height: 30px; border:1px solid #2b2b2b; border-radius: 50%; cursor: pointer; }

.show-case .content .img{ height: 24vw; overflow: hidden; }
.show-case .content .img img{ width: 100%; height: 100%; object-fit: cover; }
.show-case .content .text{ background: #fff; padding:30px 55px; }
.show-case .content .prev-btn, .show-case .content .next-btn{ position: absolute;width: 22%;left: 0;top: 0;height: 100%;cursor: pointer; z-index: 100;}
.show-case .content .prev-btn{ right: 0; left: auto }
.show-case .case-swiper li{ opacity: 0.3 }
.show-case .case-swiper li h1{ position: absolute;top:40px; padding-left: 50px; }
.show-case .case-swiper li h1 span{ display: block; }
.show-case .case-swiper li h1 span:before{ content: ""; display: inline-block; margin-right: 10px; width: 160px; height: 1px; background: #fff; vertical-align: middle; }
.show-case .case-swiper li.last{ padding:3vw 0; text-align: center;}
.show-case .case-swiper li .img-list{ position: relative; margin-top: 20px; }
.show-case .case-swiper li .img-list img{ width: 432px; height: 346px; position: absolute; left: 50%; margin-left:-216px; top:0;}
.show-case .case-swiper li .img-list img:first-child{ z-index: 10; }
.show-case .case-swiper li .img-list img:nth-child(2){ transform: rotate(-5deg); opacity: 0; z-index: 5;}
.show-case .case-swiper li .img-list img:nth-child(3){ transform: rotate(-15deg); opacity: 0; z-index: 3; top:10px;}
.show-case .case-swiper li:hover .img-list img:nth-child(2),.show-case .case-swiper li:hover .img-list img:nth-child(3){ opacity: 1; }
.show-case .case-swiper li.last h2{ padding-top: 370px; position: relative; z-index: 10; }
.show-case .case-swiper li.swiper-slide-active{ opacity: 1; }
.show-case .case-swiper .no-data{ display:  }
.layui-layer-imgnext, .layui-layer-imgprev{ position: fixed!important; }
.layui-layer-imguide{ display: inline!important }
.swiper .page{ text-align:center; padding: 30px 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: 47%; margin-bottom: 96px; }
.team-list li a{ }
.team-list li .img{ width: 335px; height: 420px; 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: 305px; margin-left:25px; padding-top: 45px; line-height: 2;}
.team-list li .right .more{ letter-spacing: 6px; padding-left: 0;}
.team-list li.li .img{ float: right; margin-left: 10px;}
.team-list li.li .right{ margin-left: 0; }
.team-list li.li .more{ text-align: right;}
.team-list li:hover .more{ padding-left:10px; }
.team-list li.li:hover .more{padding-right:10px; }

.team-content .show{ position: relative; }
.team-content .show .img{ position: absolute; width: 85%; }
.team-content .show .img:after{ content: ""; display: block; z-index: -1; width: 100%; background: #eaebed; height: 80%; position: absolute; bottom:0;}
.team-content .show:after,.team-content .video:after{ content: ""; position: absolute; z-index: -2; background: url(../images/bg-point.png) center/26px;  width: 651px;
  height: 462px; right: 0; top: 318px;}
.team-content .show .intro{ }
.team-content .show .intro img{ width:6.8rem; margin-left:10%;}
.team-content .show .right{ padding-top: 2.34rem; width: 4.49rem; margin-left: 50%; z-index: 100}
.team-content .show .right a{ color:#0e1c39; }
.team-content .show .right a:hover{ color:#de8d6c; }
.team-content .show .right .bor p{ color:#a2a3a4; margin-top: 50px; margin-bottom: 10px;}
.team-content .show .right .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;}
.video .icon-play{ position: absolute; top:50%; left: 50%; font-size: 96px; margin-top: -42px; margin-left: -47px; width: 96px; height: 96px; line-height: 96px; cursor: pointer;}
.team-content .video{ height: 6.14rem; position: relative; margin:0.9rem auto 0.9rem 0;}
.team-content .video li{ width: 10.9rem; height:6rem;  background-color: #fff;}
.team-content .video .btn::before{ content: "\e90b"; font-size: 32px; display: block;}
.team-content .video .btn{ position: absolute; top: 50%; margin-top: -27px; left: 15px; border:1px solid #171615; border-radius: 50%; z-index: 1001; width: 55px; height: 55px; vertical-align: middle; text-align: center;  transform: rotate(-180deg); padding-top: 15px; cursor: pointer;}
.team-content .video .btn:hover{ background-color: #de8d6c; border:1px solid #de8d6c;}
.team-content .video .btn:hover::before{ color: #fff;}
.team-content .video .btn.right{ transform: rotate(0deg); left: auto; right: 105px;}
.team-content .video video{ width: 100%; height: 100%; }
.team-content .video:after{ right: -126px; top: 214px; }
.team-content .video .swiper-slide img{ opacity: 0.5;} 
.team-content .video .swiper-slide-active img{ opacity: 1;}
.team-case h4{ position: relative; }
.team-case h4 span{ background: #fff; padding-right: 35px;}
.team-case h4:after{ content: ""; height: 1px; background: #0e1c39; width:100%; position: absolute; top:30px; left: 0; z-index: -1;}

/*about*/
.about{ background: url(../images/about-bg.jpg) no-repeat center top; padding-top: 3.0rem; }
.about .width{ width: 1220px; margin:0 auto; }
.about .swiper h1 .sub:before{ content: ""; display: inline-block; width: 156px; height: 1px; background: #fff; vertical-align: middle; margin-right: 15px; }
.about .swiper h1 .sub{ text-transform: uppercase; display: block; letter-spacing: 2px; font-style: italic; }
.about .swiper .content p{ font-weight: 300; }
.about .swiper .content p strong{ font-weight: 500;  }
.about .info{ width: 720px; line-height: 1.78; }
.about .swiper .color{ font-size: 96px; 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{ max-width:1470px; margin:0 auto; width: 80%; }
.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.fr{ text-transform: uppercase; background: #fff; position: absolute; display: block; right: 0; top:0; padding-left: 30px; }
.about .h1 span.bor{ height: 1px; background: #0e1c39; vertical-align: middle; display: inline-block;width: 80%; margin:0 0 0 30px;}
.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: 15px; margin-top: 0.7rem; width: 960px;}
.about .history ol li{  margin-bottom: 10px; }
.about .history .year{ color:#c3c4c5; width: 160px; text-align: right; display: inline-block; margin-top: 5px; }
.about .history .info{ color:#0e1c39; font-weight: 300; display: inline-block; line-height: 2; vertical-align: top;}
.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 .point:after{ display: inline-block; content: ""; height: 22px; width: 1px; background: #eaebed; position: absolute; left: 7px; top:17px;}
.about .history li:nth-child(4) .point:after{ height: 50px; }
.about .history .point{display: inline-block; margin:0 27px; position: relative; width: 17px; height: 17px; 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 .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; top: 55%; left: 50%;  background: url(../images/pop-bg.jpg) no-repeat center/100% 100%;
  -webkit-transform: translate(-50%, -50%); 
  transform: translate(-50%, -50%); 
  width: 1100px; background-color: #fff;  z-index: 9;  padding: 35px 50px 45px 50px; visibility: hidden;  opacity: 0; z-index: 99999;}
.pop-form.vis{ top:50%; visibility: visible;  opacity: 1;  }
.pop-form h4{ background: url(../images/pop-bg1.png) no-repeat -10px bottom/40%; padding-bottom: 10px; }
.pop-form .num{ letter-spacing: 2px }
.pop-form .item label{ font-size: 18px; color:#0e1c39; }
.pop-form .input{ padding: 10px 20px;border: solid 1px #0e1c39;width: 328px;line-height: 30px;font-size: 15px;font-weight: 300;line-height: 2;color: #0e1c39;margin-bottom: 16px;background: none; margin-left: 10px; }
.pop-form .btn{ margin: 0 auto; background: url(../images/pop-bg1.png) no-repeat right bottom/125%; font-size: 30px; padding: 0 30px 10px 0}
.pop-form .right{ width: 49%; }
.pop-form .tips{ color:#878b94; }
.pop-form .close{ position: absolute; right: 10px; top:10px; }
.pop-form .close:hover{ transform: rotate(90deg); }


.product{  }
.pro-list li{ align-items: center; margin-bottom: 56px; height: 760px; display: flex; }
.pro-list .info{ margin-left:58%;  padding:36px 5% 36px 2.9% ; background: #fff; width:37.09%;  }
.pro-list li:nth-child(2n) .info{ margin:auto auto auto 0; }
.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{ background: #fafbfc; padding: 96px 0;  }
.pic-list{ margin-left: 10% }
.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 .content-left{ width: 70%;}
.article-container .article-title{ line-height: 1.6; }
.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; }
.article-content img{ height: auto!important; max-width: 100%;}
.article-content p{ margin-bottom: 20px; }
.article-container .content-right{ width: 25%;}
.article-container .sec-1{ background: #003e77; border-radius: 8px; padding: .3rem .2rem;}
.article-container .input{ background: #1a5285; border: 1px solid #b8b4a9; margin-bottom: 12px; border-radius: 0 12px 0 0; padding: 15px 20px; font-size: 14px; color: #fff; width: 100%; }
.article-container .input::placeholder{color: #fff;}
.article-container .content-right .btn-1{ background: #f2d8b6; display: block; width: 100%; font-weight: 550; font-size: 23px; color: #0e447b; border-radius: 0 12px 0 0;}
.article-container .content-right .case-list .case-item{ width: 100%; margin-bottom: .2rem;}
.article-container .content-right .case-list .img{ height: 2rem; background-color: #f2d8b6;}
.article-container .content-right .case-list .title { font-size: 16px;}

.pages a{ display: inline-block; padding:0 15px; line-height: 2; font-size: 16px; 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 .case{ padding-bottom:0.96rem; }
.product-container .case .swiper-slide{ display: block; width: 588px; height: 411px; overflow: hidden; }
.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; }
.product-container .price{ padding:0.96rem 4%; }
.product-container .price .left{ width: 55%}
.product-container .price .small{ padding-left: 0.72rem; }
.product-container .price .right{ width: 44.622%; line-height: 2; }


.design-container .list-1{ margin-top: 30px; 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: 1.5rem; margin-bottom:1.18rem; 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: 96px 0; }
.service-process .process { margin-top: 55px; }
.service-process .process .bor1{ position: absolute; width: 81%; left: 7%; height: 216px; top:133px; border:2px dashed #87a3cf; border-radius: 0 108px 108px 0; border-left: none; }
.service-process .process .bor2:before{content: ""; display: block; position: absolute; left: -19%; width: 190px; height: 212px; border:2px dashed #87a3cf; border-color:  #87a3cf transparent #87a3cf #87a3cf; border-radius: 100% 0 0 100%; }
.service-process .process .bor2{ position: absolute; width: 69%; left: 7.5%; height: 216px; top:347px; border-bottom:2px dashed #87a3cf;}
.service-process .process ol{ padding:0 4% 0 6%; }
.service-process .process ol li{ width: 25%; float: left; position: relative; z-index: 1; margin-bottom: 53px; height: 162px;}
.service-process .process ol.li3 li{ float: right; }
.service-process .process ol li div{ width: 170px; margin-bottom: 10px;}
.service-process .process ol li .en{ text-transform: uppercase; letter-spacing: -1px; font-size: 11px;}
.service-process .process ol.li7 li .en{ height: 35px; }
.service-process .process ol li .num{ display: block; margin-top: 10px; border:1px solid #87a3cf; padding:2px; width: 48px; height: 48px; border-radius: 50% }
.service-process .process ol li .num span{ background: #87a3cf; border-radius: 50%; height: 100%; line-height: 40px;}
.service-process .process .bor{ width: 216px; height: 100%; content: ""; position: absolute; left: -2px; top:-2px; border-radius: 50%; border:2px solid #fff;}

.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{ }
.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: 49.5%; background: rgba(255,255, 255,0.9); border-radius: 50%; width: 50px; height: 50px; padding:5px 0 ; text-align: center; line-height: 45px;}
.pop-up .icon-close:hover{ transform:rotate(90deg); }


/*机电*/
.mech-menu{ font-size: 0;  padding-left: 8%;}
.mech-menu li{ display: inline-block; width: 30%; margin-bottom: 24px;}
.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: 5.67rem; height: 914px; position: absolute; left: 0; top:0;}
.mech-advan .right{ padding: 74px 0 60px 30px; width: 50% !important; margin-left: 32%;  min-width: 800px; background-color: #fff; position: relative; z-index: 1;}
.mech-advan .right .list{ margin-top: 70px;}
.mech-advan .right .list li{ float: left; width: 49%; padding-right: 6%; margin-bottom: 24px; }
.mech-advan .right .txt{ height: 90px; margin-top: 10px;}
.mech-vs{ background: url(../images/jd-bg.jpg) no-repeat center; padding: 2.06rem 0 332px 0; }
.mech-vs > div{ width: 40%; padding-top: 20px;}
.mech-vs .vs{ width: 254px; vertical-align: top; padding:0 }
.mech-vs .txt{ line-height: 2.2}
.mech-eight{ padding: 88px 0 150px 10%; }
.mech-eight ol{ padding-top: 40px;}
.mech-eight li{ margin-top: 5px;}
.mech-eight span.bor{ display: inline-block; width: 105px;  height: 1px; margin: 0 24px 10px 29px;  background-color: #c3c4c5;}

.mech-eight li h4{ width: 50%;}
.mech-eight li.swiper-slide .text > div P:nth-child(2){ background: url(../images/s-bor.png) repeat-y 7px 32px; padding-left: 20px; line-height: 30px; margin-top: 15px;}
.mech-eight li.swiper-slide-active .img{ top:auto; bottom: 40px; width: 9.45rem; height: 11.4rem; right: 0;}
.mech-eight li.swiper-slide-active span.bor{  background-color:  #98583e; }
.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: 42px;}
.soft-2{ background:url(../images/soft-bg.jpg) no-repeat center; padding:286px 0 226px 0}
.soft-2 .center{ width: 966px; margin: 0 auto}
.soft-3{ padding:156px 0;}
.soft-3 .right{ margin-left: 5%; width: 55%;}
.soft-3 .right li{ display: inline-block; width: 30%;}
.soft-3 .right li .txt{ margin-top: 30px;}
.soft-3 .right li div span{ display: inline-block;  margin-bottom: 9px; font-size: 15px; color: #98583e; height: 36px; line-height: 36px; border-radius: 18px; padding: 0 17px;  background-color: rgba(152, 88, 62, 0.1); font-weight: 300;}

.soft-4 { background: url(../images/brand-bg.png) no-repeat center top; padding: 96px 0;}
.soft-4 ul{ font-size: 0;}
.soft-4 li{ width: 15%; margin-right: 2%; display: inline-block; margin-bottom: 42px;}
.soft-4 li:nth-child(6n){ margin-right: 0;}

.soft-5{ padding:156px 0}
.soft-5 .right{ margin-top: 80px; margin-left: 10%; width: 50%;}
.soft-5 ul{ margin-top: 90px;}
.soft-5 li{ width: 291px;  height: 291px; border-radius: 50%; padding: 93px 34px 94px;  border: solid 2px #decac2;}
.soft-5 li:nth-child(2){ margin-left: 10%;}
.soft-5 li .txt{ margin-top: 5px;}
.soft-5 .ul2 li{ display: flex; align-items: center; }
.soft-5 .ul2 li h4{ margin: 0 auto }
.soft-5 .ul2 li:nth-child(n+1){ margin-left: 18px;}
.soft-6 .en{ margin-left: 25%;}
.soft-swiper ul{ margin-top: 66px; margin-bottom: 156px;}
.soft-swiper li{ width: 588px; height: 410px; margin-right: 42px;}


/*首席*/
.chief-con{ line-height: 1.6;}
.chief-con .page-top .left{ width: 5.3rem; padding-left: 0.6rem;}
.chief-con .chief-1{ width: 966px; margin: 156px auto; }
.chief-con .chief-2{ padding-bottom: 156px;}
.chief-con .chief-2 > div{ align-items: center;}
.chief-con .chief-2 ul{ padding-left: 158px; width: 100%; background: url(../images/lines.png) no-repeat left center/158px;}
.chief-con .chief-2 .t-1{  width: 346px; line-height: 64px;  height: 64px; border-radius: 4px;  border: solid 2px #98583e;}
.chief-con .chief-2 ul li{ width: 100% ; margin-bottom: 36px; }
.chief-con .chief-2 ul li:last-child{ margin-bottom: 0;}
.chief-con .chief-2 ul li > div{ padding-top: 10px;}
.chief-con .chief-2 .double{ margin-top: -5px; padding-top:0;}
.chief-2 ul li h4{ font-size: 18px; color: #242f4e; width: 26%; height: 56px; display: inline-block; line-height: 54px; border: solid 1px #c3c4c5; text-indent: 24px;}
.chief-2 ul li div{ width: 72%; font-size: 0;}
.chief-2 ul li p:before{ content: ""; display: inline-block; border-radius: 6px; width: 8px; height: 8px; border: solid 2px #d3d6da; vertical-align: middle; margin: 0 6px 0 24px;}
.chief-2 ul li p{ font-size: 16px; color: #242f4e; font-weight: 300; line-height: 32px; width: 33%; display: inline-block}

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

/*升级服务*/
.ser-plus .page-top .left{ width: 5.5rem; padding-left: 0.6rem;}
.ser-plus .list { padding-bottom: 100px;}
.ser-plus .list li{ position: relative; margin-bottom: 36px;}
.ser-plus .list li .txt{ position: absolute; right: 10%; z-index: -1; text-transform: uppercase; line-height: 1; color: #98583e; opacity: 0.1;}
.ser-plus .list li img{ margin-top: 0.36rem; max-width: 1200px}
.ser-plus .list li .text{ position: absolute; bottom:0; right: 10%; width: 8.4rem; height: 5.03rem; background: #fff; padding:42px 56px; font-weight: 300; color: #0e1c39;}
.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: 18px; font-weight: 500; margin-top: 16px;}
.ser-plus .list li.itme1 img{ float: right; }
.ser-plus .list li.itme1 .txt{ left: 10%; 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{ width: 966px; line-height: 1.6; margin: 0 auto;}
.tech-con .tech-1 span{ font-weight: 500;}
.tech-2 { background: url(../images/tech-bg.jpg) no-repeat center; padding:96px 0}
.tech-2 .t-2{ padding-left: 10%; display: flex; align-items: center;}
.tech-2 .t-2::after{ content: ""; height: 1px; display: inline-block; width: 40%; margin-left: 20px; background-color: #fff;}
.tech-2 .le,.tech-2 .right{ width: 30%; padding-top: 30px;}
.tech-2 .le li,.tech-2 .right li{ height: 105px; margin-bottom: 30px; padding-top: 20px;}
.tech-2 .center{ width: 260px; margin: 0 20px;}
.tech-2 .center li.vs{ margin-bottom: 52px;}
.tech-2 .center li.item{ width: 96px; height: 96px; border-radius: 48px;  padding: 29px 20px;  border: solid 1px #de8d6c; margin: 0 auto 36px auto;}
.tech-3{ padding:96px 0;}
.tech-3 .le h4{ line-height: 1;}
.tech-3 .right{ padding-top: 134px; margin-left: 80px; width: 600px;}
.tech-4 ul{ position: relative;}
.tech-4{ margin-top: 56px;}
.tech-4 li{ width: 378px;  padding: 0 0 24px; margin-bottom: 36px;  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: 24px;}
.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:30px 42px; width: 55%;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 .center{ padding-right: 70px;}
.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: 510px; 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; margin-top: 4px;}
.b-con-con .active .point .icon-checked::before{ content: ""; }
.b-con-con .active .point::before{ position: absolute; content: ""; width: 26px; height: 26px;border:1px solid #e0cdc6; background-color: #fff; left: -4px; 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: 6px;}
.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;}





@media screen and (max-width: 1680px){
  body{ font-size: 15px; }
  .nav-top li a{ font-size: 14px; }

  .fs64{ font-size: 60px;}
  .fs48{ font-size: 40px; }
  .fs18{ font-size: 14px; }

}

@media screen and (max-width: 1570px){
	.nav-top .right{ width: 280px; }
  .nav-top .nav{ width: 780px; margin: 0 25% 0 auto;}
  .nav-top li a{ padding:10px 15px; }
  img.logo{ margin-top:13px;}
  .headroom--not-top, .inside-page{ padding:16px 0; }
  .index-advant li.swiper-slide-active .text{ height: 250px; }
  .fs96{ font-size: 84px;}
  .fs80{ font-size: 70px;}
  .fs64{ font-size: 55px;}
  .fs48{ font-size: 36px; }
  .fs24{ font-size: 20px; }
  .fs18{ font-size: 16px; }
  .fs15{ font-size: 14px; }
  .index-des h1::after{ width: 52.6%; }
  .index-advant ol{ padding-top: 240px; }
  .index-advant li{ margin-top: 10px; }
  .banner .info .text{ padding:62px 46px 102px 46px; }
  .index-case h1::before{ top:120px; }
  .fix-right{ right: 6px; }
  .pro-list li{ height: 700px; }
  .mech-advan .right{ margin-left: 35%;}
}


@media screen and (max-width: 1200px){

  .fs96{ font-size: 70px;}
  .fs80{ font-size: 60px;}
  .fs64{ font-size: 45px;}
  .fs48{ font-size: 30px;}
}