/*--公共--*/ div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,body,strong,span,pre,input {margin:0;padding:0;border:0;font-weight:normal;background-repeat:no-repeat;outline:none;} h1,h2,h3,h4,h5,h6,p {margin:0;padding:0;font-weight:normal;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Hiragino Sans GB,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;} body {font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Hiragino Sans GB,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;margin:0px;padding:0px;color:#333333;line-height:24px;height:auto;clear:both; background:#000000;} img {border:0px;} ul,li {list-style:none;} em,i {font-style:normal;} a {text-decoration:none !important;color:#333333;outline:none;cursor:pointer;} a:hover {background-repeat:no-repeat;text-decoration:none;color:#1A4275;} .clearfl:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} .clearfl {*zoom:1;} .clearfix:after,.clearfix:before {content:" ";display:table} .clearfix:after {clear:both} .clearfix{ clear:both;} .c-flex {display:flex;flex-wrap:wrap;align-items:center} .fl {float:left;} .fr {float:right;} * {box-sizing:border-box;} .pt110 {padding-top:110px;} .pb110 {padding-bottom:110px;} .p110{padding:110px 0;} .pt50 {padding-top:50px;} body {left:0px;position:relative;line-height:1;max-width: 100vw;overflow-x: hidden;} #about,#about1,#about2,#about3,#about4,#contact,#contact1{padding-top:100px;} a.more {box-shadow:0 0 15px rgba(0,0,0,0.04);position:relative;overflow:hidden;font-weight:700;display:block;width:230px;height:50px;background-color:#fff;border-radius:30px;font-size:16px;text-align:center;line-height:50px;background-color:#1A4275; color:#fff;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} a.more span {position:relative;z-index:3;color:#1A4275;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;color:#fff;} a.more::before {content:'';display:block;width:0;height:100%;background-color:#fff;position:absolute;left:0;top:0;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} a.more i {display:inline-block;width:21px;height:5px;background-image:url(../images/more-ico1.png);margin-left:14px;position:relative;top:-3px;} button.more {box-shadow:0 0 15px rgba(0,0,0,0.04);position:relative;overflow:hidden;font-weight:700;display:block;width:230px;height:50px;background-color:#fff;border-radius:30px;font-size:16px;text-align:center;line-height:50px;background-color:#1A4275; color:#fff;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} button.more span {position:relative;z-index:3;color:#1A4275;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;color:#fff;} button.more::before {content:'';display:block;width:0;height:100%;background-color:#fff;position:absolute;left:0;top:0;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} button.more i {display:inline-block;width:21px;height:5px;background-image:url(../images/more-ico1.png);margin-left:14px;position:relative;top:-3px;} /* 滚动条样式 */ body::-webkit-scrollbar {width:4px;height:1px;} body::-webkit-scrollbar-thumb {background:#1A4275;} body::-webkit-scrollbar-track {background:#fff;} .w83 {width:83%;margin:0 auto;} .w75 {width:75%;margin:0 auto;} /*字体*/ @font-face {font-family:"bahnschrift";src:url("../fonts/bahnschrift.ttf");font-weight:normal;font-style:normal;} @font-face {font-family:"DINPRO";src:url("../fonts/DINPRO.OTF");font-weight:normal;font-style:normal;} /* pc头部 */ header {width:100%;height:100px;position:fixed;top:0;left:0;z-index:99;box-sizing:border-box;padding:0 80px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear; background:#000000;} header .left {float:left;position:relative; left:25%;} header .nav-ico {cursor:pointer;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;position:relative;float:left;cursor:pointer;top:43px;width:16px;height:16px;background-image:url(../images/nav-ico.png);background-size:100% 100%;} header .nav-ico1 {cursor:pointer;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;font-size:14px;color:#fff;display:block;float:left;height:100px;line-height:100px;margin-left:10px;} header .ser1 {cursor:pointer;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;color:#fff;font-size:14px;height:100px;line-height:100px;position:relative;float:left;padding-left:22px;} header .ser1::before {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;content:'';display:block;width:15px;height:15px;background-image:url(../images/ser-ico1.png);position:absolute;left:0;top:50%;margin-top:-7.5px;} header .ser2 {cursor:pointer;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;color:#fff;font-size:14px;height:100px;line-height:100px;position:relative;float:left; margin-right:30px;} header .ser2 .a1{ color:#fff; font-weight:bold; background:url(../images/zw.jpg) left center no-repeat; padding-left:35px; height:100px; display:inline-block;} header .ser2 .a2{ color:#fff; font-weight:bold; background:url(../images/yw.jpg) left center no-repeat; padding-left:35px; height:100px; display:inline-block;} header .lang {float:left;margin-left:30px;height:100px;line-height:100px;position:relative;display:none; } header .lang p {color:#fff;font-size:16px;height:100px;padding-right:15px;position:relative;cursor:pointer;} header .lang p a {color:#fff;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} header .lang p::after {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;content:'';display:block;width:8px;height:4px;background-image:url(../images/down-ico.png);background-size:100% 100%;position:absolute;right:0;top:50%;margin-top:-2px;} header .lang .xl {position:absolute;display:none;left:50%;margin-left:-50px;width:100px;} header .lang .xl a {display:block;height:40px;line-height:40px;text-align:center;font-size:12px;background-color:#fff;color:#333;} header .right {float:right;position:relative;} /* 搜索弹窗 */ #siteHeaderSearch {position:absolute;width:1116px;top:0;left:50%;margin-left:-516px;display:none;z-index:99999;background-color: #000;} .search-box {padding:30px 0;position:relative;} .search-box-cover {position:fixed;width:100%;height:100%;top:100px;left:0;opacity:.5;background-color:#000;z-index:990;} .search-box form {display:inline-block;} .search-btn,ul.navbar-right>li>a span {display:inline-block;width:24px;height:24px;vertical-align:middle;background-size:cover;} .search-btn {cursor:pointer;background-image:url(../images/search2.svg);} .search-box .search-btn {margin-right:4px;margin-left:182px;animation-name:slideInRight;animation-duration:.5s;animation-fill-mode:both;animation-timing-function:ease;} .search-box .search-input {display:inline-block;width:640px;outline:none;font-size:16px;height:32px;padding:4px 8px;border:none;animation-name:slideInRight;animation-duration:.5s;animation-fill-mode:both;animation-timing-function:ease;} .search-box .close-btn {display:inline-block;width:24px;height:24px;position:absolute;top:50%;color:#616466;cursor:pointer;margin-left:244px;margin-top:-12px;background-size:cover;background-image:url(../images/close.svg);} @keyframes slideInRight { 0% {transform:translate3d(100%,0,0);visibility:visible} to {transform:translate3d(0,0,0)} } /*header a.logo {display:block;position:absolute;top:25%;margin-top:-8.5px;left:50%;margin-left:-200px;}*/ header a.logo {display:block;position:absolute;top:25%;margin-top:-8.5px;left:2%;} header a.logo img {display:block;width:400px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} header a.logo img.oa {display:block;} header a.logo img.ob {display:none;} header.fix {background-color:#000000;} header.fix .nav-ico {background-image:url(../images/nav-ico.png);} header.fix .nav-ico1 {color:#fff;} header.fix .ser1 {color:#fff;} header.fix .ser1::before {/*background-image:url(../images/ser-ico.png);*/} header.fix .lang p a {color:#fff;} header.fix .lang p::after {background-image:url(../images/down-ico1.png);} header.fix a.logo img.oa {display:none;} header.fix a.logo img.ob {display:block;} header.fa {position:absolute;} /* 目录弹出 */ .menu-tc{width: 0; height:100vh;position: fixed;top:0;left:0;z-index:99999999;overflow: hidden;} .menu-tc .bg{width: 100vw;height:100vh;position: absolute;left:0;top:0;background-color: rgba(0,0,0,0.6);opacity: 0;transition: opacity .3s;z-index:2;} /* .menu-tc .nav{width: 27vw;padding:40px 80px;background-color: #fff;height:100vh;overflow: hidden;left:-27vw; position: relative;z-index:3;-webkit-transition: all .5s cubic-bezier(.7,.3,0,1);transition: all .5s cubic-bezier(.7,.3,0,1);} */ .menu-tc .nav{width: 27vw;padding:40px 80px;background-color: #fff;height:100vh;overflow: hidden; position: relative;z-index:3; -webkit-transform: translate3d(-27vw,0,0); transform: translate3d(-27vw,0,0); -webkit-transition: -webkit-transform 0.8s; transition: transform 0.8s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1);} .menu-tc .nav .col-top{font-size:14px;height:15px;line-height: 15px;margin-bottom: 50px;cursor: pointer;} .menu-tc .nav .col-top img{display: inline-block;margin-right: 10px;position: relative;top:3px;} .menu-tc .nav .col-middle{height:calc(100vh - 80px - 65px - 45px);padding-right: 10px!important;} .menu-tc .nav .col-middle dl{border-bottom: 1px solid #EEEEEE;} .menu-tc .nav .col-middle dl dt{font-size:18px;padding:30px 0;position: relative;cursor: pointer;} .menu-tc .nav .col-middle dl dt a{display: block;width: 100%;color:#333333;transition: all .3s;} .menu-tc .nav .col-middle dl dt i{transition: all .3s; display: block;width: 11px;height:11px;background-image: url(../images/menu-ico1.png);position: absolute;right:0;top:50%;margin-top:-5.5px;} .menu-tc .nav .col-middle dl dd{display: none;} .menu-tc .nav .col-middle dl dd a{display: block;color:#333;font-size:14px;margin-bottom: 24px;padding:0 18px;transition: all .3s;} .menu-tc .nav .col-bottom{position: absolute;bottom:30px;width: calc(100% - 160px);} .menu-tc .nav .col-middle dl dt.active i{background-image: url(../images/menu-ico2.png);} .menu-tc .nav .col-middle dl:hover dt a{color:#1A4275;} .menu-tc .nav .col-middle dl dd a:hover{color:#1A4275;} .menu-tc .nav .col-bottom p.tel {color:#000;font-family:"bahnschrift";font-size:20px;} .menu-tc .nav .col-bottom p.time {color:#666;font-size:12px;margin-bottom:14px;} .menu-tc .nav .col-bottom .fx {position: absolute;right:0;bottom:0;} .menu-tc .nav .col-bottom .fx span {display:inline-block;margin-left:15px;cursor:pointer;position:relative;width:24px;height:24px;transition:background-image .3s;} .menu-tc .nav .col-bottom .fx span:nth-child(1) {background-image:url(../images/wx-ico.png);} .menu-tc .nav .col-bottom .fx span:nth-child(2) {background-image:url(../images/wb-ico.png);} .menu-tc .nav .col-bottom .fx span img {display:none;position:absolute;top:-100px;left:50%;margin-left:-50px;width:100px;height:100px;transition:opacity .3s} .menu-tc.active{width:100vw;} .menu-tc.active .nav{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0.8s; transition: transform 0.8s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1);} .menu-tc.active .bg{opacity: 1;} .menu-tc .zl-scrollBarBox{display: none !important;} /* 滚动条 */ .zl-scrollBarBox {height:90%!important;position:absolute;right:1%!important; background:#ccc;top:5%!important;width:4px!important;border-radius:4px!important;} .zl-scrollBar {position:absolute;left:0;top:0;background:#1A4275;transition:background 0.3s;width:4px!important;border-radius:4px!important;} .zl-scrollBar.zl-verticalBar {min-height:10px;} .zl-scrollBar.zl-horizontalBar {min-width:10px;} .zl-scrollBar:hover {background:#000;} .zl-scrollContentDiv {position:relative !important;width:100% !important;height:100% !important;padding:0 !important;margin:0 !important;top:0;left:0;} /*手机头部*/ .search-bg1 {position:fixed;left:0;top:0;width:100%;height:100%;z-index:10;background-color:#f5f5f5;display:none;z-index:2000;} .header2 {height:55px;position:fixed;background:#000;z-index:20000;width:100%;display:none;top:0;left:0;} .header2 .main-wrap {height:55px;padding:0 3%;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);box-sizing:border-box;width:100%;} .header2 .logo {height:55px;overflow:hidden;} .header2 .logo a {display:block;} .header2 .logo img {display:block;height:45px; margin-top:5px;} .header2 .lang {line-height:55px;font-size:12px;position:absolute;top:0;height:55px;right:50px;} .header2 .lang a {color:#333;font-size:14px;} .header2 .ser{position:absolute;right:80px;top:50%;transform:translateY(-50%)} .header2 .nav-btn {width:24px;height:18px;position:relative;cursor:pointer;margin-top:18px;} .header2 .nav-btn .line {display:block;width:100%;height:2px;border-radius:2px;background-color:#fff;position:absolute;} .header2 .nav-btn .line1 {-webkit-transform-origin:left 0px 0;-ms-transform-origin:left 0px 0;transform-origin:left 0px 0;} .header2 .nav-btn .line2 {top:8px;} .header2 .nav-btn .line3 {bottom:0;-webkit-transform-origin:left 2px 0;-ms-transform-origin:left 2px 0;transform-origin:left 2px 0;} .header2 .sub-menu {width:100%;padding:0 2%;display:none;position:absolute;left:0;top:60px;z-index:2;overflow-y:auto;box-sizing:border-box;} .header2 .sub-menu ul {width:100%;overflow-y:scroll;height:calc(100vh - 55px - 1.5rem);} .header2 .sub-menu li {border-bottom:1px solid #E8E8E8;font-size:16px;width:96%;margin:0 auto;} .header2 .sub-menu .tit {display:block;width:100%;padding:0 3%;line-height:60px;color:#333;position:relative;box-sizing:border-box;font-size:16px;} .header2 .sub-menu .tit i {display:block;width:10px;height:10px;background-image:url(../images/h-add.svg);position:absolute;top:50%;margin-top:-5px;right:3%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .header2 .sub-menu .tit.on i {transform:rotate(45deg);} .header2 .sub-menu .sec-list {line-height:40px;padding:10px 4%;display:none;} .header2 .sub-menu .sec-list p {background:url(../images/ico_04.png) no-repeat left center;background-size:3px auto;font-size:14px;} .header2 .sub-menu .sec-list a {padding-left:3%;color:#666;display:block;} .header2 .nav-btn.active {-webkit-animation:rotate1 0.5s linear 0s;animation:rotate1 0.5s linear 0s;} .header2 .nav-btn.hover .line {background:#fff;} /* 首页banner */ .index-banner {width:100vw;height:100vh;overflow:hidden;position:fixed;top:0;left:0;z-index:3;background-color:#000000;} .index-banner .swiper-slide {position:relative;} .index-banner .swiper-slide .mm{display:none;} .index-banner .swiper-slide img.mm{display:none;width:100%;} .index-banner .swiper-slide .img {width:100%;height:100vh;} .index-banner .swiper-slide .img img {width:100%;height:100vh;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;} .index-banner .leftUp .img img {-webkit-animation-name:leftUp;animation-name:leftUp;} @-webkit-keyframes leftUp {0% {-webkit-transform:scale(1.1) translate(4.545%,4.545%);transform:scale(1.1) translate(4.545%,4.545%);} to {-webkit-transform:scale(1.1) translate(-4.545%,-4.545%);transform:scale(1.1) translate(-4.545%,-4.545%);} } @keyframes leftUp {0% {-webkit-transform:scale(1.1) translate(4.545%,4.545%);transform:scale(1.1) translate(4.545%,4.545%);} to {-webkit-transform:scale(1.1) translate(-4.545%,-4.545%);transform:scale(1.1) translate(-4.545%,-4.545%);} } .index-banner .moveRight .img img {-webkit-animation-name:moveRight;animation-name:moveRight;} @-webkit-keyframes moveRight {0% {-webkit-transform:scale(1.1) translate(-4.545%);transform:scale(1.1) translate(-4.545%);} to {-webkit-transform:scale(1.1) translate(4.545%);transform:scale(1.1) translate(4.545%);} } @keyframes moveRight {0% {-webkit-transform:scale(1.1) translate(-4.545%);transform:scale(1.1) translate(-4.545%);} to {-webkit-transform:scale(1.1) translate(4.545%);transform:scale(1.1) translate(4.545%);} } .index-banner .moveDown .img img {-webkit-animation-name:moveDown;animation-name:moveDown;} @-webkit-keyframes moveDown {0% {-webkit-transform:scale(1.1) translateY(-4.545%);transform:scale(1.1) translateY(-4.545%);} to {-webkit-transform:scale(1.1) translateY(4.545%);transform:scale(1.1) translateY(4.545%);} } @keyframes moveDown {0% {-webkit-transform:scale(1.1) translateY(-4.545%);transform:scale(1.1) translateY(-4.545%);} to {-webkit-transform:scale(1.1) translateY(4.545%);transform:scale(1.1) translateY(4.545%);} } .index-banner .centerBig .img img {-webkit-animation-name:centerBig;animation-name:centerBig;} @-webkit-keyframes centerBig {to {-webkit-transform:scale(1.1);transform:scale(1.1);}} @keyframes centerBig {to {-webkit-transform:scale(1.1);transform:scale(1.1);}} .index-banner .rightDownBig .img img {-webkit-animation-name:rightDownBig;animation-name:rightDownBig;} @-webkit-keyframes rightDownBig {to {-webkit-transform:scale(1.1) translate(4%,4%);transform:scale(1.1) translate(4%,4%);}} @keyframes rightDownBig {to {-webkit-transform:scale(1.1) translate(4%,4%);transform:scale(1.1) translate(4%,4%);}} .index-banner .swiper-slide .img img.pc {display:block;} .index-banner .swiper-slide .img img.m {display:none;} .index-banner .swiper-slide .word {position:absolute;top:50%;left:8%;margin-top:-204.5px;} .index-banner .swiper-slide .word h3 {color:#fff;font-size:48px;font-weight:bold;margin-bottom:45px;position:relative;} .index-banner .swiper-slide .word h3 strong {display:block;} .index-banner .swiper-slide .word p {color:#fff;font-size:20px;line-height:28px;max-width:530px;margin-bottom:220px;position:relative;} .index-banner .swiper-slide .word p strong {display:block;font-weight:normal;} .index-banner .swiper-slide .word .oc {} .index-banner .swiper-slide .word a.more {position:relative;overflow:hidden;} .index-banner .index-prev {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;cursor:pointer;width:50px;height:50px;background-color:rgba(0,0,0,0);border-radius:50%;position:absolute;left:60px;top:50%;margin-top:-25px;z-index:3;} .index-banner .index-prev::before {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;content:'';display:block;width:8px;height:13px;background-image:url(../images/prev-ico1.png);position:absolute;left:50%;margin-left:-4px;top:50%;margin-top:-6.5px;} .index-banner .index-next {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;cursor:pointer;width:50px;height:50px;background-color:rgba(0,0,0,0);border-radius:50%;position:absolute;right:60px;top:50%;margin-top:-25px;z-index:3;} .index-banner .index-next::before {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;content:'';display:block;width:8px;height:13px;background-image:url(../images/next-ico1.png);position:absolute;left:50%;margin-left:-3px;top:50%;margin-top:-6.5px;} .index-banner .index-p {bottom:92px;left:8%;text-align:left;position:absolute;z-index:3;} .index-banner .index-p .swiper-pagination-bullet {background:transparent;opacity:1;position:relative;width:16px;height:16px;outline:none;margin:0 12px;} .index-banner .index-p .swiper-pagination-bullet:after {content:"";position:absolute;left:50%;top:50%;z-index:0;width:10px;height:10px;background-color:#fff;border-radius:50%;margin:-6px 0 0 -5px;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;} .index-banner .index-p .swiper-pagination-bullet.swiper-pagination-bullet-active .svg {opacity:1;} .index-banner .index-p .swiper-pagination-bullet.swiper-pagination-bullet-active:after {opacity:1;width:12px;height:12px;background:url(../images/b_dian.png) no-repeat center;border-radius:0;} .index-banner .index-p .swiper-pagination-bullet.swiper-pagination-bullet-active .circle2 {-webkit-animation:svgCircleAnmi 6s linear forwards;animation:svgCircleAnmi 6s linear forwards;} .index-banner .index-p .svg {margin:-8px 0 0 -8px;width:32px;height:32px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;display:block;} .index-banner .index-p .circle1 {stroke:transparent;} .index-banner .index-p .circle2 {stroke:#fff;stroke-dasharray:0 339;} .index-banner .swiper-container svg:not(:root) {overflow:hidden;} .index-banner .bg {z-index:0;position:relative;transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;opacity:1;} @-webkit-keyframes svgCircleAnmi {0% {stroke-dasharray:0 339;} to {stroke-dasharray:339 339;} } @keyframes svgCircleAnmi {0% {stroke-dasharray:0 339;} to {stroke-dasharray:339 339;} } .oo {width:100%;height:100vh;} .i-main {position:relative; background:#000000;z-index:4;} .right_zd {position:fixed;right:-50px;top: calc(50vh - 80px);cursor:pointer;z-index:10;transition:all .3s;} .right_zd.active {right:0;} .right_zd ul{} .right_zd ul li{position: relative;right:-10px; width: 60px;height:50px;background-color: #F4F4F4;border-top-left-radius: 8px;border-bottom-left-radius: 8px;transition:all .3s;margin-bottom: 5px;} .right_zd ul li .ico{padding:5px;} .right_zd ul li .ico img{width: 40px;height:40px;} .right_zd ul li .ico img.pp{display: block;} .right_zd ul li .ico img.pa{display: none;} .right_zd ul li .ewm{position: absolute;right:65px;top:50%;margin-top:-50px;transition:all .3s;display: none;} .right_zd ul li .ewm img{width: 100px;height:100px;} .right_zd ul li.active{right:0px;background-color: #1A4275;} .right_zd ul li.active .ico img{margin:0 auto;} .right_zd ul li.active .ico img.pp{display: none;} .right_zd ul li.active .ico img.pa{display: block;} .right_zd ul li.active .ewm{display: block;} /* 首页产品 */ .i-product1 {padding-top:50px;width:100%;} .i-product1 a.item {float:left;width:24%;margin-right:1%;display:block;float:left;box-sizing:border-box;padding:50px 0;border:1px solid #666;margin-bottom:50px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .i-product1 a.item .tip {font-size:14px;color:#fff;padding:0 40px;line-height:14px;height:16px;} .i-product1 a.item .img {width:100%;padding:0 40px;overflow:hidden;} .i-product1 a.item .img img {display:block;width:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .i-product1 a.item .word {border-top:1px solid #666;padding-top:50px;padding:50px 40px 0;} .i-product1 a.item .word h3 {color:#fff;font-size:22px;margin-bottom:10px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .i-product1 a.item .word p {color:#fff;font-size:14px;height:16px;line-height:14px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none;} .i-product1 a.more {margin:0 auto;} /* 底部 */ footer {position:relative;z-index:10;background-color:#000000;border-top:1px solid #666;} footer .foot1 {padding:60px 80px;border-top:1px solid #333;} footer .foot1 .left {width:80%;float:left;} footer .foot1 .left dl {float:left;width:16.66666%;} footer .foot1 .left dl.links {text-align: center;} footer .foot1 .left dl.links dd a img{width:auto;} footer .foot1 .left dl dt {font-size:14px;font-weight:bold;margin-bottom:10px;} footer .foot1 .left dl dt a {color:#fff;} footer .foot1 .left dl dd {font-size:12px;line-height:24px;} footer .foot1 .left dl dd a {color:#fff;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} footer .foot1 .right {float:right;text-align:right;max-width: 205px;width:20%;} footer .foot1 .right dl{width:100%;position: relative;margin-bottom: 30px;} footer .foot1 .right dl.hidden{visibility: hidden;} footer .foot1 .right dl dt{display:inline-block; cursor: pointer; width:205px;height:45px;position: relative;border-radius: 22px;border:1px solid #E2E2E2;width:205px;height:45px;text-align: left;line-height: 45px;padding:0 24px 0 40px;color:#fff;font-size:14px;} footer .foot1 .right dl dt i{display: block; width: 9px;height:6px;background-image: url(../images/link-down.png);position: absolute;right:24px;top:50%;margin-top:-3px;transition:all .3s} footer .foot1 .right dl dd{padding:10px 0; height:auto; background-color: #fff; display:none;width:100%;position: absolute;top:45px;left:0;box-shadow: 0 0 15px rgba(0,0,0,0.1);} footer .foot1 .right dl dd a{display: block;width: 100%;height:40px;line-height: 40px;text-align: left;padding:0 40px;} footer .foot1 .right dl:hover dt i{transform:rotate(180deg);} footer .foot1 .right p.tel {color:#fff;font-family:"bahnschrift";font-size:30px;margin-bottom:20px;} footer .foot1 .right p.time {color:#fff;font-size:14px;margin-bottom:40px;} footer .foot1 .right .fx { float:right;} footer .foot1 .right .fx span {display:inline-block;margin-left:15px;cursor:pointer;position:relative;width:24px;height:24px;transition:background-image .3s;} footer .foot1 .right .fx span:nth-child(1) {background-image:url(../images/wx-ico.png);} footer .foot1 .right .fx span:nth-child(2) {background-image:url(../images/wb-ico.png);} footer .foot1 .right .fx span:nth-child(3) {background-image:url(../images/dy-ico.png);} footer .foot1 .right .fx span img {display:none;position:absolute;top:-100px;left:50%;margin-left:-50px;width:100px;height:100px;transition:opacity .3s} footer .foot2 {height:80px;width:100%;padding:0 40px;line-height:80px;border-top:1px solid #666;color:#fff;font-size:12px;overflow:hidden;} footer .foot2 a {color:#fff;font-size:12px;position:relative;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} footer .foot2 p {display:inline-block;} footer .foot2 .fl a {padding-right:26px;} footer .foot2 .fl a:nth-child(1)::before {content:'';width:1px;height:10px;background-color:#fff;position:absolute;top:50%;margin-top:-4px;right:12px;} footer .foot2 .fr{display:none;} /* 内页banner */ .ny-banner {position:relative;} .ny-banner .img {width:100%;} .ny-banner .img img.pc {display:block;width:100%;} .ny-banner .img img.m {display:none;} .ny-banner .word {position:absolute;left:8.5%;color:#fff;z-index:2;top:50%;margin-top:-70px;} .ny-banner .word h3 {font-size:48px;font-weight:bold;margin-bottom:36px;overflow:hidden;} .ny-banner .word p {font-size:20px;line-height:28px;height:56px;overflow:hidden;width:582px;max-width:94%;} .ny-banner .word1 {position:absolute;left:8.5%;color:#fff;z-index:2;top:50%;margin-top:-20px;} .ny-banner .word1 h3 {font-size:40px;font-weight:bold;margin-bottom:24px;} .ny-banner .word1 p {font-size:20px;line-height:28px;overflow:hidden;width:620px;max-width:94%;position:relative;padding-bottom:50px;} .ny-banner .word1 p::after {content:'';width:26px;height:2px;background-color:#fff;position:absolute;left:0;bottom:0;} .ny-banner .word2 {position:absolute;left:8.5%;color:#333;z-index:2;top:50%;margin-top:-70px;} .ny-banner .word2 h3 {font-size:40px;font-weight:bold;margin-bottom:24px;} .ny-banner .word2 p {font-size:20px;line-height:28px;overflow:hidden;width:582px;max-width:94%;position:relative;padding-bottom:100px;} .ny-banner .word2 p::after {content:'';width:26px;height:2px;background-color:#333;position:absolute;left:0;bottom:0;} /* 产品中心 */ .tabaa{background-color:#000;padding:70px 8.5% 40px;} .tabaa p{margin-bottom:20px;margin:0; display: flex;align-items: baseline;} .tabaa p strong{display: inline-block;width:80px;flex-shrink: 0;} .tabaa p span{width:auto;} .tabaa a{ display: inline-block; cursor: pointer; width: 240px; height: 45px; position: relative; border-radius: 22px; border: 1px solid #E2E2E2; text-align: center; line-height: 45px; color: #fff; font-size: 14px; margin-right: 20px; transition: all .3s; margin-bottom: 20px; } .tabaa a.active,.tabaa a:hover{ background-color: #fff; color: #000; border: 1px solid transparent; } .product {padding:80px 0;background-color:#000;} .product dl {position:relative;margin-bottom:0px;} .product dl dt {width:83%;margin:0 auto;position:sticky;top:0px;height:82px;line-height:42px;padding-bottom:40px;cursor:pointer;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .product dl dt h3 {font-size:40px;font-weight:bold;color:#333;float:left;} .product dl dt p {position:relative;float:right;padding-right:30px;cursor:pointer;} .product dl dt p::before {content:'收起';font-size:18px;color:#333;position:absolute;right:30px;top:0;height:42px;line-height:42px;width:80px;text-align:right;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .product dl dt p::after {content:'';display:block;width:14px;height:8px;background-image:url(../images/p-down.png);position:absolute;right:0;top:18px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transform:rotate(180deg);} .product dl dd {width:83%;margin:0 auto;display:flex;flex-wrap:wrap;} .product dl dd a.item {display:block;background-color:#000;box-sizing:border-box;width:calc(100% / 5 - 4.8px);margin-right:6px;border:1px solid #333;margin-bottom:50px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .product dl dd a.item:nth-child(5n) {margin-right:0;} .product dl dd a.item .img {width:100%;padding:0 40px;overflow:hidden;border:none;} .product dl dd a.item .img img {display:block;width:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .product dl dd a.item .word {padding:30px;position:relative;} .product dl dd a.item .word::before{content:'';display:block;width:100%;height:1px;background-color:#333;position:absolute;top:0;left:0;} .product dl dd a.item .word h3 {color:#fff;font-size:16px;margin-bottom:10px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .product1 dl dd a.item .tip{margin-bottom:20px;} /* 产品详细 */ .p-nav {height:80px;position:absolute;bottom:80px;width:100%;margin:0 auto;margin-bottom:-80px;z-index:5;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .p-nav::before {content:'';display:block;width:calc(100% - 160px);height:80px;background-color:#000;position:absolute;left:80px;top:0;} .p-nav::after {content:'';display:block;width:calc(100% - 160px);height:1px;background-color:#666;position:absolute;left:80px;bottom:0;} .p-nav .w83 {position:relative} .p-nav h3 {float:left;font-size:18px;color:#fff;line-height:80px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .p-nav .c-nav {float:right;} .p-nav .c-nav a {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;display:inline-block;height:80px;line-height:80px;position:relative;color:#fff;font-size:14px;padding:0 10px;margin-right:66px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .p-nav .c-nav a:last-child {margin-right:0;} .p-nav .c-nav a::after {content:'';display:block;width:0;height:2px;background-color:#fff;position:absolute;left:0;bottom:-1px;z-index:3;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .p-nav .c-nav a.active {color:#fff;font-weight:700;} .p-nav .c-nav a.active::after {width:100%;} .p-nav.ff {position:fixed;top:100px;left:0;z-index:5;width:100%;box-shadow:0px 0px 5px 1px rgba(0,0,0,0.13);height:60px;z-index:55;background-color:#fff;} .p-nav.ff h3 {height:60px;line-height:60px;} .p-nav.ff .c-nav a {height:60px;line-height:60px;} .p-nav.ff::before {height:60px;} #p-show1,#p-show2,#p-show3,#p-show4,#p-show5,#p-show6 {padding-top:160px;margin-top:-160px;} .p-tit {font-size:42px;font-weight:bold;color:#fff;margin-bottom:40px;} .p-part1 {position:relative;margin:0 auto;width:66%;text-align:center;padding-bottom:80px;} .p-part1 .p-ms {width:600px;margin:0 auto;} .p-part1 .oa {width:100%;margin:0 auto;} .p-part1 .oa .swiper-slide {width:100%;overflow:hidden;} .p-part1 .oa .swiper-slide img {display:block;width:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .p-part1 .p-prev {cursor:pointer;width:50px;height:50px;background-color:transparent;border-radius:50%;position:absolute;left:24%;top:50%;margin-top:-80px;z-index:3;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .p-part1 .p-prev::before {content:'';display:block;width:8px;height:13px;background-image:url(../images/prev-ico1.png);position:absolute;left:50%;margin-left:-4px;top:50%;margin-top:-6.5px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .p-part1 .p-next {cursor:pointer;width:50px;height:50px;background-color:transparent;border-radius:50%;position:absolute;right:24%;top:50%;margin-top:-80px;z-index:3;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .p-part1 .p-next::before {content:'';display:block;width:8px;height:13px;background-image:url(../images/next-ico1.png);position:absolute;left:50%;margin-left:-3px;top:50%;margin-top:-6.5px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .p-part1 .swiper-button-disabled{opacity:0.4} .p-part1 .ob {width:320px;margin:0 auto;} .p-part1 .ob .swiper-slide {width:80px;opacity:.24;position:relative;cursor:pointer;} .p-part1 .ob .swiper-slide img {display:block;width:100%;} .p-part1 .ob .swiper-slide-thumb-active {opacity:1;} .p-part1 .ob .swiper-slide-thumb-active::after {content:'';display:block;width:100%;height:2px;background-color:#1A4275;position:absolute;bottom:0;left:0;} .p-part2 {overflow:hidden; margin-bottom:30px;} .p-part2 dl {margin-bottom:40px;} .p-part2 dl dt {width:50%;overflow:hidden;} .p-part2 dl dt img {display:block;width:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .p-part2 dl dd {width:50%;box-sizing:border-box;padding:0 160px;} .p-part2 dl dd h3 {font-size:24px;color:#fff;margin-bottom:24px;line-height:32px;} .p-part2 dl dd p {font-size:14px;line-height:24px;color:#fff;} .p-part2 table{ border:1px solid; color:#fff; border-collapse:collapse; width:100%; margin-bottom:10px;} .p-part2 table tbody tr:nth-child(odd) td {height:50px;line-height:50px; } .p-part2 table tr td{ border:1px solid; color:#fff; line-height:30px;} .p-part2 table tr td div{color:#fff; line-height:30px;} .p-part2 img{ max-width:100%;} .p-part3 {overflow:hidden;} .p-part3 .swiper-slide {} .p-part3 .swiper-slide .img {width:100%;overflow:hidden;position:relative;z-index:2;} .p-part3 .swiper-slide .img img {display:block;width:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .p-part3 .swiper-slide .bg {width:100%;height:100%;background-color:rgba(0,0,0,0.5);position:absolute;left:0;top:0;z-index:3;} .p-part3 .swiper-slide .play {color:#fff;position:absolute;z-index:4;text-align:center;left:50%;top:50%;cursor:pointer;transform:translate(-50%,-50%)} .p-part3 .swiper-slide .play .img1 {display:inline-block;width:56px;position:relative;} .p-part3 .swiper-slide .play .img1 img {width:100%;} .p-part3 .swiper-slide .play .img1 .svg {position:absolute;left:0;top:0;width:100%;height:100%;transform:rotate(-90deg);} .p-part3 .swiper-slide .play .img1 .svg .circle1 {stroke:transparent;transition:opacity .3s .3s} .p-part3 .swiper-slide .play .img1 .svg .circle2 {stroke:#fff;stroke-dasharray:371 371;opacity:0;-webkit-animation:svgCircleAnmi1 3s linear infinite;animation:svgCircleAnmi1 3s linear infinite} @-webkit-keyframes svgCircleAnmi1 {0% {opacity:0;stroke-dasharray:0 371} to {opacity:1;stroke-dasharray:371 371} } @keyframes svgCircleAnmi1 {0% {opacity:0;stroke-dasharray:0 371} to {opacity:1;stroke-dasharray:371 371} } .p-part3 .swiper-slide .play p {font-size:20px;color:#fff;margin-top:18px;} .p-part3 .swiper-pagination {position:absolute;bottom:30px;left:0;z-index:5;} .p-part3 .swiper-pagination .swiper-pagination-bullet {background:none;opacity:1;width:16px;height:16px;position:relative;} .p-part3 .swiper-pagination .swiper-pagination-bullet:before {content:'';width:6px;height:6px;background:#fff;border-radius:50%;position:absolute;top:50%;margin-top:-3px;left:50%;margin-left:-3px;} .p-part3 .swiper-pagination .swiper-pagination-bullet-active:before {background:#fff;} .p-part3 .swiper-pagination .swiper-pagination-bullet-active {border:2px solid #fff;border-radius:50%;} .p-part4 {overflow:hidden;} .p-part4 .swiper-slide {text-align:center;width:600px;text-align:center;} .p-part4 .swiper-slide .img {width:100%;overflow:hidden;} .p-part4 .swiper-slide .img img {display:block;width:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .p-part4 .swiper-slide p {font-size:20px;color:#333;margin-top:34px;} .p-part4 .prev {transform:translateX(-100px);cursor:pointer;width:50px;height:50px;background-color:#F4F4F4;border-radius:50%;position:absolute;left:26px;top:50%;margin-top:-50px;z-index:3;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .p-part4 .prev::before {content:'';display:block;width:8px;height:13px;background-image:url(../images/prev-ico2.png);position:absolute;left:50%;margin-left:-4px;top:50%;margin-top:-6.5px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .p-part4 .next {transform:translateX(100px);cursor:pointer;width:50px;height:50px;background-color:#F4F4F4;border-radius:50%;position:absolute;right:26px;top:50%;margin-top:-50px;z-index:3;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .p-part4 .next::before {content:'';display:block;width:8px;height:13px;background-image:url(../images/next-ico2.png);position:absolute;left:50%;margin-left:-3px;top:50%;margin-top:-6.5px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} /* 新闻中心 */ .news{background-color: #000; margin-top:50px;} .news .n-tab{margin-bottom: 50px;} .news .n-tab a{position: relative; display: inline-block;width: 210px;height:54px;line-height: 54px;color:#fff;font-size:16px;border-radius: 27px;text-align: center;margin-right:24px;transition: background-color .3s,color .3s;background-color: #333;} .news .n-tab a.active{color:#fff;background-color: #1A4275;} .news .n-tab a:hover{color:#fff;background-color: #1A4275;} .news .n-list{background-color: #000;} .news .n-list a.item{width:100%;box-sizing: border-box;border-bottom: 1px solid #333;padding:70px 0;} .news .n-list a.item .word{width: 42%;display: inline-block;} .news .n-list a.item .word span.time{color:#fff;font-size:30px;font-family:"bahnschrift";} .news .n-list a.item .word h3{font-size:22px;line-height: 32px;height:64px;overflow: hidden;color:#fff;margin-top:45px;} .news .n-list a.item .word p{font-size:14px;line-height: 24px;height:48px;overflow: hidden;color:#fff;margin-top:20px;} .news .n-list a.item .word .more {margin-top:55px; border: 1px solid #EEEEEE; position:relative;overflow:hidden;font-weight:700;display:block;width:230px;height:50px;background-color:#fff;border-radius:30px;font-size:16px;text-align:center;line-height:50px;color:#1A4275;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .news .n-list a.item .word .more span {position:relative;z-index:3;color:#000;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .news .n-list a.item .word .more::before {content:'';display:block;width:0;height:100%;background-color:#1A4275;position:absolute;left:0;top:0;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .news .n-list a.item .word .more i {display:inline-block;width:21px;height:5px;background-image:url(../images/more-ico2.png);margin-left:14px;position:relative;top:-3px;} .news .n-list a.item .img{width:50%;display: inline-block;margin-left:8%;overflow: hidden;} .news .n-list a.item .img img{display: block;width: 100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .news .n-list a.item:last-child{border-bottom: none;} /*分页*/ .fy{text-align: center;background-color: #000;padding:20px 0;} .fy a{display: inline-block;color:#fff;height:33px;line-height: 33px;padding:0 7px;margin-right: 5px;transition: background-color .3s,color .3s;} .fy a.prev{width:6px;height:10px;background:url(../images/fy-prev1.png) no-repeat;transition: background-image .3s;} .fy a.next{width:6px;height:10px;background:url(../images/fy-next1.png) no-repeat;margin-left: 5px;transition: background-image .3s;} .fy a.active{background: #666;color: #fff;} /* 新闻详细 */ .news-show{margin-top:50px;} .news-show .tit{text-align: center;max-width: 62%;margin:0 auto 35px;} .news-show .tit h1{color: #fff;font-size:32px;line-height: 46px;margin-bottom: 35px;} .news-show .tit p.time{font-size:16px;color:#fff;} .news-show .tit p.time span{ margin-right:10px; display:inline-block;} .news-show .ms{padding:35px 0;border-top:1px solid #E9E9E9;border-bottom:1px solid #E9E9E9;font-size:14px;line-height: 28px;color:#fff;} .news-show .ms img{max-width: 100%;} .news-show .ms table{width:700px;margin:0 auto;max-width:100%} .news-show .ms table img{display:block;} .show_next{padding:50px 0;width:100%;} .show_next p{color:#fff;font-size:14px;line-height: 20px;margin-bottom: 10px;} .show_next a{color:#fff;transition: color .3s;} .show_next a.more{box-shadow: none;border: 1px solid #EEEEEE;} /* 联系我们 */ .contact{} .contact .tit{color:#fff;font-size:22px;margin-bottom: 55px;} .contact ul{} .contact ul li{position: relative; float:left;width:40%;margin-right:5%;margin-bottom: 40px;transition: all .3s;} .contact ul li::before{content: '';display: block;width: 0;height:3px;background-color: #fff;position: absolute;left:0;bottom:0;transition: all .3s;} .contact ul li h3{color:#fff;font-size:16px;line-height: 34px;} .contact ul li h3 span{font-weight: bold;font-size:34px;display: inline-block;margin-right: 24px;position: relative;padding-bottom: 20px;transition: all .3s;} .contact ul li h3 span::before{content: '';display: block;width: 28px;height: 3px;background-color: #1A4275;position: absolute;left:0;bottom:0;} .contact ul li .ms{margin-top: 30px;color:#fff;font-size:14px;line-height: 30px;overflow: hidden;} .contact ul li .ms img{margin-top: 30px; max-width:80%;} #map{width:50%; float:right;height:550px;font-size:14px; line-height:25px;} .contact1{background-color: #000;} .contact1 .layout{width:83%;margin:0 auto;max-width: 96%;} .contact1 .layout .tit{color:#fff;font-weight: bold;font-size:40px;text-align: center;margin-bottom: 60px;} .contact1 .layout li{width:calc(33.33333% - 7px);float: left;height:54px;border-radius: 3px;overflow: hidden;border: 1px solid #666;margin-right:10px;margin-bottom: 10px;} .contact1 .layout li:nth-child(3n){margin-right:0;} .contact1 .layout li input{width: 100%;height:54px;color:#fff;font-size:14px;box-sizing: border-box;padding:0 20px; background:none;} .contact1 .layout li select{width: 100%;height:54px;color:#fff;font-size:14px;box-sizing: border-box;padding:0 20px;border: none;outline: none;} .contact1 .layout li:last-child{width: 100%;height:auto;} .contact1 .layout li textarea{width: 100%;height:163px;color:#fff;font-size:14px;box-sizing: border-box;padding:20px;border: none;outline: none; background:none;} #save{border: none;outline: none;margin:40px auto;border: 1px solid #eee;box-shadow: none;cursor: pointer;width:140px;height:40px;font-size:12px;line-height:40px;} .contact1 .layout p.tip{color:#FF0000;font-size:12px;text-align: center;} /* 工程案例 */ .case{} .case .col-top{margin-bottom:50px;} .case .col-top .left{float: left;} .case .col-top .left h3{color:#FFA11A;font-size:30px;margin-bottom: 35px;} .case .col-top .left p{font-size: 40px;color:#fff;line-height: 50px;font-weight: bold;} .case .col-top .right{float: right;} .case .col-top .right h3{color:#fff;font-size:20px;margin-bottom: 15px;} .case .col-top .right .tab {margin-bottom: 30px;} .case .col-top .right .tab a {display:inline-block;font-size:16px;color:#fff;padding:0 26px;height:36px;line-height:36px;border-radius:30px;margin-right:24px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .case .col-top .right .tab a:last-child {margin-right:0;} .case .col-top .right .tab a.active {background-color:#1A4275;color:#fff;} .case .col-bottom{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;} .case .col-bottom a.item{display: block;width: calc(50% - 22px);margin-right:44px;position: relative;} .case .col-bottom a.item .img {width:100%;overflow:hidden;position:relative;} .case .col-bottom a.item .img img {display:block;width:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .case .col-bottom a.item .word {padding:36px 24px 10px 24px;position: relative;} .case .col-bottom a.item .word h3 {font-size:22px;color:#fff;font-weight:bold;margin-bottom:15px;} .case .col-bottom a.item .word p {font-size:16px;line-height:24px;height:48px;color:#fff;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .case .col-bottom a.item:nth-child(2n){margin-right: 0;margin-top:0px;} .case .col-bottom a.item .adr{color:#fff;font-size:16px;display: inline-block;padding-left: 20px;position: absolute;right:24px;top:40px;} .case .col-bottom a.item .adr::before{content: '';display: block;width: 16px;height:16px;background-image: url(../images/adr-ico.png);position: absolute;left:0;top:0;} /* 案例详情 */ .case-show{} .case-show .col-top{margin-bottom: 110px;} .case-show .col-top .left{float: left;font-size:40px;font-weight: bold;color:#fff;max-width: 60%;line-height: 1.2;} .case-show .col-top .right{width: 40%;float: right;color:#fff;font-size:14px;line-height: 20px;text-align: justify;} .case-show .col-top .right p{margin-bottom: 15px;} .case-show .col-middle{position: relative;width:100%;display: flex;} .case-show .col-middle .pic{width:62%;margin:0;position: relative;z-index:2;} .case-show .col-middle .pic .img{width: 100%;overflow: hidden;} .case-show .col-middle .pic .img img{display: block;width: 100%;transition: all .3s;} .case-show .col-middle .word{width:calc(38% + 20px);background-color: #F7F7F7;position: relative;top:30px;right:20px;z-index:3;} .case-show .col-middle .word .swiper-slide{padding:50px 50px;box-sizing: border-box;} .case-show .col-middle .word .swiper-slide h3{color:#333;font-size:28px;margin-bottom: 35px; line-height:35px;} .case-show .col-middle .word .swiper-slide p{font-size:16px;line-height: 24px;} .case-show .col-middle .word .swiper-pagination{width:80px; bottom:100px;text-align: left;left:154px;color:#AFAFAF;font-style: italic;z-index:5;} .case-show .col-middle .word .swiper-pagination .swiper-pagination-current{color:#333;font-size:26px;} .case-show .col-middle .word .prev{transition: background-color .3s; cursor: pointer; width:50px;height:50px;border-radius: 50%;position: absolute;left:80px;bottom:87px;z-index:6;} .case-show .col-middle .word .prev::before{transition: background-image .3s; content: '';display: block;width:8px;height:13px;background-image: url(../images/prev-ico2.png);position: absolute;left:50%;margin-left:-4px;top:50%;margin-top:-6.5px;} .case-show .col-middle .word .next{transition: background-color .3s;cursor: pointer; width:50px;height:50px;border-radius: 50%;position: absolute;left:230px;bottom:87px;z-index:6;} .case-show .col-middle .word .next::before{transition: background-image .3s;content: '';display: block;width:8px;height:13px;background-image: url(../images/next-ico2.png);position: absolute;left:50%;margin-left:-4px;top:50%;margin-top:-6.5px;} .case-show .col-middle .word .prev:hover,.case-show .col-middle .word .next:hover{background-color: #1A4275;} .case-show .col-middle .word .prev:hover::before{background-image: url(../images/prev-ico1.png);} .case-show .col-middle .word .next:hover::before{background-image: url(../images/next-ico1.png);} .case-show .p-part3 .tit{color:#333;font-size:40px;font-weight: bold;margin-bottom: 40px;text-align: center;} /* 关于我们 */ .about{} .about .col-top{margin-bottom:50px;} .about .col-top .left{max-width:15%;font-size:40px;font-weight: bold;color:#fff;float: left;} .about .col-top .right{font-size:16px;line-height: 26px;color:#fff;width:80%;float:right;} .about .col-middle{margin-bottom: 80px;} .about .col-middle .left{width: 52%;float: left;} .about .col-middle .left .img{width: 100%;overflow: hidden;} .about .col-middle .left .img img{display: block;width: 100%;transition: all .3s;} .about .col-middle .left .ms{color:#fff;font-size:16px;line-height: 26px;margin-top:65px;} .about .col-middle .left .ms h3{font-size:34px;color:#fff;margin-bottom: 20px;} .about .col-middle .left .ms p{margin-bottom: 30px;} .about .col-middle .right{float:right;width:46%;overflow: hidden;} .about .col-middle .right img{display: block;width: 100%;transition: all .3s;} .about .col-bottom{} .about .col-bottom .img{width: 100%;overflow: hidden;} .about .col-bottom .img img{display: block;width: 100%;transition: all .3s;} .about .col-bottom .ms{color:#fff;font-size:16px;line-height: 26px;margin-top:65px;} .about .col-bottom .ms h3{font-size:34px;color:#fff;margin-bottom: 20px;} .about .col-bottom .ms p{margin-bottom: 30px;} .about .col-bottom .ms p img{margin-bottom: 30px; max-width:100%;} .about1{background-color: #F9F9F9;} .about1 .tit{color:#333;font-size:40px;font-weight: bold;margin-bottom: 40px;} .about1 .swiper-container{position: relative;/* padding-top:100px; */} .about1 .swiper-wrapper{width:5791px; height:695px;} .about1 .swiper-container-horizontal>.swiper-scrollbar{position: relative;margin-top:50px;} .about1 .swiper-slide{height:110px;z-index:3;width: 350px;text-align: center;} .about1 .swiper-slide::before{background-color: #fff;} .about1 .swiper-slide .img{width:160px;height:110px;overflow: hidden;display: inline-block;} .about1 .swiper-slide .img img{display: block;width: 100%;} .about1 .swiper-slide .ms{color:#fff;font-size:16px;line-height: 28px;max-width:170px;display: inline-block;margin-right:20px;text-align: left;} .about1 .swiper-slide .ms .time{color:#fff;font-size: 40px;font-family:"bahnschrift";margin-bottom: 10px;line-height: 40px;} .about1 .swiper-scrollbar{border-radius: 0;background-color: #D8D8D8;height:1px;} .about1 .swiper-scrollbar-drag{height:3px;background-color: #1A4275;top:-1px;} .about1 .swiper-slide:nth-child(2n){flex-direction: row-reverse;} .about1 .swiper-slide:nth-child(2n) .ms{margin-right:0;} .about1 .swiper-slide:nth-child(2n) .img{margin-right:20px;} .about1 .bg{width: 5791px;height:462px;background-image: url(../images/about1-bg.png);position: absolute;left:0;top:50%;margin-top:-240px;z-index:-1;} .about1 .bg1{width: 300px;height:462px;background-image: url(../images/about1-bg1.png);position: absolute;left:0;top:50%;margin-top:-240px;z-index:2;transition: all .3s;} .about1 .swiper-slide:nth-child(1){position: absolute;bottom:13%;left:0;} .about1 .swiper-slide:nth-child(1)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #1A4275;position: absolute;left:0;top:-20%;} .about1 .swiper-slide:nth-child(2){position: absolute;top:21%;left:0%;} .about1 .swiper-slide:nth-child(2)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #1A4275;position: absolute;left:69%;bottom:-47%;} .about1 .swiper-slide:nth-child(3){position: absolute;top:30%;/* left:30%; */left:8.3%;} .about1 .swiper-slide:nth-child(3)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #1A4275;position: absolute;left:0%;bottom:-34%;} .about1 .swiper-slide:nth-child(4){position: absolute;bottom:19%;/* left:42%; */left:11.6%;} .about1 .swiper-slide:nth-child(4)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #1A4275;position: absolute;left:59%;top:-30%;} .about1 .swiper-slide:nth-child(5){position: absolute;bottom:41%;/* left:72%; */left: 19.8%;} .about1 .swiper-slide:nth-child(5)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #1A4275;position: absolute;left:-5%;top:-7%;} .about1 .swiper-slide:nth-child(6){position: absolute;bottom:71%;/* left:78%; */left: 21.4%;} .about1 .swiper-slide:nth-child(6)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #1A4275;position: absolute;left:54%;bottom:-50%;} .about1 .swiper-slide:nth-child(7){position: absolute;bottom:30%;/* left:100%; */left: 27.5%;} .about1 .swiper-slide:nth-child(7)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #1A4275;position: absolute;left:15%;top:-39%;} .about1 .swiper-slide:nth-child(8){position: absolute;bottom:79%;/* left:115%; */left: 31.6%;} .about1 .swiper-slide:nth-child(8)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #1A4275;position: absolute;left:51%;bottom:-28%;} .about1 .swiper-slide:nth-child(9){position: absolute;bottom:17%;/* left:136%; */left: 37.3%;} .about1 .swiper-slide:nth-child(9)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #1A4275;position: absolute;left:29%;top:-42%;} .about1 .swiper-slide:nth-child(10){position: absolute;bottom:40%;/* left:171%; */left: 46.9%;} .about1 .swiper-slide:nth-child(10)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #1A4275;position: absolute;left:-15%;top:-8%;} .about1 .swiper-slide:nth-child(11){position: absolute;bottom:77%;/* left:177%; */left: 52.6%;flex-direction: row-reverse;} .about1 .swiper-slide:nth-child(11)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #1A4275;position: absolute;left:-23%;bottom:40%;} .about1 .swiper-slide:nth-child(11) .ms{margin-right:0;} .about1 .swiper-slide:nth-child(11) .img{margin-right:20px;} .about1 .swiper-slide:nth-child(12){position: absolute;bottom:7%;/* left:197%; */left: 54.1%;} .about1 .swiper-slide:nth-child(12)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #1A4275;position: absolute;left:50%;top:-60%;} .about1 .swiper-slide:nth-child(13){position: absolute;bottom:59%;/* left:221%; */left: 60.76%;flex-direction: row-reverse;} .about1 .swiper-slide:nth-child(13)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #1A4275;position: absolute;left:45%;bottom:-31%;} .about1 .swiper-slide:nth-child(13) .ms{margin-right:0;} .about1 .swiper-slide:nth-child(13) .img{margin-right:20px;} .about1 .swiper-slide:nth-child(14){position: absolute;bottom:-2%;/* left:240%; */left: 65.92%;} .about1 .swiper-slide:nth-child(14)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #1A4275;position: absolute;left:47%;top:-59%;} .about1 .swiper-slide:nth-child(15){position: absolute;bottom:45%;/* left:255%; */left: 70%;} .about1 .swiper-slide:nth-child(15)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #1A4275;position: absolute;left: 52%;bottom: -122%;} .about1 .swiper-slide:nth-child(16){position: absolute;bottom:90%;/* left:288%; */left: 79.1%;} .about1 .swiper-slide:nth-child(16)::before{content: '';display: block;width: 8px;height:8px;border: 2px solid #1A4275;position: absolute;left: 44%;bottom: -82%;} .about1 .swiper-slide-active::before{background-color: #1A4275;} .about1 .swiper-slide-next::before{background-color: #1A4275;} .about2{} .about2 .tit{color:#333;font-size:40px;font-weight: bold;margin-bottom: 40px;} .about2 .img{width: 100%;overflow: hidden;} .about2 .img img{display: block;width: 100%;transition: .3s;} .about2 .word{margin-top: 28px;} .about2 .word h3{color:#333;font-size:22px;margin-bottom: 20px;} .about2 .word .ms{font-size:16px;line-height: 26px;color:#666;height:130px;overflow: hidden;} .about2 .swiper-pagination{position: relative;bottom:0;margin-top:20px;display: none;} .about2 .swiper-pagination-bullet{background-color: #E0E0E0;opacity: 1;} .about2 .swiper-pagination-bullet-active{background-color: #1A4275;} .about3{background-color: #F9F9F9;padding:35px 0;min-height: 870px;} .about3 .w83{position: relative;} .about3 .col-top{color:#333;font-size:16px;line-height: 26px;max-width: 555px;padding-top:80px;} .about3 .col-top .tit{color:#333;font-size:40px;font-weight: bold;margin-bottom: 40px;line-height: 40px;} .about3 .col-middle{width:400px;margin-top:114px;margin-left:180px;height:400px;position: relative;z-index:3;} .about3 .col-middle .zl-scrollBar{background:#ccc;} .about3 .col-middle li{cursor: pointer; padding:40px 28px;position: relative;background-color: #fff;transition: background-color .3s;} .about3 .col-middle li::before{content: '';display: block;width: calc(100% - 56px);background-color: #F2F2F2;height:1px;position: absolute;bottom:0;left:28px;} .about3 .col-middle li h3{color:#333;font-size:18px;margin-bottom: 10px;transition: color .3s;} .about3 .col-middle li p{color:#4D4D4D;font-size:14px;transition: color .3s;line-height:24px;max-width:80%;} .about3 .col-middle li span.num{color:#E5E5E5;font-size:52px;position: absolute;right:28px;bottom:40px;font-family:"DINPRO";transition: color .3s;} .about3 .col-middle li.active{background-color: #1A4275;} .about3 .col-middle li.active::before{display: none;} .about3 .col-middle li.active h3,.about3 .col-middle li.active p,.about3 .col-middle li.active span.num{color:#fff;} .about3 .col-bottom{position: absolute;right:0;top:0;z-index:2;} .about3 .col-bottom .adr{} .about3 .col-bottom .adr dl{position: absolute;display: inline-block;} .about3 .col-bottom .adr dl dt{color:#000;font-size:18px;transition: color .3s;} .about3 .col-bottom .adr dl dt i{transition: background-image .3s;position: relative;top:10px; display: inline-block;width:23px;height:34px;background-image: url(../images/about3-ico1.png);margin:0 10px;} .about3 .col-bottom .adr dl dd{display: none; background-color: #fff;padding:20px;position: absolute;left:50%;margin-left:-157.5px;bottom:50px;z-index:5;} .about3 .col-bottom .adr dl dd .img{width: 275px;overflow: hidden;} .about3 .col-bottom .adr dl dd .img img{display: block;width: 100%;transition: all .3s;} .about3 .col-bottom .adr dl dd p{color:#333;font-size:16px;margin-top:15px;} .about3 .col-bottom .adr dl.active dt{color:#1A4275;} .about3 .col-bottom .adr dl.active dt i{background-image: url(../images/about3-ico2.png);} .about3 .col-bottom .adr dl.active dd{display: block;} .about3 .col-bottom .adr dl:nth-child(1){right: 26%;top: 54%;} .about3 .col-bottom .adr dl:nth-child(2){right: 33%;top: 33%;} .about3 .col-bottom .adr dl:nth-child(3){right: 37%;top: 73%;} .about3 .col-bottom .adr dl:nth-child(4){right:37%;top:57%;} .about3 .col-bottom .adr dl:nth-child(5){right: 50%;top: 56%;} .about3 .col-bottom .adr dl:nth-child(6){right: 24.5%;top:59%;} .about3 .col-bottom .adr dl:nth-child(7){right: 37.5%;top: 71%;} .about3 .col-bottom .adr dl:nth-child(8){right: 38.5%;top: 77%;} .about3 .col-bottom .adr dl:nth-child(9){right: 30.5%;top: 74%;} .about4{width: 100%;overflow: hidden;} .about4 .tit{color:#333;font-size:40px;font-weight: bold;margin-bottom: 40px;} .about4 .swiper-container{width:166%;left:-10.5%;} .about4 .swiper-slide{width: 25%;position: relative;margin-right: 20px;} .about4 .swiper-slide .img{width: 100%;overflow: hidden;} .about4 .swiper-slide .img img{display: block;width: 100%; transition: all .3s;} .about4 .swiper-slide .word{background-color: #fff;background-color: rgba(255,255,255,0.5);padding:30px 40px;position: absolute;bottom:20px;width: calc(100% - 52px);left:26px;} .about4 .swiper-slide .word h3{font-size:22px;color:#000;margin-bottom: 18px;} .about4 .swiper-slide .word p{color:#333;font-size:14px;line-height: 22px;height:44px;overflow: hidden;} .about4 .swiper-pagination{position: relative;bottom:0;margin-top:20px;left:-13%;} .about4 .swiper-pagination-bullet{background-color: #E0E0E0;opacity: 1;} .about4 .swiper-pagination-bullet-active{background-color: #1A4275;} /*搜索页面*/ .search {margin-top:200px;} .search .ss {display:table;margin:0 auto;width:83%;line-height:48px;border:1px solid #ECECEC;padding-left:10px;border-radius:6px;position:relative;} .search .ss input {line-height:48px;width:calc(100% - 40px);background-color:transparent;} .search .ss input::-webkit-input-placeholder {color:#fff;} .search .ss input::-moz-placeholder {color:#fff;} .search .ss input:-ms-input-placeholder {color:#fff;} .search .ss input::placeholder {color:#fff;} .search .ss .iconfont {display:block;width:40px;height:48px;position:absolute;top:0;right:0;border:none;background:none;outline:none;} .search .s_btn {text-align:center;color:#fff;margin-top:50px;} @media (max-width:1680px) { .i-product1 a.item .img{max-height:350px;} header .left {float:left;position:relative; left:30%;} } @media (max-width:1480px) { header .left {float:left;position:relative; left:35%;} .i-product1 a.item .img{max-height:307px;} header {padding:0 2%;} header .right li {padding:0 30px;} footer .foot1 {padding:60px 2%;} footer .foot2 {padding:0 2%;} .index-banner .swiper-slide .word {margin-top:-123px;left:7%} .index-banner .index-p {left:7%;} .index-banner .swiper-slide .word h3 {font-size:30px;margin-bottom:20px;} .index-banner .swiper-slide .word p {font-size:16px;margin-bottom:100px;} a.more,button.more,.news .n-list a.item .word .more {width:140px;height:40px;font-size:12px;line-height:40px;} .index-banner .index-prev {left:3%;width:40px;height:40px;} .index-banner .index-next {right:3%;width:40px;height:40px;} header .left .lang p {font-size:16px;} .ny-banner .word {margin-top:-53px;left:7.5%;} .ny-banner .word h3 {font-size:30px;margin-bottom:20px;} .ny-banner .word p {font-size:16px;} .product dl dt h3 {font-size:30px;} .ny-banner .word {margin-top:-62px;left:7.5%;} .ny-banner .word h3 {font-size:30px;} .ny-banner .word p {font-size:16px;padding-bottom:50px;} .ny-banner .word1 {margin-top:-62px;left:7.5%;} .ny-banner .word1 h3 {font-size:30px;} .ny-banner .word1 p {font-size:16px;padding-bottom:50px;} .ny-banner .word2 {margin-top:-62px;left:7.5%;} .ny-banner .word2 h3 {font-size:30px;} .ny-banner .word2 p {font-size:16px;padding-bottom:50px;} .p-tit {font-size:30px;} .p-part2 dl dd {padding:0 80px;} .p-part1 .p-prev {width:40px;height:40px;margin-top:-80px;} .p-part1 .p-next {width:40px;height:40px;margin-top:-80px;} header .left .ser {height:30px;width:140px;top:36px;} header .left .ser::before {width:10px;height:10px;background-size:100% 100%;margin-top:-5px;left:10px;} header .left .ser input {height:30px;margin-left:30px;width:calc(100% - 30px);} .i-product .ob .swiper-slide .word {margin-top:30px;} .i-product,.i-product1 {padding:80px 0;} .p-part4 .swiper-slide {width:460px;} .pro-tc .other {padding:24px 0;} #siteHeaderSearch{width:800px;margin-left: -400px;} .search-box .search-input{width:400px;} .p110{padding:100px 0;} .news .n-list{padding: 0 60px;} .news .n-list a.item{padding:40px 0;} .news .n-list a.item .word span.time{font-size:24px;} .news .n-list a.item .word h3{margin-top:20px;font-size:18px;line-height: 24px;height:48px;} .news .n-list a.item .word .more{margin-top:30px;} .news-show .tit h1{font-size:24px;line-height: 36px;} .contact ul li{padding:40px 30px;} .contact ul li h3 span{font-size:24px;} .contact1 .layout .tit{font-size:30px;} .w83{width:85%;} .about .col-top .left{font-size:30px;} .about .col-top .right{font-size:14px;line-height: 24px;} .about .col-top{margin-bottom: 80px;} .about .col-middle .left .ms h3{font-size:20px;} .about .col-middle .left .ms{font-size:14px;line-height: 24px;margin-top: 30px;} .about .col-middle .right{margin-top:90px;} .about .col-bottom .ms{font-size:14px;line-height: 24px;margin-top:30px;} .about .col-bottom .ms h3{font-size:20px;} .about1 .tit,.about2 .tit,.about3 .col-top .tit,.about4 .tit,.case-show .p-part3 .tit,.case-show1 .tit,.case-show2 h3{font-size:30px;margin-bottom: 30px;} .about3 .col-top{font-size:14px;line-height: 24px;} .about2 .word h3{font-size:18px;} .about2 .word .ms{font-size:14px;} .about2 .word{margin-top:20px;padding:0 18px;} .about3{min-height: auto;} .about3 .col-middle{width:300px;margin-top:40px;} .about3 .col-middle li span.num{bottom: 20px;font-size:40px;} .about3 .col-middle li{padding:20px 14px;} .about3 .col-bottom{/* right:-150px; */width:800px;} .about3 .col-bottom .bg img{display: block;width: 100%;} .about3 .col-bottom .adr dl dd .img{width:200px;} .about3 .col-bottom .adr dl dt{font-size:14px;} .about3 .col-bottom .adr dl dt i{width:15px;height:24px;background-size:100% 100%;} .about4 .swiper-container{left: -11%;} .about4 .swiper-slide .word{padding:20px 30px;} .about3 .col-middle{margin-left:100px;margin-top:80px;} .case .col-top .left h3{font-size:24px;} .case .col-top .left p{font-size: 30px;line-height: 40px;} .case .col-bottom a.item .word{padding:18px 12px 5px 12px;} .case .col-bottom a.item .word h3{font-size:18px;} .case .col-bottom a.item .word p{font-size:14px;} .case .col-bottom a.item .adr{font-size:14px;top: 18px;} .case .col-bottom a.item:nth-child(2n){margin-top: 50px;} .case .col-top .right .tab a{font-size:14px;} .case-show .col-top .left{font-size: 30px;} .case-show .col-middle .word .swiper-slide{padding:50px 40px;} .case-show .col-middle .word .prev{left:40px;} .case-show .col-middle .word .swiper-pagination{left:114px;} .case-show .col-middle .word .next{left:190px;} .case-show .col-middle .word .swiper-slide h3{font-size:20px;margin-bottom: 15px;} .case-show .col-middle .word .swiper-slide p{font-size:14px;} .p-part3 .swiper-slide .play p{font-size:14px;} .pt110{padding-top:80px;} .pd110{padding-bottom: 80px;} .case-show .col-top{margin-bottom: 80px;} .menu-tc .nav{padding: 40px 30px;} .menu-tc .nav .col-bottom{width: calc(100% - 80px);} .menu-tc .nav .col-middle dl dt{padding:20px 0;} .case-show .col-top .right{max-height:130px;overflow-y: auto;} .case-show .col-top .right::-webkit-scrollbar {width:4px;height:1px;} .case-show .col-top .right::-webkit-scrollbar-thumb {background:#1A4275;} .case-show .col-top .right::-webkit-scrollbar-track {background:#fff;} .news-show{margin-top:160px;} .tabaa a{width: 100px;} } @media (max-width:1440px) { .i-product1 a.item .img{max-height:297px;} .product dl dd a.item{width:calc(100% / 4 - 5.25px);margin-right:7px;} .product dl dd a.item:nth-child(5n){margin-right:7px;} .product dl dd a.item:nth-child(4n){margin-right:0;} } @media (max-width:1366px) { .i-product1 a.item .img{max-height:277px;} } @media (max-width:1280px) { header .left {float:left;position:relative; left:40%;} .i-product1 a.item .img{max-height:255px;} .p-part5 table tr{font-size:12px;} .p-part5 table tr:nth-child(1){font-size:14px;} .i-product .ob h3 {padding-top:10px;} #siteHeaderSearch{width:600px;} .search-box .search-input{width:200px;} .news .n-list{padding:0 30px;} .news .n-list a.item{padding:20px 0;} .contact ul li{padding:30px 20px;} .contact ul li h3{font-size:14px;} .contact ul li h3 span{font-size:20px;} .contact ul li .ms{font-size:12px;} .contact1 .layout .tit{font-size:24px;} .p110{padding:60px 0;} .about2 .word h3{margin-bottom: 15px;} .about2 .word .ms{font-size:12px;} .about3 .col-top{padding-top:60px;} .about3 .col-middle{margin-top:30px;margin-left: 50px;width:300px;} .about3 .col-middle li{padding:30px 15px;} .about3 .col-middle li span.num{right:15px;bottom:36px;font-size:40px;} .about3 .col-bottom{right:-190px;} .case .col-top .right .tab a{font-size:12px;} .down .right ul.act li .word h3{font-size:20px;} .down .right ul.act li .word p{font-size:14px;} .case-show .col-top{margin-bottom: 60px;} .tabaa a{margin-right: 10px;width: 95px;} } @media (max-width:1200px) { .product dl dd a.item{width:calc(100% / 4 - 4.05px);margin-right:5.4px;} .product dl dd a.item:nth-child(5n){margin-right:5.4px;} .product dl dd a.item:nth-child(4n){margin-right:0;} } /* hover */ @media (min-width:1025px) { header:hover {background-color:#000;border-bottom:1px solid #ececec;} header:hover .nav-ico {background-image:url(../images/nav-ico.png);} header:hover .nav-ico1 {color:#fff;} header:hover .ser1 {color:#fff;} header:hover .ser1::before {background-image:url(../images/ser-ico1.png);} header:hover .lang p a {color:#fff;} header:hover .lang p::after {background-image:url(../images/down-ico1.png);} header:hover a.logo img.oa {display:none;} header:hover a.logo img.ob {display:block;} .index-banner .index-prev:hover {background-color:#fff;} .index-banner .index-prev:hover::before {background-image:url(../images/prev-ico2.png);} .index-banner .index-next:hover {background-color:#fff;} .index-banner .index-next:hover::before {background-image:url(../images/next-ico2.png);} .i-product .ob .swiper-slide .word span.more:hover i {margin-left:25px;} a.more:hover {background-color:#fff;} a.more:hover::before {width:100%;} a.more:hover span {color:#1A4275;} a.more:hover i {background-image:url(../images/more-ico2.png);} button.more:hover {background-color:#fff;} button.more:hover::before {width:100%;} button.more:hover span {color:#1A4275;} button.more:hover i {background-image:url(../images/more-ico1.png);} .news .n-list a.item .word .more:hover {background-color:transparent;} .news .n-list a.item .word .more:hover::before {width:100%;} .news .n-list a.item .word .more:hover span {color:#fff;} .news .n-list a.item .word .more:hover i {background-image:url(../images/more-ico1.png);} .p-part1 .p-prev:hover {background-color:#1A4275;} .p-part1 .p-prev:hover::before {background-image:url(../images/prev-ico1.png);} .p-part1 .p-next:hover {background-color:#1A4275;} .p-part1 .p-next:hover::before {background-image:url(../images/next-ico1.png);} .p-part4 .prev:hover {background-color:#1A4275;} .p-part4 .prev:hover::before {background-image:url(../images/prev-ico1.png);} .p-part4 .next:hover {background-color:#1A4275;} .p-part4 .next:hover::before {background-image:url(../images/next-ico1.png);} .i-product1 a.item:hover {border:1px solid #fff;} .i-product1 a.item:hover .img img {transform:scale(1.05);} .i-product1 a.item:hover .word h3 {color:#fff;} footer .foot1 .left dl dd a:hover,footer .foot2 a:hover {color:#333;} .i-case .right .i-case-b .swiper-slide .img:hover img,.i-product .oa .swiper-slide .img:hover img,.i-product .ob .swiper-slide .img:hover img,.about2 .img:hover img,.about .col-middle .left .img:hover img,.about .col-middle .right:hover img,.about .col-bottom .img:hover img {transform:scale(1.05);} .i-case .right .tit .tab a:hover,.case .col-top .right .tab a:hover {background-color:#1A4275;color:#fff;} header .lang .xl a:hover {background-color:#1A4275;color:#fff!important;} footer .foot1 .right .fx span:nth-child(1):hover {background-image:url(../images/wx-ico1.png);} footer .foot1 .right .fx span:nth-child(2):hover {background-image:url(../images/wb-ico1.png);} footer .foot1 .right .fx span:nth-child(3):hover {background-image:url(../images/dy-ico1.png);} .menu-tc .nav .col-bottom .fx span:nth-child(1):hover {background-image:url(../images/wx-ico1.png);} .menu-tc .nav .col-bottom .fx span:nth-child(2):hover {background-image:url(../images/wb-ico1.png);} .menu-tc .nav .col-bottom .fx span:nth-child(3):hover {background-image:url(../images/dy-ico1.png);} .menu-tc .nav .col-bottom .fx span:hover img {display:block;} footer .foot1 .right .fx span:hover img {display:block;} header .right li:hover a {color:#1A4275;} header .right li:hover::before {width:70%;} .pro-tc .cp a.item:hover .img img {transform:scale(1.03);} .pro-tc .cp a.item:hover p {color:#1A4275;} .i-case .right .i-case-b .oa:hover .i-case-prev {transform:translateX(0);} .i-case .right .i-case-b .oa:hover .i-case-next {transform:translateX(0);} .i-product1 a.item:hover,.jobs li:hover .jj{-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);} .product dl dd a.item:hover,.case-show1 a.item:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);} .p-nav .c-nav a:hover {color:#1A4275;font-weight:700;} .p-nav .c-nav a:hover::after {width:100%;} .product dl dd a.item:hover .word h3 {color:#1A4275;} .z_tanchuang .tbox .modal .out:hover {background:#fff url(../images/out2.png) center no-repeat;background-size:20px;transform:rotate(180deg);-webkit-transform:rotate(180deg);} .p-part4:hover .prev,.p-part4:hover .next {transform:translateX(0);} .p-part6 .down .item:hover {background-color:#fff;box-shadow:0 0 12px rgba(0,0,0,0.06);border-bottom:1px solid transparent;} .p-part6 .down .item:hover i {background-color:#1A4275;} .p-part6 .down .item:hover i::before {background-color:transparent;} .p-part6 .down .item:hover i::after {background-image:url(../images/down-icon1.png);} .p-part2 dl dt:hover img,.p-part3 .swiper-slide:hover .img img,.p-part4 .swiper-slide:hover .img img {transform:scale(1.03);} .p-part1 .oa .swiper-slide:hover img {transform:scale(1.03);} .down .left h3:hover a,.down .left .xl a:hover,.down .right li .word .dow a:hover{color:#1A4275;} .down .right li .img:hover img{transform:scale(1.03);} .down .right .act1 a.item:hover{border: 1px solid transparent;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);} .down .right .act1 a.item:hover span{color:#1a4275;} .jobs li .tc p.close:hover{transform: rotate(90deg);} .news .n-list a.item .img:hover img,.about4 .swiper-slide .img:hover img,.about3 .col-bottom .adr dl dd .img:hover img,.case .col-bottom a.item .img:hover img,.case-show .col-middle .pic .img:hover img{transform: scale(1.03);} .fy a:hover{background:#1A4275;color:#fff;} .fy a.prev:hover{background:url(../images/fy-prev2.png) no-repeat;} .fy a.next:hover{background:url(../images/fy-next2.png) no-repeat;} .show_next a:hover{color:#0000FF;} .down .right ul.act li .word .dow a:hover{color:#1A4275;} } /* 移动端 */ @media (max-width:1024px) { .w83 {width:92%;} .w75{width:92%;} header {display:none;} .header2 {display:block;} .index-banner .swiper-slide .word {left:2%;} .index-banner .index-prev,.index-banner .index-next {display:none;} a.more,a.more {width:140px;height:40px;font-size:12px;line-height:40px;} .i-product1 {padding:30px 0;} .i-product1 .w83 {width:92%;} .i-product1 a.item {padding:20px 0;margin-bottom:20px;width:49%;float:left;display:inline-block;} .i-product1 a.item .word {padding:20px 15px 0 15px;} .i-product1 a.item:nth-child(2n) { float:right;} footer .foot1 {padding:30px 2%;} footer .foot1 .left {display:none;} footer .foot1 .right {width:100%;float:none;text-align:center;max-width: 100%;} footer .foot1 .right dl{display: none;} footer .foot1 .right p.time {margin-bottom:30px;} footer .foot2 {height:40px;line-height:40px;text-align:center;} footer .foot2 .fl {float:none;} footer .foot2 .fl a:nth-child(1),footer .foot2 .fl a:nth-child(2) {display:none;} footer .foot2 .fr {display:none;} .index-banner .swiper-slide .mm{display:block;} .index-banner .swiper-slide .img img.pc {display:none;} .index-banner .swiper-slide .img img.m {display:block;} .index-banner .swiper-slide video{display:none!important} .index-banner .swiper-slide img.mm{display:block;} .index-banner .swiper-slide .word {margin-top:-112px;} .index-banner .swiper-slide .word h3 {transform:translateY(0);opacity:1;transition-duration:0s;transition-delay:0s;font-size:20px;margin-bottom:20px;} .index-banner .swiper-slide .word p {transform:translateY(0);opacity:1;transition-duration:0s;transition-delay:0s;font-size:12px;max-width:70%;margin-bottom:60px;} .index-banner .swiper-slide .word a.more {transform:translateY(0);opacity:1;transition-duration:0s;transition-delay:0s;} .index-banner .index-p {left:0%;text-align:center;bottom:40px;} .ny-banner .img img.pc {display:none;width:100%;} .ny-banner .img img.m {display:block;width:100%;} .ny-banner .word {left:4%;margin-top:-24px;width:92%;} .ny-banner .word h3 {font-size:24px;margin-bottom:10px;} .ny-banner .word p {font-size:14px;line-height:24px;height:48px;} .p-nav {display:none;} .ny-banner .word {left:4%;margin-top:-24px;width:92%;} .ny-banner .word h3 {font-size:24px;margin-bottom:10px;} .ny-banner .word p {font-size:14px;line-height:24px;height:auto;} .ny-banner .word p::after {display:none;} .ny-banner .word1 {left:4%;margin-top:-24px;width:92%;} .ny-banner .word1 h3 {font-size:24px;margin-bottom:10px;} .ny-banner .word1 p {font-size:14px;line-height:24px;height:auto;} .ny-banner .word1 p::after {display:none;} .ny-banner .word2 {left:4%;margin-top:-24px;width:92%;} .ny-banner .word2 h3 {font-size:24px;margin-bottom:10px;} .ny-banner .word2 p {font-size:14px;line-height:24px;height:auto;} .ny-banner .word2 p::after {display:none;} footer .foot1 .right .fx span:nth-child(1) {margin-left:0;} .p-part1 {width:94%;overflow:hidden;padding-bottom:20px;} .p-part1 .p-ms {width:100%;} .p-part1 .ob {display:none;} .p-part1 .p-prev,.p-part1 .p-next {margin-top:-40px;} .p-part1-1 {padding:30px 0;} .p-part1-1 h3 {font-size:24px;margin-bottom:15px;} .p-part1-1 h4 {font-size:18px;margin-bottom:20px;} .p-part1-1 p {font-size:14px;line-height:24px;height:auto;} .pt110 {padding-top:30px;} .pb110 {padding-bottom:30px;} .p-tit {font-size:24px;margin-bottom:20px;} .p-part2 dl {position:relative;padding-top:200px;} .p-part2 dl dt {width:100%;position:absolute;height:180px;top:0;left:0;text-align:center;overflow:hidden;} .p-part2 dl dt img {display:inline-block;height:180px;width:auto;} .p-part2 dl dd {width:100%;padding:0;} .p-part2 dl dd h3 {font-size:18px;margin-bottom:15px;} .p-part3 {padding-top:0;} /*.p-part3 .swiper-slide .play {margin-left:-24px;margin-top:-27px}*/ .p-part3 .swiper-slide .play .img1 {width:30px;} .p-part3 .swiper-slide .play p {font-size:12px;margin-top:10px;} .p-part3 .swiper-pagination {bottom:10px;} .p-part4 .swiper-slide {width:100%;} .p-part4 .swiper-slide p {font-size:14px;margin-top:10px;} .p-part6 .down .item {width:100%;margin-bottom:20px;} .p-part6 {padding-bottom:30px;} body {max-width:100%;overflow-x:hidden;} .p-part5 .ms {width:100%;overflow-x:scroll;} .p-part5 table {width:100%;overflow-x:scroll;} .p-part5 table tr {width:100%;overflow-x:scroll;height:24px;line-height:24px;} .p-part5 table tr:nth-child(1) {height:40px;line-height:40px;} .p-part5 table tr:nth-child(1) th {width:200px;font-size:14px;} .p-part5 table tr:nth-child(2) {padding-top:20px;height:34px;} .p-part5 table tr:nth-child(2) td {padding-top:20px;height:34px;} .p-part5 table tr:last-child {padding-bottom:20px;height:34px;} .p-part5 table tr:last-child td {padding-bottom:20px;height:34px;} .p-part5 table tr td {font-size:12px;width:100px!important;overflow:hidden;line-height:20px;padding:0 10px;} .p-part6 .down .item {padding:10px 0;height:67px;padding-left:50px;} .p-part6 .down .item::before {width:20px;height:20px;background-size:100% 100%;left:10px;top:18px;} .p-part6 .down .item .word h3 {font-size:14px;} .p-part6 .down .item .word p {font-size:12px;} .p-part6 .down .item i {width:50px;height:67px;} .p-part6 .down .item i::before {right:49px;} .p-part6 .down .item i::after {width:22px;height:15.5px;background-size:100% 100%;margin-left:-11px;margin-top:-7.5px;} .right_zd {display:none;} .i-product1 a.item .word h3,.product dl dd a.item .word h3 {font-size:14px;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;overflow:hidden;} .i-product1 a.item .word p,.product dl dd a.item .word p {font-size:12px;} footer .foot2 .fl a {padding-right:0;} .z_tanchuang .tbox .modal {padding:10px;width:80%;} .z_tanchuang .tbox .modal .out {width:26px;height:26px;right:-32px;background-size:10px 10px;} .p110{padding:30px 0;} .down .left{display: none;} .down .right{width: 100%;float: none;} .down .right li{padding:10px;width: 100%;} .down .right .act1{} .down .right .act1 a.item{padding:15px 10px;width: 100%;} .down .right .act1 a.item p{margin:12px 0 20px;} .news .n-tab{display: none;} .news .n-list{padding:0 10px;} .news .n-list a.item{position: relative;} .news .n-list a.item .word{width: 100%;padding-top:178px;} .news .n-list a.item .img{width: 100%;margin-left: 0;height:168px;position: absolute;top:20px;left:0;} .news .n-list a.item .word .more{display: none;} .fy{padding:20px 0;} .news-show{margin-top:85px;} .news-show .tit{max-width: 96%;} .news-show .tit h1{font-size:18px;margin-bottom: 10px;} .news-show .ms{padding:20px 0;} .show_next a.more{display: none;} .show_next{padding:20px 0;} .contact .tit{font-size:16px;line-height: 30px;margin-bottom: 20px;} .contact ul li{padding:20px 15px;width: 100%;margin-bottom: 15px;} .contact1 .layout li{width:100%;} .contact1 .layout button{margin:15px auto;} .about .col-top .left{width: 100%;float: none;max-width: 100%;margin-bottom: 10px;} .about .col-top .right{width: 100%;float: none;} .about .col-top{margin-bottom: 20px;} .about .col-middle{margin-bottom: 0;} .about .col-middle .left{width: 100%;float: none;} .about .col-middle .left .ms{margin-top:20px;font-size:14px;line-height: 20px;height:200px;overflow-y: auto;} .about .col-middle .left .ms::-webkit-scrollbar {width:4px;height:1px;} .about .col-middle .left .ms::-webkit-scrollbar-thumb {background:#1A4275;} .about .col-middle .left .ms::-webkit-scrollbar-track {background:#D8D8D8;} .about .col-middle .left .ms h3{margin-bottom: 10px;} .about .col-middle .left .ms p{margin-bottom: 10px;} .about .col-middle .right{display: none;} .about1 .tit, .about2 .tit, .about3 .col-top .tit, .about4 .tit{font-size:24px;} .about1 .swiper-slide{width: 100%;position: relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;} .about1 .bg{display: none;} .about1 .swiper-wrapper{height:auto;width:100%;} .ny-banner .word1 p,.ny-banner .word2 p{display: none;} .about1 .swiper-slide{margin-right: 20px;} .about1 .swiper-slide .ms{width: 48%;font-size:12px;line-height: 20px;margin-right:4%;} .about1 .swiper-slide .ms .time{font-size:24px;line-height: 24px;} .about1 .swiper-slide .img{width: 48%;} .about1 .swiper-slide::before{display: none!important;} .about1 .swiper-slide:nth-child(2n){flex-direction: revert;} .about1 .swiper-slide:nth-child(2n) .ms{margin-right:4%!important;} .about1 .swiper-slide:nth-child(2n) .img{margin-right: 0!important;} .about1 .swiper-slide:nth-child(11),.about1 .swiper-slide:nth-child(13){flex-direction: revert;} .about1 .swiper-slide:nth-child(11) .ms,.about1 .swiper-slide:nth-child(13) .ms{margin-right:4%;} .about1 .swiper-slide:nth-child(11) .img,.about1 .swiper-slide:nth-child(13) .img{margin-right:0;} .about2 .swiper-pagination{display: block;} .about3 .col-middle{margin-left:0;margin-top:20px;width: 100%;} .about3 ul{height:400px;overflow-y:scroll;} .about3 ul::-webkit-scrollbar {width:4px;height:1px;} .about3 ul::-webkit-scrollbar-thumb {background:#1A4275;} .about3 ul::-webkit-scrollbar-track {background:#D8D8D8;} .about3 .col-top{max-width: 100%;} .about3 .col-bottom .adr{display: none;} .about3 .col-top{padding-top:0;} .about3 .col-top p{display: none;} .about3{min-height: auto;} .about3 .col-bottom{right:auto;top:auto;position: relative;display: none;} .about3 .col-bottom img{display: block;width: 100%;} .about4 .swiper-container{width: 92%;left:0;} .about4 .swiper-slide{width: 100%;margin-right:0;} .about4 .swiper-pagination{display: block;left:0;} .about4 .swiper-slide .word{width:calc(100% - 24px);left:12px;padding:8px 12px;bottom:10px;} .about4 .swiper-slide .word h3{font-size:16px;margin-bottom: 8px;} .about4 .swiper-slide .word p{font-size:12px;line-height: 20px;} .case .col-top{margin-bottom: 20px;} .case .col-top .left{float: none;} .case .col-top .left h3{display: none;} .case .col-top .left p{font-size:24px;line-height: 30px;} .case .col-top .right{width: 100%;float: none;margin-top:15px;} .case .col-top .right h3{display: none;} .case .col-top .right .tab{display: none;} .case .col-bottom a.item{width: 100%;margin-right: 0;margin-bottom: 20px;} .case .col-bottom a.item:nth-child(2n){margin-top:0px;} .aa{display:none;} .case-show {margin-top:80px} .case-show .col-top .left{font-size:24px;max-width: 100%;float: none;} .case-show .col-top .right{width: 100%;float: none;margin-top:15px;mix-height:210px;overflow-y: auto;} .case-show .col-top{margin-bottom: 30px;} .case-show .col-middle{display: block;margin-bottom: 30px;} .case-show .col-middle .pic{width: 100%;} .case-show .col-middle .word{width: 100%;top:0;right:0;} .case-show .col-middle .word .swiper-slide{padding:15px 20px;} .case-show .col-middle .word .prev,.case-show .col-middle .word .next{display: none;} .case-show .col-middle .word .swiper-pagination{width:100%;position:relative;left:0;bottom:0;margin-top:20px;padding-bottom:20px; text-align:center;} .about1 .tit, .about2 .tit, .about3 .col-top .tit, .about4 .tit, .case-show .p-part3 .tit, .case-show1 .tit, .case-show2 h3{font-size:24px;margin-bottom: 20px;} .case-show .p-part3 .tit{text-align: left;} .about1 .swiper-container{padding-top:0;} .about1 .bg1{display: none;} .down .right ul.act li{width:100%;padding:10px;margin-bottom: 15px;} .search{margin-top:80px;} .tabaa{padding:40px 4% 0;} .tabaa p{margin-bottom:0;} .tabaa p a{width:30%; display:inline-block;height:30px;line-height:30px;font-size:12px;margin-bottom:20px;margin-right:10px;} /* .tabaa p a:nth-child(3n){margin-right:0;} .tabaa p a:nth-child(4){margin-left:70px;} */ } .index-filed-h2{font-size:32px;color:#fff;text-align:center;margin-bottom:23px;font-weight:bold} .index-series-menu{display:flex;justify-content:center;margin-bottom:50px} .index-series-ul{display:inline-block} .index-series-ul li{float:left;padding:0 13px;position:relative; margin-bottom:10px;} .index-series-ul li a{color:#fff;font-size:16px} .index-series-ul li a:hover{color:#beac98} .index-series-ul li:before{content:'';width:1px;height:14px;background:#d1d1d1;position:absolute;right:0;top:6px} .index-series-ul li:last-child:before{display:none} @media (max-width:768px) { .header2 .ser{right:50px;} .header2 .lang {right:50px;display:none;} .p-part1 .p-prev{left:10%;} .p-part1 .p-next{right:10%;} .product dl dd a.item{width:calc(100% / 3 - 3.5px);margin-right:5.2px;} .product dl dd a.item:nth-child(5n){margin-right:5.2px;} .product dl dd a.item:nth-child(4n){margin-right:5.2px;} .product dl dd a.item:nth-child(3n){margin-right:0;} } @media (max-width:640px) { .index-filed-h2{font-size:20px;margin-bottom:20px;} .index-series-menu{margin-bottom: .2rem;padding: 0 .3rem .2rem;} .index-series-ul{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;} .index-series-ul li{width: 45%;padding: .2rem .1rem;border: #ccc 1px solid;border-radius: 5px;text-align: center;margin-bottom:10px;} .index-series-ul .phone-li{width: 100%;} .index-series-ul li a{display: block;font-size:12px;line-height:30px;} .index-series-ul li:before{ display: none;} .p-part1 .p-prev{left:5%;} .p-part1 .p-next{right:5%;} .product {padding:30px 20px 30px 30px;} .product dl dt h3 {font-size:20px;} .product dl dt p::before {font-size:14px;height:30px;line-height:30px;} .product dl dt p::after {top:10px;} .product dl {margin-bottom:20px;} .product dl dt {padding-bottom:20px;line-height:30px;height:50px;position: relative;width:100%;} .product dl dt.active{height:50px;padding-top:0;padding-left:0;padding-right:0;box-shadow:none;background-color:transparent;width:92%;line-height: 50px;font-size:24px;} .product dl.active dt {position:relative;top:0;} .product dl.active dt.active {height:50px;padding-top:0;padding-left:0;padding-right:0;box-shadow:none;background-color:transparent;} .product dl dd {width:100%; border:1px solid;display: inline-block;} .product dl dd a.item {width:49%;float:left;display:block;padding:20px 0;margin-bottom:20px;} .product dl dd a.item .word {padding:20px 15px 0 15px;} .product dl dd a.item:nth-child(2n) { float:right; margin-right:0px;} .search .product dl dd{display: block;} } /* product nav 202208 */ html{scroll-behavior: smooth;} .product{padding:0;} .product.pd dl{display: none;margin-top:0; padding-top: 0;} .product.pd dl dt {display:none;} .product.pd dl.active{display: block; padding-top: 100px;} .ex-box img{width:100%;vertical-align:middle} .ex-box{height:45vw;display: flex;position: relative;} .exp-hd-content{background: #4a4644;width: 45%;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;box-sizing: border-box;padding-left: 4rem;} .exp-hd-content h3{color: #fff;font-size: 24px;display: inline-block; margin-bottom:10px;} .exp-hd-content h4{display: inline-block;color: #fff;margin-left: 5px; margin-bottom:10px;} .exp-hd-content label{font-size: 18px;color: #bcab97;font-weight: bold;display: block;padding-bottom: 10px;} .exp-hd-content p{color: #bcab97;line-height: 2;} .exp-hd-content label span{border-left: 1px solid #bcab9742;margin: 0 10px;} .exp-hd-content b{font-size:18px;color: #fff;letter-spacing: 0px;padding: 10px 0;display: block;} .exp-img-box{display: flex;height: 100%;position: relative;width: 55%;overflow: hidden;z-index: 0;} .exp-img-box>div{position: absolute;height: 100%;width: 25%;overflow: hidden;} .exp-img-box>div.hover{width: 100%;z-index: 100 !important;left: 0 !important;} .exp-img-box>div.hover img{transform:translateX(0%) !important;} .exp-img-box>div:after{content:'';display: block;width: 1px;height: 100%;background: #ffffff3d;position: absolute;z-index: 1;top: 0;right: 0;} .exp-img-box>div h5{position: absolute;z-index: 100;left: 0;right: 0;margin: auto;text-align: center;top: 0;width: 80px;line-height: 80px;font-size: 16px;bottom: 0;height: 80px;background: #beac9887;border-radius: 50%;color: #fff;} .exp-img-box>div:nth-child(1){left: 0;z-index: 1;} .exp-img-box>div:nth-child(2){left: 25%;z-index: 2;} .exp-img-box>div:nth-child(3){left: 50%;z-index: 3;} .exp-img-box>div:nth-child(4){left: 75%;z-index: 4;} .exp-img-box>div:nth-child(1) img{} .exp-img-box>div:nth-child(2) img{transform: translateX(-25%);} .exp-img-box>div:nth-child(3) img{ transform: translateX(-50%);} .exp-img-box>div:nth-child(4) img{transform: translateX(-75%);} .exp-img-box img{width: initial;height: 100%;position: relative;} .ehc-border{ margin-left:20%;} .text-center{ text-align:center;} .title30{margin-bottom: 50px;} .title30 h2{font-size: 32px;color: #fff;margin-bottom:20px; font-weight:bold;} .title30 span{font-size:16px;color:#fff;display: block; line-height:30px;} .indal-list{ padding-top:88px; margin-bottom:50px;} .indal-list ul{margin-left:-8px;flex-wrap: nowrap; padding-top:50px;} .indal-list li{width: 148px;margin-left: 8px;position: relative;height:610px;overflow: hidden; float:left} .indal-list li img{position: absolute;height:610px;left: 0;top: 0;object-fit: fill;max-width: none;} .indal-list li:nth-child(2), .indal-list li:nth-child(4){top: -32px;} .indal-list li:nth-child(3){top: -60px;} .indal-list li.active{width: calc(100% - 480px);} .indal-list-link{display: block;width: 100%;} .indal-hint{position: absolute;z-index: 4;transition: all .4s ease;writing-mode: vertical-lr;writing-mode: tb-lr;white-space: nowrap;color: #fff;width: 32px;top: 32px;text-align: center;left: 50%;margin-left: -16px;} .indal-cont{position: absolute;z-index: 5;width: 100%;top: 60px;padding: 0 68px;color: #fff;} .indal-cont .name{line-height: 1.2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:'SamsungOne700';display: block;} .indal-cont .text{line-height: 24px;margin: 22px 0 24px;max-width: 520px;} .indal-cont .link{font-family:'SamsungOne700';pointer-events: none;display: inline-block;} .indal-cont .link p{display: inline-block;position: relative;padding-right: 16px;background: url('../images/common/arrRW.svg') no-repeat right -2px center/14px auto;transition: all .4s ease;} .indal-cont .link p:hover{color: #a92334;background-image: url('../images/common/arrRWH.svg');} .indal-cont .link p::after{content: "";position: absolute;width: 0%;height: 1px;background: #a92334;right: 0;bottom: 0;opacity: 0;transition: width .4s ease,opacity .2s ease .2s;} .indal-cont .link p:hover::after{width: 100%;opacity: 1;left: 0;right: auto;transition: width .4s ease .2s,opacity .2s ease;} .indal-cont .name, .indal-cont .text, .indal-cont .link{opacity: 0;} .indal-list li.active .indal-cont .name{animation: indalRun 1s ease both .6s;} .indal-list li.active .indal-cont .text{animation: indalRun 1s ease both .7s;} .indal-list li.active .indal-cont .link{animation: indalRun 1s ease both .8s;pointer-events: auto;} @keyframes indalRun {0%{opacity: 0;transform: translateY(80px);}100%{opacity: 1;transform: translateY(0);}} .indal-list li.active .indal-hint{opacity: 0;} @media (max-width:768px) { .product{padding: 40px 4% 0;} .product.pd dl{display: block;} .product.pd dl dt {display:block;margin:0;width:auto;} .product.pd dl.active{padding-top:0;} .product dl dd{width:100%;} } @media (max-width:640px) { .product{padding: 30px 20px 30px 30px;} .product.pd dl{display: block;} .product.pd dl dt {display:block;} .product.pd dl.active{padding-top:0;} .exp-img-box{width: 100%;height:400px;} .exp-img-box>div:after{background: rgba(255, 255, 255, 0.23921568627450981);} .ex-box{height: auto;padding-top: 1rem !important;flex-direction: column;} .exp-hd-content{width: 100%;padding-left: 0;display: block;} .ehc-border{ border: none; margin-left:0%; padding:30px;} .exp-hd-content h3{font-size: 18px;} .exp-hd-content h4{font-size: .3rem;margin-left: 0;} .exp-hd-content label{font-size: .35rem;} .exp-hd-content label span{border-left: 1px solid rgba(188, 171, 151, 0.26);} .exp-hd-content b{font-size: 18px;padding: .15rem 0;} .exp-hd-content p{font-size: .2rem;} .title30 h2{font-size:20px;color: #fff;margin-bottom:10px; font-weight:bold;} .title30 span{font-size:12px;color:#fff;display: block; line-height:30px;} } .font12{font-size: 12px;}.font14{font-size: 14px;}.font15{font-size: 15px;}.font20{font-size: 20px;}.font24{font-size: 24px;} @media all and (max-width:1700px) {.indal-list li img, .indal-list li{height: 474px;}} @media all and (max-width:1599px) { .indal-list li img, .indal-list li {height: 372px;} .indal-cont {top: 48px;padding: 0 50px;} } @media all and (max-width:1279px) { .indal-list li {width: 80px;} .indal-list li.active {width: calc(100% - 360px);} .indal-list li img, .indal-list li {height: 310px;} .indal-hint{top: 20px;} .indal-cont {top: 36px;padding: 0 32px;} .indal-cont .text {margin: 12px 0 16px; } .indpp-bg {width: 600px;} } @media all and (max-width:1000px) { .indal-hint{display: none;} .indal-cont .name, .indal-cont .text, .indal-cont .link{opacity: 1;animation: none !important;} .indal-list ul {margin-left: 0;margin-top: -12px;flex-wrap: wrap;} .indal-list li{margin-top: 12px;margin-left: 0;top: 0 !important;} .indal-list li img, .indal-list li{height: auto;position: relative;width: 100% !important;} .indal-list {margin-top: 50px;} .indal-list li::after{content: "";width: 100%;height: 100%;top: 0;left: 0;position: absolute;background: rgba(0, 0, 0, .3);} .indal-cont .link{pointer-events: auto;} } @media all and (max-width:640px) { .indal-list ul{margin-left:-8px;flex-wrap: nowrap; padding-top:0px;} .indal .indTitle{width: 100%;margin-bottom: 14px;} .indal-list {margin-top: 24px;} .indal-cont .text {margin: 6px 0 8px;line-height: 20px;height: 40px;display: none;} .indal-cont .link{margin-top: 8px;} .indal-cont {top: 24px;padding: 0 20px;} .font16{font-size: 15px;}.font17,.font18{font-size: 16px;}.font19{font-size: 17px;}.font20,.font22,.font24{font-size: 18px;}} /* 工程案例 */ .mt50{ margin-top:50px;} .alllll{} .a3_b1{font-size: 0;margin-top:50px; margin-bottom:50px;} .a3_b1 li{ float:left; width:25%; padding:0 10px 10px 0;} .a3_b1 li img{width:100%;} .a3_b1 li .ashha{position: relative;} .a3_b1 li .wena{text-align: center;padding: 0 40px;position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;box-sizing: border-box; background: url(../images/kkjka.png) no-repeat right bottom rgba(0,0,0,.6);padding-top: 12%;opacity: 0;} .a3_b1 li .wena h2 a{display: block;color: #fff;font:500 24px/66px "微软雅黑";background: url(../images/ajkhjk.png) no-repeat center bottom;} .a3_b1 li .wena h3{color: #fff;font:500 14px/19px "微软雅黑"; margin-top: 25px;} .a3_b1 li:nth-child(1){width:50%;} .a3_b1 li:hover .wena{opacity: 1;} @media screen and (max-width:767px){ .youshi .ys_content .ysc_right .ysc_txt p:last-child {line-height:20px;color: #818181;font-size: 12px;} .wena{ display:none}} @media screen and (max-width:767px){ .a3_b1 li{ float:left; width:50%; padding:0 10px 10px 0;} .a3_b1 li img{width:100%;} .a3_b1 li .ashha{position: relative;} .a3_b1 li .wena{text-align: center;padding:0px;position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;box-sizing: border-box; background: url(../images/kkjka.png) no-repeat right bottom rgba(0,0,0,.6);opacity: 0;} .a3_b1 li .wena h2 a{display: block;color: #fff;font:500 16px/66px "微软雅黑";background: url(../images/ajkhjk.png) no-repeat center bottom;} .a3_b1 li .wena h3{color: #fff;font:500 12px/20px "微软雅黑"; margin-top:0px;} .a3_b1 li:nth-child(1){width:100%;} .a3_b1 li:hover .wena{opacity: 1;} .pt50 {padding-top:30px;} #about,#about1,#about2,#about3,#about4,#contact,#contact1{padding-top:70px;} #map{ width:100%;}}