/*Floor002989 */ @font-face { font-family: 'SourceHanSansCN-Light'; src: url("https://work.gzwhir.com:51932/Build/content/Resoures/whirfonts/SourceHanSansCN/Light.woff") format("woff"); font-display: swap; } @font-face { font-family: 'SourceHanSansCN-Regular'; src: url("https://work.gzwhir.com:51932/Build/content/Resoures/whirfonts/SourceHanSansCN/Regular.woff") format("woff"); font-display: swap; } @font-face { font-family: 'avantgardeitcbybt-demi'; src: url("https://work.gzwhir.com:51932/Build/content/Resoures/whirfonts/avantgardeitcbybt-demi.woff") format("woff"); font-display: swap; } .f-l{font-family: 'SourceHanSansCN-Light';} .f-r{font-family: 'SourceHanSansCN-Regular';} .f-en{font-family: 'avantgardeitcbybt-demi';} .Floor002989 .auto{/* width: 83.334%; */max-width: 1275px;} @media(max-width:1200px){ .Floor002989 .auto{max-width: 1200px;} } .Floor002989 .top-main{position: absolute; left: 0; top: 40px; width: 100%; z-index: 100;} .Floor002989 .top-main .auto{position: relative; z-index: 1;} .Floor002989 .top-main .open-nav{position: absolute; right: 0; top: 0; cursor: pointer;} .Floor002989 .top-main .open-nav svg{height: 34px;width: 93px;} .Floor002989 .top-main .open-nav:hover svg .kuang{fill:rgba(0, 173, 169, 0.83); } @media(max-width:640px){ .Floor002989{padding-top: 60px;} .Floor002989 .top-main{ top: 3vw;} .Floor002989 .top-main .logo{max-width: 40%;} .Floor002989 .top-main .open-nav svg{height: 5.3125vw;width: 14.532vw;} } .Floor002989 .top-menu{ z-index: 102; position: fixed; left: -100%; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); overflow: hidden; opacity: 0;transition: opacity 0.3s; } .Floor002989 #canvas{position: absolute; right: -100%; top: 0; z-index: 0;} .Floor002989 .top-menu menu .auto{position: relative; z-index: 2;} .Floor002989 .top-menu .close{position: absolute; right: 20px; top: 40px; width: 26px; height: 16px; cursor: pointer; z-index: 10;} .Floor002989 .top-menu .close i{height: 2px; background: #000;position: absolute; left: 0; top: 50%; margin-top: -1px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); width: 100%;} .Floor002989 .top-menu .close i:nth-child(2){transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);} .Floor002989 .top-menu .inner{float: right;width: 26.875%; padding-top: 11.194vh; text-align: center; opacity: 0; transform: translateX(-30px); } .Floor002989 .top-menu menu ul{padding-top: 11vh;} .Floor002989 .top-menu menu li{font-size: 24px;} .Floor002989 .top-menu menu li span{display: block; line-height: 1.2em;height: 1.2em;} .Floor002989 .top-menu menu li span a{transition: 0.3s;} .Floor002989 .top-menu menu li:not(:last-child){padding-bottom: 6vh;} .Floor002989 .top-menu menu li.aon span a, .Floor002989 .top-menu menu li a:hover{color: #00ada9;font-family: 'SourceHanSansCN-Regular';} .Floor002989 .top-lang a{display: inline-block;color: #999;} .Floor002989 .top-lang a:hover, .Floor002989 .top-lang a.on{color: #00ada9;} .Floor002989 .top-lang a:not(:last-child):after{display: inline-block; content: ''; width: 2px; height: 2px;background: #b8b8b8; margin: 0 10px; vertical-align: middle;} @media(max-width:640px){ .Floor002989 .top-menu .close{top: 4vh;} .Floor002989 .top-menu menu li{font-size: 4vw;} } body.menu-show{overflow: hidden;} body.menu-show .Floor002989 .top-menu{left: 0;opacity: 1;} body.menu-show .Floor002989 .top-menu .inner{transform: translateX(0); opacity: 1;transition: 1s 1.1s;} body.menu-show .Floor002989 #canvas{right: 0;transition:0.5s 0.3s;} #fp-nav.fp-left{left: 2.1875vw;} #fp-nav ul li{ margin: 0; width: 39px;height: 20px;} #fp-nav ul li:not(:last-child){margin:0 0 8.448vh 0; } #fp-nav ul li:not(:last-child):after{position: absolute; content: ''; left: 50%; width: 1px;background: rgba(255,255,255,0.2); height:8.448vh;top: 100%;} #fp-nav ul li a span{ width: 5px; height: 5px; background: rgba(255,255,255,0.4);margin: -2.5px 0 0 -2.5px;} #fp-nav ul li a.active{background: url("../images/Floor002989_nav_on.png") no-repeat center center;} #fp-nav ul li a.active span{display: none;} #fp-nav ul li .fp-tooltip.fp-left{left: 100%; top: 50%; line-height: 20px; margin-top: -10px; margin-left: 10px;} #fp-nav > i{position: absolute; width: 1px;left: 50%; width: 1px;background: rgba(255,255,255,0.2); height: 100%;} #fp-nav > i.t{bottom: 100%;} #fp-nav > i.b{top: 100%;} @media(max-width:1200px){ #fp-nav{display: none!important;} } .Floor002989 .banner li .Ispic{transform: scale(1.3); transition: 5s;} .Floor002989 .banner li.slick-current .Ispic{transform: scale(1);} .Floor002989 .banner .slick-dots{position: absolute; left: 8.28vw; bottom: 3.18vw; z-index: 10;} .Floor002989 .banner .slick-dots li{float: left; width: 30px; height: 30px;position: relative;} .Floor002989 .banner .slick-dots li:not(:last-child){margin-right: 90px;} .Floor002989 .banner .slick-dots li button{ position: absolute; left: 50%; top: 50%; margin: -4px 0 0 -4px; width: 8px;height: 8px;background: #e1e1e1;opacity: 0.5;padding: 0;border: 0; font-size: 0;} .Floor002989 .banner .slick-dots li:before, .Floor002989 .banner .slick-dots li:not(:last-child):after{position: absolute; content: '';} .Floor002989 .banner .slick-dots li:before{ left: 0; top: 0; width: 100%; height: 100%;border: solid 2px #00ada9; transform: scale(0);transition: 0.3s;} .Floor002989 .banner .slick-dots li:not(:last-child):after{ left: 100%; margin-left: 4px; height: 2px; top: 50%; margin-top: -1px; width: 82px; background: url("../images/Floor002989_dot.png") repeat-x left center;} .Floor002989 .banner .slick-dots li.slick-active:before{transform: scale(1);} .Floor002989 .banner .slick-dots li.slick-active button{background: #00ada9;opacity: 1;} @media(min-width:1201px){ .Floor002989 .banner, .Floor002989 .banner .slider, .Floor002989 .banner .slick-list, .Floor002989 .banner .slick-track, .Floor002989 .banner .slick-slide, .Floor002989 .banner .Ispic{height: 100%;} .Floor002989 .banner li img{display: none;} } @media(max-width:1200px){ .Floor002989 .banner li .Ispic{display: none;} .Floor002989 .banner .slick-dots{left: 2.5%;} } @media(max-width:640px){ .Floor002989 .banner .slick-dots li{width: 5vw; height: 5vw;} .Floor002989 .banner .slick-dots li:not(:last-child){margin-right: 10vw;} .Floor002989 .banner .slick-dots li:not(:last-child):after{width: 9vw; margin-left: 0.5vw; } .Floor002989 .banner .slick-dots li button{margin: -1vw 0 0 -1vw; width: 2vw;height: 2vw;} } .Floor002989 .section{color: #fff;} .Floor002989 .same-title{padding-bottom: 4.752vh;} .Floor002989 .same-title .en{font-size: 24px;} .Floor002989 .same-title .cn{font-size: 32px;} @media(max-width:1200px){ .fp-section.fp-table, .fp-tableCell{height: auto!important;} } @media(max-width:1024px){ .Floor002989 .same-title{padding-bottom: 4vw;} } @media(max-width:640px){ .Floor002989 .same-title .en{font-size: 4vw;} .Floor002989 .same-title .cn{font-size: 5vw;} } .Floor002989 #about .bg{position: absolute; left: 0; top: 0; width: 100%;height: 100%;} .Floor002989 #about .auto{position: relative; z-index: 10;} .Floor002989 #about .intro{ width: 80%; max-width: 448px;line-height: 2.142em;font-size: 16px;} .Floor002989 #about .intro span{font-size: 18px;color: #00b9b5;} /* .Floor002989 #about .info .more{ margin-left: 1.375em;width: 60px;height: 40px;background: #fff;transform: skewX(45deg);margin-top: 6%;} */ .Floor002989 #about .info .more:after {background-image: url(../images/Floor002989_more.png)} .Floor002989 #about .info .more a{transform: skewX(-45deg) ;} .Floor002989 #about .number{background: rgba(0, 173, 169, 0.83); padding: 4.5vh 0;position: relative;} .Floor002989 #about .number:before{position: absolute;right: 100%; top: 0; height: 100%; width: 100%; content: '';background: rgba(0, 173, 169, 0.83);} .Floor002989 #about .number i.jiao{position: absolute; content: ''; left: 100%; top: 0; border: 10px solid transparent; border-left-color: rgba(0, 173, 169, 0.83);border-bottom-color:rgba(0, 173, 169, 0.83);} .Floor002989 #about .number li{float: left;position: relative;} .Floor002989 #about .number li .counter{font-size: 42px;} .Floor002989 #about .number li:not(:first-child):before{position: absolute; content: ''; width: 2px; height: 24px;background: #fff; transform: skewX(30deg); left: 0;top: 50%; margin-top: -12px;} .Floor002989 #about .more a{position: relative;transform: skewX(45deg); line-height: 40px; text-align: center;color: #fff;background: rgba(255,255,255,0.2); display: block;width: 9.9vw; transition: 0.3s;} .Floor002989 #about .more{width: 17.1875vw;position: relative;margin-top: 6%;} .Floor002989 #about .more a:hover{background: #00ada9;} .Floor002989 #about .more a span{transform: skewX(45deg);display: block;} .Floor002989 #about .map img{ display: none } @media(min-width:1025px) and (max-width:1440px){ .Floor002989 #about .info{padding-left: 8%;} #fp-nav.fp-left{left: 1%;} } @media(min-width:1025px) and (max-width:1280px){ .Floor002989 #about .info{padding-left: 12%;} } @media(min-width:1025px){ .Floor002989 #about .main{width: 46%;padding-top: 15vh;} .Floor002989 #about .map{width: 54%;float: right;padding-top: 4vh;} .Floor002989 #about .info{ padding-bottom: 14.784vh;} .Floor002989 #about .number li:not(:first-child){padding-left: 1.8vw;} .Floor002989 #about .number li:not(:last-child){margin-right: 1.5vw;} } @media(min-width:1025px) and (max-width:1366px){ .Floor002989 #about .number li .counter{font-size: 45px;} .Floor002989 .auto{padding: 0 2%;} } @media(min-width:1201px){ .Floor002989 #about .number, /* .Floor002989 #about .info{padding-left: 12.5%;} */ } @media(max-width:1200px){ .Floor002989 #about .info{padding: 8vw 0;} } @media(max-width:1024px){ .Floor002989 #about .number{margin-right:25%; padding: 4vw 0;} .Floor002989 #about .number ul{ width: 125%;} .Floor002989 #about .intro{width: 50%;} .Floor002989 #about .number li:not(:first-child){padding-left: 5vw;} .Floor002989 #about .number li:not(:last-child){margin-right: 5vw;} .Floor002989 #about .map, .Floor002989 #about .main{width: 100%;float: none;padding: 0 2%;} .Floor002989 #about .number li .counter{font-size: 28px;} } @media(max-width:768px){ .Floor002989 #about .number i.jiao, .Floor002989 #about .number li:nth-child(3):before, .Floor002989 #about .number:before{display: none;} .Floor002989 #about .number{margin-right: 0;} .Floor002989 #about .number ul{width: 100%;} .Floor002989 #about .number li{width: 50%;text-align: center;margin: 10px 0;} .Floor002989 #about .number li:not(:last-child){margin-right: 0;} .Floor002989 #about .more{width: 30%;} .Floor002989 #about .more a{width: auto;} .Floor002989 #about .intro{width: 100%;} } @media(max-width:640px){ .Floor002989 #about .number li{font-size: 14px;} .Floor002989 #about .number li .counter{font-size: 24px;} .Floor002989 #about .intro{font-size: 14px;} } .Floor002989 #news .same-title{padding-bottom: 7.92vh;} .news-scroll ul{padding-bottom: 14.784vh;} .news-scroll li{float: left; width: 540px; position: relative; } .news-scroll li:not(:last-child){margin-right: 78px;} .news-scroll li:before{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; transform-origin: left top; background: #fff;} .news-scroll li .inner{position: relative;z-index: 3;padding: 30px;color: #999;} .news-scroll li .inner .ytable-cell{vertical-align: top;} .news-scroll li .inner .img{background-position: center;background-repeat: no-repeat;background-size: cover;height: 100%;} .news-scroll li .time{text-align: right;width: 20%;border-right: 1px solid #e1e1e1;padding-right: 30px;} .news-scroll li .inner .ytable-cell time{ text-align: left;display: inline-block;font-size: 15px;padding-bottom: 6%;} .news-scroll li .time time aside{font-size: 30px;} .news-scroll li .txt{padding-left: 4%;} .news-scroll li .txt aside.dot2{font-size: 20px;height: 52px;overflow: hidden;} .news-scroll li .txt aside.dot2 a{display: block;height: 52px;overflow: hidden;line-height: 26px;} .news-scroll li .txt p{height: 42px;margin-bottom: 0;font-size: 16px;overflow: hidden;line-height: 21px;} .news-scroll li .detail{position: relative;bottom: 13%;left: 53.3%;line-height: 40px;display: inline-block;margin-top: 10px;} .news-scroll li .detail:before{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; transform-origin: left top; transform: skewX(45deg);background: #d0d0d0; transition: 0.3s;} .news-scroll li .detail a{display: block; text-align: right;height: 40px; position: relative; z-index: 10; padding-left: 40px; width: 80px; transition: 0.3s;} .news-scroll li .detail a:hover{ width: 150px;} .news-scroll li .detail a span{font-size: 14px;transition: 0.3s;color: #fff;opacity: 0;position: absolute; left: 52px; top: 0;white-space: nowrap;} .news-scroll li .detail a:hover span{opacity: 1;} .news-scroll li .detail a:after{display: inline-block; vertical-align: middle;content: ''; margin-left: 10px;background: url("../images/Floor002989_more.png") no-repeat center center; width: 30px; height: 40px;} .news-scroll li .detail:hover:before{background: #00ada9;} .Floor002989 .mCSB_scrollTools{opacity: 1!important;} .news-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal{left: 29.69vw; right: 17.1875vw;} .Floor002989 .mCSB_scrollTools .mCSB_draggerRail{background: rgba(255,255,255,0.2);} .Floor002989 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 94px!important;} .Floor002989 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{transform: skewX(20deg);background-color: #00ada9; border-radius: 0;} .Floor002989 #news .more{float: right;width: 17.1875vw;position: relative;margin-top: -28px;} .Floor002989 #news .more a{position: relative;transform: skewX(45deg); line-height: 40px; text-align: center;color: #fff;background: rgba(255,255,255,0.2); display: block;width: 9.9vw; transition: 0.3s;} .Floor002989 #news .more a:after{position: absolute; content: ''; height: 2px; width: 110%; top: 50%; margin-top: -1px; left: 100%;background: rgba(255,255,255,0.2);} .Floor002989 #news .more a:hover{background: #00ada9;} .Floor002989 #news .more a span{transform: skewX(-45deg);display: block;} @media(max-width:1200px){ .Floor002989 #news{overflow: hidden;padding: 5vw 0;} } @media(max-width:640px){ .Floor002989 #news .more{float: none;margin-top: 15px;margin-left: 40px;} .Floor002989 #news .same-title{padding-bottom: 4vw;} .news-scroll.mCustomScrollbar{touch-action:initial!important;} .news-scroll ul{padding-bottom: 7vw;} .news-scroll li .detail:before, .news-scroll li:before{transform: skewX(0deg);} .news-scroll li .time{width: 30%; padding-right: 10px;} .news-scroll li .txt{padding: 0 20px;} .news-scroll li .txt aside.dot2{font-size: 4vw;} .news-scroll li .txt p{font-size: 3vw;} .news-scroll li .detail{left: 10.3vw;line-height: 7vw;} .news-scroll li .detail a:after{height: 7vw;} .news-scroll li .detail a{padding-left: 10px;width: 130px; height: 7vw;} .news-scroll li .detail a span{left: 15px; opacity: 1; } .news-scroll li .detail a:hover{ width: 130px;} .news-scroll li{width: 84.375vw;} .news-scroll li .inner{padding: 4vw;min-height: 45vw;} .news-scroll li:not(:last-child){margin-right: 3vw;} .news-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal{left: 2vw; right: 40vw;width: 100%;} .Floor002989 #news .more{width: 40vw;} .Floor002989 #news .more a{width: 20vw; } } .Floor002989 #project li{float: left; width: 50%;} .Floor002989 #project li .tit a{padding-right: 0.625em; line-height: 1.25em;font-size: 32px;color: #fff;} .Floor002989 #project li .tit a span{float: right; margin-left: 1.375em; width: 1.875em;height: 1.25em;background: #fff;transform: skewX(45deg);} .Floor002989 #project li .tit a span:after{display: inline-block; content: ''; width: 16px; height: 6px; position: absolute; left: 50%; top: 50%; margin: -3px 0 0 -8px;transform: skewX(-30deg);background: url("../images/Floor002989_more2.png") no-repeat center center;} .Floor002989 #project li .tit a:hover span{background: #00ada9;} .Floor002989 #project li .tit a:hover span:after{background-image: url("../images/Floor002989_more.png");} .Floor002989 #project li p{max-width: 332px;line-height: 1.715em;} @media(min-width:1201px){ .Floor002989 #project ul{height: 100%;} .Floor002989 #project li{padding-top: 23.021vh;} .Floor002989 #project li .inner{ max-width: 505px; width: 60%;} .Floor002989 #project li:nth-child(2) .inner{margin: 0 auto; max-width: 582px;width: 80%;} } @media(max-width:1200px){ .Floor002989 #project{padding: 15vw 0;} .Floor002989 #project .auto{width: 100%;} .Floor002989 #project li .inner{margin: 0 auto;width:80%;} } @media(max-width:1024px){ .Floor002989 #project{padding: 0;} .Floor002989 #project li .inner{width:90%;} .Floor002989 #project li:nth-child(1){padding: 20vw 0 5vw 0;} .Floor002989 #project li:nth-child(2){padding: 5vw 0 20vw 0;} .Floor002989 #project li .tit a{font-size: 3vw;} .Floor002989 #project li p{font-size: 2vw;} } .product-scroll{width: 60%; margin: 0 auto 7.24vw;;overflow: inherit;} .Floor002989 #product .swiper-scrollbar{left: 27.6vw; width: 72.4vw; height: 2px;background: rgba(255,255,255,0.2);} .Floor002989 #product .swiper-scrollbar-drag{background: #00ada9; height: 3px;top: -1px; transform: skewX(45deg);} .Floor002989 #product .main{position: relative; z-index: 1;} .Floor002989 #product li a.ytable{width: 80%; color: #fff; margin-left: 5%;} .Floor002989 #product li .ytable-cell{position: relative; z-index: 2;} .Floor002989 #product li .txt{width: 44.9%; transition: 0.3s;} .Floor002989 #product li:not(.swiper-slide-active) .txt{opacity: 0;} .Floor002989 #product li .txt-area{padding-right: 2vw; padding-left:3vw; width: 120%; padding-top: 4vw;} .Floor002989 #product li .txt aside{font-size: 52px; line-height: 1.2em;} .Floor002989 #product li .txt h4{font-size: 20px;font-weight: normal; margin: 0 0 1em 0;} .Floor002989 #product li .txt p{font-size: 16px;} .Floor002989 #product li .img{z-index: 1;} .Floor002989 #product li:not(.swiper-slide-active) .img img{opacity: 0;} .Floor002989 #product li .img:before{position: absolute;content: '';left: -26%;width: 140%;height: 80%;top: 14%; min-height: 305px; transform: skewX(45deg);background-color: #fff;opacity: 0.3;} .Floor002989 #product li:not(.swiper-slide-active) .img:before{ left: -38%;} .Floor002989 #product li .img img{display: block; margin: 0 auto;position: relative;z-index: 3;transition: 0.3s; max-width: 596px; width: 78%;} .Floor002989 #product .btn{position: absolute;top: 40%;width: 80px;height: 40px;background-color: #d0d0d0;opacity: 0.95;transform: skewX(45deg);z-index: 30;cursor: pointer;} .Floor002989 #product .btn.prev{left: 17%;} .Floor002989 #product .btn.next{right: 12%;} .Floor002989 #product .btn a{position: absolute; content: ''; width: 10px; height: 10px;border-top: 2px solid #fff; border-right: 2px solid #fff; transform: skewX(-45deg) rotate(-135deg); left: 50%; top: 50%; margin: -5px 0 0 -5px;} .Floor002989 #product .btn.next a{ transform: skewX(-45deg) rotate(45deg);} .Floor002989 #product .btn:hover{background: #00ada9;} .Floor002989 #product .swiper-pagination{position: absolute; left: 8.44vw;font-size: 30px;line-height: 40px; color: #ffffff;opacity: 0.3; bottom: -20px; width: auto; text-align: left;display: none;} @media(max-width:1919px){ .Floor002989 #product li .txt aside{margin-bottom: 10px;font-size: 40px;} } @media(max-width:1200px){ .Floor002989 #product{overflow: hidden; padding: 5vw 0;} } @media(max-width:1024px){ .product-scroll{width: 90%;} .Floor002989 #product .btn{display: none;} .Floor002989 #product li .txt aside{font-size: 18px; } .Floor002989 #product li .txt h4{font-size: 14px;} .Floor002989 #product li .txt-area{padding-left: 0;} } @media(max-width:480px){ .Floor002989 #product .swiper-pagination, .Floor002989 #product li .txt h4{font-size: 3.5vw;} .Floor002989 #product li .txt p{font-size: 14px;} .Floor002989 #product li .img:before{min-height: auto;} } .footer{background: #191c1f;} .footer .b-top{padding-top: 4.17vw;} .footer .solgan{padding: 0 0 4.17vw 0; font-size: 32px; line-height: 1.3125em;} .footer .code{text-align: center;} .footer .code aside{color: #555; margin-top: 20px;} .footer .share li{float: left;position: relative;} .footer .share li:not(:last-child){margin-right: 10px;} .footer .share li figure{position: absolute; left: 50%; width: 120px; margin-left: -60px; bottom: 100%;display: none; margin-bottom: 10px;} .footer .share li a{background-color: #24282b; background-position: center center;background-repeat: no-repeat; width: 40px; height: 40px;display: block; border-radius: 50%;} .footer .share li.wx a{background-image: url("../images/Floor002989_wx.png");} .footer .share li.sina a{background-image: url("../images/Floor002989_sina.png");} .footer .share li.douyin a{background-image: url("../images/Floor002989_douyin.png");} .footer .share li a:hover{background-color: #fff;} .footer .copyright{padding-top: 20px; margin-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); padding-bottom: 3.7vw;} .footer .copyright, .footer .copyright a{color: #555;} .footer .copyright a:hover{color: #fff;} .footer .copyright .fr{font-family: 'avantgardeitcbybt-demi','SourceHanSansCN-Regular';} @media(max-width:1024px){ .footer{text-align: center;} .footer .share{display: table; margin: 0 auto 4vw;} } @media(max-width:640px){ .footer .solgan{font-size: 5vw;} } /*Top00183 */ body{ padding-top:81px;} .Top001833 {background-color: #ffffffbf;} .Top001833{position:fixed;/* left:10%; */width: 100%;top:0;z-index:100;background: rgba(255,255,255,0.75);} .Top001833.Top001833nav{background: #fff;} .Top001833.Top001833nav.scroll{background: #fff;} .Top001833 .header{height:80px;position: relative;} .Top001833 .header-left{display:table; height:100%;} .Top001833 .header-left .logo{ display:table-cell; vertical-align:middle;} @media(min-width:1025px){ .Top001833 .mobile-logo, .Top001833 .mobile-hotline{ display:none;} .Top001833 .header-left{position:absolute;/* left: 4%; */width:20%;} .Top001833 .header-left .logo img{ max-height:100%;} .Top001833 .header-right dd#open_menu{ display:none;} } .Top001833 .header-menu{float: right;width: 82%;padding-right: 15%;} /* .Top001833 .header-menu li{ padding-top:30px;} */ /* .Top001833 .header-menu li em::before{ float:right; margin-top:10px;content: '';width: 1px;height: 12px;background-color: #ececec;} */ .Top001833 .header-menu li:last-child em::before{ display:none;} .Top001833 .header-menu li em a{line-height:80px;font-size: 18px;display:inline-block;border-bottom:1px solid transparent;color: #555;} .Top001833 .header-menu li.aon em a, .Top001833 .header-menu li em a:hover{border-bottom:2px solid #00b9b5;color: #333;} .Top001833 .header-menu li:nth-of-type(5) .sub{ display: none !important; } .Top001833 .header-menu li .sub-menu{ padding:10px;background-color: #ffffff66;} .Top001833 .header-menu li .sub-menu dt a{font-size: 15px; color: #666;text-align: center;} .Top001833 .header-menu li .sub-menu dt a:hover{ background-color:transparent; color:#00b9b5;} .Top001833 .header-menu li#m147 .sub-menu{ padding:10px 0;} .Top001833 .header-menu li#m7 .sub{ display: none !important; } .Top001833 .header-menu li#m147 .sub{ overflow: initial; width: auto;} .Top001833 .header-menu li#m147 .sub dt{ position: relative;} .Top001833 .header-menu li#m147 .sub dt a{ padding: 0 20px;text-overflow: initial; } .Top001833 .header-menu li#m147 .sub .subb{ position: absolute; left: 100%; top: 0; background-color: #fff; display: none; } .Top001833 .header-menu li#m147 .sub .subb a{text-overflow: initial; text-align: left; padding: 0 10px;} .Top001833 .header-menu li#m147 .sub dt:hover .subb{ display: block;} .Top001833 .header-right{position:absolute;right: 0;top:50%;transform:translateY(-50%);display: flex;align-items: center;} .Top001833 .header-right dd{ float:left;line-height: 30px;margin-left:10px;} .Top001833 .header-right dd a{display:block;height: 30px;font-size:16px;color: #555;} .Top001833 .header-right dd a.open-search{ background:url(../images/Top001833-search_btn.png) no-repeat center center;width: 24px;} .Top001833 .header-right dd a.open-search-show{ background:none; position:relative;} .Top001833 .header-right dd a.open-search-show::after, .Top001833 .header-right dd a.open-search-show::before{ position:absolute; content:''; width:50%; left:25%; top:50%; transform:rotate(45deg); height:2px; background:#333;} .Top001833 .header-right dd a.open-search-show::before{transform:rotate(-45deg);} .Top001833 .top-search{ position:absolute; top:100%; right:0; width:0; overflow:hidden; transition:width 0.3s;padding-right: 0;} .Top001833 .top-search-show{width:250px;display: block;} .Top001833 .top-search .text{ background: rgba(0,0,0,0.5);border:1px solid #fff; box-shadow:0 0 5px rgba(0,0,0,0.5); line-height:38px; height:38px; width:100%; padding:0 40px 0 10px; color:#ffff;} .Top001833 .top-search .btn{; position:absolute; right:0; top:0; background:#fff; width:38px; height:100%; background:url(../images/Top001833-search_btn.png) no-repeat center center #fff;} @media(max-width:1024px){ body{ padding-top:60px;} .Top001833 .header-left{ padding:0 0 0 2%; width:32%;} .Top001833 .header-right dd#open_menu{ height:35px;width: 35px;border-radius: 50%; background:#00b9b5; position:relative; } .Top001833 .header-right dd#open_menu i{ width:60%; left:20%; height:2px;margin-top:-1px;} .Top001833 .header-right dd#open_menu i, .Top001833 .header-right dd#open_menu i::after, .Top001833 .header-right dd#open_menu i::before{ background:#fff;} .Top001833 .header-right dd#open_menu i::before{ top:5px;} .Top001833 .header-right dd#open_menu i::after{ top:-5px;} .Top001833 #header-menu{position:fixed; width:70%; z-index:100; left:0; top:0; height:100%; border-top:2px #0073bd solid; max-width:250px; transform:translateX(-100%); opacity:0; transition:0.3s; box-shadow:0 0 5px #ccc; background: -moz-linear-gradient(top, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 40%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 40%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); } .Top001833 #header-menu.header-menu-show{ opacity:1;transform:translateX(0); } .Top001833 #header-menu li a{color:#333; line-height:32px;} .Top001833 #header-menu li em a{ border-bottom:1px #00b9b5 dashed;padding:5%; font-weight:normal; } .Top001833 #header-menu li.has-sub em::after{position: absolute;content: '';right: 5%;border: 5px solid transparent; border-top-color:#0073bd;top: 50%;margin-top: -2.5px;} .Top001833 #header-menu li.clickon em::after{ border-bottom-color:#0073bd; border-top-color:transparent;margin-top: -7.5px;} .Top001833 #header-menu li .sub-menu{ padding-left:5%;} .Top001833 #header-menu li .sub-menu dt a{ padding:3%; border-bottom:0; background:url(../images/Top001833-menu_sub_a.png) no-repeat 10px center; padding-left:25px !important;} .Top001833 .mobile-logo, .Top001833 .mobile-hotline{ text-align:center;} .Top001833 .mobile-hotline{font-size: 24px;font-weight: bold;padding-top: 5%;color: #0073bd;} .Top001833 .mobile-hotline span{display: block;font-size: 12px;font-weight: normal;} .Top001833 .mobile-hotline span::before, .Top001833 .mobile-hotline span::after{display: inline-block;content: '';background-color: #bbc1c9;height: 1px;width: 20px;vertical-align: middle;} .Top001833 .mobile-hotline span::before{ margin-right:5px;} .Top001833 .mobile-hotline span::after{ margin-left:5px;} .Top001833 #header-menu li.li147 .sub .subb{ padding-left: 20px;} } @media(max-width:480px){ .Top001833 .header{height: 60px;} .Top001833 .top-search-show{width:70%;} } /*Bottom002743 */ .Bottom002743{ background: #333; padding-top: 86px;color: rgba(255,255,255,0.4);} .Bottom002743 .auto{max-width: 1280px;} .Bottom002743 a{color: rgba(255,255,255,0.4);} .Bottom002743 a:hover{color: #fff;} .Bottom002743 .copyright{background: #333;line-height: 24px;padding: 15px 0;color: #888;} .Bottom002743 .copyright a{color: #888;} .Bottom002743 .copyright a:hover{color: #00b9b5;} .Bottom002743 .copyright a:not(:last-child):after{display: inline-block; content: ''; width: 1px; height: 13px; background: #c0c0c0; vertical-align: middle; margin: 0 7px;} .Bottom002743 .links{margin: 0px 0;/* border-top: 1px solid rgba(255,255,255,0.07); *//* border-bottom: 1px solid rgba(255,255,255,0.07); */position: relative;line-height: 24px;padding: 11px 0 11px 70px;} .Bottom002743 .links a{display: inline-block;} .Bottom002743 .links span{position: absolute; left: 0; top: 11px; color: rgba(255,255,255,0.4);} .Bottom002743 .links a:not(:last-child):after{display: inline-block; content: ''; width: 1px; height: 13px; background: rgba(255,255,255,0.07);vertical-align: middle; margin: 0 14px;} .Bottom002743 .contact{max-width: 280px;} .Bottom002743 .contact .name, .Bottom002743 nav dl dt{font-size: 18px;color: #fff; padding-bottom: 25px;} .Bottom002743 .contact li{ padding-bottom: 5px;} .Bottom002743 .contact li aside{ background-position: left center; background-repeat: no-repeat;} .Bottom002743 .contact li:nth-child(1){padding-bottom: 32px;} .Bottom002743 .contact li:nth-child(1) aside{background-image: url(../images/Bottom002743_icon_call.png);} .Bottom002743 .contact li:nth-child(2) aside{background-image: url(../images/Bottom002743_icon_email.png);} .Bottom002743 .contact li:nth-child(3) aside{background-image: url(../images/Bottom002743_icon_add.png);} .Bottom002743 .contact li b{font-size: 34px;color: #00b9b5;} .Bottom002743 nav dl dt a{color: #fff;} .Bottom002743 nav{float: right; width: 100%; max-width:800px ;} .Bottom002743 nav dl{float: left; max-width: 180px;} .Bottom002743 nav dd{line-height: 20px; padding: 4px 0;} .Bottom002743 nav .code{text-align: center;max-width: 121px;} @media(min-width:769px){ .Bottom002743 .contact{float: left;} .Bottom002743 .copyright aside{float: right;} } @media(max-width:768px){ .Bottom002743{padding-top: 5%;} .Bottom002743 nav{display: none;} .Bottom002743 .contact{display: table; margin: 0 auto;} .Bottom002743 .links{margin: 30px 0; } .Bottom002743 .contact .name, .Bottom002743 .copyright{text-align: center;} } /* 02_5荣誉资质 */ /*slick Basic*/ .PicList002433 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .PicList002433 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .PicList002433 .slick-list:focus {outline: none} .PicList002433 .slick-list.dragging {cursor: pointer;cursor: hand;} .PicList002433 .slick-slider .slick-track, .PicList002433 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .PicList002433 .slick-track {position: relative; top: 0; left: 0; display: block;} .PicList002433 .slick-track:before, .PicList002433 .slick-track:after{display: table; content: '';} .PicList002433 .slick-track:after{ clear: both;} .PicList002433 .slick-loading .slick-track { visibility: hidden;} .PicList002433 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .PicList002433 .slick-slide .slick-loading img { display: none;} .PicList002433 .slick-slide .dragging img { pointer-events: none;} .PicList002433 .slick-initialized .slick-slide { display: block;} .PicList002433 .slick-loading .slick-slide { visibility: hidden;} .PicList002433 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .PicList002433 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .PicList002433{} .PicList002433 .main{ padding:3% 0 0;} .PicList002433 .main .slick-arrow{ position:absolute; top:50%; width:57px; height:57px; margin-top:-30px; border:1px solid #00ada9; padding:0; background:none; font-size:0; z-index:10; cursor:pointer; border-radius:50%;} .PicList002433 .main .slick-arrow:hover{ background:rgb(110,185,43); } .PicList002433 .main .slick-arrow:before{ position:absolute; content:''; width:18px; height:18px; border-top:2px solid #00ada9; border-right:2px solid #00ada9; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); left:50%; top:50%; margin:-9px 0 0 -11px;} .PicList002433 .main .slick-arrow:hover:before{ border-color:#fff;} .PicList002433 .main .slick-prev:before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); margin-left:-5px;} .PicList002433 .main .slick-prev{ left:-59px;} .PicList002433 .main .slick-next{ right:-59px;} @media(max-width:1408px){ .PicList002433 .main .slick-prev{ left:2%;} .PicList002433 .main .slick-next{ right:2%;} } @media(max-width:640px){ .PicList002433 .main .slick-arrow{ width: 7vw;height: 7vw;margin-top: -3.5vw;} .PicList002433 .main .slick-arrow:before{width:40%; height: 40%;margin: 0;left: 40%; top: 30%;} .PicList002433 .main .slick-next:before{left: 20%;} } .PicList002433 .list ul{ padding:0 50px;} .PicList002433 .list li{ float:left; position:relative; text-align:center; margin-bottom:4%;} .PicList002433 .list li:first-child:before, .PicList002433 .list li:last-child:after{ position:absolute; content:''; bottom:0px; height:90px; width:50px;} .PicList002433 .list li:first-child:before{ left:-50px; background:url(../images/PicList002433_ul_l.png) no-repeat 0 0;} .PicList002433 .list li:last-child:after{right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list li aside{ padding-top:35px;height:90px; background:url(../images/PicList002433_libg.png) repeat-x left top;} .PicList002433 .list li .ytable{ height:245px;} .PicList002433 .list li .ytable-cell{ vertical-align:bottom;} .PicList002433 .list li figure{ position:relative; display:inline-block;max-width: 80%;} .PicList002433 .list li figure:after{ position:absolute; right:-24px; background:url(../images/PicList002433_ying.png) no-repeat left bottom; width:24px; height:100%; background-size:contain; content:'';} .PicList002433 .list li figure img{ max-height:245px;padding: 8px;padding-top: 12px;background: url(../images/PicList002433_kuang.png) no-repeat ;background-size:100% 100%;} .PicList002433 .list li p{ font-size: 16px; margin:0 auto; max-width:210px;width:90%; line-height:20px; max-height:40px; color:#333;} .PicList002433 .list .ul-3 li{width:33.33333333%;} .PicList002433 .list .ul-3 li:nth-child(3):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list .ul-2 li{width:50%;} .PicList002433 .list .ul-2 li:nth-child(2):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list .ul-2 li:nth-child(1) > *{ padding-left:30%;} .PicList002433 .list .ul-2 li:nth-child(2) > *{ padding-right:30%;} .PicList002433 .list .ul-1 li{width:100%;} @media(max-width:640px){ .PicList002433 .auto, .PicList002433 .list ul{ padding:0;} .PicList002433 .list li p{ font-size:12px;} .PicList002433 .list li .ytable{ height:150px;} .PicList002433 .list li figure img{ max-height:150px; padding:3px} .PicList002433 .list .ul-2 li:nth-child(1) > *{ padding-left:30%;} .PicList002433 .list .ul-2 li:nth-child(2) > *{ padding-right:30%;} .PicList002433 .list .ul-3 li:nth-child(3):after, .PicList002433 .list li:first-child:before{ display:none;} } @media(max-width:480px){ .PicList002433 .list li .ytable{ height:100px;} .PicList002433 .list li figure img{ max-height:100px;} } /* 06_1人才招聘 */ .TextList001729{ padding-bottom: 2vw; } .TextList001729 .type{display:table; width:100%;} .TextList001729 ol.type{font-size:16px; background-color:#00ada9; color:#fff;} .TextList001729 .type li{ display:table-cell; vertical-align:middle;text-align:center; padding-top:10px; padding-bottom:10px; line-height:24px;} .TextList001729 ul.type li{cursor:pointer;} .TextList001729 .type li:nth-child(1){width:12%;} .TextList001729 .type li:nth-child(2){ width:11%;} .TextList001729 .type li:nth-child(3){ width:10%;} .TextList001729 .type li:nth-child(4), .TextList001729 .type li:nth-child(5){width:13%;} .TextList001729 .type li:nth-child(6){ width:15%;} .TextList001729 .type li:nth-child(1), .TextList001729 .type li:nth-child(6){ padding-left:3%; text-align:left !important;} .TextList001729 ul.type li:nth-child(6){background:url(../images/TextList001729-icon_close.png) no-repeat 90% center;} .TextList001729 ul.type.On li:nth-child(6){ background-image:url(../images/TextList001729-icon_open.png);} .TextList001729 .list{ background: #f9f9f9; border-bottom:1px solid #e5e5e5;} .TextList001729 .list .con{ display:none;border-top:1px solid #e5e5e5; overflow:hidden; font-size:14px; padding:2% 3%;line-height: 30px;} .TextList001729 .list .con p{} .TextList001729 .btn_apply{ padding: 0 0 10px 0;margin-top: 20px;} .TextList001729 .btn_apply a{ display:inline-block; max-width:150px; width:40%; height:46px; line-height:46px; text-align:center; color:#fff; background-color:#00ada9; font-size:16px; border-radius:3px;} @media(max-width:1000px){ .TextList001729 .type li:nth-child(2), .TextList001729 .type li:nth-child(5), .TextList001729 .type li:nth-child(6){ display:none;} .TextList001729 .type li{ width:20% !important;} } @media(max-width:768px){ .TextList001729 .type li:nth-child(7){ display:none;} .TextList001729 .type li{ width:24% !important;} .TextList001729 .type li:nth-child(8){ width:28% !important;} } @media(max-width:480px){ .TextList001729 .type li:nth-child(3){ display:none;} .TextList001729 .type li{ width:30% !important;} .TextList001729 .type li:nth-child(8){ width:40% !important;} .TextList001729 ol.type{font-size:15px;} .TextList001729 .btn_apply a{font-size:16px; height:40px; line-height:40px;} .TextList001729 ul.type li:nth-child(8){ background-size:16px auto;} } /* 02_2发展历程 */ .Timeline001915{ padding-bottom:4%;} .Timeline001915 .list{ background:url(../images/Timeline001915-logo.png) no-repeat center top; padding-top:31px;} .Timeline001915 .list ul{ background:url(../images/Timeline001915-ul.jpg) repeat-y center top; padding:54px 0;} .Timeline001915 li{ padding-left:50%; background:url(../images/Timeline001915-li.png) no-repeat center top; padding-top:10px; padding-bottom:10px;} .Timeline001915 li .box{ padding-left:36px;} .Timeline001915 li .box .info{ line-height:30px; font-size: 15px; } .Timeline001915 ul li:nth-child(2n){ text-align:right; padding-left:0; padding-right:50%;} .Timeline001915 ul li:nth-child(2n) div{padding-left:0; padding-right:36px;} .Timeline001915 li time{ display:block; color:#00ada9; font-size:24px; border-top:1px solid #e1e1e4;} .Timeline001915 li time:before{ display:block; margin:-3px 0 10px 0; content:''; background-color:#00ada9; width:20px; height:5px;} .Timeline001915 ul li:nth-child(2n) time:before{ float:right;} .Timeline001915 ul li:nth-child(2n) time span{ clear:both; display:block;} .Timeline001915 ol{ text-align:center;} .Timeline001915 ol a{ display:inline-block; width:150px; height:38px; line-height:38px; text-align:center; background-color:#00ada9; color:#fff; font-size:14px; border-radius:5px;} @media(max-width:1000px){ .Timeline001915 .columnName{ font-size:45px;} .Timeline001915 .columnName span{ font-size:24px;} } @media(max-width:640px){ .Timeline001915 .columnName{ font-size:30px;} .Timeline001915 .columnName span{ font-size:20px;} } @media(max-width:480px){ .Timeline001915 .list{ background-position: left top; padding-left:10px;} .Timeline001915 .list ul{ background-position: 8px top;} .Timeline001915 li{ padding:0 !important; background-position: left top;} .Timeline001915 li time{font-size: 18px;} .Timeline001915 li .box{ padding:10px 10px 10px 25px !important;} .Timeline001915 ul li:nth-child(2n){ text-align:left;} .Timeline001915 ul li:nth-child(2n) time:before{ float:none;} .Timeline001915 li .box .info{font-size: 14px;} } /* 02_3企业文化 */ .RighInfo002226{ } .RighInfo002226 .ul li{list-style: none; min-height: 465px; background: #f9f9f9; border: 1px solid #e5e5e5; float: left; width: 31%; margin-right: 3%; padding: 3%; border-radius: 5px; } .RighInfo002226 .ul li:nth-of-type(3n){ margin-right: 0;} .RighInfo002226 .ul li .h2{ color: #000; padding-top: 10px; } .RighInfo002226 .ul li .h3{ font-size: 16px; font-weight: normal; color: #999; } .RighInfo002226 .ul li .p{ font-size: 14px; line-height: 28px; padding: 5px 0 0; color: #777; } @media(max-width:768px){ .RighInfo002226 .ul li{ width: 100%; margin-right: 0; margin-bottom: 20px;min-height: auto; } } /* 02_4产业布局 */ .layout{ margin-top: -3%; } .layout .map{ display: block; margin: 0 auto; } .PicList002953{ padding-top: 2%; } .PicList002953 li{float: left; width: 31.3%; margin-right: 3%; background: #fff; border: 1px solid #e5e5e5; border-radius: 5px; margin-bottom: 3%;} .PicList002953 li a{display: block;padding: 1.56vw; background: #f9f9f9; border-radius: 5px;} .PicList002953 li:nth-child(3n){ margin-right: 0; } .PicList002953 li aside.dot{ font-size: 20px; line-height: 1em;border-left:2px solid #00ada9;color: #00ada9; margin-bottom: 20px;padding-left: 20px;font-weight: bold;} .PicList002953 li a:hover aside.dot{color: #00ada9;} .PicList002953 li .txt{padding: 20px 20px 0;} .PicList002953 li p{margin: 0;line-height: 1.8em;font-size: 16px;color: #666;} .PicList002953 li .pic{overflow: hidden;border-radius: 5px;} .PicList002953 li .Ispic{padding-bottom: 48.077%; transition: 0.3s;} .PicList002953 li a:hover .Ispic{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);} .PicList002953 li .more{overflow: hidden;} .PicList002953 li .more span{float: right;width: 40px;height: 40px;border: solid 2px #e5e5e5; border-radius: 50%;position: relative; transition: 0.3s;} .PicList002953 li .more span:after{position: absolute; content: ''; width: 10px; height: 10px; border-top: 2px solid #666; border-right: 2px solid #666; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); margin: -5px 0 0 -7px; left: 50%; top: 50%;} .PicList002953 li a:hover .more span{border-color: #00ada9;background: #00ada9;} .PicList002953 li a:hover .more span:after{border-color: #fff;} @media(max-width:1024px){ .PicList002953 li a{padding: 4vw;} .PicList002953 li .txt{padding: 1vw 1vw 0;} } @media(max-width:640px){ .PicList002953 li{width: 100%;float: none;margin-right: 0;margin-bottom: 20px;} .PicList002953 li aside.dot{font-size: 4vw; margin-bottom: 2vw;} .PicList002953 li p{font-size: 3.5vw;} .PicList002953 li .more{padding-top: 2vw;} .PicList002953 li .more span{width: 26px;height: 26px;} } /* 04_1公司新闻 */ .PicList000687{ overflow: hidden;} .PicList000687 .auto{max-width: 1280px;} .PicList000687 .more{ text-align: center;width: 125px; line-height: 40px;color: #fff; background: #00ada9;display: block;} .PicList000687 .more:hover{background: #00ada9;} .PicList000687 .more:after{display: inline-block; content: '';background: url("../images/PicList000687_more.png") no-repeat; width: 25px; height: 6px; vertical-align: middle; margin-left: 5px;} @media(max-width:480px){ .PicList000687 .more{line-height: 10vw;} } .PicList000687 .tit{font-size: 20px;color: #000;} .PicList000687 time{font-family: '';} .PicList000687 p{line-height: 1.715em;color: #7d7d7d;height: 3.43em; margin-bottom: 2.03vw;} @media(max-width:640px){ .PicList000687 .tit{font-size:4vw;} .PicList000687 p{font-size:3.5vw;} } .PicList000687 .news-top{padding-bottom: 4.22vw;} .PicList000687 .news-top .info{border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-right: 1px solid #eee;} .PicList000687 .news-top time{border-left:1px solid #e5e5e5; padding-left: 1.62vw;display: block; margin-bottom: 2.61vw;color: #00ada9;font-size: 18px;} .PicList000687 .news-top time span{display: block;font-size: 2em;} .PicList000687 .news-top .slick-dots{ text-align: center;padding-top: 1.72vw;} .PicList000687 .news-top .slick-dots li{display: inline-block; width: 20px; height:3px; margin: 0 5px;background-color: #d9d9d9;} .PicList000687 .news-top .slick-dots li button{display: none;} .PicList000687 .news-top .slick-dots li.slick-active{background:#00ada9;} @media(min-width:769px){ .PicList000687 .news-top .pic{width: 520px;} .PicList000687 .news-top .info .main{padding:0 4vw;} } @media(min-width:1025px) and (max-width:1024px){ .PicList000687 .news-top .pic{width: 45%;} } @media(max-width:768px){ .PicList000687 .news-top .ytable-cell, .PicList000687 .news-top .ytable{display: block;} .PicList000687 .news-top .info{padding: 5vw;} } @media(max-width:640px){ .PicList000687 .news-top time{font-size: 3.6vw;} } .PicList000687 .news-list{ } .PicList000687 .news-list li{background: #f9f9f9; margin-bottom: 1.41vw;} .PicList000687 .news-list li a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);} .PicList000687 .news-list .main{border-right: 2px solid #00ada9; padding:0 3vw; } .PicList000687 .news-list .tit{margin-bottom: 5px;} .PicList000687 .news-list time{color: #ccc;} .PicList000687 .news-list .more{line-height: normal;color: #999;background: none;width: auto; text-align: left;} .PicList000687 .news-list .more:after{background-image: url("../images/PicList000687_more.gif");} @media(min-width:641px){ .PicList000687 .news-list .pic{width: 320px;} } @media(max-width:640px){ .PicList000687 .news-list .ytable-cell, .PicList000687 .news-list .ytable{display: block;} .PicList000687 .news-list li{margin-bottom:4vw;} .PicList000687 .news-list .main{padding: 4vw;border: 2px solid #00ada9; border-bottom: 0;} } /* 栏目页标题 */ .column_tit{ text-align: center; padding: 0 0 40px; } .column_tit h2{ font-size: 32px; font-weight: normal; position: relative; color: #000; padding-bottom: 25px; margin: 0; } .column_tit h2::after{ width: 40px; height: 2px; background: #00ada9; display: block; content: ''; position: absolute; left: 50%; bottom: 0; margin-left: -20px; } /* 05_服务与支持 联系信息 */ .RighInfo002928{ } .RighInfo002928 .contact{background: #fff;padding: 1.88vw 0; position: relative; z-index: 4;} .RighInfo002928 .contact .inner{ max-width: 270px; width: 90%; margin: 0 auto; text-align: center; top: 0; transition: top 0.3s,background 0.3s;} .RighInfo002928 .contact .icon{width: 70px; height: 70px;background-color:#00ada9;; background-repeat: no-repeat;background-position: center center; margin: 0 auto 25px; } .RighInfo002928 .box-1 .icon{background-image: url("../images/RighInfo002928_add.png");} .RighInfo002928 .box-2 .icon{background-image: url("../images/RighInfo002928_call.png");} .RighInfo002928 .box-3 .icon{background-image: url("../images/RighInfo002928_email.png");} .RighInfo002928 .contact .name{font-size: 18px;color: #000;font-weight: bold;padding-bottom: 10px;} .RighInfo002928 .contact p{ font-size: 16px; color: #666; margin: 0 auto; max-width: 200px;} .RighInfo002928 .box-2 p{ color: #00ada9;font-size: 26px;} @media(min-width:641px){ .RighInfo002928 .contact{ margin: 0 auto;} .RighInfo002928 .contact .ytable-cell{width: 33.3333%; height: 167px;} .RighInfo002928 .contact .ytable-cell:not(:last-child){border-right: 1px solid #eee;} } @media(max-width:640px){ .RighInfo002928 .contact, .RighInfo002928 .contact .ytable-cell{display: block;} .RighInfo002928 .contact .ytable-cell{padding: 5vw 0;} .RighInfo002928 .contact .ytable-cell:not(:last-child){border-bottom: 1px solid #eee;} .RighInfo002928 .contact{padding: 0 5vw;} } /* 05_服务与支持 常见问题 */ .TextList001202{ padding: 3.5vw 0; } .TextList001202 li{padding-bottom:10px;} .TextList001202 dl{ position:relative; padding-left:70px;} .TextList001202 dl dt, .TextList001202 dl dd{ border:1px solid #e3e7e6;} .TextList001202 dl dt{ position:absolute; width:60px; left:0; top:0; color:#00ada9; text-align:center; font-size:30px; font-weight: lighter; } .TextList001202 dl.Q dt, .TextList001202 dl.Q dd, .TextList001202 dl.A dt{ height:60px; line-height:60px;} .TextList001202 dl.A dd{ padding:30px 35px; font-size: 16px; line-height: 38px; } .TextList001202 dl.Q dd{ padding:0 35px; font-size:22px; color: #00ada9; } .TextList001202 dl.A{ display:none; padding-top:10px;} .TextList001202 dl.A dt{ top:10px;} .TextList001202 dl.A p, .TextList001202 dl.A img{ margin:0; padding-bottom: 20px; } .TextList001202 dl.Q_on dt{ color:#fff; background-color:#00ada9;} .TextList001202 dl.Q_on dd{background-color:#fbfbfb;} @media(max-width:480px){ .TextList001202 dl{padding-left: 50px;} .TextList001202 dl.Q dt, .TextList001202 dl.Q dd, .TextList001202 dl.A dt{ height:40px; line-height:40px;} .TextList001202 h1, .TextList001202 dl dt{font-size:20px;width: 40px;} .TextList001202 dl dt{width: 40px;} .TextList001202 dl.A p{ overflow:hidden;} .TextList001202 dl.A dd{padding: 20px 15px;font-size: 14px;line-height: 1.5;} .TextList001202 dl.Q dd{font-size: 15px;padding: 0 15px;} .column_tit h2{font-size: 24px;} } /* 05_服务与支持 资料下载 */ .TextList001230{ } .TextList001230 li{ width: 48.5%; margin-right: 3%; margin-bottom: 2%; border: 1px solid #e5e5e5; background: #f9f9f9; border-radius: 10px; float: left; padding: 20px; overflow:hidden; position:relative;} .TextList001230 li:nth-of-type(2n){ margin-right: 0; } .TextList001230 li time{ text-align:center; float:left;line-height: 24px; width:68px; margin-right:20px; border-radius:5px; background-color:#00ada9; color:#fff;} .TextList001230 li time span{line-height: 44px;display: block;font-size: 30px;color: #00ada9; background-color:#fff; border-radius:4px 4px 0 0;} .TextList001230 li a{ position:absolute; right:20px; padding-top:25px; height:24px; top:50%; margin-top:-25px; background:url(../images/TextList001230-icon.png) no-repeat center top;} .TextList001230 li p{ margin:0; font-size:16px; line-height:32px; color:#333; } .TextList001230 li p span{ color:#999; font-size: 14px; } .TextList001230 li p span i{ font-style:normal; color:#00ada9;} /* 06_2联系方式 地图 */ .RighInfo002275{ } .RighInfo002275 .text{margin-bottom: 30px} .RighInfo002275 .text .title{font-size: 30px;color: #000;font-weight: normal;margin-bottom: 30px;} .RighInfo002275 .text .title span{font-weight: 700;} .RighInfo002275 .text .p{font-size: 16px;color:#666;line-height: 38px; margin: 0; padding: 0;} .RighInfo002275 .text .btn{ width: 160px; height: 40px; line-height: 40px; text-align: center; margin:12px 0 auto; background: #111; color: #fff; display: inline-block; } .RighInfo002275 .text .p img{ } .RighInfo002275 .text .kefu{ padding: 10px 0; position: relative; } .RighInfo002275 .text .code{ position: absolute; left: 200px; top: -20px; text-align: center; width: 120px; } .RighInfo002275 .map{width: 100%;height: 200px;} .RighInfo002275 .map #map{height: 100%;} .RighInfo002275 .map img{max-width: none !important;} @media screen and (min-width: 768px) { .RighInfo002275 .text{float: left;width: 45%;} .RighInfo002275 .map{float: right;width: 50%;height: 260px;} } @media screen and (min-width: 1024px) { .RighInfo002275 .auto{background: url(../images/RighInfo002275-contact_bg.png) no-repeat center;} .RighInfo002275 .map{float: right;width: 50%;height: 320px;} .RighInfo002275 .text .title{font-size: 36px;} } @media screen and (min-width: 1200px) { .RighInfo002275 .text .title{margin: 50px 0 20px;} .RighInfo002275 .map{width: 720px;height: 350px;} .RighInfo002275 .text{width: 40%;} } /* 表单 */ .Form002802{ padding: 4% 0 0; } .Form002802 .from{ max-width:1280px; margin:0 auto; } .Form002802 .from td{ padding-right: 5%; padding-bottom:3%;} .Form002802 .from td p{ margin: 0; color: #999; text-align: center;} .Form002802 .from td div{ position:relative;} .Form002802 .from label{ position:absolute; left:15px; top:0; font-size: 15px; line-height: 50px; color:#999;} .Form002802 .from .text{ width:100%; height:50px; line-height:50px; text-indent:10px; border:none; background:#f5f5f5;} .Form002802 .from textarea.text{ height:132px;} .Form002802 .from .btn{ padding-bottom: 1.5%; text-align:center;} .Form002802 .from .btn input{ background:#00ada9; cursor:pointer; padding:0; border:none; width: 160px; height:38px; font-size: 16px; color:#fff; text-transForm002802: uppercase; border-radius: 99px;} @media(min-width:641px){ .Form002802 .from td:nth-child(3n), .Form002802 .from .textareas, .Form002802 .from .btn, .Form002802 .from .tip{ padding-right: 0; } } @media(max-width:640px){ .Form002802 .from td{ display: block; padding-right: 0; } .TextList001230 li{width: 100%;margin-right: 0;margin-bottom: 15px;padding: 20px 10px;} .TextList001230 li time{margin-right: 10px;} .TextList001230 li a{right: 10px;} .TextList001230 li p{padding-right: 40px;} .RighInfo002275 .text .title{font-size: 24px;} } /* 栏目页banner */ .Banner002033 div{ height:400px; background-position:center top; background-repeat:no-repeat;} .Banner002033 div img{ display:none;} @media(max-width:1000px){ .Banner002033 div{ height:auto; background:none !important;} .Banner002033 div img{ display:block; width:100%;} } /* 栏目页内容 */ .column_box{ padding: 3vw 0 5vw; } /* 栏目页导航 */ .Menu002188{ border-bottom:1px solid #eee; line-height: 79px; height: 80px; } .Menu002188 .Menu{ float:left;} .Menu002188 .Menu li{ float:left; margin-right: 50px; } .Menu002188 .Menu li a{ display: inline-block; font-size:16px; color:#333; transition: .3s ease-out; position: relative; } .Menu002188 .Menu li.aon a,.Menu002188 .Menu li a:hover{ color:#00b9b5; } .Menu002188 .Menu li:hover a::before, .Menu002188 .Menu li.aon a::before{content:'';position:absolute;width:100%;height:2px;bottom:0px;background-color:#00b9b5;z-index:1;left:0;} .Menu002188 .Currents{ text-align:right; color:#aaa; float:right; font-size: 14px; } .Menu002188 .Currents a{color:#aaa;transition: .3s ease-out; padding:0 5px; } .Menu002188 .Currents a:hover{color:#00b9b5;} .Menu002188 .Currents span{color:#888; padding-left: 5px; } @media (max-width: 1000px){ .Menu002188 .Currents{ display:none;} } @media (max-width: 768px){ .Menu002188 .Menu{ overflow-x: auto;width: 100%;float: none;} .Menu002188 .Menu li{margin-right: 20px;} .Menu002188 .Menu li a{font-size: 14px;} } /* 栏目页标题2 */ .column-head{ border-bottom: 1px solid #e5e5e5; margin-bottom: 35px; position: relative; } .column-head em{position:relative; font-style:normal; display: inline-block; color:#0a122e; font-size:24px; padding-bottom:20px; } .column-head em span{ color:#0047ba; padding-right: 15px; } .column-head aside{ padding-left: 15px; display: inline-block; font-size: 15px; } .column-head em:before{position:absolute; left:0; bottom:0px; width:40px; height:3px; content:""; background:#00b9b5; } @media(max-width:768px ) { .column-head2 em{ display: block; padding-bottom: 10px; } .column-head2 aside{ padding: 10px 0 15px; } } @media(max-width:320px ) { .column-head2 em{ font-size: 20px; } } .productbox{ background-size:cover; background-repeat:left bottom; width:100%; height:100%;} /* 03_2产品应用列表页 */ .PicList002797{ } .PicList002797 li{ float:left; width:31%; margin:0 3.5% 3.5% 0; border: 1px solid #def1f1; border-radius: 10px;} .PicList002797 li:nth-child(3n){margin-right:0; } .PicList002797 li a{ display:block; position:relative; padding:6% 6% 10%;overflow:hidden; border-radius: 10px;} .PicList002797 li a:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background:url(../images/PicList002797_bg.png) no-repeat; z-index:-1; } .PicList002797 li h4, .PicList002797 li h3, .PicList002797 li h5{ margin:0; text-align:center; font-weight:normal;} .PicList002797 li figure{ padding-bottom: 85%;margin-bottom: 10%;background-size: contain;/*padding-bottom:100%; margin-bottom: 4%;*/background-size: contain;} .PicList002797 li h4{ font-size: 15px;color: #999;} .PicList002797 li h3{ font-size: 24px; color:#202020;} .PicList002797 li .hover{ opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; background:rgba(0, 173, 169, 0.9); z-index:10; transition:0.3s; color:#fff; border-radius: 8px;} .PicList002797 li:hover{box-shadow:0 0 15px 3px #ccc; border-color:#00b9b5} .PicList002797 li:hover a .hover{ opacity:1;} .PicList002797 li aside{ position:absolute; left:10%;width:80%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%);} .PicList002797 li .hover h5{ font-size:24px;} .PicList002797 li .hover i{ display:block; height:2px; background:#fff; width:48px; margin:14px auto 20px;} .PicList002797 li .hover p{ font-size:16px; line-height:30px; margin:0; max-height:90px; overflow:hidden;} .PicList002797 .more{ display: block; text-align: center; margin-top:50px;} .PicList002797 .more span{ display: inline-block; padding-left: 40px; padding-right: 64px; line-height: 40px; background:url(../images/PicList002797-more.png)no-repeat 74% center #fff ; border-radius: 5px;transition:all 0.5s ease-out 0s; color: #00b9b5 } .PicList002797 .more span:hover{padding-left:50px; padding-right:74px; } @media(max-width:1000px){ .PicList002797 li{ width:48%; margin-left:1%; margin-right:1%;} } @media(max-width:640px) and (min-width:376px){ .PicList002797 li .hover img{ width:50px; height:50px;} } @media(max-width:480px){ .PicList002797 li{ float:none; width:auto;} .PicList002797 li h3, .PicList002797 li .hover h5{ font-size:14px;} .PicList002797 li .hover h5{ line-height:20px; max-height:40px;} } /* 翻页 */ .Page002274{ text-align:center; padding:1% 0 0;color:#666666;} .Page002274 .Pages *{ vertical-align:middle;} .Page002274 .Pages .p_cur, .Page002274 .Pages .p_count, .Page002274 .Pages .p_total{ display:none;} .Page002274 .Pages a{ display:inline-block; padding: 0 15px; line-height:37px; background-color: #eef0f1; color:#666666; margin-left:5px;} .Page002274 .Pages a:hover, .Page002274 .Pages a.a_cur{ color:#fff; background-color:#00b9b5;} .Page002274 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle;} .Page002274 .Pages .i_text{ width:47px; height:36px; line-height:36px;border:1px solid #ceced5;} .Page002274 .Pages .i_button{ cursor:pointer; background:none; width:47px; height:36px;border:1px solid #ceced5;} .Page002274 .Pages .p_jump b{font-weight:normal; margin:0 5px;} .Page002274 .Pages .a_prev,.Page002274 .Pages .a_next{ font-family: 宋体; font-weight: bold; padding:0 25px; } @media(max-width:1000px){ .Page002274 .Pages em{ display:none;} } @media(max-width:640px){ .Page002274 .Pages a.a_first, .Page002274 .Pages a.a_end{ display:none;} .Page002274 .Pages a{ padding:0 10px;} } /* 03_3产品应用详情 */ .pr_details{} .pr_details .bigimg{ width: 50%; float: left; } .pr_details .Ispic{ width: 100%; padding-bottom: 70%; background-size: contain; } .pr_details .right_info{ float:right; width:45%; position: relative; } .pr_details .con{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; font-size: 16px;} .pr_details .con::-webkit-scrollbar { width: 6px;height: 6px; } /* 滚动槽 */ .pr_details .con::-webkit-scrollbar-track { -webkit-box-shadow:inset006pxrgba(0,0,0,0.3); border-radius:10px; background: #e9e9e9; } /* 滚动条滑块 */ .pr_details .con::-webkit-scrollbar-thumb { border-radius:10px; background:#00b9b5; } .pr_details .right_info .con table{ width: 100%; table-layout:fixed;} .pr_details .right_info .con table td{word-break: break-word!important; width: 60%!important; padding: 5px; border: 1px solid #ccc; font-size: 16px; color: #666; } .pr_details .right_info .con table td:first-child{ width: 40%!important; color: #999; } .pr_details .flexbox{ display: flex; justify-content: space-between; flex-wrap: wrap;} .pr_details .right_info .con table td p{margin: 0; color: #666 !important;} .pr_details .right_info .con table td p+p{margin-top:1em; line-height: 1.5;} .pr_details .right_info .con table td:first-child p{color: #999 !important; } /* .pr_details h1, .pr_details .right_info h3, .pr_details .right_info p{ margin:0;padding:5% 0;border-bottom:1px solid #e7e8e8;} */ .pr_details h1{ padding:5% 0; color:#00b9b5; font-size:26px; text-align: center; margin: 0; } .pr_details .right_info h3{ font-size:18px; font-weight:normal;} .pr_details .right_info p{line-height:30px; color:#999; margin-bottom:10%; font-size: 15px; } .pr_details .right_info p strong{ color: #333; } .pr_details .right_info a{ display:inline-block; border:1px solid #eee; background: #f9f9f9; padding:10px 5%; color:#00b9b5; transition:0.4s; font-size: 16px; } .pr_details .right_info a:hover{ background-color:#00b9b5; color:#fff;} .pr_details .dtinfo{ padding-top: 3%; } .pr_details .dtinfo .table_1{ border: 1px solid #e2e2e2; border-bottom: 0; margin: 15px 0 10px; } .pr_details .dtinfo .table_1 table{width: 100%;border: none;} .pr_details .dtinfo .table_1 table:not(.table1) td:nth-child(2n+1){ font-weight: bold; color: #0a122e; font-size: 17px; background: #f5f5f5; } .pr_details .dtinfo .table_1 table:not(.table1) td{ width: 25%; font-size: 14px; text-align: center; line-height: 34px; min-height:35px; float: left;display: flex; border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; height: 100px; display: -webkit-box;display: -ms-flexbox;align-items: center;justify-content: center; -webkit-box-pack: center; -webkit-box-align: center; -webkit-box-orient: vertical; text-align: center; } .pr_details .dtinfo .table_1 table:not(.table1) td:last-of-type{ border-right: 0; } .pr_details .dtinfo .table_1 table.table1 td{ font-size: 14px;border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; text-align: center; padding: 10px; } .pr_details .dtinfo .table_1 table.table1 td:last-of-type{ border-right: 0; } .pr_details .btnbox{ display: flex; justify-content: center; gap: 20px; margin: 2% 0 5%; } .pr_details .btnbox a{ display:inline-block; border:1px solid #eee; background: #f9f9f9; padding:10px 3%; color:#00b9b5; transition:0.4s; font-size: 16px; } .pr_details .btnbox a.buy{ background-color: #00b9b5; border-color: #00b9b5; color: #fff;} .pr_details .dtinfo .left{ width: 50%; font-size: 16px;} .pr_details .dtinfo .right{ width: 45%;} .pr_details .dtinfo .left .ul{ display: flex; flex-wrap: wrap; gap: 20px 0; min-height: calc( 360 / 1920 * 100vw);} .pr_details .dtinfo .left li{ width: 33.33%; text-align: center;} .pr_details .dtinfo .left li figure{ display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; margin: 0 auto;} .pr_details .dtinfo .left li img{ max-height: 100%;} .pr_details .dtinfo .right .warp{ height: calc( 100% - 87px); position: relative;} @media(max-width:640px){ .pr_details .left, .pr_details .right{ width: 100%!important; margin-bottom: 5%;} .pr_details .right{ height: 300px;} } /* 03_3产品应用详情 应用场景 */ .companyEnvironment {padding: 3vw 0 0;} .companyEnvironment .text { text-align: center; max-width: 840px; margin: 60px auto 70px; } .companyEnvironment .text p { margin-bottom: 20px; } .companyEnvironment .swiper-container { margin: 0 auto; /* padding: 2% 15.625% 0; */ padding: 2% 0 80px; margin: 0 15.652%; } .companyEnvironment .swiper-slide { opacity: 0; } .companyEnvironment .swiper-slide .content { -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .companyEnvironment .swiper-slide .content .img { position: relative; width: 100%; height: 0; padding-bottom: 54.67%; } .companyEnvironment .swiper-slide .content .img img { width: 100%; opacity: 0; } .companyEnvironment .swiper-slide .content .img p { position: absolute; width: 100%; text-align: center; left: 50%; bottom: -75px; /* color: white; */ color: #000; font-size: 20px; transform: translateX(-50%); opacity: 0; } .companyEnvironment .swiper-slide.swiper-slide-active .content .img img{ opacity: 1; } .companyEnvironment .swiper-slide.swiper-slide-active .content .img p{ opacity: 1; } .companyEnvironment .swiper-slide.swiper-slide-prev { opacity: 1; } .companyEnvironment .swiper-slide.swiper-slide-prev .content { -webkit-transform: scale(0.75) translate(50%, 11%); -ms-transform: scale(0.75) translate(50%, 11%); -o-transform: scale(0.75) translate(50%, 11%); -moz-transform: scale(0.75) translate(50%, 11%); transform: scale(0.75) translate(50%, 11%); } .companyEnvironment .swiper-slide.swiper-slide-active { opacity: 1; position: relative; z-index: 10; } .companyEnvironment .swiper-slide.swiper-slide-next { opacity: 1; } .companyEnvironment .swiper-slide.swiper-slide-next .content { -webkit-transform: scale(0.75) translate(-50%, 11%); -ms-transform: scale(0.75) translate(-50%, 11%); -o-transform: scale(0.75) translate(-50%, 11%); -moz-transform: scale(0.75) translate(-50%, 11%); transform: scale(0.75) translate(-50%, 11%); } .companyEnvironment .partner .partner_prev, .companyEnvironment .partner .partner_next { background: #fff; } .partner { position: relative; padding-top: 80px; } .partner .partner_prev, .partner .partner_next { width: 40px; height: 40px; z-index: 9; left: 50%; top: -webkit-calc(80%); top: -moz-calc(80%); top: calc(100% - 20px); background: #f2f6ff; opacity: 1; outline: none; padding:0; } .partner .partner_prev:after, .partner .partner_next:after { font-size: 16px; color: #cccccc; } .partner .partner_prev:hover:after, .partner .partner_next:hover:after { color: #00b9b5; } .partner .partner_prev { margin-left: -100px; } .partner .partner_next { margin-left: 60px; } .partner .pyuan { width: 100%; height: 100%; border: 1px solid #cccccc; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; left: 0; } .partner .pyuan:hover { border-top: 2px solid #00b9b5; -webkit-transform: rotate(-50deg); -moz-transform: rotate(-50deg); -ms-transform: rotate(-50deg); -o-transform: rotate(-50deg); transform: rotate(-50deg); } .partner .nyuan { width: 100%; height: 100%; border: 1px solid #cccccc; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; left: 0; } .partner .nyuan:hover { border-top: 2px solid #00b9b5; -webkit-transform: rotate(50deg); -moz-transform: rotate(50deg); -ms-transform: rotate(50deg); -o-transform: rotate(50deg); transform: rotate(50deg); } .partner::after { position: absolute; content: ""; display: block; width: 100%; height: 1px; bottom: 20px; left: 0; background: #eeeeee; } /*RighInfo001960*/ .RighInfo001960{ padding:0 0 3% 0;} .RighInfo001960 .info{ background:#fafafa;padding-top:38px; overflow:hidden;} .RighInfo001960 .img{ width:31.3%; float:left; padding:9px; border-radius:20px; background-color:#fff;} .RighInfo001960 .img img{ display:block; width:100%;} .RighInfo001960 .intro{ float:right; width:62%; padding-bottom:70px; min-height:290px;} .RighInfo001960 .intro .title{ margin:0; padding:2% 10% 2% 0; font-size:45px; color:#58b530; border-bottom:1px solid #ebebeb;} .RighInfo001960 .intro .info{ padding-top:20px; padding-bottom:30px;} .RighInfo001960 .tips{ color:#898989; font-size:14px; } .RighInfo001960 .tips dd{ padding-bottom:10px;} .RighInfo001960 .share{ background-color:#fff;margin-top:-70px; padding-top:15px;min-height:70px;} .RighInfo001960 .share dt{padding-left:38.6%;} .RighInfo001960 .share dt, .RighInfo001960 .share dd{ float:left; padding-right:32px; } .RighInfo001960 .share dd{ margin-top:4px;} .RighInfo001960 .share dt a{ display:inline-block; background:url(../images/RighInfo001960-qq.png) no-repeat; font-size:16px; color:#fff; width:124px; padding-left:42px; height:36px;line-height:36px;} .RighInfo001960 .con{ background:url(../images/RighInfo001960-bg.jpg) repeat-y left top; } .RighInfo001960 .con .title{padding-left:30px; line-height:52px; font-size:30px; color:#58b530;font-weight:normal; border-left:4px solid #58b531; background: rgb(208,239,195); background: -moz-linear-gradient(left, rgba(208,239,195,1) 0%, rgba(210,246,236,1) 100%); background: -webkit-linear-gradient(left, rgba(208,239,195,1) 0%,rgba(210,246,236,1) 100%); background: linear-gradient(to right, rgba(208,239,195,1) 0%,rgba(210,246,236,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0efc3', endColorstr='#d2f6ec',GradientType=1 ); } .RighInfo001960 .con .title b{ background:url(../images/RighInfo001960-title_icon.png) no-repeat right center; padding-right:65px; display:inline-block;} .RighInfo001960 .Sample_num{ font-size:66px; font-style:normal; display:inline-block;} .RighInfo001960 .Sample_num font,.Sample_num i{ color:#58b530;display:block; clear:both; font-weight:bold; font-family:Arial; padding-left:70px; line-height:51px; font-style:normal;} .RighInfo001960 .Sample_num span{text-align:center; font-size:20px; color:#fff; float:left; display:inline-block; padding-left:50px; background:url(../images/RighInfo001960-num.png) no-repeat left top; margin-top:-10px;} .RighInfo001960 .Sample_num span b{ height:40px; line-height:40px; display:inline-block; padding-right:50px; background:url(../images/RighInfo001960-num.png) no-repeat right -41px; font-family:黑体; font-weight:normal;} @media(max-width:1000px){ .RighInfo001960 .intro .title{ font-size:30px;} .RighInfo001960 .con .title{ font-size:20px;} } @media(max-width:768px){ .companyEnvironment .swiper-container{margin: 0;} .RighInfo001960 .img, .RighInfo001960 .intro{ float:none; width:auto;} .RighInfo001960 .img{ padding-bottom:3%;} .RighInfo001960 .img img{ max-width:400px; margin:0 auto;} .RighInfo001960 .share dt{ padding-left:0;} .RighInfo001960 .Sample_num{ font-size:46px;} .RighInfo001960 .Sample_num font, .RighInfo001960 .Sample_num i{ padding-left:25px;} .RighInfo001960 .Sample_num span{ font-size:16px; padding-left:22px; margin-top:-18px;} .pr_details .right_info, .pr_details .bigimg{width: 100%;float: none;} .pr_details .right_info h1{font-size: 22px;} .pr_details .right_info h3{font-size: 16px;} .column-head em{font-size: 18px;} .pr_details .right_info a{font-size: 14px;margin-bottom: 20px;} .pr_details .dtinfo .table_1{overflow: auto;} .pr_details .dtinfo .table_1 table{min-width: 640px;} .pr_details .dtinfo .table_1 td, .pr_details .dtinfo .table_1 td:nth-child(2n+1), .pr_details .dtinfo .table_1 .tit{font-size: 12px;} .companyEnvironment .swiper-slide .content .img p{bottom: -75px;margin: 0;font-size: 14px;} } @media(max-width:480px){ .RighInfo001960 .intro .title{ font-size:20px;} .RighInfo001960 .con .title{ font-size:16px;} .RighInfo001960 .share dt, .RighInfo001960 .share dd{ float:none;} } /* 03_1产品应用专题页 */ .Floor002821{ overflow: hidden;} .Floor002821 .column_title{ padding-bottom: 40px;} .Floor002821 .ul{ position: relative;} .Floor002821 li{position: relative;padding-bottom: 32%;font-size: 100px;} .Floor002821 li:nth-child(1){} .Floor002821 li:nth-child(1), .Floor002821 li:nth-child(2), .Floor002821 li:nth-child(3){ margin-bottom: 1%;padding-bottom: 42.858%;} .Floor002821 li:nth-child(4){ padding-bottom: 65%;margin-bottom: 1%;} .Floor002821 li:nth-child(5){float: left;width: 49.5%;margin-right: 1%;padding-bottom: 64.5%;} .Floor002821 li:nth-child(6){float: left;width: 49.5%;padding-bottom: 64.5%;} .Floor002821 li a{position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .Floor002821 li a >*{position: absolute; left: 0;width: 100%;} .Floor002821 li .Ispic{height: 100%; top: 0;} .Floor002821 li a:before{z-index: 5;position: absolute; top: 0; width: 100%;left: 0;content: '';height: 100%; opacity: 0;-webkit-opacity: 0; transition: 0.3s; background: -moz- linear-gradient(45deg, rgb(0,71,157,1) 0%,rgba(0,71,157,0.4) 100%); background: -webkit- linear-gradient(45deg, rgb(0,71,157,1) 0%,rgba(0,71,157,0.4) 100%); background: linear-gradient(45deg, rgb(0, 185, 181,0.5) 0%,rgb(0, 185, 181,0.3) 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23ac38', endColorstr='#6623ac38',GradientType=1 ); } .Floor002821 li:nth-child(3){ } .Floor002821 li a:hover:before{opacity: 0.9;-webkit-opacity: 0.9;} .Floor002821 li .txt{z-index: 10; bottom: 0.3em;padding: 0 0.3em;color: #fff;} .Floor002821 li .txt p.t1{font-size: 0.24em; margin:1em 0 0.3em 0;} .Floor002821 li .txt p.t2{line-height: 1.71428em;margin: 0;font-size: 0.14em;} .Floor002821 li .icon img{max-height: 0.4em;display: block;} @media(max-width:768px){ .Floor002821 .column_title{ padding-bottom:30px;} .Floor002821 li .icon img{ max-height: 35px; } .Floor002821 li .txt p.t1{ margin-top: 15px; font-size: 20px; } } @media(min-width:481px){ .Floor002821 .ul{ column-count: 2} } @media(max-width:480px){ .Floor002821 li:nth-child(1), .Floor002821 li:nth-child(2), .Floor002821 li:nth-child(3), .Floor002821 li:nth-child(4), .Floor002821 li:nth-child(5), .Floor002821 li:nth-child(6){ width: 100%;padding-bottom: 50%; margin-right: 0; margin-bottom:5px;float: none} .Floor002821 li:nth-child(3){ position: relative; } } @media(max-width:480px){ .Floor002821 li{font-size: 70px;} .Floor002821 li .txt p.t1{margin-top: 10px;} } @media(max-width:320px){ .Floor002821 .column_title{ padding-bottom:20px;} } /* 02_1公司简介 */ .Floor003044{background: #f0f1f3; overflow: hidden;font-family: 'SourceHanSansCN-Light';} .Floor003044 .video .inner{position: relative; z-index: 1;} .Floor003044 .video video{position: absolute;background: #000; left: 0; top: 0; width: 100%; height: 100%; z-index: 5;} .Floor003044 .intro{position: relative; z-index: 4;background-color: #fff;} .Floor003044 .intro .edit-info{font-size:16px; line-height: 32px; padding: 2vw 0 0; overflow: hidden; } .Floor003044 .intro .edit-info p{margin: 0 0 1.5em 0;} .Floor003044 .intro .edit-info p strong{ color: #00b9b5; font-weight: normal; } .Floor003044 .title{font-family: 'SourceHanSansCN-Medium';font-size: 36px;color: #333;} .Floor003044 .title:after{display: inline-block;width: 61px;height: 2px;background-color: #00b9b5; margin-left: 10px;content: ''; vertical-align: middle;} @media(max-width:640px){ .Floor003044 .title{font-size: 7vw;} } @media(min-width:1025px){ .Floor003044 .video{margin-top: 4vw;padding-left: 10vw; } .Floor003044 .video{width: 55%;} .Floor003044 .intro{width: 45%;} .Floor003044 .video .inner{width: 100%;} /* width: 126.263%; */ .Floor003044 .intro .inner{padding: 5.89vw 6vw 5.57vw 6.2vw; } .Floor003044 .intro .edit-info{max-width: 520px;} } @media(min-width:1025px) and (max-width:1440px){ .Floor003044 .video{margin-top: 10vw;padding-left: 5vw;} .Floor003044 .intro .inner{padding-top: 3vw; padding-bottom: 4vw; padding-right: 5vw;} } @media(max-width:1024px){ .Floor003044 .intro{padding: 5vw;} .Floor003044 .play{font-size: 12vw;} } .aboutus .name{text-indent: 0;font-size: 32px;color: #000; padding: 2vw 0 0.8vw; } .aboutus .name p{color: #00b9b5; font-size: 16px; line-height: 1.5em; padding-top: 1vw; margin: 0; } .aboutus .name p:after{display: block; content: '';width: 50px;height: 3px;background-color: #00b9b5; margin-top: 1vw;} .aboutus .pic{ float: left; width: 47%; } .aboutus .intro{ float: right; width: 48%; } .aboutus .intro .p{ line-height: 36px; font-size: 17px; color: #777; } .aboutus .intro .p strong{ color: #000; } .aboutdata{ padding: 3.5vw 0 4.5vw 0; } .aboutdata .data .auto{ } .aboutdata .ul_num { margin:0 auto; padding: 4% 2%; } .aboutdata .ul_num li{ float: left;text-align: center; color:#fff; width:25%; position: relative; } .aboutdata .ul_num li .txt{ position: relative; } .aboutdata .ul_num li .txt em{ color: #fff; font-size: 14px; font-style: normal; font-weight: normal; display: inline-block; padding-left: 5px; } .aboutdata .ul_num li::before{ position:absolute; content:''; width:2px; border-right:1px dashed #06d0cd; right:0; top:20%; height:60%;} .aboutdata .ul_num li:last-child::before{ display:none;} .aboutdata .ul_num li span{ font-family: "DINBold",'helve118',Verdana, Geneva, sans-serif; font-weight: bolder; font-size: 56px; padding-right: 5px; } .aboutdata .ul_num li p{ color: #fff; position: relative; font-size: 14px; margin-top: 0; padding-top: 20px; } .aboutdata .ul_num li p::before{ position: absolute; display: block; content: ''; width: 20px; height: 3px; background:#fff; left: 50%; margin-left: -10px; top: 5px; } .aboutdata .info{ padding-top: 2%; } .aboutdata .info .img{ width: 30%; float: right; margin-top: 1%; } .aboutdata .info .dl{ float: left; width: 65%; } .aboutdata .info .dl dd{ position: relative; font-size: 18px; margin-bottom: 15px; line-height: 24px; border: 1px solid #e5e5e5; border-radius: 5px; background: #f9f9f9; padding:15px 30px 15px 50px; } .aboutdata .info .dl dd::after{ width: 10px; height: 10px; display: block; content: ''; background: #00ada9; position: absolute; left: 30px; top: 50%; margin-top: -5px; } /* 应用案例 */ .Floor002065{ padding:4% 0 0;} .Floor002065 .item{ position:relative;} .Floor002065 .item .pic{ overflow:hidden;position:relative;} .Floor002065 .item .Ispic{ display:block; padding-bottom:60%; transition:0.3s; position:relative;} .Floor002065 .item .Ispic img{ display:none;} .Floor002065 .item:hover .Ispic{ transform:scale(1.1);} .Floor002065 .item p{ color: #333; font-size: 16px; text-align: center; } .Floor002065 .owl-nav div{ position:absolute; top:50%; width:22px; overflow:hidden; line-height:1000px; height:40px; margin-top:-40px; background:url(../images/Floor002065-btn.png) no-repeat left top; z-index:10;} .Floor002065 .owl-nav .owl-prev{ left:0;margin-left:-50px;} .Floor002065 .owl-nav .owl-next{right:0; margin-right:-50px; background-position: right top;} .Floor002065 .owl-nav .owl-prev:hover{ background:url(../images/Floor002065-btn2.png) no-repeat left top; } .Floor002065 .owl-nav .owl-next:hover{ background:url(../images/Floor002065-btn2.png) no-repeat; background-position: right top;} @media(max-width:1024px){ .Floor002065 .owl-carousel{ padding:0 30px;} .Floor002065 .owl-nav .owl-prev{margin-left:-10px;} .Floor002065 .owl-nav .owl-next{margin-right:-10px;} } @media(max-width:640px){ .Floor002065 .title span{ display:block;} .Floor002065 .owl-nav .owl-prev{margin-left:-5px;} .Floor002065 .owl-nav .owl-next{margin-right:-5px;} .aboutdata .ul_num{padding: 10px 0;display: flex;display: -webkit-flex;flex-wrap: wrap;} .aboutdata .ul_num li{width: 33.333%;min-height: 120px;} .aboutdata .ul_num li span{font-size: 24px;} .aboutdata .ul_num li p{font-size: 12px;padding: 20px 10px 0 10px;} .aboutdata .info .img, .aboutdata .info .dl{float: none;width: 100%;margin: 15px 0;} .aboutdata .info .dl dd{padding: 15px 15px 15px 30px;font-size: 14px;} .aboutdata .info .dl dd::after{left: 10px;} } @media(max-width:640px) and (min-width:376px){ .Floor002065 .item dt, .Floor002065 .item dd{ float:none; text-align:right;} } /*这是滚动插件的公用样式 如出现雷同 请删除*/ .owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item, .owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%} .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display:none} .no-js .owl-carousel,.owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .animated{animation-duration:1s;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{animation-name:fadeOut} @keyframes fadeOut{ 0%{opacity:1} 100%{opacity:0} } .owl-height{transition:height .5s ease-in-out} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease} .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /*end*/ /*RighInfo002973 */ .RighInfo002973{ margin: 10px 0 20px 0;color: #333;font-size: 16px;} .RighInfo002973 > .auto{border: 1px solid #d2d2d2;} .RighInfo002973 .news-details{ padding: 3% 0;} .RighInfo002973 .news-details .title{text-align: center;} .RighInfo002973 .news-details .title h1{font-size: 30px; margin: 0 0 20px 0;} .RighInfo002973 .news-details .title aside span{display: inline-block; vertical-align: middle; margin: 0 15px 5px;line-height: 16px;} .RighInfo002973 .news-details .title .bshare-custom{display: inline-block;} .RighInfo002973 .bshare-custom a{background-position: center center; margin: 0 0 0 14px;} .RighInfo002973 .bshare-custom a.bshare-weixin{background-image: url("../images/RighInfo002973_share_wx.png");} .RighInfo002973 .bshare-custom a.bshare-sinaminiblog{background-image: url("../images/RighInfo002973_share_sina.png");} .RighInfo002973 .bshare-custom a.bshare-qzone{background-image: url("../images/RighInfo002973_share_qz.png");} .RighInfo002973 .news-details .edit-info{font-size: 16px;line-height: 32px;color: #666; border-bottom: 1px solid #d2d2d2;padding: 2% 0; margin-bottom: 2%;} .RighInfo002973 .pn-page aside{padding: 10px 0;} .RighInfo002973 .pn-page aside a{color: #666;} .RighInfo002973 .pn-page aside a b{color: #333;} .RighInfo002973 .operating a:hover, .RighInfo002973 .pn-page aside a:hover{color: #205393;} .RighInfo002973 .operating{overflow: hidden;line-height: 24px;} .RighInfo002973 .operating a{padding-left: 25px;background-repeat: no-repeat;background-position: left center;} .RighInfo002973 .operating a:not(:last-child){margin-right: 45px;} .RighInfo002973 .operating a.a-print{background-color: #00b9b5;padding: 6px 20px;color: #fff;} .RighInfo002973 .operating a.a-close{background-image: url("../images/RighInfo002973_close.png");} @media(min-width:1025px){ .RighInfo002973 .pn-page{min-height: 24px; position: relative;padding-right: 230px;} .RighInfo002973 .pn-page .operating{position: absolute;right: 0; top: 50%; transform: translateY(-50%);} .RighInfo002973 .operating a{float: left;} } @media(max-width:1024px){ .RighInfo002973 .operating{text-align: right; padding-bottom: 20px;} .RighInfo002973 .operating a{display: inline-block;} } @media(max-width:640px){ .RighInfo002973 .news-details .title h1{font-size:6vw;} .RighInfo002973{ font-size: 14px;} } .float_resBox{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);z-index: 999;} .float_resBox .float_box{position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: white;padding: 40px 100px;width: 600px;} .float_resBox .float_box h3{font-size: 36px;font-weight: normal;text-align: center;color: #333;margin: 0 0 20px 0;} .float_resBox .float_box .closeA{position: absolute;right: 10px;top: 10px;padding: 12px;background: url(../images/closeA.png)no-repeat center;margin-bottom: 20px;} .float_resBox .float_box li{margin-bottom: 25px;position: relative;list-style: none;} .float_resBox .float_box li p{font-size: 16px;color: #333;margin: 0;font-weight: bold;} .float_resBox .float_box li .text{width: 100%;height: 40px;border: none;border-bottom: 1px solid #e5e5e5;} .float_resBox .float_box li label{color: #999999;padding-left: 10px;border-left: 1px solid #E5E5E5;position: absolute;right: 0;bottom: 10px;line-height: 1;cursor: pointer;} .float_resBox .float_box .submit{width: 160px;display: block;height: 45px;color: white;line-height: 45px;text-align: center;border-radius: 5px;background-color:#00b9b5 ;margin: 30px auto;} @media(max-width:640px){ .float_resBox .float_box{width: 95%;padding: 30px 15px;} .float_resBox .float_box h3{font-size: 24px;} .float_resBox .float_box li p{font-size: 14px;} .float_resBox .float_box .submit{margin-bottom: 0;} } /* 搜索 */ .search_list{ padding:3% 0 0; min-height: 300px;} .search_list .tit{ margin-bottom: 2%; font-size: 18px; color: #6e6e6e;} .search_list li{ border-bottom:1px solid #eee; line-height:50px;} .search_list li span{ float:right; font-size:12px;} .search_list li a::before{ display:inline-block;content:''; border:4px solid transparent; border-left-color:#00b9b5; margin-right: 5px;} .mask_aside{ position: fixed; right: 3%; top: 40%; z-index: 99; width: 50px; border: 1px solid #e5e5e5; background-color: #ffffff; border-radius: 30px; } .mask_aside a{ display: block; padding: 10px; border-bottom: 1px solid #e5e5e5; width: 100%; height: 60px; } .slidetext{ position: absolute; white-space: nowrap; background: #fff; padding: 10px; right: 0; opacity: 0; transition: .4s; -ms-transition: .4s; -moz-transition: .4s; -o-transition: .4s; -webkit-transition: .4s; bottom: 0; z-index: -1; font-size: 16px; width: 120px; height: 120px; } .mask_aside a:hover .slidetext{ right: 100%; opacity: 1; } .mask_aside a:last-child{ border: none; } .mask_aside a.wx{ background: url(../images/wx.png)no-repeat center; background-size: 30px; position: relative; } .mask_aside a.qq{ background: url(../images/qq.png)no-repeat center; background-size: 30px; } .mask_aside a.gotop{ background: url(../images/gotop.png)no-repeat center; background-size: 30px; } .Floor002989 #product .swiper-scrollbar{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .Floor002989 #product .swiper-scrollbar span{ margin: 0; padding: 0; width: 0; -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; border-radius: 0; height: 3px; background: transparent; } .Floor002989 #product .swiper-scrollbar span.swiper-pagination-bullet-active { background: #00ada9; } /*Floor */ .Floor002783 { padding: 3.5vw 0 4.5vw; } .Floor002783 ul { position: relative; padding-bottom: 49.167%; } .Floor002783 .title { position: absolute; width: 23.75%; height: 48.306%; overflow: hidden; padding-top: 20px; } .Floor002783 .title::before { position: absolute; content: ''; width: 72px; height: 3px; background-color: #00ada9; left: 0; top: 0; } .Floor002783 .title h1 { font-size: 32px; font-weight: normal; position: relative; color: #000; padding-bottom: 25px; margin: 0; } .Floor002783 .title p { font-size: 14px; line-height: 28px; color: #999; padding-right: 3vw; } .Floor002783 li { position: absolute; height: 48.306%; overflow: hidden; } .Floor002783 li:nth-of-type(1) { left: 25.5%; top: 0; width: 49%; } .Floor002783 li:nth-of-type(2) { left: 0; bottom: 0; width: 49%; } .Floor002783 li:nth-of-type(3) { left: 50.75%; bottom: 0; width: 23.75%; } .Floor002783 li:nth-of-type(4) { right: 0; top: 0; width: 23.75%; height: 100%; } .Floor002783 li a { display: block; padding: 15px; height: 100%; } .Floor002783 li figure img { display: none; } .Floor002783 li figure { margin-bottom: 10px; background-size: contain; } .Floor002783 li h5 { margin: 0; font-size: 24px; font-weight: normal; line-height: 30px; color: #fff; position: absolute; left: 5%; bottom: 9%; width: 80%; } .Floor002783 li:nth-of-type(3) h5 { left: 10%; } .Floor002783 li:nth-of-type(4) h5 { bottom: 4.5%; left: 10%; } .Floor002783 li span { color: #8a8fa0; line-height: 24px; } .Floor002783 li div { opacity: 0; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0, 173, 169, 0.8); transition: 0.3s; } .Floor002783 li div i { color: #fff; position: absolute; width: 100%; background: url(../images/Floor002783-detail.png) no-repeat center top; padding-top: 40px; line-height: 20px; top: 50%; margin-top: -30px; text-align: center; font-style: normal; } .Floor002783 li a:hover div { opacity: 1; } @media(max-width:1100px) { .Floor002783 ul { padding-bottom: 60%; } } @media(max-width:920px) { .Floor002783 .title { position: relative; width: 100%; height: auto; text-align: center; padding-bottom: 2%; } .Floor002783 .title::before { left: 50%; margin-left: -36px; } .Floor002783 ul { padding-bottom: 0; } .Floor002783 li { position: relative; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; width: 49% !important; height: auto !important; float: left; margin-bottom: 2%; margin-right: 2%; } .Floor002783 li:nth-child(2n+1) { margin-right: 0; } .Floor002783 li a { height: auto; padding-bottom: 60%; } .Floor002783 li h5 { font-size: 20px; } .Floor002783 li:nth-of-type(3) h5, .Floor002783 li:nth-of-type(4) h5 { left: 5%; bottom: 9%; } } @media(max-width:560px) { .Floor002783 li { float: none; margin-right: 0; width: 100% !important; } } /* 走势图 */ .gpsection { } .gpsection .auto_1280 { padding: 3vw 3vw 5vw; background: #f9f9f9; } .gpsection .gpnav { text-align: center; padding-bottom: 40px; overflow: hidden; } .gpsection .gpnav .l{float: left;} .gpsection .gpnav .r{float: right;} .gpsection .gpnav .r .name{font-size: 24px;color: #000000;margin-right: 10px;display: inline-block;vertical-align: middle;} .gpsection .gpnav .r .num{display: inline-block;color: red;} .gpsection .gpnav .r .n{font-size: 20px;margin-right: 5px;display: inline-block;vertical-align: middle;} .gpsection .gpnav .r .min{display: inline-block;vertical-align: middle;padding-right: 25px;background: url(../images/yly.png)no-repeat right bottom;} .gpsection .gpnav .r .min.on{background: url(../images/yly2.png)no-repeat right bottom;} .gpsection .gpnav .r .min p{font-size: 12px;line-height: 1.8;margin: 0;} .gpsection .gpnav .r .botxt{margin-top: 5px;color: #888888;} .gpsection .gpnav .r .botxt .code{font-size: 18px;margin-right: 15px;} .gpsection .gpnav .l span { line-height: 42px; padding: 0 25px; margin: 0 5px; background: #fff; border: 1px solid #e1e8e8; color: #00ada9; font-size: 15px; display: inline-block; } .gpsection .gpnav .l span:hover, .gpsection .gpnav .l span.on { background: #00ada9; border: 1px solid #00ada9; color: #fff; cursor: pointer; } .gpsection .pic { text-align: center; } .gpsection .pic img { width: 100%; } @media(max-width:640px) { .gpsection .gpnav .l span { padding: 0 10px;margin-bottom: 10px;display: inline-block; } .gpsection .gpnav .l{text-align: left;float: none;} .gpsection .gpnav .r{float: none;margin-top: 20px;} } @media(max-width:320px) { .gpsection .gpnav .l span { padding: 0 5px; } } /*20210420*/ .pr_details .dtinfo .table_1 table { width: 100%; } /*.pr_details .dtinfo .table_1 td { display: table-cell !important; width: 33.33%!important; vertical-align: middle; float: none !important; background: none !important; font-weight: normal !important; } */ .column_box { position: relative; z-index: 10; } .listbg>div { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: -1; } /*TextList002957 */ .TextList002957{margin: 0 0 1.5vw 0;} .TextList002957 li{ border-bottom: 1px dotted #e9e9e9; line-height: 24px; padding:18px 0;} .TextList002957 li time{float: right;color: #999; margin-left: 20px;} .TextList002957 li a{font-size: 16px;} .TextList002957 li a:hover{ color:#00b9b5;} .TextList002957 li a:hover{ color:#00b9b5;} .botDown{text-align: center;margin-top: 30px;} .botDown2{text-align: left;margin-top: 20px;} .botDown2 p{margin: 5px 0;} .botDown2 a{display: block;line-height: 30px;font-size:16px;color: #00b9b5;border-bottom:1px #e6e6e6 dashed;padding:10px 0;padding-right: 80px;position: relative;} .botDown2 a span{ display:block; position:absolute; right:0; top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%); background:url(../images/TextList001230-icon.png) no-repeat center right; padding-right:30px; } .Contact001{padding: 3% 0} .Contact001 .top { margin: 0 0 60px 0;} .Contact001 .top .tit h1{ font-size:30px; margin: 0 0 15px 0; color: #444} .Contact001 .top .add{ font-size: 24px; font-weight: normal; margin-bottom:50px; } .Contact001 .top .add a{ font-size: 14px; color: #999;margin-left:10px; padding-left: 18px; background: url(../images/Contact001_icon1.png) no-repeat left center;} .Contact001 .top .add a:hover{ background: url(../images/Contact001_icon2.png) no-repeat left center;color: #00b9b5;} .Contact001 .top .phone, .Contact001 .top .fax{ color: #444; font-size: 18px } .Contact001 .top .phone b, .Contact001 .top .fax b{ color: #444; width: 85px; display: inline-block;} .Contact001 .list .h1{ font-size:24px; color: #00b9b5; margin: 0 0 20px 0;} .Contact001 table{ border:1px solid #fff; border-top: 2px solid #00b9b5; width: 100%} .Contact001 table tr td{ border:1px solid #e5e5e5;padding: 20px 10px; font-size: 16px; } .Contact001 table tr:nth-child(1){ background: #f5f5f5; } .Contact001 table tr:nth-child(1) td{font-size: 18px; font-weight:bold; color: #444;text-align: center; } .Contact001 table tr{ transition: 0.5s } .Contact001 table tr:hover { background: #f5f5f5 } .Contact001 .ph { display: none } .Contact001 .ph dl{ margin-bottom: 30px; border-bottom: 1px solid #e5e5e5 } .Contact001 .ph dd{ line-height: 28px;font-size: 16px; margin-bottom: 8px; } .Contact001 .ph dd b{ color: #444; display: block; } @media(max-width:768px) { .Contact001 {padding: 40px 0 } .Contact001 .pc{ display: none } .Contact001 .ph{ display:block; } .Contact001 .top { margin: 0 0 50px 0;} .Contact001 .top .tit h1{ font-size:26px; } .Contact001 .top .add{ font-size: 20px; margin-bottom: 30px; } .Contact001 .top .phone, .Contact001 .top .fax{ font-size: 16px } } /* 2024.08.13 */ .t_navgup { cursor: pointer; } .t_navgup::before { content: ''; height: 2px; width: 0; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); opacity: 0; transition: all 0.36s; background: linear-gradient(to right, #019680, #22c286); z-index: 10; } .t_navfr { position: relative; z-index: 10; } .t_navgou { margin: 0 16px 0px 2px; } .t_navgouic { width: 20px; } .t_navgouic img { width: 100%; } .t_navgouic { position: relative; line-height: 80px; width: 20px; } .t_zaimai { font-size: 14px; line-height: 80px; color: #666; padding-left: 8px; padding-right: 7px; } .t_maijian { line-height: 80px; width: 10px; } .t_maijian img { width: 100%; transition: all 0.36s; } .t_head.on .t_phhei { display: inline-block; } .t_gouxia { position: absolute; top: 100%; width: 100%; background: #fff; box-shadow: 0px 40px 48.3px 3.7px rgba(156 154 154 / 30%); display: none; padding: 16px 10px; } .t_gouxia{ display: block; opacity: 0; transition: all .36s; pointer-events: none; } .t_navgou.on .t_gouxia{ opacity: 1; pointer-events: all; } .t_navgou.on .t_maijian img { transform: rotate(180deg); } .t_gouli:hover .t_waizi { color: #129d89; } .t_gouli { cursor: pointer; } .t_gouli .t_waizi { font-size: 16px; color: #666; line-height: 1.5; transition: all 0.36s; text-align: center; } .t_gouli.on .t_waizi { color: #129d89; } .t_gouli { margin-bottom: 6px; } .t_gouli:last-of-type { margin-bottom: 0; } .clearfix { zoom: 1; } .fr { float: right; } .fl { float: left; } @media screen and (max-width: 1560px) { .t_navgou { margin: 0 16px 0px 21px; } } @media screen and (max-width: 1440px) { .t_zaimai { line-height: 70px; } .t_navgou { margin: 0 16px 0px 16px; } .t_navgouic { line-height: 70px; } .t_maijian { line-height: 70px; } } .t_footsh { margin-top: 20px; } .t_waili { padding: 0 26px; position: relative; } .t_waili:last-child{ padding-right: 0; } .t_waili::before { content: ''; height: 18px; width: 1px; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; background: rgba(102, 102, 102, .3); } .t_waili:first-of-type::before { display: none; } /* .t_shareli:last-of-type .t_shareic { width: 16px; line-height: 24px; } */ .t_shareli { position: relative; margin-right: 15px; } .t_fuer { position: absolute; width: 80px; bottom: calc(100% + 5px); left: 50%; transform: translateX(-50%); display: none; } .t_fuer img { width: 100%; } .t_shareic { width: 24px; cursor: pointer; } .t_shareic img { width: 100%; } .t_shareli .t_fuer { opacity: 0; } .t_shareli.on .t_fuer { opacity: 1; } .t_waiic { width: 20px; position: relative; } .t_waiic img { width: 100%; } .t_waiic { height: 19px; } .t_waiic img { transition: all 0.36s; } @media screen and (min-width: 1200px) { .t_waili a:hover .t_waizi { color: #fff; } .t_waili a:hover .t_hover { opacity: 1; } .t_waili a:hover .t_yuan1 { opacity: 0; } } .Solution_list .ul{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px 85px; margin-bottom: 30px; } .Solution_list li{ width: calc(( 100% - 85px ) / 2)} .Solution_list li figure{ padding-top: calc( 580 / 770 * 100%);} .Solution_list li .title{ font-size: 24px;color: #202020; text-align: center; margin: 15px 0; font-weight: normal;} .Solution_list li .des{ font-size: 18px;line-height: 28px;height: 84px;overflow-y: auto;} .Solution_list li .content{ height: 147px; margin: 15px 0 0; overflow-y: auto;} .Solution_list li .content::-webkit-scrollbar { width: 6px;height: 6px; } .Solution_list li .des::-webkit-scrollbar { width: 6px;height: 6px; } /* 滚动槽 */ .Solution_list li .content::-webkit-scrollbar-track { -webkit-box-shadow:inset006pxrgba(0,0,0,0.3); border-radius:10px; background: #e9e9e9; } /* 滚动条滑块 */ .Solution_list li .content::-webkit-scrollbar-thumb { border-radius:10px; background:#00b9b5; } .Solution_list li .des::-webkit-scrollbar-track { -webkit-box-shadow:inset006pxrgba(0,0,0,0.3); border-radius:10px; background: #e9e9e9; } /* 滚动条滑块 */ .Solution_list li .des::-webkit-scrollbar-thumb { border-radius:10px; background:#00b9b5; } .Solution_list li .btn{ text-align: right;} .Solution_list li .btn a{ color: #00b9b5;} .Solution_list li .content table{ width: 97% !important;} .Solution_list li .content table td{ padding: 10px 0; line-height: 1.6;} .Solution_list li .content table td p{ margin: 0;} .Solution_list li .content table td:first-child{ width: 30%!important;} @media screen and (max-width: 768px) { .Solution_list li{ width: 100%;} } @media(max-width:1024px) { .Top001833 #header-menu li.has-sub em::before{display: none;} .Top001833 #header-menu li.has-sub em .op{display: block; z-index: 10;} .Top001833 #header-menu li.has-sub em .op::before, .Top001833 #header-menu li.has-sub em .op::after{display:none;} } @media(max-width:768px) { .t_footsh .t_sharefl, .t_footsh .t_wailian{float: none; display: table; margin: 0 auto; max-width: 281px; min-width:280px} .t_footsh .t_wailian{margin-top: 20px;} .t_waili{padding:0 15px;} .t_waili:first-child{padding-left: 0;} .t_waili:last-child{padding-right:0;} }