/* CSS Reset */ html{-webkit-text-size-adjust:none; } body{overflow-x:hidden;margin:0; padding:0;font-family:PingFang SC,'Microsoft YaHei',Arial,sans-serif;color: #1a1a1a;} header,nav,section,article,aside,footer {display: block;} input,select,textarea {border-radius: 0;outline: none;font-family:PingFang SC,'Microsoft YaHei',Arial,sans-serif;} input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;} a{color: #1a1a1a;font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} .fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden} .alltra {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} .table {display: table;width: 100%;height: 100%;} .table-cell {display: table-cell;vertical-align: middle;} .pcshow { display:block;} .mbshow { display:none!important;} .clear { clear:both;} .img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #000;} .pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;} .img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;} .img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;} .img-block {display: block;width: 100%;height: auto;} .img-inline {display: inline-block;width: auto;height: auto;} .content{margin: auto;position: relative;overflow: hidden;} .clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .no-touch body,.no-touch html {overflow: hidden;height: 100%;} ::-webkit-scrollbar{height:4px; width:0px;background: #dbdedf;} ::-webkit-scrollbar-button{height:0; width:5px;background: #dbdedf;} ::-webkit-scrollbar-thumb{background-color:#999;box-shadow:inset 1px 1px 0 #999,inset 0 -1px 0 #999;} .detailpage body::-webkit-scrollbar{width:10px;} /* header */ .header {position:fixed;left: 0;top: 0;z-index: 150;width: 100%;transition:all .4s ease;background:#fff;} .header::before {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;z-index: 1;background: #e6e6e6;} .header-content {width:94%;height: 90px;margin: auto;position: relative;} .header-left {position: relative;width: 100%;height: 100%;} .header-logo {width:10%;height: auto;position: absolute;top: 50%;transform: translateY(-50%);left: 0;z-index: 11;} .header-logo img{display: block;width: 100%;height: auto;} .header-center {position: absolute;width: 70%;left: 15%;top: 0;z-index: 11;} .header-nav {overflow: hidden;text-align: center;} .header-nav li{display: inline-block;vertical-align: middle;list-style: none;padding: 0;margin: 0;} .header-nav li a{line-height: 90px;font-size: 16px;padding: 0 25px;position: relative;display: block;} .header-nav li a::after {content: '';width: 1px;height: 16px;background: #cccccc;position: absolute;left:0;top: 50%;transform: translateY(-50%);} .header-nav li a::before {content: '';width: 0px;height: 3px;background: #e60012;position: absolute;left: 0;top: 0;transition:all .4s ease;} .header-nav li.cur a,.header-nav li.cur a:hover,.header-nav li a:hover {color: #e60012;} .header-nav li.cur a::before,.header-nav li a:hover::before {width: 100%;} .header-nav li:first-child a::after,.header-right li:first-child a::after {display: none;} .header-right {position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .header-right li{display: inline-block;vertical-align: middle;list-style: none;padding: 0;margin: 0;} .header-right li a{display: block;padding: 0 20px;position: relative;} .header-right li:last-child a {padding: 0 0px 0 20px;} .header-right li a::after {content: '';width: 1px;height: 16px;background: #cccccc;position: absolute;left:0;top: 50%;transform: translateY(-50%);} .header-right li a span{font-size: 16px;} .header-right li a i{width: 18px;height: 18px;overflow: hidden;display: block;} .header-right li a i img {max-width: 100%;max-height: 100%;} .header-right li a:hover {opacity: .5;} .header-right li a span.logout i {background: url('../images/us.png') center no-repeat;background-size: 100%;} .header-nav-show {position: absolute;left: 0;top:90px;width: 100%;height: auto;z-index: 900;transition:all .4s ease;} .header-nav-show .header-nav-content {width: 100%;overflow: visible;background: none;text-align: center;} .header-nav-show .header-nav-content::after {display: none;} .header-nav-show-content {width:100%;height:auto;z-index:1;position: absolute;left: 0;overflow: hidden;transition:all .4s ease;background: #fff;} .header-nav-show-content.Hide {opacity:0;z-index: -1;height: 0px;box-shadow:none} .header-nav-show-mark {width: 100%;height: 100%;position: fixed;left: 0;top: 0px;z-index:-1;opacity: 0;transition:all .4s ease;background: #000;} .header-nav-show-mark.cur {z-index: 20;opacity: .2;} .nav-show-item {display: inline-block;vertical-align: top;width: 16%;margin: 2% 1%;text-align: left;} .nav-show-item .img{border-radius: 6px;overflow: hidden;background: #f1f1f1;} .nav-show-item .img a:hover .pic {transform: scale(1.05);} .nav-show-item-type {overflow: hidden;} .nav-show-item-type .title-1{border-bottom: 1px solid #ededed;overflow: hidden;padding: 20px 0 15px 0;overflow: hidden;} .nav-show-item-type .title-1 strong{font-size: 18px;display: block;margin: 0;padding: 0;} .nav-show-item-list {overflow: hidden;padding-top: 15px;overflow: hidden;} .nav-show-item-list li {list-style: none;padding: 0;margin: 0;} .nav-show-item-list li a{display: block;position: relative;padding: 5px 0;overflow: hidden;color: #666666;font-size: 14px;} .nav-show-item-list li a::after {content: '';width: 7px;height: 13px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url('../images/r3.png') center no-repeat;} .nav-show-item-list li a:hover {color: #e60012;} .nav-show-item-list li a:hover::after {background: url('../images/r2.png') center no-repeat;} .header-nav-show-content#language {width: 150px;left: auto;right: 3.5%;padding: 0;} .language-nav {width: 100%;} .language-nav a {display: block;padding: 15px 0;text-align: center;font-size: 14px;color: #999;border-bottom: 1px solid #f1f1f1;} .language-nav a:last-child {border: none;} .language-nav a:hover {color: #fff;background: #e60012;} .header-nav-phone {display: block;position: fixed;right: 0;top: 0;z-index: 111;background: #000;width: 100%;height: 100%;transition:all .4s ease;transform: translateX(100%);} .menu-toggle {display: none;width: 40px;height: 40px;position: absolute;overflow: hidden;right: 0;top: 50%;transform: translateY(-50%);} .cd-nav-trigger {display: block;width: 40px;height: 40px;} .menu-toggle span.hamburger, .menu-toggle span.hamburger:after, .menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:2px;background:#000;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;} .menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;} .menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;} .menu-toggle span.cross:before, .menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#000;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;} .menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);} .menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);} .no-touch .menu-toggle span.hamburger, .no-touch .menu-toggle span.hamburger:after, .no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;} .no-touch .menu-toggle span.hamburger:after {transition-delay:0s;} .no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;} .no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #000;} .no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #000;} .no-touch .header {z-index: 200; } /* scroll - top - down - cur - on -hover */ .header.black{background: #fff;} .header.scroll-down {top: -100px;} .header.scroll-up {top: 0px;} /* footer */ .footer {position: relative;background: #1c1d1f;overflow: hidden;} .footer a{color: #fff;} .footer a:hover {color: #fff;} .footer-content {position: relative;width: 76%;margin: auto;padding: 2% 0 1% 0;} .footer-content-top {padding: 3% 0;overflow: hidden;border-bottom: 1px solid #333436;position: relative;} .footer-content-top .logo-1{width: 11.5%;} .footer-content-top .return-2 {width: 36px;height: 16px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .footer-content-top .return-2 a {display: block;width: 36px;height: 16px;background: url('../images/top.png') center no-repeat;} .footer-content-center {padding: 3% 0;overflow: hidden;position: relative;} .footer-content-center .nav-1 {overflow: hidden;font-size: 0;} .footer-content-center .nav-1 li{display: inline-block;vertical-align: middle;padding: 0 30px;position: relative;} .footer-content-center .nav-1 li::after {content: '';width: 1px;height: 14px;background-color: #fff;position: absolute;right: 0;top: 50%;transform: translateY(-50%);opacity: .2;} .footer-content-center .nav-1 a{display: block;position: relative;font-size: 14px;} .footer-content-center .nav-1 li:first-child {padding: 0 20px 0 0px;} .footer-content-center .nav-1 li:last-child::after{display: none;} .footer-content-center .emailbtn-2{right: 0;top: 50%;transform: translateY(-50%);position: absolute;} .footer-content-center .emailbtn-2 a{display: inline-block;border: 1px solid #494a4c;font-size: 0;position: relative;} .footer-content-center .emailbtn-2 i{display: block;width: 40px;height: 40px;float: left;position: relative;background: url('../images/email.png') center no-repeat;background-size: 60%;} .footer-content-center .emailbtn-2 i::after{content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #494a4c;} .footer-content-center .emailbtn-2 span{display: block;font-size: 12px;float: left;line-height: 40px;padding: 0 20px;color: #fff;} .footer-content-bottom {padding: 5% 0 1.5% 0;overflow: hidden;} .footer-content-bottom-left {color: #535353;} .footer-content-bottom-copy {font-size: 12px;float: left;} .footer-content-bottom-copy span{font-size: 12px} .footer-content-bottom-copy a{font-size: 12px;color: #535353;} .footer-content-bottom-weblink {float: right;} .footer-content-bottom-weblink a {font-size: 12px;color: #535353} /* index */ .index-swiper {width: 100%;height: 100%;} .index-swiper .swiper-slide:last-child {height: auto!important;} .index-banner ,.index-banner-swiper {width: 100%;height: 100%;} .index-banner-item {width: 100%;height: 100%;overflow: hidden;position: relative;background: #000;} .index-banner-item .text{color: #fff;position: absolute;width: 85%;left: 7%;top: 50%;transform: translateY(-40%);z-index: 20;} .index-banner-item .num-1{overflow: hidden;} .index-banner-item .num-1 span{font-family: 'D-DINCondensed';} .index-banner-item .num-1 i{display: inline-block;vertical-align: middle;width: 80px;height: 1px;background: rgba(255,255,255,.4);margin: 0 15px;position: relative;} .index-banner-item .title-1{font-size: 70px;line-height: 70px;position: relative;margin-top: 5%;position: relative;display: inline-block;} .index-banner-item .title-1 strong {font-weight: normal;position: relative;z-index: 5;margin: 0;padding: 0;} .index-banner-item .title-1::after {content: '';width: 100%;height: 10px;background: #e60012;position: absolute;left: 0;bottom: 0;z-index: 1;} .index-banner-item .text-2{font-size: 16px;margin-top: 1%;} .index-banner-item .text-2 span {opacity: .6;} .index-banner-item .more-3{margin-top: 4%;} .index-banner-item .more-3 a{display: inline-block;width: 140px;height: 52px;border: 1px solid rgba(255,255,255,.4);padding: 0 20px;position: relative;} .index-banner-item .more-3 span{font-size: 16px;color: #fff; display: block;line-height: 52px;font-size: 14px;} .index-banner-item .more-3 i{display:block;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);background: url('../images/r1.png') center no-repeat;width: 7px;height: 13px;} .index-banner-item .more-3 a:hover {background: #e60012;border: 1px solid #e60012} .index-banner-item .more-3 a:hover span {color: #fff;} .index-banner-item .img{position: relative;width: 100%;height: 100%;} .index-banner-item .img video {width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;z-index: 15;object-fit: cover;} .index-banner-item .img .pic {width: 100%;height: 100%;opacity: 1;} .index-banner-item .img .pic img{width: 100%;height: 100%;} .index-banner-swiper .swiper-slide-active .img .pic.ani {animation: srmgani 4000ms 1 ease forwards;} @keyframes srmgani{0%{transform:scale(1.0);} 100%{transform:scale(1.05);}} .index-banner-swiper .num-1 {transform:translateY(200px);opacity:0;transition:all 0.2s;} .index-banner-swiper .title-1 {transform:translateY(200px);opacity:0;transition:all 0.4s;} .index-banner-swiper .text-2 {transform:translateY(200px);opacity:0;transition:all 0.7s;} .index-banner-swiper .more-3 {transform:translateY(200px);opacity:0;transition:all 0.9s;} .index-banner-swiper .swiper-slide-active .num-1, .index-banner-swiper .swiper-slide-active .title-1, .index-banner-swiper .swiper-slide-active .text-2, .index-banner-swiper .swiper-slide-active .more-3 {transform:translateY(0px);opacity:1;} .index-banner-swiper .banner-pagination {bottom: 5%;width: auto;right: 2.2%;text-align: right;} .index-banner-swiper .banner-pagination span{background: #fff;position: relative;display: inline-block;vertical-align: middle;margin: 0 15px!important;width: 6px;height: 6px;} .index-banner-swiper .banner-pagination span::before {content: '';width: 16px;height: 16px;border: 2px solid #e60012;border-radius: 100%;position: absolute;right: -7px;top:-6.5px;opacity: 0;} .index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::before {opacity: 1;} .index-section {width: 100%;height: 100%;position: relative;} .index-section-left {width: 68.5%;height: 100%;position: relative;} .index-section-swiper,.index-section-swiper .img,.index-section-swiper .pic {width: 100%;height: 100%;} .index-section-swiper .img img{width: 100%;height: 100%;overflow: hidden;} .index-section-swiper .swiper-slide-active .img .pic {animation: srmgani 4000ms 1 ease forwards;} .index-section-right {width: 31.5%;height: 100%;position: absolute;right: 0;top: 0;background: #fff url('../upload/bg1.png') center bottom no-repeat;z-index: 11;background-size: 100%;} .index-section-right-content {position: absolute;top: 50%;transform: translateY(-50%);left: 12%;width: 78%;} .aksb-title {position: relative;} .aksb-title .icon-1{width: 50px;height: 50px;position: relative;margin-left: -5px;} .aksb-title .title-2{font-size: 30px;font-weight: 900;margin: 10px 0 30px 0;} .aksb-title .line-3{width: 37px;height: 3px;background: #e60012;} .aksb-title .num-4{font-size: 128px;line-height: 108px;color: #f7f7f7;position: absolute;right: 0;top:0;font-family: 'Montserrat-Light';} .linkurl-4 {margin-top: 5%;overflow: hidden;} .linkurl-4 li {list-style: none;margin: 0;padding: 0;} .linkurl-4 a{position: relative;display: block;padding: 5% 0;border-bottom: 1px solid #e6e6e6;} .linkurl-4 span {font-size: 18px;} .linkurl-4 i {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 14px;height: 14px;} .linkurl-4 i::before {content: '';width: 2px;height: 14px;position: absolute;right: 6px;top:0px;background: #ccc;} .linkurl-4 i::after {content: '';width: 14px;height: 2px;position: absolute;right: 0px;top: 6px;background: #ccc;} .linkurl-4 a:hover {border-bottom: 1px solid #e60012;} .linkurl-4 a:hover span {color: #e60012;} .linkurl-4 a:hover i::after,.linkurl-4 a:hover i::before {background: #e60012;} .allmore-1 {margin-top: 6%;} .allmore-1 a{display: block;} .allmore-1 span{font-size: 16px;display: inline-block;vertical-align: middle;margin-left: 10px;} .allmore-1 i{position: relative;width: 22px;height: 22px;border: 2px solid #1a1a1a;border-radius: 100%;display: inline-block;vertical-align: middle;box-sizing: border-box;} .allmore-1 i::before,.allmore-1 i::after {content: '';position: absolute;left:50%;top:50%;background: #1a1a1a;} .allmore-1 i::before {width: 2px;height: 10px;margin: -5px 0 0 -1px;} .allmore-1 i::after {width: 10px;height: 2px;margin: -1px 0 0 -5px;} .allmore-1 a:hover span {color: #e60012;} .allmore-1 a:hover i {transform: rotate(180deg);border: 2px solid #e60012;} .allmore-1 a:hover i::before,.allmore-1 a:hover i::after {background: #e60012;} .index-section-left-nav {position: absolute;left: 0;width: 100%;bottom: 0;z-index: 10;font-size: 0;} .index-section-left-nav li{list-style: none;margin: 0;padding: 0;position: relative;width: 25%;text-align: center;display: inline-block;vertical-align: bottom;} .index-section-left-nav a{display: block;padding: 20px 0;overflow: hidden;position: relative;background-image: url('../upload/guang.png');background-position: center 200px;background-repeat: no-repeat;} .index-section-left-nav i {position: relative;display: block;margin: auto;width: 50px;height: 50px;} .index-section-left-nav span{display: block;font-size: 18px;color: #fff;padding: 5px 0;} .index-section-left-nav li.cur {background-image:linear-gradient(360deg, rgb(230,0,18) 10%, rgba(255,255,255,0) 100%);} .index-section-left-nav li.cur a {background-position: center bottom;} .index-section-left-nav.num2 li{width: 50%;} .index-section-left-nav.num3 li{width: 33.3333%;} .index-section-left-nav.num5 li{width: 20%;} .index-section-left-nav.num6 li{width: 16.6666%;} .index-section-left-nav.num7 li{width: 14.2857%;} .index-section-left-nav.num8 li{width: 12.5%;} .index-solution {width: 100%;height: 100%;position: relative;background-image:linear-gradient(0deg, #363a41, #1a1e26);color: #fff;overflow: hidden;} .index-solution-left {width: 32%;height: 100%;position: absolute;left: 0;top: 0;z-index: 11;} .index-solution-left-content {position: absolute;right:0;top: 50%;transform: translateY(-50%);width: 91%;} .index-solution-left-content .aksb-title {margin-left: 10%;} .index-solution-right-content-swiper {width: 100%;height: 100%;} .aksb-title .english-1 {font-size: 60px;line-height: 60px;font-family: 'Montserrat-Bold';} .aksb-title .title-3 {font-size: 30px;line-height: 30px;position: relative;margin-top: 3%;padding-left: 3%;} .aksb-title .title-3::before {content: '';width: 4px;height: 100%;position: absolute;left: 0;top: 0;background: #e60012;} .solution-nav {margin-top: 20%;} .solution-nav li{list-style: none;margin: 0;padding: 0;} .solution-nav a{color: #fff;position: relative;display: block;padding:9% 10%;background-image: url('../upload/isbg1.png');background-repeat: no-repeat;background-position: 80% 500px;} .solution-nav a::before {content: '';width: 80%;height: 1px;position: absolute;bottom: 0;right:10%;background: #fff;opacity: .2;} .solution-nav span{font-size: 14px;display: block;font-family: 'Montserrat-Bold';} .solution-nav strong{font-size: 20px;font-weight: 900;margin: 0;padding: 0;display: block;margin-top: 3%;} .solution-nav i{display: block;width: 50px;height: 50px;position: absolute;right: 8%;top: 50%;transform: translateY(-50%);} .solution-nav li.cur a{background-color: #e60012;background-position: 80% bottom;} .solution-nav li.cur a::before {display: none;} .index-solution-right {width: 68%;height: 100%;float: right;position: relative;background: rgba(0,0,0,.2);z-index: 5;} .index-solution-right-content {width: 80%;top: 50%;transform: translateY(-40%);position: absolute;left: 10%;text-align: center;height: 100%;} .index-solution-right-content-top {margin-top: 10%;overflow: hidden;position: relative;margin-bottom: 1%;padding: 10% 0;} .index-solution-top-title {font-size: 40px;display:none;} .index-solution-right-yuan {position: relative;width: 50%;margin: auto;} .yuanhuan1 {width: 100%;top: 50%;left: 50%;position: absolute;transform: translate(-50%,-50%);animation:turnrotate 20000ms linear infinite;} .yuanhuan2 {width: 84%;top: 50%;left: 50%;position: absolute;transform: translate(-50%,-50%);animation:turnrotate2 20000ms linear infinite;} @keyframes turnrotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);}25%{-webkit-transform:translate(-50%,-50%) rotate(90deg);}50%{-webkit-transform:translate(-50%,-50%) rotate(180deg);}75%{-webkit-transform:translate(-50%,-50%) rotate(270deg);}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg);}} @keyframes turnrotate2{0%{-webkit-transform:translate(-50%,-50%) rotate(360deg);}25%{-webkit-transform:translate(-50%,-50%) rotate(270deg);}50%{-webkit-transform:translate(-50%,-50%) rotate(180deg);}75%{-webkit-transform:translate(-50%,-50%) rotate(90deg);}100%{-webkit-transform:translate(-50%,-50%) rotate(0deg);}} .sanjiao3 {width:100%;left: 0;position: absolute;bottom: 0;text-align: center;z-index: 11;} .sanjiao3 img {width: auto;max-width: 100%;display: inline-block;} .index-solution-swiper {width: 80%;top: 50%;left: 10%;position: absolute;transform: translateY(-50%);z-index: 20;} .index-solution-right-swiper {width:100%;height: 100%;margin: auto;} .index-solution-item {width: 50%;margin: auto;position: relative;opacity: 0;padding: 80px 0;} .index-solution-item a {display: block;} .index-solution-item .img,.index-solution-item .pic {border-radius: 100%;} .index-solution-item a:hover .pic {transform: scale(1.05);} .index-solution-item .title-1 {font-size:24px;color:#fff;text-align:center;position:absolute;left:50%;bottom:0px;transform: translateX(-50%);width:100%;} .index-solution-item .viewmore {text-align: center;font-size: 16px;width: 130px;line-height: 50px;border-radius: 50px;background: #e60012;color: #fff;position: absolute;left: 50%;bottom: 30%;transform: translateX(-50%);z-index: 11;box-shadow: 0px 10px 60px 0px rgba(230, 0, 18, 0.7);opacity: 0;} .index-solution-item a:hover .viewmore{opacity: 1;} .solution-next,.solution-prev {background: rgba(255,255,255,.5);width: 60px;height: 60px;border-radius: 100%;cursor: pointer;} .solution-next::after,.solution-prev::after {font-size: 12px;color: #fff;font-weight: bold;} .solution-next:hover,.solution-prev:hover {background: #e60012;} .index-solution-right-swiper .swiper-slide-active .index-solution-item {opacity: 1;} .index-solution-swiper-nav {position: absolute;left: 0;top: 0;width: 100%;text-align: center;z-index: 30;} .index-solution-nav-swiper {width: 54%;margin: auto;} .index-solution-nav-swiper .swiper-slide {width: auto;} .index-solution-nav-swiper .swiper-slide span{color: #fff;font-size: 34px;cursor: pointer;display:block;padding-top: 0px;} .index-solution-nav-swiper .swiper-slide-thumb-active span{font-size: 34px;padding-top: 0px;} .index-solution-content {width: 100%;height: 100%;overflow: hidden;opacity: 0;position: relative;} .index-solution-right-content-swiper .swiper-slide-active .index-solution-content{opacity: 1;} .index-solution-right-content-swiper .swiper-slide:last-child {height: 100%!important;} .index-solution-bg {position:absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;} #solution-canvas {position:absolute;width: 100%;height: 100%;left: 0;top: 50%;z-index: 1;opacity: .2;} .index-news {width: 100%;height: 100%;position: relative;overflow: hidden;background: url('../upload/nbg1.jpg') center no-repeat;background-size: cover;} .index-news-content {width: 76%;height: 100%;margin: auto;} .index-news-content-top {margin-top: 12%;position: relative;} .index-news-content-top .aksb-title .title-3{margin-top: 1%;padding-left: 1%;} .index-news-content-top-right {position: absolute;right: 0;bottom: 0;} .index-news-nav {display: inline-block;vertical-align: middle;} .index-news-nav li{display: inline-block;vertical-align: middle;padding: 0;margin: 0;position: relative;list-style: none;} .index-news-nav a{font-size: 16px;display: inline-block;color: #999999;padding: 5px 20px;position: relative;} .index-news-nav a::before {content: '';width: 1px;height:16px;background: #ccc;position: absolute;right: 0;top: 50%;transform: translateY(-50%);opacity: .5;} .index-news-nav li:last-child a::before {display: none;} .index-news-nav li.cur a {color: #e60012;} .index-news-nav li.cur a::after {content: '';width: 70%;height:2px;background: #e60012;position: absolute;right: 15%;bottom:0;} .index-news-more {display: inline-block;vertical-align: middle;margin-left: 40px;} .index-news-more a{display: block;} .index-news-more span{font-size: 16px;display: inline-block;vertical-align: middle;color: #999999;margin-right: 10px;} .index-news-more i{position: relative;width: 22px;height: 22px;border: 2px solid #999;border-radius: 100%;display: inline-block;vertical-align: middle;box-sizing: border-box;} .index-news-more i::before,.index-news-more i::after {content: '';position: absolute;left:50%;top:50%;background: #999;} .index-news-more i::before {width: 2px;height: 10px;margin: -5px 0 0 -1px;} .index-news-more i::after {width: 10px;height: 2px;margin: -1px 0 0 -5px;} .index-news-more a:hover span{color: #e60012;} .index-news-more a:hover i{border: 2px solid #e60012;transform: rotate(180deg);} .index-news-more a:hover i::before,.index-news-more a:hover i::after {background: #e60012;} .index-news-content-bottom {margin-top: 4%;} .index-news-content-bottom-left {float: left;width: 41%;position: relative;box-shadow: 0px 8px 60px 0px rgba(0, 0, 0, 0.08);} .index-news-content-bottom-item {background: #fff;border-radius: 12px;overflow: hidden;} .index-news-content-bottom-item a {display: block;} .index-news-content-bottom-item .date-1 {font-size: 18px;font-family: 'Montserrat-Bold';background: #e60012;color: #fff;text-align: center;position: absolute;right: 0;bottom: 0;z-index: 1;padding: 13px 20px;border-radius: 12px 0 0 0;} .index-news-content-bottom-item .text {padding: 5% 6%;overflow: hidden;} .index-news-content-bottom-item .title-1 {font-size: 18px;font-weight: 900;margin-bottom: 2%;} .index-news-content-bottom-item .text-2 {font-size: 14px;line-height: 24px;color: #666;overflow: hidden;} .viewdetail-3 {margin-top: 3%;} .viewdetail-3 span{color: #e60012;position: relative;padding-right: 20px;display:inline-block;} .viewdetail-3 span::after {content: '';width: 14px;height: 14px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url('../upload/r3.png') center no-repeat;} .index-news-content-bottom-item a:hover .pic{transform: scale(1.05);} .index-news-content-bottom-item a:hover .title-1 {color: #e60012;} .index-news-content-bottom-right {float: right;width: 51%;} .index-news-content-bottom-list {overflow: hidden;} .index-news-content-bottom-list li{list-style: none;margin: 0;padding: 0;} .index-news-content-bottom-list li a{display: block;overflow: hidden;position: relative;border-bottom: 1px solid #e5e6e9;padding: 3% 0;} .index-news-content-bottom-list li span{display: block;font-size: 12px;color: #b2b2b2;padding-bottom: 7px;} .index-news-content-bottom-list li strong{display: block;font-size: 16px;font-weight: normal;margin: 0;padding: 0;} .index-news-content-bottom-list li i{width: 19px;height: 12px;background: url('../upload/r2.png') center no-repeat;position: absolute;right: 0;top: 50%;transform: translateY(-20%);opacity: .2;} .index-news-content-bottom-list li:last-child a {border-bottom:none;} .index-news-content-bottom-list li a:hover {border-bottom: 1px solid #e60012} .index-news-content-bottom-list li a:hover strong {color: #e60012;} .index-news-content-bottom-list li a:hover i {opacity: 1;} .index-news-content-bottom-swiper .swiper-slide {opacity: 0;} .index-news-content-bottom-swiper .swiper-slide-active {opacity: 1;} /* product */ .page-banner{position: relative;color: #fff;overflow: hidden;} .page-banner .text{position: absolute;left: 10%;top: 50%;transform: translateY(-50%);z-index: 11;width: 28%;} .page-banner .english-1{position: relative;} .page-banner .title-2{font-size: 50px;line-height: 50px;margin-top: -5%;} .page-banner .line-3{width: 40px;height: 3px;background: #fff;margin: 30px 0 20px 0;} .page-banner .text-4{font-size: 18px;line-height: 30px;} .page-banner-right {position: absolute;right:5%;top: 50%;transform: translateY(-40%);z-index: 11;width: 40%;} .page-banner-right li{list-style: none;margin: 0;padding: 0;width: 40%;float: left;border-bottom: 2px solid rgba(255,255,255,.5);margin-top: 5%;padding-bottom: 3%;margin-right: 5%;} .page-banner-right li strong{display: block;font-weight: normal;font-size: 36px;line-height: 30px;margin: 0;padding: 0;font-family: 'D-DINCondensed';} .page-banner-right li span{display: block;font-size: 16px;opacity: .6;padding-top: 15px;} .page-banner .img{position: relative;overflow: hidden;} .page-banner .pic {position: relative;overflow: hidden;animation: srmgani 4000ms 1 ease forwards;} .product-list {padding: 5% 0;overflow: hidden;background-color: #f5f6f7;} .product-content {width: 76%;margin: auto;} .product-list-top {position: relative;} .product-list-top-title {position: absolute;left: 0;top: 0;} .product-list-top-title .title-1{font-size: 22px;line-height: 22px;} .product-list-top-title .title-2 {position: relative;padding: 10px 0 2px 0;overflow: hidden;display: inline-block;} .product-list-top-title .title-2 strong{font-size: 40px;line-height: 40px;margin: 0;padding: 0;position: relative;font-weight: 900;display: inline-block;z-index: 11;} .product-list-top-title .title-2::after {content: '';width: 100%;height: 7px;position: absolute;left: 0;bottom: 0;background: #e60012;z-index: 1;} .product-list-top-nav {text-align: right;padding-top: 3%;overflow: hidden;} .product-list-top-nav a{display: inline-block;vertical-align: middle;font-size: 18px;padding: 5px 25px;box-sizing: border-box;border: 1px solid transparent;} .product-list-top-nav a.cur,.product-list-top-nav a:hover {border: 1px solid #e60012;border-radius: 50px;color: #e60012;} .product-list-bottom {padding: 5% 0 3% 0;} .product-list-item {overflow: hidden;float: left;width: 32.66666%;overflow: hidden;background: #fff;border-radius: 14px;margin-right: 1%;margin-bottom: 1%;transition:all .4s ease;} .product-list-item a{display: block;position: relative;overflow: hidden;padding: 10% 0;} .product-list-item .text{overflow: hidden;padding: 0 10%;} .product-list-item .text-1{font-size: 12px;border: 1px solid #e60012;padding: 5px 20px;border-radius: 50px;color: #000;text-align: center;display: inline-block;color: #e60012;} .product-list-item .title-1{font-size: 20px;font-weight: bold;margin-top: 10px;position: relative;overflow: hidden;} .product-list-item .text-2{font-size: 16px;line-height: 24px;overflow: hidden;color: #666;margin-bottom: 15%;margin-top: 5%;text-align: justify;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;} .product-list-item .more-4 {overflow: hidden;clear: both;float: right;margin: 0 10% 0 5%;} .product-list-item .more-4 i{position: relative;width: 22px;height: 22px;border: 2px solid #333;border-radius: 100%;display: inline-block;vertical-align: middle;box-sizing: border-box;} .product-list-item .more-4 i::before,.product-list-item .more-4 i::after {content: '';position: absolute;left:50%;top:50%;background: #333;} .product-list-item .more-4 i::before {width: 2px;height: 10px;margin: -5px 0 0 -1px;} .product-list-item .more-4 i::after {width: 10px;height: 2px;margin: -1px 0 0 -5px;} .product-list-item .more-4 span{display: inline-block;vertical-align: middle;font-size: 16px;margin-left: 10px;} .product-list-item a:hover .more-4 i{transform: rotate(180deg);border: 2px solid #e60012;} .product-list-item a:hover .more-4 i::before,.product-list-item a:hover .more-4 i::after {background: #e60012;} .product-list-item a:hover .more-4 span {color: #e60012;} .product-list-item a:hover .title-1{color: #e60012;} .product-list-item a:hover img.img-center{transform: translateY(-5px);} .product-list-item:hover {box-shadow: 0px 15px 60px 0px rgba(5, 15, 26, 0.1);} .product-list-item .img{background-color:#fff;} .product-list-item .img img.img-center {max-width: 80%;max-height: 80%;} .product-list-item.pli1 {width: 66.333%;margin-right: 1%;} .product-list-item.pli1 a {padding: 0;} .product-list-item.pli1 .text{width: 40%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);padding:0 5%;} .product-list-item.pli1 .title-1 {font-size: 24px;padding-bottom: 7%;} .product-list-item.pli1 .title-1::before {content: '';width: 20%;height: 2px;background: #e60012;position: absolute;left: 0;bottom: 0;z-index: 2;} .product-list-item.pli1 .title-1::after {content: '';width: 100%;height: 2px;background: #e5e5e5;position: absolute;left: 0;bottom: 0;} .product-list-item.pli1 .img {float: right;width: 50%;} .product-list-item.pli1 .more-4 {float: none;} .product-list-item.pli2 {float: right;} .product-list-item.pli2,.product-list-item.pli5 {margin-right: 0;} .product-detail {overflow: hidden;} .product-detail .pic {position: relative;overflow: hidden;animation: srmgani 4000ms 1 ease forwards;} .detail-top{position: absolute;top: 90px;left: 0;width: 100%;z-index: 111;border-bottom: 1px solid rgba(255,255,255,.2);overflow: hidden;transition:all .4s ease;} .detail-top.scroll-down,.detail-top.scroll-top {position: fixed;background: #000;} .detail-top.scroll-top {top: 90px;} .detail-top.scroll-down {top: 0;} .detail-top-content {width: 94%;margin: auto;overflow: hidden;position: relative;} .detail-top-title{font-size: 14px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);color: #fff;} .detail-top-nav {text-align: right;overflow: hidden;} .detail-top-nav a{color: #fff;font-size: 12px;display: inline-block;margin-left: 30px;padding: 15px 0;} .detail-top-nav a.cur{color: #e60012;} .detail-title {position: absolute;left: 13%;top: 50%;width: 31%;color: #fff;z-index: 11;transform: translateY(-50%);} .detail-title .type-1 {overflow: hidden;padding-bottom: 10px;} .detail-title .type-1 a{font-size: 12px;display: inline-block;border: 1px solid #fff;border-radius: 50px;padding: 5px 20px;color: #fff;overflow: hidden;} .detail-title .type-2{font-size: 50px;} .detail-title .title-3{font-size: 50px} .detail-title .line-4{width: 50px;height: 4px;background: #e60012;margin: 30px 0;} .detail-title .text-5{font-size: 15px;line-height: 30px;color: #ccc;} .detail-product-pic {position: absolute;right: 18%;top: 50%;transition:all .4s ease;transform: translateY(-30%);z-index: 12;width: 25%;overflow: hidden;-webkit-animation:updown12 4s linear infinite;} .detail-product-pic img {display: block;width: 100%;height: auto;} @-webkit-keyframes updown12{0%{transform: translateY(-30%);}50%{transform: translateY(-33%);}100%{transform: translateY(-30%);}} @keyframes updown12{0%{transform: translateY(-30%);}50%{transform: translateY(-33%);}100%{transform: translateY(-30%);}} .detail-features {padding: 7% 0 5% 0;overflow: hidden;background: url('../../product/images/b2.jpg') center no-repeat;background-size: cover;} .detail-features-content {width: 76%;margin: auto;overflow: hidden;} .features-content-title {text-align: center;} .features-content-title .english-1{font-size: 60px;font-family: 'Montserrat-Bold';padding-bottom: 10px;overflow: hidden;} .features-content-title .title-2{font-size: 30px;line-height: 30px;position: relative;display: inline-block;padding: 0 10px;} .features-content-title .title-2::before {content: '';width: 2px;height: 100%;position: absolute;left: 0;top: 55%;transform: translateY(-50%);background: #e60012;} .features-content-title .title-2::after {content: '';width: 2px;height: 100%;position: absolute;right: 0;top: 55%;transform: translateY(-50%);background: #e60012;} .features-content-list {padding-top: 5%;overflow: hidden;} .features-content-item {overflow: hidden;float: left;width: 47%;border-bottom: 1px solid #dfdfdf;padding: 4% 0;position: relative;} .features-content-item .icon-1{float: left;width: 40px;height: 40px;position: relative;} .features-content-item .title-2{float: left;font-size: 16px;width: 80%;overflow: hidden;margin-top: 1.33%;padding-left: 3%;} .features-content-item .num-3{font-size: 14px;color: #999999;position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-family: 'Montserrat-Bold';} .features-content-item.fci1 {float: left;clear: left;} .features-content-item.fci2 {float: right;} .features-list-more {display: none;} .features-list-more.cur {display: block;} .features-content-list-more {margin-top: 5%;text-align: center;overflow: hidden;} .features-content-list-more a {display: inline-block;} .features-content-list-more i{position: relative;width: 28px;height: 28px;border: 2px solid #333;border-radius: 100%;display: inline-block;vertical-align: middle;box-sizing: border-box;} .features-content-list-more i::before,.features-content-list-more i::after {content: '';position: absolute;left:50%;top:50%;background: #333;} .features-content-list-more i::before {width: 2px;height: 12px;margin: -6px 0 0 -1px;} .features-content-list-more i::after {width: 12px;height: 2px;margin: -1px 0 0 -6px;} .features-content-list-more span {display: block;font-size: 18px;padding-top: 10px;font-weight: 500;} .detail-diymodel {overflow: hidden;position: relative;} .detail-parameter {padding: 7% 0 5% 0;overflow: hidden;background: url('../../product/images/b3.jpg') center no-repeat;background-size: cover;} .detail-parameter-content {width: 76%;margin: auto;overflow: hidden;color: #fff;position: relative;} .detail-parameter-left {float: left;width: 48%;overflow: hidden;} .parameter-content-title {overflow: hidden;} .parameter-content-title .english-1{font-size: 60px;font-family: 'Montserrat-Bold';padding-bottom: 10px;overflow: hidden;} .parameter-content-title .title-2{font-size: 30px;line-height: 30px;position: relative;display: inline-block;padding-left: 20px;} .parameter-content-title .title-2::before {content: '';width: 4px;height: 100%;position: absolute;left: 0;top: 55%;transform: translateY(-50%);background: #e60012;} .detail-parameter-right {float: right;width: 47%;overflow: hidden;} .detail-parameter-list {overflow: hidden;overflow-y: auto;max-height: 620px;} .detail-parameter-list.cur {max-height: none;overflow-y: hidden;} .detail-parameter-list::-webkit-scrollbar{height:4px; width:2px;background: rgba(255,255,255,.2);} .detail-parameter-list::-webkit-scrollbar-button{height:0; width:5px;background:transparent;} .detail-parameter-list::-webkit-scrollbar-thumb{background-color:#e60012;box-shadow:inset 1px 1px 0 #e60012,inset 0 -1px 0 #e60012;} .detail-parameter-item {overflow: hidden;width: 90%;} .detail-parameter-item li{list-style: none;font-size: 14px;color: #7d7e7e;padding: 3% 0;border-bottom: 1px solid #303132;overflow: hidden;} .detail-parameter-item strong{margin: 0;padding: 0;font-weight: normal;display: block;color: #fff;padding-bottom: 5px ;} .detail-parameter-item span{display: block;color: #7d7e7e;line-height: 26px;} .parameter-product-pic {position: absolute;width: 40%;left: 0;bottom: 0;z-index: 11;} .parameter-product-pic img {display: block;max-width: 100%;} .parameter-content-list-more {margin-top: 5%;overflow: hidden;} .parameter-content-list-more a {display: inline-block;} .parameter-content-list-more i{position: relative;width: 28px;height: 28px;border: 2px solid #fff;border-radius: 100%;display: inline-block;vertical-align: middle;box-sizing: border-box;} .parameter-content-list-more i::before,.parameter-content-list-more i::after {content: '';position: absolute;left:50%;top:50%;background: #fff;} .parameter-content-list-more i::before {width: 2px;height: 12px;margin: -6px 0 0 -1px;} .parameter-content-list-more i::after {width: 12px;height: 2px;margin: -1px 0 0 -6px;} .parameter-content-list-more span {display: inline-block;vertical-align: middle;font-size: 16px;padding-left: 15px;font-weight: 500;color: #fff;} .detail-model {padding: 7% 0 5% 0;overflow: hidden;background: url('../../product/images/b4.jpg') center no-repeat;background-size: cover;} .detail-model-content {width: 76%;margin: auto;overflow: hidden;} .detail-model-list {padding: 4% 0 1% 0;overflow: hidden;position: relative;} .detail-model-list-top {font-size: 0;overflow: hidden;background: #797b80;text-align: center;} .detail-model-list li{list-style: none;padding: 0;margin: 0;display: inline-block;vertical-align: middle;font-size: 13px;color: #fff;padding: 20px 0;width: 10%;position: relative;} .detail-model-list li::after {content: '';width: 1px;height: 100%;background: #dfe1e6;position: absolute;right: 0;top: 0;} .detail-model-list li:nth-child(1) {width: 10%;} .detail-model-list li:nth-child(2) {width: 7%;} .detail-model-list li:nth-child(5),.detail-model-list li:nth-child(6) {width: 14%;} .detail-model-list li:nth-child(9) {width: 7%;} .detail-model-list li:last-child {width: 8%;} .detail-model-list li:last-child::after {display: none;} .detail-model-list-content {overflow: hidden;text-align: center;} .detail-model-list-item {font-size: 0;overflow: hidden;background: #fff;box-sizing: border-box;border-left: 1px solid #dfe1e6;border-right: 1px solid #dfe1e6;border-bottom: 1px solid #dfe1e6;} .detail-model-list-item.firstchild {background: #797b80;} .detail-model-list-item.firstchild li {color: #fff;font-size: 13px;} .detail-model-list-item li {color: #000;font-size: 14px;font-family: 'Montserrat-Light',PingFang SC,'Microsoft YaHei',Arial;} .detail-model-list-item li a {width: 30px;height: 30px;background: url('../../product/images/dd.png') center no-repeat;background-size: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);filter: invert(100%);opacity: .4;} .detail-model-list-item li a:hover {opacity: 1;} .detail-model .features-content-list-more {position: absolute;width: 100%;left: 0;bottom: 0;z-index: 11;background-image:linear-gradient(360deg, rgba(255,255,255) 10%, rgba(255,255,255,0) 100%);margin: 0; padding: 7% 0 0 0;} .model-list-more {display: none;} .model-list-more.cur {display: block;} .detail-model-list-content.num2 .detail-model-list-item li{width: 50%!important;} .detail-model-list-content.num3 .detail-model-list-item li{width: 33%!important;} .detail-model-list-content.num4 .detail-model-list-item li{width: 25%!important;} .detail-model-list-content.num5 .detail-model-list-item li{width: 20%!important;} .detail-model-list-content.num6 .detail-model-list-item li{width: 16.666%!important;} .detail-model-list-content.num7 .detail-model-list-item li{width: 14%!important;} .detail-model-list-content.num8 .detail-model-list-item li{width: 12.5%!important;} .detail-download {padding: 6% 0 6% 0;overflow: hidden;background: url('../../product/images/b5.jpg') center no-repeat #000;background-size: cover;} .detail-download-content {width: 76%;margin: auto;overflow: hidden;} .detail-download-content .parameter-content-title {float: left;width: 40%;color: #fff;} .detail-download-right {float: right;width: 51%;} .detail-download-list {overflow: hidden;} .detail-download-item {margin-bottom: 1.5%;overflow: hidden;} .detail-download-item a{display: block;position: relative;overflow: hidden;background: #2d2d2f url('../../product/images/down.png') center no-repeat;background-size: 100%;padding: 5%;color: #fff;border-radius: 12px;} .detail-download-item .type-1{font-size: 14px;opacity: .4;} .detail-download-item .title-2{font-size: 18px;font-weight: bold;padding: 10px 0;} .detail-download-item .icon-3{width: 42px;height: 42px;position:absolute;right: 5%;top: 50%;transform: translateY(-50%);background: url('../../product/images/dd.png') center no-repeat;filter: invert(100%);opacity: .2;} .detail-download-item a:hover {background: #b00513 url('../../product/images/down1.png') center no-repeat;background-size: 100%;} .detail-download-item a:hover .icon-3{background: url('../../product/images/dd.png') center no-repeat;filter: invert(0);opacity: 1;} .detail-download-right .detail-download-item .icon-3 {filter: invert(0);} .page-login {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 111;transform: translateY(-100%);transition:all .4s ease;} .page-login.cur {transform: translateY(0);} .login-content {position: absolute;width: 66%;overflow: hidden;background: #fff;z-index: 10;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 8px;} .login-content-left {color: #fff;position: relative;float: left;width: 50%;} .login-content-left .text {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 11;} .login-content-left .logo-1{position: absolute;left: 7%;top: 10%;width: 30%;} .login-content-left .title-1 {position: absolute;bottom: 10%;left: 7%;width: 76%;} .login-content-left .title-1 strong{display: block;margin: 0;padding: 0;font-weight: normal;font-size: 30px;} .login-content-left .title-1 p{display: block;font-size: 16px;margin: 0;padding: 10px 0;} .login-content-left .img {background-color: #e60012;} .login-content-right {float: left;width: 50%;height: 100%;position: absolute;right: 0;top: 0;background: url('../../product/images/login2.jpg') center no-repeat;background-size: cover;} .login-content-right-content {position: absolute;left: 15%;top: 50%;transform: translateY(-50%);width: 70%;display: none;} .login-content-right-content.cur {display: block;} .login-content-top {overflow: hidden;position: relative;} .login-content-top .title-1{font-size: 30px;} .login-content-top .link-1{font-size: 14px;position: absolute;right: 0;bottom: 0;} .login-content-top .link-1 a {color: #e60012;} .login-content-right .input {overflow: hidden;padding-top: 3%;} .input-1{border: 1px solid #ededed;width: 100%;padding: 4% 5%;overflow: hidden;box-sizing: border-box;display: block;margin-bottom: 10px;border-radius: 4px;} .input-1:focus {border: 1px solid #000;} .submit-1{width: 100%;padding: 4% 5%;overflow: hidden;box-sizing: border-box;display: block;background: #e60012;color: #fff;border: none;cursor: pointer;font-size: 16px;border-radius: 4px;text-align: center;} .login-bgmark {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;background: #000;opacity: .4;} .login-close {position: absolute;right: 2%;top: 3%;z-index: 11;width: 40px;height: 40px;} .login-close a {display: block;width: 100%;height: 40px;position: relative;transform: rotate(45deg);} .login-close a::after,.login-close a::before {content: '';background: #000;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .login-close a::after {width: 26px;height: 2px;} .login-close a::before {width: 2px;height: 26px;} .login-close a:hover {transform: rotate(135deg);} .login-close a:hover::after,.login-close a:hover::before {background: #e60012;} .download-title {position: absolute;left: 50%;top: 50%;width: 50%;color: #fff;z-index: 11;transform: translate(-50%,-50%);text-align: center;} .download-title .english-1{overflow: hidden;} .download-title .title-1{font-size: 60px;margin-top:-5%;} .page-download {padding: 4% 0;overflow: hidden;} .download-content {width: 76%;margin: auto;overflow: hidden;} .download-content-top {position: relative;overflow: hidden;} .download-content-top::after{content: '';width: 100%;height: 1px;background: #e8e8e8;left: 0;bottom: 0;position: absolute;} .download-content-nav {position: relative;} .download-content-nav li{list-style: none;padding: 0;margin: 0;display: inline-block;vertical-align: middle;margin-right: 3%;} .download-content-nav li a{font-size: 20px;color: #999999;position: relative;overflow: hidden;display: block;padding: 35px 0;} .download-content-nav li.cur a{color: #000;} .download-content-nav li.cur a::before {content: '';width: 100%;height: 2px;background: #e60012;left: 0;bottom: 0;position: absolute;z-index: 11;} .download-content-search {position: absolute;width: 25%;right: 0;top: 50%;transform: translateY(-50%);} .search-submit {display: block;position: absolute;left: 5%;top: 0;width: 40px;height: 100%;border: none;background: url('../images/ss.png') center no-repeat;opacity: .4;} .search-input {display: block;width: 100%;padding: 5% 5% 5% 60px;overflow: hidden;border: none;box-sizing: border-box;background: #f5f7fa;border-radius: 8px;font-size: 16px;} .download-content-bottom {padding: 1% 0;overflow: hidden;} .download-content-num {font-size: 14px;color: #999999;padding: 1% 0 2% 0;overflow: hidden;} .download-content-num span{color: #b00513;} .download-content-list {overflow: hidden;} .detail-download-item.ddi1 {overflow: hidden;float: left;width: 49.7%;} .detail-download-item.ddi2 {overflow: hidden;float: right;width: 49.7%;} .download-content-list .detail-download-item{margin-bottom: .7%;} .download-content-list .detail-download-item a{background: #f5f7fa url('../../product/images/down.png') center no-repeat;background-size: 100%;color: #666666;} .download-content-list .detail-download-item a .date-1{font-size: 14px;color: #999;font-family: 'Montserrat-Light';} .download-content-list .detail-download-item a:hover {background: #b00513 url('../../product/images/down1.png') center no-repeat;background-size: 100%;;} .download-content-list .detail-download-item a:hover .title-2{color: #fff;} .download-content-list .detail-download-item a:hover .date-1{color: #fff;} .pageturn {text-align: center;margin: 5% auto 3% auto;overflow: hidden;} .pageturn a{display: inline-block;vertical-align: middle;font-size: 14px;font-family: 'Montserrat-Bold';margin: 0 10px;color: #a3a3a3;} .pageturn a.cur,.pageturn a.cur:hover{color: #000;} .pageturn a:hover {color: #b00513;} .pageturn i{display: inline-block;vertical-align: middle;width: 7px;height: 10px;;} .pageturn span{display: inline-block;vertical-align: middle;} .pageturn a.prev,.pageturn a.next{color: #000;position: relative;} .pageturn a.prev {padding-right: 10px;} .pageturn a.next {padding-left: 10px;} .pageturn a.prev span,.pageturn a.next span {margin: 0 6px;} .pageturn a.prev i{background: url('../../product/images/l1.png') center no-repeat} .pageturn a.next i{background: url('../../product/images/r2.png') center no-repeat} .pageturn a.prev::after {content: '';width: 1px;height: 30px;background: #ccc;position: absolute;right: 0;top: 0;} .pageturn a.next::before {content: '';width: 1px;height: 30px;background: #ccc;position: absolute;left: 0;top: 0;} /* solution */ .download-title .text-1{font-size: 18px;line-height: 30px;color: #fff;margin-top: 3%;} .page-solution-nav {position: absolute;width: 100%;text-align: center;left: 0;bottom: 5%;z-index: 11;} .page-solution-nav::-webkit-scrollbar {display: none;} .page-solution-nav a {font-size: 20px;padding: 20px 35px;border: dashed 1px #fff;border-radius: 4px;display: inline-block;vertical-align: middle;color: #fff;margin: 0 5px;background-position: center 100px;background-repeat: no-repeat;background-image: url('../../product/images/pic.png');background-size: 100%;} .page-solution-nav a.cur,.page-solution-nav a:hover {background-color: #e60012;background-position: center bottom;border: solid 1px #e60012;} .page-solution-nav a i {position: relative;} .page-solution{position: relative;overflow: hidden;padding: 4% 0 0 0;} .page-solution-left-text {color: #f5f6f8;font-size: 140px;font-family: 'Montserrat-Bold';margin-top: 50%;margin-left: 0;position: absolute;left: 0;bottom: 4%;} .page-solution-content {width: 90%;margin: auto;position: relative;} .page-solution-left {float: left;width: 25%;} .page-solution-left-nav {overflow: hidden;transition:all .4s ease;} .page-solution-left-nav.t100 {margin-top: 100px;} .page-solution-left-nav li {position: relative;list-style: none;margin: 0;padding: 0;} .page-solution-left-nav li a{font-size: 20px;display: block;padding: 20px 20px 20px 0px;overflow: hidden;border-bottom: 1px solid #e8e8e8;background-image: url('../../solution/images/r1.png');background-position: -50px center;background-repeat: no-repeat;} .page-solution-left-nav li i{display: block;color: #999999;font-size: 16px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-style: normal;} .page-solution-left-nav li.cur a,.page-solution-left-nav li:hover a{padding: 20px;border-bottom: 1px solid #e8e8e8;color: #e60012;background-position: 0px center;} .page-solution-left-nav li.cur i,.page-solution-left-nav li:hover i {color: #e60012;} .page-solution-right {float: right;width: 65%;padding-left: 5%;position: relative;padding-bottom: 7%;} .page-solution-right::before {content: '';width: 1px;height: 100%;position: absolute;left: 0;top: 0;background: #ccc;opacity: .5;} .page-solution-right-toppic {position: relative;overflow: hidden;background-size: cover;border-radius: 8px;margin-bottom: 1%;} .page-solution-right-toppic img {display: block;} .page-solution-right-list {overflow: hidden;width: 100%;min-height: 500px;} .page-solution-right-item {float: left;width: 49%;margin: 1% 2% 1% 0;overflow: hidden;border-radius: 8px;} .page-solution-right-item.mr0 {margin: 1% 0 1% 0;} .page-solution-right-item a{display: block;} .page-solution-right-item .pic{overflow: hidden;} .page-solution-right-item .text{text-align: center;background: #f5f6f8;} .page-solution-right-item .title-1{font-size: 18px;padding: 25px 0;} .page-solution-right-item a:hover .pic{transform: scale(1.05);} .page-solution-right-item a:hover .text{background: #e60012;} .page-solution-right-item a:hover .text .title-1{color: #fff;} .page-solution-hide {position: absolute;left: 0;bottom: 5%;} .page-banner-swiper {overflow: hidden;position: relative;} .page-banner-swiper .download-title .title-1{font-size: 50px;} .page-banner-swiper .page-solution-nav {overflow: hidden;} .page-banner-swiper .page-solution-nav a{padding: 10px 0px;width: 9%;} .page-banner-swiper .pic {position: relative;overflow: hidden;animation: srmgani 4000ms 1 ease forwards;} .page-solution-nav a i {display: block;width: 40px;height: 40px;margin: 5px auto;} .page-solution-nav a span {font-size: 18px;} .page-swiper-prev,.page-swiper-next {position: absolute;top: 50%;transform: translateY(-50%);z-index: 30;font-size: 0;} .page-swiper-prev span,.page-swiper-next span{display: inline-block;vertical-align: middle;font-size: 16px;color: #fff;position: relative;} .page-swiper-prev i,.page-swiper-next i{width: 20px;height: 20px;display: inline-block;vertical-align: middle;} .page-swiper-prev {left: 5%;} .page-swiper-next {right: 5%;} .page-swiper-prev i {background: url('../../solution/images/l2.png') center no-repeat;} .page-swiper-next i {background: url('../../solution/images/r22.png') center no-repeat;} .page-swiper-prev span::before {content: '';width: 1px;height: 50px;display: inline-block;vertical-align: middle;background: #fff;margin: 0 20px;opacity: .3;} .page-swiper-next span::after {content: '';width: 1px;height: 50px;display: inline-block;vertical-align: middle;background: #fff;margin: 0 20px;opacity: .3;} .page-swiper-prev a:hover span,.page-swiper-next a:hover span{color: #e60012;} .page-solution-content {position: relative;overflow: hidden;} .page-solution-content-img {text-align: center;padding-bottom: 5%;overflow: hidden;position: relative;} .page-solution-content-img img{display: inline-block;width:auto;height: auto;max-width: 100%;} .industry-solution {padding: 6% 0 4% 0;overflow: hidden;background: #f5f7fa;} .industry-solution-title {overflow: hidden;} .industry-solution-title {text-align: center;} .industry-solution-title .title-1{font-size: 40px;} .industry-solution-content {width: 76%;margin: auto;overflow: hidden;} .industry-solution-list{padding: 4% 0;overflow: hidden;text-align: center;font-size: 0;} .industry-solution-item {overflow: hidden;text-align: left;display: inline-block;vertical-align: middle;width: 32.333%;margin-right: 1.3333%;} .industry-solution-item:last-child {margin-right: 0;} .industry-solution-item a {display: block;overflow: hidden;background: #fff;border-radius: 10px;padding: 8%;} .industry-solution-item .type-1{font-size: 14px;color: #999;} .industry-solution-item .title-1{font-size: 20px;margin-top: 20px;font-weight: 700;min-height: 70px;} .industry-solution-item .more-1{font-size: 14px;color: #999;position: relative;padding-right: 25px;display: inline-block;margin-top: 5%;font-family: 'Montserrat-Light';} .industry-solution-item .more-1 i{width: 20px;height: 20px;background: url('../../solution/images/r3.png') center no-repeat;opacity: .5;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .industry-solution-item a:hover {background: #e60012 url('../../product/images/pic.png') center no-repeat;background-size: 100% 100%;} .industry-solution-item a:hover .title-1,.industry-solution-item a:hover .type-1,.industry-solution-item a:hover .more-1 {color: #fff;} .industry-solution-item a:hover .more-1 i {background: url('../../solution/images/r4.png') center no-repeat;opacity: 1;} .page-detail{margin-top: 90px;overflow: hidden;padding: 5% 0;} .page-detail-content {width: 76%;margin: auto;overflow: hidden;} .page-detail-content-left {float: left;width: 70%;overflow: hidden;} .page-detail-content-top {border-bottom: 2px solid #e5e5e5;overflow: hidden;padding-bottom: 4%;} .page-detail-content-top .type-1 {overflow: hidden;padding: 10px 0;} .page-detail-content-top .type-1 a {display: inline-block;font-size: 12px;padding: 5px 0px;color: #666;text-align: center;} .page-detail-content-top .title-1{font-size: 40px;font-weight: bold;} .page-detail-content-center {padding: 3% 0;overflow: hidden;font-size: 16px;line-height: 28px;position: relative;text-align: justify;} .page-detail-content-center strong{font-size: 20px;} .page-detail-content-center p {margin: 0;padding: 5px 0;} .page-detail-content-center img {height: auto;display: inline-block;} .page-detail-content-bottom {background: #f5f7fa;padding: 20px 0;overflow: hidden;margin-top: 1%;text-align: center;font-size: 0;position: relative;} .page-detail-content-bottom a{font-size: 14px;} .page-detail-content-bottom a.prev{position: absolute;left: 5%;top: 50%;transform: translateY(-50%);} .page-detail-content-bottom a.next{position: absolute;right: 5%;top: 50%;transform: translateY(-50%);} .page-detail-content-bottom a.return{margin: auto;display: inline-block;} .page-detail-content-bottom a i {width: 20px;height: 20px;display: block;background: url('../../solution/images/rt.png') center no-repeat;margin: auto;} .page-detail-content-bottom a:hover {color: #e60012;} .page-detail-content-right {float: right;width: 21%;overflow: hidden;} .page-detail-content-right .title-0 {font-size: 22px;padding: 20px 0;overflow: hidden;} .page-detail-content-right-list {overflow: hidden;} .page-detail-content-right-list .industry-solution-item {width: 100%;margin: 0;margin-bottom: 5%;} .page-detail-content-right-list .industry-solution-item a {border: 1px solid #e6e8ed;} .page-detail-content-right-list .industry-solution-item .type-1 {font-size: 12px;} .page-detail-content-right-list .industry-solution-item .title-1 {font-size: 16px;margin-top: 10px;} .page-detail-content-right-list .industry-solution-item .more-1 {font-size: 12px;} /* about */ .page-banner .text .title-1 {font-size: 60px;margin-top: -5%;} .page-about {padding: 7% 0 6% 0;overflow: hidden;background: url('../../about/images/bg1.jpg');} .page-about-content {width: 76%;margin: auto;overflow: hidden;z-index: 11;position: relative;} .introduction-content {text-align: center;border: 1px solid #000;border-radius: 10px;overflow: hidden;margin-top: 5%;background-color: #fff;} .introduction-content-left {float: left;width: 35%;position: relative;overflow: hidden;} .introduction-content-left::after {content: '';width: 1px;height: 100%;background: #000;position: absolute;right: 0;top: 0;} .introduction-top {padding: 25px 0;border-bottom: 1px solid #000;} .introduction-top .title-1{font-size: 18px;font-weight: bold;} .introduction-bottom {padding: 70px 0 50px 0 ;overflow: hidden;} .introduction-item {overflow: hidden;display: inline-block;vertical-align: top;width: 45%;position: relative;} .introduction-item .logo-1{width: 50%;margin: auto;padding: 20px 0;overflow: hidden;} .introduction-item .logo-1 img {max-width: 100%;height: auto;display: inline-block;} .introduction-item .title-2{font-size: 20px;overflow: hidden;padding-bottom: 20px;font-weight: 500;} .introduction-content-left .introduction-item {width: 100%;} .introduction-content-right {float: left;width: 65%;} .introduction-content-right .introduction-item::after {content: '';width: 1px;height: 100%;background: #000;position: absolute;right: 0;top: 0;opacity: .1;} .introduction-content-right .introduction-item:last-child:after {display: none;} .page-culture {padding: 7% 0 6% 0;overflow: hidden;} .culture-content {overflow: hidden;} .culture-content-item {position: relative;overflow: hidden;float: left;width: 25%;} .culture-content-item.cci1 {width: 50%;} .culture-content-item.cci1 .parameter-content-title {position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .culture-content-item.cci1 .img {background: none;background-size: cover;} .culture-content-item.cci1 .img img {width: 100%;} .culture-content-item.cci3 .img {background-color: #f5f6f7;} .culture-content-item:nth-child(2) {border-radius: 12px 0 0 0;} .culture-content-item:nth-child(3) {border-radius: 0 12px 0 0;} .culture-content-item:nth-child(4) {border-radius: 12px 0 0 12px;} .culture-content-item:nth-child(5) {color: #fff;} .culture-content-item:nth-child(5) .img {background-color: #e60012;} .culture-content-item:nth-child(5) .english-0 {color: #fff;opacity: .2;} .culture-content-item:nth-child(6) {border-radius: 0 0 12px 0 ;} .culture-content-item .text{position: absolute;left: 10%;top: 10%;width: 80%;height: 80%;z-index: 1;} .culture-content-item .english-0{font-size: 30px;color: #e5e5e5;font-family: 'Montserrat-Light';} .culture-content-item .title-1{font-size: 24px;font-weight:bold;margin-top: 2%;} .culture-content-item .icon-3{width: 40px;height: 40px;position: absolute;right: 5%;top: 12%;} .culture-content-item .text-4{font-size: 24px;position: absolute;left: 0;bottom: 10%;} .culture-content-item .img{overflow: hidden;} .page-corevalues {padding: 1% 0 7% 0;overflow: hidden;position: relative;} .corevaluesbg {background: url('../../about/images/bg2.jpg') center bottom no-repeat;background-size: cover;position: absolute;width: 100%;height: 100%;left: 0;top: 150%;z-index: 1;} .corevalues-content {padding: 4% 0;overflow: hidden;position: relative;z-index: 11;} .corevalues-content-list {text-align: center;font-size: 0;} .corevalues-item {padding: 4% 0;display: inline-block;vertical-align: middle;} .corevalues-item a{display: block;} .corevalues-item .icon-1 {margin: auto;position: relative;z-index: 5;} .corevalues-item .icon-1 i{display: block;width: 74px;height: 74px;margin: auto;background: #fff;border-radius: 100%;z-index: 11;position: relative;box-shadow: 0px 8px 40px 0px rgb(0,0,0,.1);} .corevalues-item a:hover .icon-1 i img {filter: invert(100%);} .corevalues-item .icon-1::after {content: '';width: 0px;height: 0px;border-radius: 100%;background: #e60012;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index:1;transition:all .4s ease;opacity: 0;} .corevalues-item .title-1 {font-size: 20px;font-weight: bold;padding-top: 30px;} .corevalues-item a:hover .icon-1 i {background: #e60012;} .corevalues-item a:hover .icon-1::after {width: 104px;height: 104px;opacity: .2;} .corevalues-item a:hover .title-1 {color: #e60012;} .fengex {display: inline-block;vertical-align: middle;position: relative;margin: 0 1% 4% 1%;} .fengex i {display: block;position: relative;border: 1px dashed #ccc;padding: 0 5px;width: 140px;} .fengex i::before {content: '';width: 5px;height: 5px;border: 1px dotted #ccc;border-radius: 100%;position: absolute;left: -2px;top: 50%;transform: translateY(-50%);background: #fff;} .fengex i::after {content: '';width: 5px;height: 5px;border: 1px dotted #ccc;border-radius: 100%;position: absolute;right: -2px;top: 50%;transform: translateY(-50%);background: #fff;} .page-history {padding: 4% 0;overflow: hidden;background: #2d2e30 url('../../about/images/bg3.jpg') center no-repeat;background-size: cover;} .history-content {color: #fff;padding: 4% 0;overflow: hidden;} .history-content-list {color: #fff;} .history-content-top {overflow: hidden;position: relative;} .history-content-top::after {content: '';width: 100%;height: 2px;background: #424345;position: absolute;left: 0;top: 26px;} .history-content-top-swiper {overflow: hidden;z-index: 11;} .history-content-top-swiper .swiper-slide-thumb-active .history-year i{border: 2px solid #fff;background: #e60012;} .history-content-top-swiper .swiper-slide-thumb-active .history-year span {opacity: 1;} .history-year {overflow: hidden;cursor: pointer;} .history-year i{display: block;width: 10px;height: 10px;border-radius: 100%;margin: 20px 0;border: 2px solid #424345;background: #2d2e30;} .history-year span{font-size: 20px;display: block;font-family: 'Montserrat-Light';opacity: .4;} .history-content-bottom {padding: 8% 0 4% 0;overflow: hidden;position: relative;} .history-content-bottom-swiper{overflow: hidden;} .history-item {overflow: hidden;} .history-item .img{float: left;width: 32%;margin-left: 1px;border-radius: 12px;overflow: hidden;background: #fff;background-position: center;background-repeat: no-repeat;} .history-item .text{float: right;width: 50%;} .history-item .title-1{font-size: 40px;padding-bottom: 25px;position: relative;font-family: 'Montserrat-Bold';} .history-item .title-1::after {content: '';width: 100%;height: 2px;background: #59595b;position: absolute;left: 0;bottom: 0;} .history-item .title-1::before {content: '';width: 20%;height: 2px;background: #e60012;position: absolute;left: 0;bottom: 0;z-index: 1;} .history-item .text-2 {font-size: 20px;padding-top: 25px;overflow: hidden;min-height: 90px;} .history-next,.history-prev {width: 50px;height: 50px;border-radius: 100%;background: #fff;margin-right: 10px;cursor: pointer;outline: none;;z-index: 11;display: inline-block;} .history-next {background: url('../../about/images/r1.png') center no-repeat #fff;} .history-prev {background: url('../../about/images/l1.png') center no-repeat #fff;} .history-next:hover {background: url('../../about/images/r2.png') center no-repeat #e60012;} .history-prev:hover {background: url('../../about/images/l2.png') center no-repeat #e60012;} .page-visitcompany {padding: 8% 0 1% 0;overflow: hidden;} .page-visitcompany .page-about-content {width: 100%;} .visitcompany-content {overflow: hidden;} .visitcompany-content .features-content-title .text-3{margin-top: 2%;font-size: 18px;line-height: 30px;} .visitcompany-content .visitcompany-nav {text-align: center;padding: 3% 0;} .visitcompany-content .visitcompany-nav li{display: inline-block;vertical-align: middle;margin: 0 5px;} .visitcompany-content .visitcompany-nav a {font-size: 14px;background: #f1f1f1;border-radius: 50px;padding: 10px 25px;} .visitcompany-content .visitcompany-nav li.cur a {background: #e60012;color: #fff;} .visitcompany-content-list {overflow: hidden;padding-top: 2%;} .visitcompany-content-type-swiper {overflow: hidden;} .visitcompany-content-list-swiper {overflow: hidden;} .visitcompany-content-list-swiper .img{border-radius: 10px;overflow: hidden;} .visitcompany-content-list-swiper .img i {display: block;width: 60px;height: 60px;background: #e60012;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;opacity: 0;} .visitcompany-content-list-swiper .img i::after {content: '';width: 20px;height: 2px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .visitcompany-content-list-swiper .img i::before {content: '';width: 2px;height: 20px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .visitcompany-content-list-swiper .img img {opacity: 0;} .visitcompany-content-list-swiper a:hover i{opacity: 1;} .visitcompany-content-list-swiper a:hover .img img {opacity: 1;} .visitcompany-content-list-swiper .swiper-wrapper{-webkit-transition-timing-function: linear; -moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;} .page-capability {padding: 7% 0 1% 0;overflow: hidden;background:url('../../about/images/bg4.jpg') center no-repeat;background-size: cover;} .capability-content {padding: 3% 0;overflow: hidden;} .capability-content-bottom {padding: 4% 0;overflow: hidden;position: relative;} .capability-content-bottom-swiper {width: 50%;margin: auto;} .capability-item {position: relative;border: 1px dashed #ccc;border-radius: 100%;opacity: 0;background-position: center; background-repeat: no-repeat;} .capability-item::before{content: '';width: 70%;height:70%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);background: #f0f1f2;border-radius: 100%;} .capability-item .text{width: 50%;position: absolute;left: 25%;top: 50%;z-index: 11;color: #fff;text-align: center;transform: translateY(-50%);} .capability-item .text .icon-1{width: 50px;height: 50px;margin: auto;position: relative;} .capability-item .text .icon-1 img{filter: invert(100%);} .capability-item .text .title-1{font-size: 30px;font-weight: bold;padding-top: 20px;} .capability-item .text .text-2{font-size: 18px;padding-top: 20px;min-height: 150px;} .capability-item .text .num-3{font-size: 24px;opacity: .2;font-family: 'Montserrat-Bold';} .capability-item .img{border-radius: 100%;background-color: #f0f1f2;width: 60%;margin: 20%;z-index: 1;} .capability-item .img img {opacity: .9;} .capability-content-bottom-swiper .swiper-slide-active .capability-item{background-size: 85%;opacity: 1;z-index: 11;} .capability-content-bottom-swiper .swiper-slide:nth-child(1).swiper-slide-active .capability-item{ background-image: url('../../about/images/capability1.png');} .capability-content-bottom-swiper .swiper-slide:nth-child(2).swiper-slide-active .capability-item{ background-image: url('../../about/images/capability2.png');} .capability-content-bottom-swiper .swiper-slide:nth-child(3).swiper-slide-active .capability-item{ background-image: url('../../about/images/capability3.png');} .capability-content-bottom-swiper .swiper-slide:nth-child(4).swiper-slide-active .capability-item{ background-image: url('../../about/images/capability4.png');} .capability-nav {position:absolute;left: 25%;top: 0;width: 50%;height: 100%;z-index: 11;} .capability-nav li{list-style: none;padding: 0;margin: 0;position: absolute;} .capability-nav li a{display: block;overflow: hidden;} .capability-nav li i{width: 60px;height: 60px;background: #e6e6e6;border-radius: 100%;margin: 0 10px;float: left;position: relative;} .capability-nav li i img {max-width: 50%;max-height: 50%;opacity: .5;} .capability-nav li span{float: left;font-size: 18px;font-weight: bold;font-family: 'Montserrat-Bold',PingFang SC,'Microsoft YaHei',Arial;opacity: .6;margin: 5px ;} .capability-nav li:nth-child(1) {right: -2%;top: 15%;} .capability-nav li:nth-child(2) {right: -2%;bottom: 15%;} .capability-nav li:nth-child(3) {left: -2%;bottom: 15%;text-align: right;} .capability-nav li:nth-child(4) {left: -2%;top: 15%;text-align: right;} .capability-nav li:nth-child(3) span,.capability-nav li:nth-child(3) i{float: right;} .capability-nav li:nth-child(4) span,.capability-nav li:nth-child(4) i{float: right;} .capability-nav li.cur span{opacity: 1;} .capability-nav li.cur i {background: #e60012;} .capability-nav li.cur i img {opacity: 1;filter: invert(100%);} .page-awards {padding: 3% 0 3% 0;overflow: hidden;background:url('../../about/images/bg5.jpg') center no-repeat #f7f7f7;background-size: cover;} .page-awards .page-about-content{overflow :visible;} .awards-content-top {padding: 3% 0 0 0;overflow: hidden;position: relative;} .awards-content-top .parameter-content-title .text-2{font-size: 18px;line-height: 30px;margin-top: 1.5%;} .awards-nav {position: absolute;right: 0;bottom: 0;} .awards-nav li{list-style: none;padding: 0;margin: 0;display: inline-block;vertical-align: middle;margin: 0 20px;} .awards-nav li a{display: block;position: relative;font-size: 18px;padding-bottom: 10px;font-weight: 500;} .awards-nav li a::before {content: '';width: 100%;height: 2px;left: 0;bottom: 0;background: #e60012;position: absolute;display: none;} .awards-nav li.cur a::before {display: block;} .awards-content-bottom {padding: 4% 0;position: relative;} .awards-content-bottom-swiper {overflow: hidden;} .awards-content-list-swiper {overflow: hidden;} .awards-prev,.awards-next {width: 60px;height: 60px;position: absolute;background: #fff;border-radius: 100%;margin-top: -25px;} .awards-prev::after,.awards-next::after {font-size: 24px;color: #000;} .awards-prev {left: -30px;} .awards-next {right: -30px;} .awards-item {overflow: hidden;background: #222426 url('../../about/images/award1.png') center -60px no-repeat;border-radius: 12px;padding: 30px 0;} .awards-item .img{position: relative;background: transparent;} .awards-item .img i {display: block;width: 60px;height: 60px;background: #e60012;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;opacity: 0;} .awards-item .img i::after {content: '';width: 20px;height: 2px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .awards-item .img i::before {content: '';width: 2px;height: 20px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .awards-item .text {text-align: center;overflow: hidden;width: 94%;margin: auto;} .awards-item .title-1 {font-size: 16px;line-height: 26px;color: #fff;opacity: .5;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 52px;} .awards-item .img img.img-center {max-width: 70%;max-height: 75%;} .awards-item a {display: block;overflow: hidden;} .awards-item a:hover .title-1 {opacity: 1;} .awards-item a:hover .img i {opacity: 1;} .awards-item:hover {background: #222426 url('../../about/images/award.png') center -60px no-repeat;} .page-service-support {padding:7% 0 5% 0;overflow: hidden;} .service-support-content {overflow: hidden;} .service-support-bottom {padding:5% 0;overflow: hidden;} .service-support-swiper {overflow: hidden;} .service-support-item {text-align: center;background: #f5f6f7;border-radius: 12px;overflow: hidden;position: relative;} .service-support-item * {transition:all .4s ease;} .service-support-item .text {position: absolute;width: 80%;top: 10%;left: 10%;z-index: 11;} .service-support-item .icon-1{width: 60px;height: 60px;margin: auto;position: relative;} .service-support-item .icon-1 img {max-width: 90%;max-height: 90%;} .service-support-item .title-1{font-size: 20px;font-weight: bold;position: relative;overflow: hidden;margin-top: 10px;} .service-support-item .title-1::after {content: '';display: block;width: 30px;height: 2px;background: #e60012;margin: 20px auto;} .service-support-item .text-2{font-size: 15px;line-height: 26px;min-height: 130px;} .service-support-item .text-2 p {margin: 0;padding: 0;} .service-support-item .num-4{font-size: 20px;color: #ccc;font-family: 'Montserrat-Bold';} .service-support-item .img {background: #f5f6f7;} .service-support-item .img img {opacity: 0;} .service-support-item:hover .img{background: #e60012;} .service-support-item:hover .img img {opacity: 1;} .service-support-item:hover .icon-1 img {filter: invert(100%);} .service-support-item:hover .title-1 {color: #fff;} .service-support-item:hover .text-2{color: #fff;} .service-support-item:hover .text-2 * { color: #fff;} .service-support-item:hover .title-1::after{background: #fff;} .service-support-item:hover .num-4{color: #fff;opacity: .3;} .page-identity {padding:7% 0 5% 0;overflow: hidden;background: #f5f6f8;} .identity-content {overflow: hidden;} .identity-bottom {overflow: hidden;padding: 4% 0 0 0;} .identity-bottom-logo {float: left;width: 15%;margin-top: 3%;} .identity-bottom-right {float: left;width: 85%;position: relative;} .identity-bottom-right::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;top: 50%;background: #ccc;opacity: .5;} .identity-bottom-swiper {overflow: hidden;width: 84%;margin: 0;padding: 3% 0 3% 5%;} /* .identity-bottom-swiper .swiper-slide {width: auto!important;} */ .identity-item {overflow: hidden;} .identity-item .logo-1{background: #fff;width: 220px;position: absolute;top: 0;left: 0;border-radius: 8px;overflow: hidden;transition:all .4s ease;} .identity-item .logo-1 img.img-center {max-width: 80%;} .identity-item .point-1{width: 9px;height: 9px;border: 4px solid #ccc;border-radius: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #fff;transition:all .4s ease;} .identity-item .text {overflow: hidden;position: absolute;bottom: 0;left: 0;width: 100%;} .identity-item .title-1{font-size: 18px;font-weight: bold;width: 90%;transition:all .4s ease;} .identity-item .text-2 {font-size: 16px;padding: 10px 0;} .identity-item .img {background: none;} .identity-item.its2 .text {top: 1%;bottom: auto;} .identity-item.its2 .logo-1{top: auto;bottom: 0;} .identity-item:hover .logo-1{box-shadow: 0px 8px 40px 0px rgb(0 0 0 / 10%);} .identity-item:hover .title-1 {color: #e60012;} .identity-item:hover .point-1 {border: 4px solid #e60012;} .identity-prev,.identity-next {width: 50px;height: 50px;position: absolute;right: 0;left: auto;background: #e60012;border-radius: 100%;margin-top: -25px;outline: none;} .identity-prev::after,.identity-next::after {font-size: 18px;color: #fff;} .identity-prev {right: 60px;background: #000;} .identity-prev.swiper-button-disabled,.identity-next.swiper-button-disabled {opacity: 1;} .identity-bottom-swiper ,.identity-bottom-swiper *{user-select: none;} /* join */ .page-join {padding:7% 0 7% 0;overflow: hidden;} .page-join span{font-family: 'Montserrat-Light',PingFang SC,'Microsoft YaHei',Arial;} .join-content-top {text-align: center;font-size: 0;border-top: 2px solid #e60012;overflow: hidden;border-left: 1px solid #e6e8ed;border-right: 1px solid #e6e8ed;} .join-content-top span{display: inline-block;vertical-align: middle;width: 17%;font-size: 16px;padding: 20px 0;box-sizing: border-box;} .join-content-top span:first-child {text-align: left;padding-left: 4%;width: 30%;} .join-content-top span:last-child {text-align: center;} .join-content {overflow: hidden;border-left: 1px solid #e6e8ed;border-right: 1px solid #e6e8ed;} .join-item {border-top: 1px solid #e6e8ed;} .join-item-title {cursor: pointer;text-align: center;font-size: 0;border-bottom: 1px solid #e6e8ed;color: #000;} .join-item-title span:first-child {font-size: 16px;padding: 30px 0 30px 4%;text-align: left;width: 30%;} .join-item-title span:last-child {text-align: center;} .join-item-title span{display: inline-block;vertical-align: middle;width: 17%;padding: 30px 0;font-size: 14px;box-sizing: border-box;} .join-item-title:hover,.join-item.cur .join-item-title {background: #f5f6f7;} .join-item-content {overflow: hidden;padding: 5%;line-height: 30px;font-size: 15px;display: none;} .join-item-bottom {margin-top: 3%;overflow: hidden;} .join-item-bottom a{display: block;background: #e60012;width: 150px;padding: 12px 15px;overflow: hidden;text-align: center;border-radius: 4px;} .join-item-bottom span{display: inline-block;vertical-align: middle;font-size: 14px;color: #fff;} .join-item-bottom i{display: inline-block;vertical-align: middle;margin-left: 20px;background: url('../../join/images/r1.png') center no-repeat;width: 22px;height: 12px;} .page-join-list {background: #fafafc url('../../join/images/bg1.jpg') center no-repeat;background-size: cover;overflow: hidden;padding:7% 0 5% 0;} .join-list-title {text-align: center;font-size: 50px;} .join-list {overflow: hidden;padding-top: 5%;} .join-list-item {overflow: hidden;float: left;width: 49.5%;margin-bottom: 1%;margin-right: 1%;background: #fff;border-radius: 8px;position: relative;box-sizing: border-box;border: 1px solid #e6e6e6;} .join-list-item.mr0 {margin-right:0;} .join-list * {transition:all .4s ease;} .join-list-item .text {position: absolute;left: 10%;top: 50%;z-index: 1;width: 80%;transform: translateY(-50%);} .join-list-item .icon-1{width: 80px;height: 60px;position: relative; } .join-list-item .title-1{font-size: 24px;margin: 30px 0 20px 0;overflow: hidden;} .join-list-item .text-2{font-size: 16px;line-height: 26px;color: #666;} .join-list-item .img{background: #fff;} .join-list-item .img img {width: 100%;height:auto;display: block;} .join-list-item:hover .title-1{color: #fff;} .join-list-item:hover .img{background: #e60012;} .join-list-item:hover .text-2{color: #fff;} .join-list-item:hover .icon-1 img{filter: invert(100%);} .page-join-bottom {position: relative;overflow: hidden;color: #fff;background: #edeff2;} .page-join-bottom.bgclor1 {background: #fff;} .page-join-bottom::after {content: '';width: 100%;height: 50%;background: #1c1d1f;position: absolute;left: 0;bottom: 0;} .page-join-bottom .page-about-content{position: relative;z-index: 11;} .join-bottom-title {position: absolute;left: 7%;top: 15%;z-index: 11;} .join-bottom-title .title-1{font-size: 30px;} .join-bottom-contact {text-align: left;position: absolute;right: 10%;bottom: 15%;z-index: 11;} .join-bottom-contact li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;margin-left: 60px;} .join-bottom-contact li span{display: block;font-size: 16px;} .join-bottom-contact li p{display: block;font-size: 20px;font-family: 'Montserrat-Light';padding: 10px 0;margin: 0;} .join-bottom-contact li a {display: block;font-size: 20px;font-family: 'Montserrat-Light';color: #fff;} .join-bottom-contact li:first-child {margin-left: 0px;} .page-join-bottom .img {background: #e60012;border-radius: 10px;overflow: hidden;} .page-join-windows {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 111;transition:all .4s ease;transform: translateY(-100%);} .page-join-windows.cur {transform: translateY(0);} .join-windows {position: absolute;width: 24%;overflow: hidden;background: #fff;z-index: 10;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 3%;border-radius: 10px;} .join-windows-title {text-align: center;} .join-windows-title .title-1{font-size: 30px;padding-bottom: 10px;} .join-windows-title .text-2{font-size: 14px;color: #666;} .join-from {padding: 4% 0;overflow: hidden;margin-top: 3%;} .join-from-item{margin-bottom: 0px;overflow: hidden;position: relative;} .join-from-item li{list-style: none;padding: 0;margin: 0;float: left;width: 49%;} .join-from-item li:last-child {float: right;} .join-from-item input {padding: 18px 20px;background: #f2f4f7;} .join-from-text {overflow: hidden;padding-bottom: 10px;position: relative;} .join-from-text strong{font-size: 14px;margin: 0;padding: 0;} .join-from-text span{font-size: 12px;color: #666;} .join-from-upload {position: relative;} .join-from-upload .upload-1{display: block;width: 70px;border-radius: 5px;font-size: 12px;cursor: pointer; text-align: center;padding: 10px;background: #000;color: #fff;position: absolute;right: 3%;top: 50%;border:none;overflow: hidden;transform: translateY(-50%);} .join-windows-mark{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;background: #000;opacity: .4;} .join-from-item .submit-1 {background: #e60012;} .page-join-process {text-align: center;padding: 7% 0 7% 0;overflow: hidden;position: relative;background: #edeff2 url('../../join/images/bg2.jpg') center no-repeat;background-size: cover;} .join-process-title {overflow: hidden;} .join-process-title .title-1{font-size: 50px;} .join-process-list {position: relative;overflow: hidden;margin-top: 5%;font-size: 0;padding: 5% 0;} .join-process-list::after {content: '';width: 80%;height: 1px;background: #ccc;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-55%);} .join-process-list li {text-align: center;list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;width: 16%;position: relative;z-index: 11;} .join-process-list li span{display: block;font-size: 18px;font-weight: bold;position: relative;z-index: 11;} .join-process-list li i{display: block;width: 60px;height: 60px;margin: 30px auto;background-image:linear-gradient(360deg, #959595 10%, #68686a 100%);border-radius: 200%;position: relative;z-index: 11;} .join-process-list li p{display: block;color: #999;font-size: 14px;font-family: 'Montserrat-Bold';z-index: 11;position: relative;} .join-process-list li:hover i{background: #e60012;} .join-process-list li:hover i{box-shadow: 0px 8px 40px 0px rgb(0 0 0 / 20%);} .join-process-list li::after,.join-process-list li::before {content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 100%;width: 0px;height:0px;transition:all .4s ease;} .join-process-list li::after {z-index: 8;box-shadow: 0px 8px 40px 0px rgb(0 0 0 / 10%);} .join-process-list li::before {z-index: 1;opacity: .4;transition:all .5s ease;} .join-process-list li:hover::after {width: 200px;height: 200px;} .join-process-list li:hover::before {width: 250px;height: 250px;} .page-join-none {text-align: center;padding: 7% 0;overflow: hidden;} .page-join-img {padding-bottom: 10px;overflow: hidden;} .page-join-img img {display: inline-block;max-width: 100%;height: auto;} .page-join-text {font-size: 24px;} /* news */ .page-news {padding: 3% 0;overflow: hidden;position: relative;} .page-news-content {width: 76%;margin: auto;} .page-news-item {position: relative;} .page-news-item a{display: block;overflow: hidden;padding: 5% 0;border-radius: 12px;position: relative;} .page-news-item .date {float: left;width: 15%;margin-top: 1%;} .page-news-item .date strong{display: block;font-size: 40px;margin: 0;padding: 0;font-weight:normal;font-family: 'Montserrat-Light';color: #666666;} .page-news-item .date span{display: block;font-size: 16px;font-family: 'Montserrat-Light';color: #666666;} .page-news-item .text {float: left;width: 40%;} .page-news-item .title-1 {font-size: 20px;font-weight: bold;margin-top: 5%;} .page-news-item .text-2 {font-size: 14px;line-height: 26px;color: #666;margin-top: 2%;} .page-news-item .viewdetail-3 {margin-top: 6%;} .page-news-item .img {float: right;width: 30%;border-radius: 10px;} .page-news-item a:hover {background: #fff;padding: 5%;overflow: hidden;box-shadow: 0px 8px 40px 0px rgb(0 0 0 / 10%);} .page-news-item a:hover .title-1 {color: #e60012;} .page-news-item a:hover .text-2 {color: #000;} .page-news-item a::before {content: '';width: 100%;height: 1px;background: #ccc;position: absolute;left: 0;bottom: 0;opacity: .5;} .page-news-item a:hover::before {display: none;} .industry-news-item {margin-bottom: 40px;overflow: hidden;} .industry-news-item a{overflow: hidden;} .industry-news-item .img{border-radius: 10px;} .industry-news-item .type-1{padding: 20px 0 10px 0;font-size: 12px;color: #666;} .industry-news-item .title-1{font-size: 16px;} .industry-news-item a:hover .title-1{color: #e60012;} .page-contact {position: absolute;left: 6%;top: 50%;width: 25%;z-index: 15;background: #fff;padding: 3% 3% 2% 3%;overflow: hidden;transform: translateY(-50%);color: #000;} .page-contact-map {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 12;} .page-contact-item {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #ccc;overflow: hidden;cursor: pointer;} .page-contact-item:last-child {border: none;} .page-contact-item .title-1{font-size: 18px;font-weight: bold;position: relative;padding-bottom: 10px;} .page-contact-item .title-1::before {content: '';width: 22px;height: 29px;display: block;background: url('../../contact/images/add.png') center no-repeat;margin: 0 0 5px 0;} .page-contact-item .add-1{font-size: 14px;line-height: 30px;font-family: 'Montserrat-Light',PingFang SC,'Microsoft YaHei',Arial;} .page-contact-item.cur .title-1{color: #e60012;} /* other */ .galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: rgba(0,0,0,.7); overflow: hidden; display: none; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .galleryOverlay.visible { opacity: 1; } .gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; } .gallerySlider .placeholder { background: url("../images/loading.gif") no-repeat center center; height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; } .gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; } .prevArrow, .nextArrow { border: none; text-decoration: none;opacity: 0.5; cursor: pointer; position: absolute; width:50%;height:100%; top:0; margin-top:0px; } .prevArrow:hover, .nextArrow:hover { opacity: 1; } .prevArrow { background-position: left top; left:0; } .nextArrow { background-position: right top; right:0; } .pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 18px; } .closed {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;transform: rotate(45deg);} .closed::after,.closed::before {content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .closed:hover {opacity: 0.5;} .closed::after {width: 26px;height: 2px;} .closed::before {width: 2px;height: 26px;} .index-serch {min-height: 500px;width: 100%;margin: auto;padding-top: 90px;overflow: hidden;background-color: #f5f6f7;} .serch-content {margin-top: 10px;position: relative;width: 76%;margin: auto;padding-bottom: 5%;} .search-content-top {padding: 2% 0 2% 0;overflow: hidden;text-align: center;width: 50%;margin: auto;position: relative;} .search-title {overflow: hidden;font-size: 40px;} .search-content-form {position: relative;margin-top: 0;} .searchinput {border: 1px solid rgba(0,0,0,.1);background:#fff;height:70px;width: 100%;box-sizing: border-box;padding:0 4%;} .searchsubmit {width: 70px;height: 70px;border: none;position: absolute;right: 0;top: 0;background:url('../images/ss.png') center no-repeat;cursor: pointer;} .search-content-nav {margin-top: 7%;overflow: hidden;position: relative;} .search-content-nav::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background: #e6e6e6;} .search-content-nav a {display: inline-block;vertical-align: middle;margin-right: 2%;padding-bottom: 20px;font-size: 20px;color: #999;position: relative;} .search-content-nav a.cur,.search-content-nav a:hover {color: #000;} .search-content-nav a.cur::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background: #ed2939;z-index: 12;} .search-content-bottom{padding: 2% 0;margin-top: 1%;} .serch-clear {clear: both;height: 20px;} .search-content-bottom .page-solution-right-item {width: 32%;} .search-content-bottom .detail-download-item a .icon-3 {filter: invert(0);} .index-section-right,.index-news-content-top-right {transform:translateX(100%);opacity:0;transition:all 1s;} .index-section-left-nav {transform:translateY(100%);opacity:0;transition:all 1s;} .aksb-title {transform:translateX(-100%);opacity:0;transition:all 1s;} .solution-nav {transform:translateX(-100%);opacity:0;transition:all 1200ms;} .index-news-content-bottom-right {transform:translateY(100%);opacity:0;transition:all 1200ms;} .index-solution-right,.index-news-content-bottom-left {transform:translateY(100%);opacity:0;transition:all 1s;} .index-swiper .swiper-slide-active .index-section-right, .index-swiper .swiper-slide-active .index-news-content-top-right {transform:translateX(0px);opacity:1;} .index-swiper .swiper-slide-active .index-section-left-nav, .index-swiper .swiper-slide-active .swiper-slide-active .index-news-content-bottom-left, .index-swiper .swiper-slide-active .swiper-slide-active .index-news-content-bottom-right, .index-swiper .swiper-slide-active .index-solution-right {transform:translateY(0px);opacity:1;} .index-swiper .swiper-slide-active .aksb-title , .index-swiper .swiper-slide-active .solution-nav {transform:translateX(0px);opacity:1;} .psection_scroll {position: absolute;bottom:20%;width: 200px;margin: auto;display: block;cursor: pointer;left: 50%;right: 0;margin-left:-100px;z-index:111;} .psection_scroll .chevron {width: 50px;margin: auto;display: block;color: #fff;animation: pulse1 2s infinite;} .psection_scroll .chevron::before{border-style: solid; border-width: 0.2em 0.2em 0 0; content: ''; display:block; height: 20px; position: relative; transform: rotate(-45deg); vertical-align: top; width: 20px;margin: auto;} .psection_scroll .chevron.right:before{left: 0; transform: rotate(45deg);} .psection_scroll .chevron.bottom:before{top: 0; transform: rotate(135deg);} .psection_scroll .chevron.left:before{left: 0.2em; transform: rotate(-135deg);} @keyframes pulse1 { 0% {-webkit-transform: translateY(0);transform: translateY(0); } 50% {-webkit-transform: translateY(20px);transform: translateY(20px); } 100% {-webkit-transform: translateY(0);transform: translateY(0); } } /* font */ @font-face { font-family: 'Montserrat-Regular'; src: url('../fonts/Montserrat-Regular.eot'); src: local('鈽?), url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype'), url('../fonts/Montserrat-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat-Bold'; src: url('../fonts/Montserrat-Bold.eot'); src: local('鈽?), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat-Light'; src: url('../fonts/Montserrat-Light.eot'); src: local('鈽?), url('../fonts/Montserrat-Light.woff') format('woff'), url('../fonts/Montserrat-Light.ttf') format('truetype'), url('../fonts/Montserrat-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Manrope-Bold'; src: url('../fonts/Manrope-Bold'); src: local('鈽?), url('../fonts/Manrope-Bold.woff') format('woff'), url('../fonts/Manrope-Bold.ttf') format('truetype'), url('../fonts/Manrope-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Manrope-Regular'; src: url('../fonts/Manrope-Regular.eot'); src: local('鈽?), url('../fonts/Manrope-Regular.woff') format('woff'), url('../fonts/Manrope-Regular.ttf') format('truetype'), url('../fonts/Manrope-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'D-DINCondensed'; src: url('../fonts/D-DINCondensed.eot'); src: local('鈽?), url('../fonts/D-DINCondensed.woff') format('woff'), url('../fonts/D-DINCondensed.ttf') format('truetype'), url('../fonts/D-DINCondensed.svg') format('svg'); font-weight: normal; font-style: normal; } @media screen and (max-width: 5120px) { .page-detail-content-center img {max-width: 100%;height: auto!important;} .product-list-item .title-1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} } @media screen and (max-width: 3840px) { } @media screen and (max-width: 2560px) { } @media screen and (max-width: 2048px) { } @media screen and (max-width: 1920px) { .product-list-item .more-4 {margin: 0 10% 0 0;} } @media screen and (max-width: 1680px) { .product-list-item a {padding: 8.7% 0;} } @media screen and (max-width: 1600px) { .product-list-item a {padding: 7.8% 0;} } @media screen and (max-width: 1500px) { .product-list-item a {padding: 7.5% 0;} } @media screen and (max-width: 1440px) { .aksb-title .num-4 {font-size: 98px;line-height: 88px;} .page-solution-left-text {font-size: 90px;} .aksb-title .english-1,.features-content-title .english-1,.parameter-content-title .english-1 {font-size: 50px;line-height: 50px;} .index-banner-item .title-1,.page-banner .title-2 {font-size: 40px;line-height: 40px;} .detail-title .title-3,.page-banner-swiper .download-title .title-1,.download-title .title-1,.page-banner .text .title-1,.join-list-title {font-size: 40px;} .index-solution-top-title,.industry-solution-title .title-1,.page-detail-content-top .title-1,.history-item .title-1,.page-news-item .date strong {font-size: 30px;} .page-banner-right li strong,.product-list-top-title .title-2 strong {font-size: 28px;line-height: 26px;} .aksb-title .title-3,.features-content-title .title-2,.parameter-content-title .title-2,.capability-item .text .title-1,.join-windows-title .title-1,.join-bottom-title .title-1,.login-content-left .title-1 strong{font-size: 22px;line-height: 22px;} .aksb-title .title-2,.index-solution-nav-swiper .swiper-slide-thumb-active span,.culture-content-item .title-1,.capability-item .text .num-3,.join-list-item .title-1 {font-size: 18px;} .solution-nav strong,.product-list-item.pli1 .title-1,.product-list-item .title-1,.page-detail-content-center strong,.download-content-nav li a,.history-year span {font-size: 17px;} .index-news-content-bottom-item .title-1,.product-list-top-title .title-1,.detail-download-item .title-2,.industry-solution-item .title-1,.page-solution-nav a,.introduction-top .title-1,.corevalues-item .title-1,.awards-nav li a,.service-support-item .title-1,.page-contact-item .title-1,.page-news-item .title-1 {font-size: 16px;} .index-banner-item .text-2,.header-right li a span,.index-section-left-nav span,.linkurl-4 span,.allmore-1 span,.index-news-content-bottom-list li strong,.index-news-nav a,.index-news-more span,.page-banner .text-4,.page-banner-right li span,.product-list-top-nav a,.features-content-item .title-2,.features-content-list-more span,.parameter-content-list-more span,.page-swiper-prev span, .page-swiper-next span,.page-solution-nav a span,.page-detail-content-right-list .industry-solution-item .title-1,.search-input,.page-solution-left-nav li a,.page-solution-right-item .title-1,.introduction-item .title-2,.culture-content-item .text-4,.history-item .text-2,.capability-nav li span,.join-item-title span:first-child,.submit-1,.industry-news-item .title-1 {font-size: 14px;} .visitcompany-content .features-content-title .text-3,.capability-item .text .text-2,.awards-content-top .parameter-content-title .text-2,.awards-item .title-1 {font-size: 14px;line-height: 24px;} .detail-title .text-5,.page-detail-content-center ,.download-title .text-1,.service-support-item .text-2 {font-size: 13px;line-height: 24px;} .product-list-item .text-2 ,.identity-item .title-1,.join-content-top span,.join-item-content,.login-content-left .title-1 p{font-size: 13px;line-height: 22px;} .index-news-content-bottom-item .text-2,.join-list-item .text-2,.page-contact-item .add-1 {font-size: 12px;line-height: 22px;} .viewdetail-3 span,.product-list-item .more-4 span,.detail-model-list li,.detail-download-item .type-1,.industry-solution-item .more-1,.download-content-num,.identity-item .text-2,.join-item-title span {font-size: 12px;} .index-banner-item .title-1::after {height: 6px;} .index-banner-item .more-3 a {width: 100px;height: 42px;} .index-banner-item .more-3 span {font-size: 12px;line-height: 42px;} .linkurl-4 a {padding: 4% 0;} .header-content {height: 70px;} .header-nav li a {line-height: 70px;font-size: 14px;padding: 0 25px;} .solution-next, .solution-prev,.capability-nav li i {width: 50px;height: 50px;} .index-news-content-bottom {margin-top: 3%;} .page-contact {padding: 2% 2% 0 2%;width: 27%;} .page-banner-right li span {padding-top: 2%;} .product-list-top-nav a {padding: 5px 15px;} .product-content,.detail-model-content,.page-solution-content {width: 80%;} .page-solution-content {width: 90%;} .product-list-item a {padding: 8.5% 0;} .detail-top {top: 70px;} .parameter-content-list-more i {width: 21px;height: 21px;} .parameter-content-list-more i::before {height: 8px;margin: -4px 0 0 -1px;} .parameter-content-list-more i::after {width: 8px;margin: -1px 0 0 -4px;} .page-solution-nav a i img {max-width: 80%;max-height: 80%;} .history-item .title-1 {padding-bottom: 15px;} .history-item .text-2 {padding-top: 15px;} .input-1 {padding: 3% 5%;margin-bottom: 5px;} .join-list-item .title-1 {margin: 10px 0 10px 0;} .capability-nav li:nth-child(1),.capability-nav li:nth-child(2) {right: -3%;} .capability-nav li:nth-child(3),.capability-nav li:nth-child(4) {left: -3%;} .identity-item .logo-1 {width: 150px;} .join-windows {width: 30%;} .history-item .img {width: 35%;} .fengex i {width: 110px;} .header-nav-show {top:70px;} .join-bottom-contact li a,.join-bottom-contact li p,.join-bottom-contact li span {font-size: 14px;} .detail-top.scroll-top {top: 70px;} .index-solution-item .title-1 {font-size: 18px;} } @media screen and (max-width: 1366px) { .detail-product-pic {right: 17%;} .product-list-item a {padding: 7.5% 0;} } @media screen and (max-width: 1280px) { .detail-product-pic {right: 16%;} .product-list-item a {padding: 7% 0;} } @media screen and (max-width: 1152px) { .detail-product-pic {right: 15%;} .product-list-item a {padding: 6% 0;} } @media screen and (max-width: 1024px) { .product-list-item a {padding: 5.5% 0;} } @media screen and (max-width: 840px) { .pcshow ,.aside-top a,.header-nav li a::after{display: none!important;} .mbshow,.menu-toggle {display: block!important;} .header-content {height: 50px;} .header-center {position: fixed;width: 100%;height: 100%;left: auto;top:50px;transform:translateX(100%);right: 0;transition:all .4s ease;background: #000;z-index: 11;} .header-logo,.footer-content-top .logo-1 {width: 30%;} .header-right {right: 50px} .header-right li a {padding: 0 10px;} .no-touch .header-center{transform: translateX(0);} .header-nav li {display: block;border-bottom: 1px solid #333;} .header-nav li a {color: #fff;} .index-banner-item .text {width: 90%;left: 5%;} .index-section-left {width: 100%;height: 50%;} .index-section-right {width: 100%;height: 50%;top: auto;bottom: 0;} .index-section-right-content {left: 5%;width: 90%;} .aksb-title .title-2 {font-size: 18px;margin: 10px 0;} .linkurl-4 li {width: 50%;float: left;} .linkurl-4 i {right: 5%;} .index-section-left-nav i {width: 40px;height: 40px;} .index-section-left-nav i img,.features-content-item .icon-1 img{max-width: 80%;max-height: 80%;} .index-section-left-nav a {padding: 2% 0;} .index-solution-left {width: 100%;height: 50%;} .index-solution-left-content {right: 5%;width: 90%;} .solution-nav li {width: 50%;float: left;} .solution-nav i,.index-news-content-bottom-item .text-2 ,.index-news-content-bottom-item .viewdetail-3,.index-news-content-bottom-list li i,.product-list-item .text-2 {display: none;} .index-solution-left-content .aksb-title {margin-left: 0;} .solution-nav,.product-list-item.pli1 .more-4,.detail-parameter-right,.detail-download-right,.history-item .text {margin-top: 5%;} .index-solution-right {width: 100%;height: 55%;float: none;position: absolute;bottom: 0;left: 0;z-index: 11;} .index-solution-right-content {width: 100%;left: 0;transform: translateY(-50%);} .index-solution-right-content-top {margin-bottom: 0;} .index-solution-right-yuan ,.index-solution-item{width: 70%;} .index-solution-swiper {width: 100%;left: 0;} .index-solution-swiper-nav {opacity: 0;} .index-news-content-top-right {position: relative;right: auto;bottom: auto;margin-top: 5%;} .index-news-nav li:first-child a{padding: 5px 20px 5px 0px;} .index-news-nav li.cur a::after {width: 75%;right: auto;left: 0;bottom: 0;} .index-news-content-bottom-list li:last-child ,.index-news-content-bottom-list li:nth-child(4),.footer-content-center .emailbtn-2,.footer-content-center .nav-1 li::after{display: none;} .footer-content {padding: 10% 0 1% 0;} .footer-content-center .nav-1 li {display: block;padding: 10px 0;border-bottom: 1px solid #333436;} .footer-content-center .nav-1 li:first-child {padding: 0;} .footer-content-bottom-weblink {float: none;} .footer-content-bottom {padding: 5% 0 5% 0;} .footer-content-top .return-2 a {width: 30px;height: 10px;background: url(../images/top.png) center no-repeat;background-size: 100% 100%;} .index-news-content-top {margin-top: 70px;} .index-news-content-top .aksb-title .title-3 {padding-left: 10px;} .page-news-item .date ,.page-news-item .text{float: none;width: 100%;} .page-news-item .img {width: 100%;margin-top: 5%;} .page-news-list {margin: auto;} .page-detail,.page-detail-content-right {margin-top: 40px; } .page-banner .text {left: 5%;top: 50%;transform: translateY(-70%);width: 90%;} .page-banner-right {top: auto;transform:none;width: 90%;bottom: 5%;} .page-banner .text-4 {line-height: 24px;} .page-banner-right li {width: 45%;} .product-list-top-title,.awards-nav {position: relative;} .product-list-top-nav {text-align: left;} .product-list-top-nav a {border: 1px solid #ccc;border-radius: 50px;margin-bottom: 10px;} .product-list-item.pli1 {width: 100%;margin-right: 0;margin-bottom: 2%;} .product-list-item.pli2,.product-list-item {float: none;width: 100%;margin-right: 0;margin-bottom: 2%;} .industry-solution-item {margin-bottom: 2%;} .product-list-item.pli1 .text {width: 90%;position: relative;left: 0;top: auto;transform: none;padding:5%;} .product-list-item .text {padding: 0 5%;} .product-list-item.pli1 .more-4 {float: right;margin: 0 10% 10% 5%;} .detail-title {left: 5%;top: 50%;width: 90%;} .detail-parameter-list {overflow: hidden;} /* .detail-model-list li:nth-child(1),.detail-model-list li:nth-child(2),.detail-model-list li:last-child {width: 33%;} */ .detail-download-item .title-2 {width: 80%;} .download-title {left: 50%;width: 90%;} .page-banner-swiper .page-solution-nav a {width: auto;white-space: nowrap;padding: 10px 20px;} .page-solution-nav {font-size: 0;overflow-y: hidden;overflow-x: scroll;width: 100%;white-space: nowrap;font-size: 0;} .page-solution-nav ::-webkit-scrollbar{height:0px; width:0px;background: #ccc;} .page-banner-swiper .page-solution-nav {overflow-y: hidden;overflow-x: scroll} .page-solution-content-img img {max-width: 100%;} .page-solution-nav a {padding: 15px 25px;font-size: 14px;} .page-solution-right {margin-left: 0;margin-top: 5%;} .page-solution-right-item {margin-right: 0;margin-bottom: 2%;} .introduction-content-left::after {bottom: 0;right: auto;width: 100%;height: 1px;top: auto;left: 0;} .introduction-bottom {padding: 2% 0 20px 0;} .introduction-content-right .introduction-item .logo-1{width: 80%;} .culture-content-item {width: 50%;} .culture-content-item .english-0 {font-size: 20px;} .culture-content-item:nth-child(4) {border-radius: 0px;} .visitcompany-content .features-content-title .text-3 {width: 90%;margin: 20px auto;} .visitcompany-content .visitcompany-nav li {margin-bottom: 10px;} .corevalues-item,.visitcompany-content .visitcompany-nav a,.join-bottom-contact li {display: block;} .fengex,.service-support-item .img,.identity-bottom-logo ,.identity-item .img{display: none;} .capability-content-bottom,.join-list {margin-top: 30px;} .capability-content-bottom-swiper,.awards-content-top{width: 90%;} .capability-nav {left: 5%;width: 90%;} .capability-item .text .title-1 {padding-top: 0;} .capability-item .text .text-2 {min-height: auto;} .capability-nav li,.capability-nav li:nth-child(4),.capability-nav li:nth-child(3) {text-align: left;} .capability-nav li i {width: 50px;height: 50px;margin: 0px;float: none;display: block;} .capability-nav li:nth-child(4) span, .capability-nav li:nth-child(4) i,.capability-nav li:nth-child(3), .capability-nav li:nth-child(4),.capability-nav li:nth-child(3) span, .capability-nav li:nth-child(3) i {float: none;display: block;} .capability-nav li:nth-child(1),.capability-nav li:nth-child(4) {top: 0;} .capability-nav li:nth-child(2),.capability-nav li:nth-child(3) {bottom: 0;} .awards-content-top {margin: auto;} .awards-nav {margin: 20px 0;} .awards-nav li:first-child {margin: 0 20px 0 0;} .service-support-item .text {position: relative;padding-bottom: 5%;} .service-support-item:hover {background: #e60012;} .page-capability .page-about-content {width: 100%;} .page-awards .page-about-content,.page-service-support .page-about-content{width: 90%;} .identity-item {text-align: center;} .identity-item .logo-1 {margin: auto;position: relative;margin-bottom: 30px;} .identity-item .point-1 {left: 50%;transform: translate(-50%,-50%);} .identity-bottom-swiper {margin: auto;margin-top: 30px;padding: 3% 0;} .identity-item .text {position: relative;left: auto;margin-top: 60px;} .identity-item .title-1 {width: 100%;} .identity-bottom-right::after {top: 56%;} .identity-prev {right: auto;left:0;} .identity-prev, .identity-next {margin-top: -10px;} .page-join .page-about-content {width: 90%;} .join-content-top span:nth-child(2),.join-content-top span:nth-child(3),.join-content-top span:nth-child(4),.join-item-title span:nth-child(2),.join-item-title span:nth-child(3),.join-item-title span:nth-child(4) {display: none;} .join-content-top span:nth-child(1),.join-content-top span,.join-item-title span:first-child,.join-item-title span {width: 50%;} .join-list-item {width: 100%;margin-bottom: 2%;margin-right:0;} .join-list-item .text {position: relative;left: auto;top: auto;width: 80%;transform: none;margin: auto;padding: 10% 5%;} .join-list-item .img ,.page-solution-left-text{display: none;} .page-join-bottom .img {width: 500%;} .page-join-bottom .page-about-content {border-radius: 12px;overflow: hidden;} .join-bottom-contact li:last-child {margin-left: 0;margin-top: 10px;} .join-bottom-title {top: 10%;} .join-bottom-contact {text-align: left;position: absolute;left: 7%;width: 85%;bottom: 10%;} .join-windows {width: 90%;padding: 15% 5%;} .page-contact {padding: 5%;width: 80%;left: 5%;} .page-contact-map {position: relative;height: 500px;} .page-contact {padding: 5%;width: 80%;left: 5%;transform: none;position: relative;padding-top: 90px;} .page-banner .page-contact .img,.login-content-left {display: none;} .login-content {position: absolute;width: 90%;} .login-content-right {position: relative;width: 100%;padding: 20% 0;} .login-content-right-content {position: relative;left:auto;top:auto;transform: none;width: 90%;display: block;margin: auto;} .input-1 {padding: 5%;} .download-content-search {position: relative;width: 100%;right: auto;top: auto;transform: none;margin-top: 20px;} .download-content-nav li a {padding: 15px 0;} .detail-download-item.ddi1,.detail-download-item.ddi2 {margin-bottom: 10px ;} .index-news-more {margin-left: 10px;} .history-item .img {background-size: 100%;} .page-culture .page-about-content {width: 90%;} .service-support-item .icon-1 {margin-top: 20px;} .detail-download-item a:hover .icon-3,.detail-download-item a .icon-3 {background-size: 80%;} .join-process-list li {width: 100%;margin: auto;display: block;} .join-process-list::after {width: 1px;height: 80%;left: 50%;top: 50%;transform: translate(-50%,-55%);} .join-bottom-contact li {margin-left: 0;margin-top: 10px;} .join-bottom-contact li p,.join-bottom-contact li a {width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .join-bottom-contact li p {padding: 2px 0;} .join-bottom-contact li:last-child {margin-top: 10px;} .serch-content {width: 90%;} .search-content-top,.search-content-bottom .page-solution-right-item {width: 100%;} .search-title h3 {display: block;margin: 0;padding: 0;font-size: 30px;padding-bottom: 20px;} .header-nav-show {top: 50px;} .header-nav-show-content#language {width: 100%;right:0;} .psection_scroll { bottom: 40%;} .header-nav-show {position: absolute;top: 0px; height: 100%;z-index:-1;display:none;} .header-nav-show .header-nav-content,.header-nav-show-content { height: 100%;} .header-nav-show.cur {z-index:11;} .page-banner-right li span {font-size:12px;} .page-banner-right li strong {font-size: 22px;line-height: 22px;} .index-solution-swiper-nav {opacity: 1;} .index-solution-nav-swiper .swiper-slide span {font-size: 24px;} .index-solution-nav-swiper {width: 100%;} .detail-model-list{width: 100%;overflow:hidden;overflow-x:scroll;} .detail-model-list-content {width: 1000px;overflow: hidden;} .header-right li:first-child {display:none;} .product-list-item.pli1 .text .more-4,.detail-top ,.page-swiper-prev span, .page-swiper-next span,.culture-content-item .icon-3{display: none;} .detail-features,.detail-parameter,.detail-model,.detail-download,.industry-solution ,.page-about,.page-culture,.page-corevalues,.page-history,.page-visitcompany,.page-capability,.page-awards,.page-service-support,.page-identity,.page-join-list{padding: 15% 0;} .index-news-content ,.footer-content,.page-news-list,.page-detail-content,.product-content, .detail-model-content, .page-solution-content,.detail-features-content,.detail-parameter-content,.detail-download-content,.industry-solution-content{width: 90%;} .index-news-content-bottom-left,.index-news-content-bottom-right,.page-news-content,.page-detail-content-left,.page-detail-content-right,.product-list-item.pli1 .img,.features-content-item,.detail-parameter-right,.detail-download-right,.english-1 img,.industry-solution-item,.page-solution-left,.page-solution-right,.page-solution-right-item ,.introduction-content-left,.introduction-content-right,.culture-content-item.cci1,.history-item .img,.history-item .text,.identity-bottom-swiper,.identity-bottom-right,.detail-download-item.ddi1,.detail-download-item.ddi2{width: 100%;} .features-content-title .english-1,.parameter-content-title .english-1 {font-size: 40px;line-height: 40px;} .index-banner-swiper .title-1,.aksb-title .english-1,.page-banner .title-2,.detail-title .title-3 ,.page-banner-swiper .download-title .title-1,.download-title .title-1,.join-list-title{font-size: 30px;line-height: 30px;} .aksb-title .title-3,.index-solution-top-title,.page-detail-content-top .title-1 {font-size: 20px;} .capability-item .text .title-1 {font-size: 18px;} .solution-nav strong,.search-content-nav a {font-size: 16px;} .index-news-content-bottom-item .date-1,.index-news-content-bottom-item .title-1,.join-bottom-contact li p {font-size: 14px;} .index-banner-item .text-2,.index-section-left-nav span,.index-news-content-bottom-list li strong,.awards-item .title-1 {font-size: 12px;} } /* iPad */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {} @media only screen and (max-height : 650px) { } /*浠匢E6鍜孖E7璇嗗埆*/ @media screen\9 { } /*浠匢E6鍜孖E7銆両E8璇嗗埆*/ @media \0screen\,screen\9 { } /*浠匢E8璇嗗埆*/ @media \0screen { } /*浠匢E8-10璇嗗埆*/ @media screen\0 { } /*浠匢E9鍜孖E10璇嗗埆*/ @media screen and (min-width:0\0) { } /*浠匢E10/11璇嗗埆*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { }