/*header */ .header{position:fixed;left: 0;width: 100%; z-index: 500;top: 0; transition: 0.5s; min-width: 1280px;} .header .auto{width: 95%; padding-top: 30px; padding-bottom: 30px;} .header .stock{ float: left; padding-left: 42px; line-height: 30px; color: #31c9b6; font-size: 18px;} .header.top-bg{background: #2b2b2b; /*background: linear-gradient(180deg,#04203e,transparent);*/} .header .logo{ position: relative; z-index: 5} .header .logo img{height:30px;} .header .logo span{ position: relative; padding-left:8px; margin-left:8px;} .header .logo span:before{ content: ''; position: absolute; left: 0; top:50%; margin-top: -5px; width: 2px; height: 10px; border-left: solid 1px rgba(255,255,255,0.8);background: rgba(255,255,255,0.5)} .header .logo .img1{animation: logo 2s linear infinite;} @keyframes logo{ 0%{opacity:0;} 50%{opacity:1;} 100%{opacity:0;} } .header .top-nav{ line-height: 33px; float: right} .header .top-nav > *{float: left;} .header .top-btn a{ display: inline-block; padding: 0px 32px; border-radius: 5px;} .header .top-btn a.a-login{ cursor: pointer; background: #ffffff; color: #31c9b6} .header .top-btn a.a-register{ background: #31c9b6; color: #fff; margin-left: 10px;} .header .top-search{ display: none} /*.header .top-search{ display: none; background-color: #fff;border-radius: 36px;padding-right: 36px;width: 128px;} .header .top-search .btn{position: absolute;right: 0;top: 0;width: 36px;height: 100%;background: url(../images/top-search.svg) no-repeat center center;background-size: auto 14px;} .header .top-search .text{width: 100%;height: 36px;line-height: 36px;padding:0 0 0 20px;border: 0;background: none;}*/ .header .top-lang{ padding-right: 32px; position: relative; display: none;} .header .top-lang >a{ color: #fff; padding-right: 13px; background: url("../images/a_jt.png") no-repeat right} .header .top-lang span{ left: -18px; position:absolute; top: 100%; display: none; background:rgba(49,201,182); border-radius: 4px; overflow: hidden;} .header .top-lang span a{ color: #fff; display: block; padding: 0px 20px;} .header .top-lang span a:hover{ background: #fff; color: #31c9b6} .header menu li span, .header menu li a{display: block;} .header menu li span a{color: #fff;} .header menu li .sub{display: none;} .header .sub dt img{ vertical-align: middle; margin-right: 6px;} .header .sub dt a{ border-bottom: solid 1px #e8e8e8;margin-bottom:10px;} .header .logo{float: left; width:302px;} /*.header .top-search{display: block!important;}*/ .header menu{float: right;} .header menu li{float: left;margin-right:2.6vw;font-size: 16px;} .header menu li span{line-height: 33px;} .header menu li span a{position: relative;} .header menu li span a:after{position: absolute;content: '';height: 2px;background-color:rgba(49,201,182);left: 50%;transform: translateX(-50%); bottom: 0;width: 0;transition: width 0.3s;} .header menu li span a:hover:after, .header menu li.aon span a:after{width: 100%;} .header .sub{position: absolute; padding-top:1.5%; padding-bottom:2%; top: 100%;background-color:rgba(255,255,255,0.85);overflow: hidden;left: 0;width: 100vw; } .header .sub dl{overflow: hidden;} .header .sub dt{line-height: 22px;text-align: center;float: left; font-size: 14px;} .header .sub dt:not(:last-child){ padding-right:70px;} .header .sub dt a{ display: block; padding: 10px 50px 10px 0;transition: 0.3s;} .header .sub dt span{padding-left:40px;} .header .sub dt span a{padding:0;border-bottom:none;color:#2b2b2b;margin-bottom:0;} .header .sub dt img{ vertical-align: middle; margin-right: 6px;} .header #m6 .sub dl{ margin: 0 auto!important; max-width: 1280px; width: 80%; text-align: right; float: none!important;} .header #m6 .sub dt{ float: none; display: inline-block;} .header.hover{ background: #2b2b2b} .header.hover menu li.aon span a:after{ display: none} .header.hover menu li.aon span a:before{ content: ''; position: absolute; left: 50%; bottom:-30px; border: solid 12px transparent; border-bottom-color: #fff;transform: translateX(-50%);} .header menu li#m4 .sub dl{ position: relative; left: calc( -100 / 1920 * 100vw);} .header menu li{margin-right:1.7vw;} .header .sub dt:not(:last-child){ padding-right:40px;} /* @media (max-width:1700px) { */ .header menu li{margin-right:1.2vw; font-size: 16px;} .header .stock{ padding-left: 10px;} .header .top-btn a{ padding-left:10px; padding-right:10px; font-size: 16px;width:98px;text-align: center;} .header .top-lang{ padding-right: 32px;padding-top:1px;} .header .sub dt:not(:last-child){ padding-right:70px;} /* } */ /* @media (min-width:1025px) and (max-width:1300px) { .header .stock{ padding-left: 0px; position: absolute; padding-top:30px;} } @media (max-width:1100px) { .header .logo span{ display: block; width: 145px; margin-left: 0; padding-left: 0;} .header .logo span:before{ right: 0; left: auto} .header .stock{ padding-left: 155px; font-size: 14px;position: absolute;} } */ @media (max-width:1024px) { /*.header .open-search{width: 36px;height: 36px;background: url(../images/top-search.svg) no-repeat center center;background-size: auto 60%;} .header .top-search{position: absolute;left:5%;width: 90%;top: 100%;} .search-show .header .top-search{display: block;}*/ /* .header .auto{height: 80px;} .header .auto:after{display: none;} .header .stock{ margin-top: -30px;} .header .top-lang{ padding-right:10px} .header .top-btn a{ padding: 0px 15px} .header .open-menu{height: 36px; margin-left: 15px;} .header .open-menu i{background-color: #31c9b6;} body.menu-show{overflow: hidden;} .header menu{position: fixed;top: 80px;bottom: 0;width: 240px;background-color: rgba(255,255,255,0.9);right: -100%;padding: 40px 0;opacity: 0;transition: 0.3s ease-out;} body.menu-show .header menu{right: 0;opacity: 1;} .header menu ul{height: 100%; overflow: auto;} .header menu li{border-bottom: 1px solid #eee;} .header menu li span{line-height: 3;font-size: 20px;} .header menu li span a{padding-left: 1em; color: #333} .header .has-sub span .op:before, .header .has-sub span .op:after{background-color: #31c9b6;} .header .sub{padding:1em;background-color: rgba(0,0,0,0.1);} .header .sub dt{line-height: 2.5;} */ } /* @media (max-width:768px) { .header .auto{ display: block; height: auto; padding-top:20px; padding-bottom:20px;} .header .logo{ width: 50%} .header .top-btn a{ padding: 0px 10px} } */ .footer{ background-color: #2a2b2c} .footer a{ color: #fff} .footer .other{ padding-top: 4%} .footer .other ul li span{ display: block; padding-bottom: 10px} .footer .fl{ width: 68%;} .footer .fl li{float: left;} .footer .fl li:nth-child(odd){ width: 30%;} .footer .fl li:nth-child(even){ width: 20%;} .footer .fr{ width: 32%; max-width: 480px;} .footer .fr dl{ float: left; text-align: center; max-width: 25%;padding-right: 2vw;} .footer .fr dl dt{/*margin: auto;*/} .footer .fr dl dd{ padding-top: 10px; font-size: 14px;} .footer .link a{ position: relative; display: inline-block;} .footer .link a:not(:last-child){ margin-right: 35px;} .footer .link a:not(:last-child):after{ content: ''; position: absolute; right: -18px; width: 2px; height: 70%; top: 15%; background: #828384; border-right: solid 1px #8e8e8e} .footer .copyright{ padding-top: 1%; padding-bottom: 3%} .footer .copyright .icp{ display: inline-block} /* @media (max-width:1500px){ */ .footer .fl li{ font-size: 14px;} .footer .fr dl{ padding-right: 1vw;} .footer .other ul li span{ font-size: 16px;} .footer{ font-size: 14px;} /* } */ /* @media(max-width:1200px){ .footer .fl, .footer .fr{ width: auto; float: none} .footer .fr{ margin: auto; text-align: center; padding:4% 0} } @media(max-width:768px){ .footer .fl li{ width:25%!important} .footer .fl li.img{ width: 100%!important; text-align: center; padding-bottom: 3%} .footer .fl li.email{ width:50%!important} .footer .copyright .icp{ display: none} } */ .side_float{ position:fixed; right:2%; bottom:8%; z-index:100;} .side_float a{ display:block; background:#fff; border-radius:100px; padding:3px; cursor:pointer; border: solid 1px #31c9b6; border-radius: 100px;} .col_white, .col_white a{ color: #fff} .col_green{ color: #35cab7} @-webkit-keyframes bg-scale{ 0%{background-size:120% auto} to{background-size:110% auto} } @keyframes bg-scale{ 0%{background-size:120% auto} to{background-size:110% auto} } @-webkit-keyframes img-scale{ 0%{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2);} to{transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1);} } @keyframes img-scale{ 0%{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2);} to{transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1);} } .banner { overflow: hidden; position: relative} .banner h4{font-weight:normal;/* max-width: 700px; */text-align: center;} .banner h4 span{ padding-left: 12px;} .banner .pic.wap{ display: none} .banner video{ position:absolute; width:100%; height:100%; top:0; background:#000;object-fit: fill;} .banner .info{ position: absolute; width: 100%; height: 100%; z-index: 5; top: 0} .banner .pic{-webkit-animation: img-scale 5s ease-out forwards; animation: img-scale 5s ease-out forwards;} .banner .pic img{ width: 100%} .banner .txt_sub{ max-width: 720px; line-height: 30px;} .banner .txt_sub p.f20{ padding-bottom: 2%} .banner .line{ display: block; margin: 2vw 0; width: 35px; height: 2px; background-color: #fff;} .banner.col_black .line{ background-color:#3d3c3c;} .banner .line_green{display: block;margin: 2vw 30vw;width: 65px;height: 3px;background-color: #31c9b6;margin: 28px auto;} .col_black{ color: #302f2f;} .col_black .line{ background-color: #302f2f;} .banner .txt{width: 100%;max-width: 980px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 3; text-align: center; color: #fff;} .banner .txt .tit{ font-size: 32px; font-weight: bold; line-height: 1.5;} .banner .txt .subtit{ font-size: 18px; } .banner_case .textinfo{ max-width: 810px; line-height: 30px;} .banner_case .textinfo .w575{ max-width: 575px;} .banner_case .textinfo .ul .garden{ padding-left: 20px;} .garden{ padding-left: 20px!important; position: relative;} .garden::before{ content: ''; position: absolute; left: 0; top: 9px; width: 10px; height: 10px; border-radius: 100%; background-color: #31c9b6; } .ban_slickjs_video .txt{text-align: center} .ban_slickjs_video .item:not(.slick-current) .aos-animate{ opacity: 0} .ban_slickjs_video .item:not(.slick-current) [aos=fade-up]{ -webkit-transform: translate(0,100px); -ms-transform: translate(0,100px); transform: translate(0,100px);} .ban_slickjs_video .item:not(.slick-current) .pic{-webkit-animation:auto; animation: auto;/*animation-play-state:paused;-webkit-animation-play-state:paused;*/} .ban_slickjs_video .slick-current .pic{-webkit-animation: img-scale 5s ease-out forwards; animation: img-scale 5s ease-out forwards;} /* @media(max-width:1024px){ .banner .pic.pc{ display: none} .banner .pic.wap{ display:block} } @media(max-width:1024px){ .banner .txt{ padding-top: 50px;} } @media(max-width:640px){ .banner_case{ display: flex;flex-direction: column-reverse; color: #373737;} .banner_case .pic{ overflow: hidden;} .banner_case .info{ position: relative; padding: 5% 0;} .banner_case .txt{ padding-top: 0;} .banner_case .line{ background-color: #373737;} .banner_case .textinfo .ul{ line-height: 26px;} .banner.wapinfo .info{ position: relative; color: #373737; padding: 5% 0;} .banner.wapinfo .txt{ padding-top: 0;} .banner.wapinfo .line{ background-color: #373737;} } */ .home_column{ padding:2% 0; margin: 0; line-height:2; text-align: center; font-weight: normal; color: #04203e} .home_column:after{ content: ''; display: block; margin: auto; margin-top: 10px; width: 34px; height: 2px; background: #04203e} .home_photo{padding-bottom: 4%} .home_photo .info{ padding: 3% 0; text-align: center} .home_photo .info:after{ content: ''; display: block; margin: auto; margin-top: 20px; width: 34px; height: 2px; background: #04203e} .home_photo .photo_wap{ display: none} .home_photo .photo{ max-width: 1320px; margin: auto; position: relative} /* @media(min-width:960px){ */ .home_photo .item#item1, .home_photo .item#item3{ position: absolute; margin: auto; left: 0; right: 0;} .home_photo .item#item1{ width: 36.36363636363636%; top: 0} .home_photo .item#item2{ width:100%;} .home_photo .item#item3{ width:100%; bottom: 0} .home_photo .item#item1 .pic{ opacity: 0} .home_photo .txt{ position: absolute; z-index: 10} .home_photo .item#item1 .txt{ width:100%} .home_photo .item#item2 .txt{ width: 25.75757575757576%} .home_photo .item#item3 .txt{ width: 9.09090909090909%} .home_photo .item *{ transition: 0.5s} .home_photo .txt span{ position: absolute; min-width: 22px; min-height: 22px; display: block} .home_photo .txt span a{ width: 0; position: absolute; left:40px; top: -12px; overflow: hidden; font-size: 18px; color: #fff; line-height: 42px;height: 42px;} .home_photo .txt span a:before{ content: ''; position: absolute; width: 0%; height: 100%;background: rgba(51,112,254,0.8); border-radius: 30px; } .home_photo .txt span b{ opacity:0; position: relative; padding-left: 20px; padding-right: 20px; display: block; font-weight: normal;z-index: 2;} .home_photo .txt span b:after{ position: absolute; top: 0; right:10%; content: '>'} .home_photo .txt span b img{ vertical-align: middle; margin-right:15px;} .home_photo .txt span i{ position: absolute; cursor: pointer; left:0px; top:0px; display: block; width: 22px; height: 22px; border-radius: 100px; border: solid 8px #3370fe; background: #fff} .home_photo .txt span:before{ content: ''; position: absolute; width: 100%; height: 100%; border-radius: 100px; transform:scale(1); background: #31c9b6; animation-name: quan; animation-iteration-count: infinite;animation-duration:1s; } .home_photo #a1.txt span b{ text-align: center} .home_photo #a1 span{ right:46%; top:25%} .home_photo #a1 span img{ display: none} .home_photo #b1{ left: 15%; top:22%} .home_photo #b2{ left: 38%;top: 40%} .home_photo #b3{ right: 15%;top: 22%} .home_photo #b1 span{ right:11%; top:43%} .home_photo #b2 span{ right:11%; top:47%} .home_photo #b3 span{ left:48%; top:67%} .home_photo #c1{ left: 21%; top:17%} .home_photo #c2{ left: 30%;top: 40%} .home_photo #c3{ right: 30%;top: 40%} .home_photo #c4{ right: 21%;top: 17%} .home_photo #c1 span{ right:0%; top:69%} .home_photo #c2 span{ right:0%; top:69%} .home_photo #c3 span{ left:4%; top:69%} .home_photo #c4 span{ left:4%; top:69%} .home_photo .item.hover{ z-index:20} .home_photo .txt.show{ z-index:20} .home_photo .txt.show span a{ width: 237px; } .home_photo .txt.show span a:before{ width: 100%} .home_photo .txt{ animation-name: tiaodong; animation-iteration-count: infinite;} .home_photo .txt#b1{animation-duration:2.8s;} .home_photo .txt#b2{animation-duration:3s;} .home_photo .txt#b3{animation-duration:2.6s;} /* .home_photo .txt#c1{animation-duration:2.5s;} .home_photo .txt#c2{animation-duration:2s;} .home_photo .txt#c3{animation-duration:2.4s;} .home_photo .txt#c4{animation-duration:2.1s;}*/ .home_photo .txt.show span b{ animation:xianshi 1s ; -webkit-animation:xianshi 1s ; animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-fill-mode: forwards; } /* } */ @keyframes xianshi { from {opacity: 0} to {opacity: 1} } @-webkit-keyframes xianshi { from {opacity: 0} to {opacity: 1} } @keyframes tiaodong { 0% {transform:translateY(-20px)} 50% {transform: translateY(0px)} 100% {transform: translateY(-20px)} } @-webkit-keyframes tiaodong { 0% {transform: translateY(-20px)} 50% {transform: translateY(0px)} 100% {transform: translateY(-20px)} } @keyframes quan { from {transform: scale(1);} to {transform: scale(2); opacity: 0} } @-webkit-keyframes quan { from {transform: scale(1);} to {transform: scale(2); opacity: 0} } /* @media(max-width:960px){ .home_photo .photo_wap{ display:block} .home_photo .photo .pic, .home_photo .photo .txt >img{ display: none} .home_photo .txt{ padding:1% 2%} .home_photo .txt span a{ padding: 0 5%; display: block; color: #fff; line-height: 42px;height: 42px;background: rgba(51,112,254,0.8); border-radius: 30px; } .home_photo .txt span b{ display: block; position: relative;font-weight: normal} .home_photo .txt span b:after{ position: absolute; top: 0; right:10%; content: '>'} .home_photo .txt span b img{ vertical-align: middle; margin-right:15px;} } */ .home_about{ padding-top: 3%; background: #f7f8fa} .home_about .info{ position: absolute; width:84%; margin: auto; left: 0; right: 0; bottom: 5%; z-index: 5} .home_about .info a{ display: block; text-align: left; padding:8%; border-radius: 10px;} .home_about .info p{ line-height:34px; width: 0; height: 0} .home_about .icon{ display: inline-block} .home_about .more{ display: block; height: 15px; background: url(../images/jt.png) no-repeat right; opacity: 0} .home_about h4{ padding: 10px 0; font-weight: bold} .home_about .listbox{ position: relative; overflow: hidden} .home_about .listbox *{ transition: 0.5s} .home_about .pic:before{ content: ''; position: absolute; width: 100%; height: 100%; background: #000; z-index: 2; right: 0; opacity: 0.5} .home_about .item .pic span{ /*padding-bottom:156.934%;*/ height: 634px;} .home_about .item{ width:26.579%; float: left;} .home_about .item.show{ width:46.842%} .home_about .item.show .pic span{/* padding-bottom:89.047%;*/} .home_about .item.show .pic:before{ opacity: 0.3} .home_about .item.show .info a{background: rgba(51,112,254,0.7);} .home_about .item.show .info p{ width:100%; height:136px} .home_about .item.show .more{ opacity: 1} /* @media(max-width:1500px){ .home_about .item .pic span{height: 33.02vw;} } @media(max-width:1200px){ .home_about .icon{ width: 50px;} .home_about .item .pic span{ height: 450px} .home_about .info p{ line-height:22px;} .home_about .item.show .info p{ height:88px} } @media(max-width:640px){ .home_about .item{ margin-top: 4%; float: none; width: 100%!important;} .home_about .item .pic:before{ opacity: 0.3} .home_about .item .info a{background: rgba(51,112,254,0.7);} .home_about .item .info p{ width:100%; height:88px} .home_about .item .more{ opacity: 1} } */ .home_news{ background: #f7f8fa; padding-bottom: 4%} .home_news .auto{padding-top: 2%;width:1200px; } .home_news .hotnews{ } .hotnews{ overflow: hidden} .hotnews .item{ padding:40px; transition: 0.5s;background:#fff;} .hotnews .item:not(.next2):after{ content: ''; position: absolute; top: 0; right: 1px; width: 1px; height: 100%; background-color: #e8e8e8;} .hotnews .box{ padding:0% 0; max-width: 400px; margin: auto; line-height: 33px;} .hotnews .txt{ padding-top:6%; padding-bottom:8%;} .hotnews time{ display: block; color: #31c9b6; padding-left: 30px; background: url(../images/time.png) no-repeat left/18px;font-size:15px;} .hotnews .more{ color: #fff; background: #31c9b6; border: solid 1px #31c9b6; padding: 0px 30px; display: inline-block; border-radius: 50px; transition: 0.5s} .hotnews h4{ height:66px;font-size:16px;line-height: 30px;} .hotnews .pic{ position: relative;margin-top: 12%; padding-bottom: 10%; border-bottom: solid 1px #e8e8e8} .hotnews .pic a{ position: relative; padding-bottom:47.5%;} .hotnews .pic:after{ position: absolute; bottom:0px; left: 50%; z-index: 5; content: ''; width:0; height:2px; background:#91e2d8; border-top: solid 1px #9fe6dd; transition: 0.5s} .hotnews .item:hover .more{ background: transparent; color: #31c9b6} .hotnews .item:hover{box-shadow: 10px 10px 40px rgba(0,0,0,0.2)} .hotnews .item:hover .pic:after{ width: 100%; left: 0} .hotnews .slick-dots{ position: absolute; bottom:0; padding: 0} .list_hot_news{ padding: 2.5% 0;} .list_hot_news .auto{background: #fff;} /* @media(max-width:1500px){ */ .hotnews .more{ font-size: 14px; padding: 0 20px;} /* } */ /* @media(max-width:768px){ .hotnews .box{ padding: 3% 0; max-width: none} .hotnews .txt{ padding-top:2%; padding-bottom:4%;} .hotnews .pic{ margin-top: 4%; padding-bottom:4%} } */ /**************/ .bg_gray{ background: #f7f8fa} .bg_f6f6f6{ background-color: #f6f6f6;} .bg_f6f8fb{ background-color: #f6f8fb;} .sub_menu{ background: #efefef; position:absolute; width: 100%; z-index:110; transition: 0.5s} .sub_menu ul li{ display: inline-block; line-height: 62px;} .sub_menu ul li:not(:last-child){ padding-right: 2vw} .sub_menu ul li a{ display: inline-block; position: relative} .sub_menu ul li .active:before{ content: ''; position: absolute; width: 100%; height: 2px; bottom: 0; border-bottom: solid 1px #31c9b6; background: #a3e0d8} .sub_menu.sub_show{ position: fixed; background:#31c9b6} .sub_menu.sub_show ul li a{ color: #fff} /* @media(max-width:768px){ .sub_menu{ font-size: 15px;} .sub_menu ul li{ line-height: 42px;} } */ .column_title{ padding:2% 0; margin: 0; line-height:2; font-weight: normal; color: #04203e} .column_title:after{ content: ''; display: block; margin-top: 10px; width: 34px; height: 2px; background: #04203e} .column_title.noline:after{ display: none} .column_title.center{ text-align: center} .overall_intro{ padding-bottom: 4%;} .overall_intro .info_pic{ padding:2% 0} .overall_intro .pic{ width:40.856%} .overall_intro .info{ width:59.144%; padding-left: 5%; line-height: 2} /* @media(max-width:768px){ .overall_intro .info, .overall_intro .pic{ padding: 1% 0; display: block; width: 100%} } */ .platform_architecture{ padding-top:1%; padding-bottom:3%} .platform_architecture .photo{ padding: 2% 0} .product_module { padding: 3% 0} .product_module .infobox{ margin-top: 2%; padding:4% 6%; box-shadow: 0 6px 57px rgba(0,0,0,0.06)} .product_module .sub{ border-bottom: solid 1px #bfbfbf} .product_module .sub b{ display: inline-block; line-height: 2; border-bottom: solid 5px #31c9b6} .product_module .txt{ padding:5% 0; } .product_module .more{ color: #31c9b6; padding-right: 56px; display: inline-block; background: url(../images/jt_blue.png) no-repeat right} .product_module .item{ padding: 2% 0} /* @media(min-width:768px){ */ .product_module .info{ width:45%;} .product_module .pic{ width:51.585%;} .product_module .txt{min-height: 200px;} .product_module .item:nth-child(odd) .info{ float: left} .product_module .item:nth-child(odd) .pic{ float: right} .product_module .item:nth-child(even) .info{ float: right} .product_module .item:nth-child(even) .pic{ float: left} /* } */ .value_advantage { padding: 3% 0} .value_advantage .info .ul li{ position: relative; padding:3% 0 3% 15%;} .value_advantage .info .ul li img{ position: absolute; width:14%; left: 0;} .value_advantage .info .ul li span{ padding-bottom: 10px; display: block} .value_advantage .info .ul li .gray{ color: #727171} /* @media(min-width:640px){ */ .value_advantage .info .ul li{padding:7% 0 7% 10%; float: left; width: 50%} .value_advantage .info .ul li img{width:18.425%; } /* } */ /* @media(min-width:768px){ */ .value_advantage .info{ float: left; width: 50%;} .value_advantage .pic{ float: right; width: 46.777%;} /* } */ .successful_case .largebox{ padding: 40px 72.5px;} .successful_case .large .info{ padding:5%; height: 337px; position: relative; z-index: 2} .successful_case .large h4 span, .successful_case .large h4 a{ display: inline-block} .successful_case .large h4 span{ position: relative; color: #31c9b6; padding-right: 45px;} .successful_case .large h4 span:after{ content: ''; position: absolute; right: 20px; top:30%; width: 1px; height: 40%; background: #888888} .successful_case .large p{ margin: 20px 0; color: #666666; line-height: 26px; height: 78px} .successful_case .large .more{ color: #31c9b6; border: solid 1px #31c9b6; line-height: 30px; display: inline-block; padding: 0px 27px; border-radius: 50px;} .successful_case .large .pic{ position: absolute; top: 0; width: 100%; height: 100%; background:#f7f8fa no-repeat right center; border-radius: 10px;} .successful_case .small{ background: #f9fafb} .successful_case .smallbox{ padding: 0 72.5px;} .successful_case .small .item{padding:18px 0; } .successful_case .small .pic{ cursor: pointer; max-width:90%; margin: auto} .successful_case .small .pic{ height: 50px; position: relative} .successful_case .small .slick-current:before{ content: ''; position: absolute; margin-left: -7px; left: 50%; top:0px; width: 0; height: 0; border: solid 14px transparent;border-top-color: #fff} /* @media(max-width:768px){ .successful_case .largebox, .successful_case .smallbox{ padding-left: 50px; padding-right: 50px;} } */ .platform_functions{ padding-top:1%; padding-bottom:3%} .platform_functions .infobox{ text-align: center;} .platform_functions .item{ display: inline-block; width: 24%; padding:3% 1.5%;; vertical-align: top} .platform_functions .info{padding:8%; box-shadow: 0 4px 40px rgba(0,0,0,0.08); border-radius: 10px; position: relative} .platform_functions .info:before{ content: ''; position: absolute; left: 50%; margin-left: -6px; top:-24px; border: solid 12px transparent; border-bottom-color: #fff} .platform_functions .txt{} .platform_functions h4{ padding: 20px 0} .platform_functions ul{ display: inline-block; text-align:left; max-width: 80%; margin: auto} .platform_functions ul li{ line-height: 26px; list-style: disc} .platform_functions ul li::marker{ color: #31c9b6; font-size: 26px; text-align-last: initial!important;} .platform_functions figure{transition: all 1s; margin: auto} .platform_functions .item:hover figure{ transform: rotateY(180deg);} /* @media(min-width:640px){ */ .platform_functions.cPaaS .item{ float: left; width:50%; display: table} .platform_functions.cPaaS .title, .platform_functions.cPaaS .info{ display: table-cell} .platform_functions.cPaaS .title{ width: 30%; vertical-align: middle} .platform_functions.cPaaS .info{ width: 70%} .platform_functions.cPaaS ul li{ padding: 4% 0} .platform_functions.cPaaS .info:before{ top: 50%; margin-top: -12px; left:-18px; transform: rotate(-90deg)} /* } */ /* @media(min-width:1024px){ */ .platform_functions.DI .item{ width: 33%;} /* } */ /* @media(min-width:1280px){ */ .platform_functions.DI .item:nth-child(2) ul li{ float: left; width:50%} /* } */ /* @media(max-width:1200px){ .platform_functions figure img{ width: 80px} } @media(max-width:1024px){ .platform_functions .item{ width:49%;} } @media(max-width:768px){ .platform_functions figure img{ width:60px} } @media(max-width:640px){ .platform_functions .infobox{} .platform_functions .item{ display: block; width:100%;} .platform_functions .info{ padding: 3% 5%} .platform_functions .txt{ text-align: left; height: auto!important} .platform_functions ul{ padding-left: 20px; display: block;max-width:100%;} } */ .platform_advantage{ padding-top:2%; padding-bottom:3%} .platform_advantage .info h4{ padding-bottom: 4%} .platform_advantage .info h5{ padding-top:2%; color: #31c9b6} .platform_advantage .info .txt{ padding-top:6%; line-height: 26px; color: #666666 } .platform_advantage .info ul{ padding-left: 22px;} .platform_advantage .info ul li{ padding: 2% 0;list-style: disc} .platform_advantage .info ul li::marker{ color: #31c9b6; font-size: 26px;} .platform_advantage .pic{ padding-bottom:33%; background: no-repeat left center; background-size: cover} .platform_advantage .slickbox{ position: relative} .platform_advantage .arrows_box{ position: absolute; width: 100%; top: 50%; z-index: 100} .platform_advantage .arrows_box .auto{ position: relative} /* @media(min-width:1024px){ */ .platform_advantage .column_title{ position: absolute; z-index: 100} .platform_advantage .column_title.white{ color: #fff;} .platform_advantage .column_title.white:after{ background: #fff} .platform_advantage .infobox{ position: absolute; width: 100%; height: 100%; text-align: right} .platform_advantage .info{ text-align: left; display: inline-block; max-width: 560px; padding-right: 60px;} /* } */ /* @media(max-width:1200px){ .platform_advantage .info ul li{ padding:0.5% 0;} } @media(max-width:1024px){ .platform_advantage .info .txt{ padding: 2% 0} .platform_advantage .info h4{ padding: 2% 0} .platform_advantage .info h5{ padding: 1% 0} } @media(max-width:768px){ .platform_advantage .pic{ padding-bottom:50%;} } */ .list_top_news .infobox{ position: absolute; width: 100%; height: 100%} .list_top_news .info{ max-width: 460px; padding: 5% 3%; width: 70%; background: rgba(47,115,254,0.9)} .list_top_news .txt{ padding-bottom: 10%; padding-bottom: 24%} .list_top_news .txt h4{ line-height: 34px; height: 102} .list_top_news .info span{ display: block;background: url(../images/jt_blue.png) no-repeat right center;} .list_top_news .pic{ padding-bottom:60%; background: no-repeat center center; background-size:cover} /* @media(min-width:1024px){ */ .list_top_news .column_title{ position: absolute; z-index:100} .list_top_news .pic{ padding-bottom:38.046%;} /* } */ /* @media(max-width:1480px){ .list_top_news .txt{ padding-bottom:10%} } */ .news_search{ padding:1.5% 0; margin-bottom: 3%; border-bottom: solid 1px #cdcdcd} .news_search >div{ display: inline-block; padding-bottom: 5px;} .news_search b{ font-weight: normal} .news_search .key{ padding-right: 50px;} .news_search .key span{ display: inline-block;position: relative;} .news_search .key .btn{ border: none; cursor: pointer; position: absolute; right: 2px; bottom:2px; width:40px; height: 32px; background:#fff url(../images/search.png) no-repeat center center;} .news_search input{color: #b6b6b6; padding: 0px 10px; width: 240px; height: 36px; border: solid 1px #dddddd; border-radius:4px; font-size: 16px; background: #fff} .news_search input::placeholder{ color: #b6b6b6} .news_search input[type="date"]::-webkit-calendar-picker-indicator{ width:24px; background: url(../images/date.png) no-repeat 100%;} .fl_news{ width: 74%; max-width: 1020px; float: left;} .fr_news{ width: 24%; float: right; border: solid 1px #e1e1e1; padding:3%} .fr_news h4{ text-align: center; padding-bottom: 4%} .list_news li{ padding:4% 0;border-bottom: solid 1px #cdcdcd} .list_news li:nth-child(1){ padding-top: 0} .list_news li .pic{ width:38.236%; float: left;} .list_news li .pic a{ height: 190px;} .list_news li .info{ float: right; width:56%} .list_news li .txt{ color: #5e5e5e; line-height: 24px; height: 72px; margin-top: 5%; margin-bottom: 5%;} .list_news li .more{ color: #1684fc} .list_news li .more a{ float:right; width: 44px; height: 24px; background: url(../images/jt_blue.png) no-repeat right center;} .ranking_news .item{ padding:10px 0 10px 33px;} .ranking_news i{ left: 0; position: absolute; margin-top: 5px; color: #fff; background: #a2a2a2; font-style: normal; width: 20px; line-height: 20px; text-align: center;} .ranking_news .txt{ margin-bottom: 20px;} .ranking_news time{ color: #a2a1a1;} .ranking_news .item:nth-child(1) i{ background: #ec4141} .ranking_news .item:nth-child(2) i{ background: #ec6941} .ranking_news .item:nth-child(3) i{ background: #f8b551} .news_video { padding-top: 2%; padding-bottom: 3%} .news_video .videobox{ position:relative; overflow: hidden} .news_video .paly_video{ display: block; border: solid 1px #fff; cursor: pointer; width: 52px; height: 27px; border-radius: 20px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; text-align: center} .news_video .paly_video:before{ content: ''; position: absolute; left: 20px; top: 5px; border: solid 8px transparent; border-left-width: 12px; border-left-color: #fff} .news_video video{ position: absolute; width: 100%; height: 100%; background: #000} .news_video .photo img{ width: 100%} /* @media(max-width:768px){ .fl_news, .fr_news{ float: none; width:100%;} .list_news li .pic a{ height: 140px;} .fr_news h4{ text-align: left} .ranking_news .item{ padding-top: 0} .ranking_news .txt{ padding-right: 60px; margin-bottom: 10px; -webkit-line-clamp:1;} .ranking_news time{ position:absolute; right: 0; top: 0} .ranking_news i{ margin-top:0px;} .news_video .photo{ width:200%} .news_search >div{ display: block} .news_search b{ width: 100px; display: inline-block} .news_search .key{ padding-right: 0} .news_search input{ font-size: 14px; width: 220px;} } */ .contact_intro .item{ margin-bottom: 4%;} .contact_intro .item .info{ z-index: 2; position: absolute; margin: auto; top: 0; bottom: 0; height:85%; width: 80%; max-width: 410px; transition: 0.5s } .contact_intro .item .txt{padding:4%; transition: 0.5s } .contact_intro .item .txt p{margin-top:4%; transition: 0.5s; color: #fff; } .contact_intro .item .pic{ padding-bottom: 50%; position: relative; background: no-repeat center center; background-size: cover} .contact_intro .item .pic img{ position: absolute; width: 100%; height: 100%; opacity: 0} /* @media(min-width:768px){ */ .contact_intro .item:nth-child(1){ width: 63.1579%;} .contact_intro .item:nth-child(2){ width: 32.8948%;} .contact_intro .item:nth-child(3){ width: 45.3948%;} .contact_intro .item:nth-child(4){ width: 50.6579%;} .contact_intro .item:nth-child(1) .pic{ padding-bottom: 42.293%} .contact_intro .item:nth-child(2) .pic{ padding-bottom: 81.2%} .contact_intro .item:nth-child(3) .pic{ padding-bottom: 58.842%} .contact_intro .item:nth-child(4) .pic{ padding-bottom: 52.728%} .contact_intro .item:nth-child(odd){float: left;} .contact_intro .item:nth-child(even){float: right;} .contact_intro .item .txt{padding:5% 12%;transform: translateY(50px); } .contact_intro .item .txt p{margin-top: 8%; opacity: 0; line-height: 30px;} .contact_intro .item:hover .info{ background: rgba(51,112,254,0.9)} .contact_intro .item:hover .txt{ transform: translateY(0px)} .contact_intro .item:hover .txt h4{ color: #fff;} .contact_intro .item:hover .txt p{ opacity:1;} /* } @media(max-width:768px){ .contact_intro .item .info{ background: rgba(51,112,254,0.9)} .contact_intro .item .txt h4{ color: #fff;} } */ .contact_tel{ padding-top: 25px; padding-bottom: 24px; background: url("../images/contact_tel_bg.jpg") no-repeat center center} .contact_tel span{ line-height: 38px; display: inline-block} .contact_tel .img{ margin-right: 50px;} .contact_tel .tel{ padding-left: 40px; background: url("../images/tel.png") no-repeat left;} .contact_tel .tel em{ font-weight: bold} .office_place{ padding-top: 3%; padding-bottom: 3%} .office_place ul span{ padding-right: 20px; display: inline-block} .office_place ul p{ padding-top: 10px; color: #5e5e5e} .office_place .group .pic{width: 45.527%} .office_place .group .info{width: 54.473%} .office_place .group .txt{ padding:10% 12%; background: #f7f8fa} .office_place .group .txt p{ padding-top: 5%} .office_place .list li{ padding-top: 4%; padding-bottom: 2%; border-bottom: solid 1px #cdcdcd;} /* @media(min-width:768px){ */ .office_place .list{ max-width: 1400px;} .office_place .list li{ width: 48%; max-width:600px;} .office_place .list li:nth-child(odd){ float: left; clear: both} .office_place .list li:nth-child(even){ float: right} .office_place ul span{ min-width: 150px;} /* } @media(max-width:768px){ .office_place .group .pic, .office_place .group .info{width:100%; display: block} .office_place .group .txt{ padding: 4% 2%} } */ .Pages{ font-size: 14px; text-align: center; line-height:26px; padding: 3% 0} .Pages .p_cur, .Pages .p_total, .Pages .p_count, .Pages a.a_first, .Pages a.a_end{ display: none} .Pages a{ overflow: hidden; margin: 0px 5px; border: solid 1px #cdcdcd; display: inline-block; padding: 0px 10px; background: #fff no-repeat center center} .Pages a.a_prev{background-image:url(../images/page_prev.png)} .Pages a.a_next{background-image:url(../images/page_next.png)} .Pages a.a_prev, .Pages a.a_next{ text-indent: -99px; padding: 0px 12px;} .Pages a.a_cur{ color: #1684fc; border-color: #9ee6dd} .Pages a.drop{ border-color: #fff} .Pages em{ font-style: normal} .Pages .p_jump{ display: inline-block; top: -8px; position: relative} .Pages .p_jump b{ display: inline-block; font-weight: normal; color: #777777} .Pages .i_text{border: solid 1px #cdcdcd; text-align: center; width:40px; height: 26px;} .Pages .i_button{ border: none; cursor: pointer; width: 40px; height: 26px;} /* @media(max-width:768px){ .Pages a{ margin: 0 2px} .Pages a.drop{ padding: 0} } */ .center_txt{text-align:center} .hidden{overflow:hidden} .navMenu{border-bottom:1px solid #bababa;background-color:#f3f3f3} .navMenu li{float:left;line-height:62px;margin-right:5.5%} .navMenu li a{color:#727171;display:block;position:relative} .navMenu li a::before{content:'';position:absolute;left:50%;transform:translateX(-50%);width:0;height:3px;background-color:#31cab7;bottom:0;transition:all .5s} .navMenu li a:hover::before{width:100%} .navMenu li.aon a::before{width:100%} /* @media (max-width:640px){ .navMenu li{margin-right:2%;line-height:42px} } */ .AboutTit{color:#04203e} .AboutTit.white{color:#fff} .AboutTit.white::after{background-color:#fff} .AboutTit::after{content:'';display:block;width:35px;height:2px;background-color:#04203e;margin:25px 0} /* @media (max-width:768px){ .AboutTit::after{margin:10px 0} } */ .itemABout{padding:5.5% 0} .itemABout article{line-height:2;color:#727171;margin-top:2.5%} .history{background-size:auto 100%;background-position:center;background-repeat:no-repeat;padding:0} .history .w1520{position:relative} .history .AboutTit{position:absolute;left:0;top:15%} .history .slick-track{height:812px} .history .slider{padding:6% 4.2%} .history .slick-slide *{ transition: 0.5s} .history .slider .icon{display:block;width:24px;height:24px;background:url(../images/icon_line1.png) no-repeat center;margin:0 auto 15px; } .history .slider li{height:auto;cursor:pointer} .history .slider li:hover .icon{width:48px;height:48px;background-image:url(../images/icon_line2.png);margin-top:-12px} .history .slider li:hover .time time{color:#3370fe;font-size:28px;font-weight:700} .history .slider li:hover .hover{display:block} .history .slider .time{text-align:center} .history .slider .time time{color:#373737;font-size:22px;} .history .hover{position:absolute;left:26%;top:100%;width:340px;font-size:20px;line-height:36px;color:#373737;display:none} .history .hover .tit{line-height:1.5;color:#3370fe;font-size:20px} /* @media (max-width:768px){ .history{padding:5% 0} .history .AboutTit{position:relative} .history .slick-track{height:auto} .history .slick-track li{padding-top:80px} .history .hover{position:relative;display:block;font-size:16px;line-height:28px} .history .hover .tit{font-size:16px} } @media (max-width:768px) and (min-width:641px){ .history .current{padding-top:328px} .history .current1{padding-top:260px} .history .current2{padding-top:190px} } */ /* @media (min-width:769px){ .history .current{padding-top:368px} .history .current1{padding-top:308px} .history .current2{padding-top:260px} .history .current3{padding-top:198px} .history .current4{padding-top:180px} .history .hover{white-space:nowrap; margin-left: -10%;} .history .hover .item{ margin-bottom: 5%;} } */ /* @media (min-width:1025px){ */ .history .current{padding-top:420px} .history .current1{padding-top:331px} .history .current2{padding-top:248px} .history .current3{padding-top:167px} .history .current4{padding-top:110px} /* } */ .honor{padding:4% 0;background-position:center;background-repeat:no-repeat;background-size:cover} .honor .list{position:relative;padding:50px 0 60px} .honor .list::after,.honor .list::before{content:'';position:absolute;left:50%;top:0} .honor .list::before{width:3px;height:90%;background:url(../images/honor_line.png) repeat-y center;margin-left:-1.5px} .honor .list::after{width:10px;height:10px;border-radius:100%;background-color:#fff;transform:translateX(-50%)} .honor .swiper-container{max-height:380px} .honor .box{text-align:right;color:#fff;font-size:20px} .honor .icon{position:absolute;width:37px;background-color:#fff;height:1px;top:50%} .honor .icon::before{content:'';width:6px;height:6px;border-radius:100%;background-color:#fff;position:absolute;top:50%;transform:translateY(-50%)} .honor .icon i{width:6px;height:6px;border-radius:100%;background-color:#fff;position:absolute;top:50%;transform:translateY(-50%)} .honor .icon i::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #fff;width:14px;height:14px;border-radius:100%} .honor li{margin-bottom:40px;width:50%} .honor li:not(:nth-child(2n)){padding-right:90px} .honor li:not(:nth-child(2n)) .icon{right:8px} .honor li:not(:nth-child(2n)) .icon::before{right:100%} .honor li:not(:nth-child(2n)) .icon i{right:-11.5px} .honor li:nth-child(2n){margin-left:auto;margin-right:0;padding-left:90px} .honor li:nth-child(2n) .box{text-align:left} .honor li:nth-child(2n) .icon{left:8px} .honor li:nth-child(2n) .icon::before{left:100%} .honor li:nth-child(2n) .icon i{left:-11.5px} .honor .next{position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:20px;height:38px;background:url(../images/honor_next.png) no-repeat center;cursor:pointer} .honor .line{position:absolute;left:50%;transform:translateX(-50%);bottom:50px;width:4px;height:20px;background:url(../images/honor_line2.png) no-repeat center} /* @media (max-width:768px){ .honor .box{font-size:18px} .honor li:not(:nth-child(2n)){padding-right:60px} .honor li:nth-child(2n){padding-left:60px} } @media (max-width:640px){ .honor .box{font-size:16px} .honor li{margin-bottom:22px} } */ .mindIdentity{padding:5% 0} .mindIdentity .ytable{table-layout:fixed;margin-top:3.5%} .mindIdentity .inner{box-shadow:2.5px 4.33px 32px 0 rgba(11,26,30,.05)} .mindIdentity .left{width:208px;height:100%;font-size:20px;color:#7f7f7f} .mindIdentity .left .ul{display:flex;flex-direction:column;height:100%} .mindIdentity .left li{flex:1;display:flex;justify-content:center;align-content:center;align-items:center;box-shadow:2.5px 0 7px 0 rgba(11,26,30,.14)} .mindIdentity .left li:not(:last-child){border-bottom:1px solid #eee} .mindIdentity .left li::before{content:'';position:absolute;left:0;top:0;width:3px;height:100%;background-color:#31cab7;opacity:0;transition:all .5s} .mindIdentity .left .slick-list{padding-right:10px} .mindIdentity .left .slick-list,.mindIdentity .left .slick-track{height:100%!important} .mindIdentity .left .slick-track{display:flex;flex-direction:column;height:100%} .mindIdentity .left .slick-current{color:#1684fc;box-shadow:none} .mindIdentity .left .slick-current::before{opacity:1} .mindIdentity .right{padding:5%;padding-left:6%} .mindIdentity .txt{width:34.5%} .mindIdentity .items{font-size:16px;color:#727171;line-height:32px;max-width:260px} .mindIdentity .items .tit{font-size:20px;color:#1684fc;font-weight:400;margin:0 0 5px;line-height:normal} .mindIdentity .items:not(:last-child){margin-bottom:2.55208333vw} .mindIdentity .items p{margin:0} /* @media (max-width:768px){ .mindIdentity .left{width:100%;font-size:16px;height:auto;display:block} .mindIdentity .left .slick-list,.mindIdentity .left .slick-track{height:auto!important} .mindIdentity .left .slick-track{flex-direction:row} .mindIdentity .left li{width:33.33%;line-height:46px} .mindIdentity .left li.slick-current{border-bottom:transparent!important} .mindIdentity .right{padding-left:4%;width:100%;display:block} .mindIdentity .item{font-size:14px} .mindIdentity .item .tit{font-size:16px} } @media (max-width:640px){ .mindIdentity .pic,.mindIdentity .txt{display:block;width:100%} .mindIdentity .item{font-size:14px} .mindIdentity .item .tit{font-size:16px} } */ .aboutPicList{margin-top:4%} .cultureBox{background-color:#f7f8fa;padding:4% 0 2%} .cultureBox .txt{position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:rgba(249,249,249,.95);padding:3.5vw;max-width:575px;width:100%} .cultureBox .title{border-bottom:1px solid rgba(127,127,127,.33);padding-bottom:20px;color:#7f7f7f;margin-bottom:5px} .cultureBox .title span{font-size:20px;color:#1684fc;display:inline-block;margin-right:10px} .cultureBox .box{max-width:398px;color:#7f7f7f;line-height:28px} .cultureBox .slick-dots{padding:3% 0} .cultureBox .slick-dots li{margin:0 2%} .cultureBox .slick-dots li button{width:7.29166667vw} /* @media (min-width:1740px){ */ .cultureBox .slick-prev{left:-7%} .cultureBox .slick-next{right:-7%} /* } */ /* @media (max-width:768px){ .cultureBox .slick-arrow{display:none!important} .cultureBox .txt{position:relative;max-width:100%;transform:none} .cultureBox .title span{font-size:18px} } */ .serviceSystem{padding:4% 0 2%} .serviceSystem .slick-list{box-shadow:2.5px 4.33px 38px 0 rgba(11,26,30,.05)} .serviceSystem figure{position:relative;padding-top:37.18%;overflow:hidden} .serviceSystem figure img{position:absolute;left:0;top:0;width:100%;opacity:0} .serviceSystem .txt{padding:4% 6.5%;font-size:24px;color:#373737} .serviceSystem .slick-arrow{top:33%} .serviceSystem .slick-dots{padding:5% 0 3%} .serviceSystem .slick-dots li{margin:0 1%} .serviceSystem .slick-dots li button{width:4.21875vw} /* @media (min-width:1740px){ */ .serviceSystem .slick-prev{left:-7%} .serviceSystem .slick-next{right:-7%} /* } */ /* @media (max-width:768px){ .serviceSystem .slick-arrow{display:none!important} .serviceSystem .txt{font-size:18px} } */ .Partner{overflow:hidden;padding:4% 0;background-color:#f7f8fa} .Partner .tab_list{margin:4% 0} .Partner dt{font-size:20px;color:#373737} .Partner dd{margin:25px 0 50px;background-color:transparent!important} .Partner dd a{box-shadow:0 0 10px 0 rgba(0,0,0,.07);text-align:center;margin:10px 32px;display:inline-block;width:191px;height:101px;line-height:101px;overflow:hidden;border-radius:10px;background-color:#fff;transition:all .5s} .Partner dd a img{max-height:100%;max-width:100%!important} .Partner dd a:hover{transform:translateY(-10px)} .Partner .tab_li li{float:left;width:20%;text-align:center;padding-bottom:20px;border-bottom:3px solid #e5e5e5;transition:all .5s;cursor:pointer} .Partner .tab_li li.aon{width:80%;border-bottom-color:#3370fe;color:#3370fe} /* @media (max-width:768px){ .Partner dd{margin:10px 0 30px} .Partner dd a{width:110px;height:70px;line-height:70px;margin:10px} .Partner dd a img{max-height:50%} .Partner .tab_li li{width:30%} .Partner .tab_li li.aon{width:70%} } */ .EcoPartner{position:relative;padding-top:466px} .EcoPartner li{text-align:center;position:absolute; margin-left: -7%;} .EcoPartner li a{display:block;width:189px;line-height:189px;height:189px;background-color:#fff;border-radius:100%;box-shadow:0 0 20px 0 rgba(0,0,0,.07);transition:all .5s} .EcoPartner li a img{display:inline-block;max-height:90%;max-width:80%} .EcoPartner li a:hover{transform:translateY(-10px);-webkit-transform:scale(1.2);transform:scale(1.2)} /* @media (min-width: 1921px) { .EcoPartner li{ margin-left: -8vw;} } */ .proCase { padding: 4% 0; } /* @media (max-width: 640px) { .proCase { padding: 8% 0; } } */ .proCase_article article { margin-top: 3%; line-height: 30px; } .proCase_article article .garden { color: #31c9b6; } .proCase_article article .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; } .proCase_article article .flex:not(:last-child) { margin-bottom: 4vw; } .proCase_article article .flex .pic { width: 49.675%; flex: 0 0 auto; } .proCase_article article .flex .pic img { box-shadow: -0.982px 0.191px 24px 0px rgba(105, 105, 105, 0.06); border-radius: 10px; } .proCase_article article .flex .txt { padding-right: 6%; } .proCase_article article .flex:nth-child(2n) .txt { order: 2; padding-left: 6%; padding-right: 0; } /* @media (max-width: 640px) { .proCase_article article .flex { -ms-flex-flow: column; flex-flow: column; } .proCase_article article .flex:not(:last-child) { margin-bottom: 6vw; } .proCase_article article .flex .pic { width: 100%; margin-top: 2%; } .proCase_article article .flex .txt { padding-right: 0; } .proCase_article article .flex:nth-child(2n) .txt { order: -1; padding-left: 0; } } */ .proCase_evaluate .pic { position: relative; margin-top: 3%; } .proCase_evaluate figure { text-align: right; } .proCase_evaluate .txtCon { position: absolute; left: 0; top: 0; z-index: 2; width: 65%; z-index: 3; height: 100%; } .proCase_evaluate .txtCon::after { content: ''; position: absolute; left: 0; top: 0; width: 75%; height: 100%; background-image: linear-gradient(to right, #f6f6f6 90%, rgba(246, 246, 246, 0.9) 100%); z-index: 1; } .proCase_evaluate .txtCon::before { content: ''; position: absolute; right: 0; top: 0; width: 25%; height: 100%; background-image: linear-gradient(to right, rgba(246, 246, 246, 0.9) 0, rgba(246, 246, 246, 0.8) 30%, rgba(246, 246, 246, 0.5) 60%, rgba(246, 246, 246, 0.15) 85%, rgba(246, 246, 246, 0) 100%); z-index: 1; } .proCase_evaluate .txt { position: absolute; width: 74%; top: 50%; left: 0; transform: translateY(-50%); padding: 8%; z-index: 2; color: #3d3d3d; line-height: 30px; } /* @media (max-width: 640px) { .proCase_evaluate figure { text-align: center; } .proCase_evaluate figure img { width: 100%; } .proCase_evaluate .pic { margin-top: 5%; } .proCase_evaluate .txtCon { position: relative; width: 100%; } .proCase_evaluate .txtCon::before, .proCase_evaluate .txtCon::after { display: none; } .proCase_evaluate .txtCon .txt { position: relative; transform: none; width: 100%; top: 0; padding: 0; } } */ .proCase_scheme{ padding-top: 3%; padding-bottom: 3%} .proCase_scheme .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .proCase_scheme .txtCon{ padding-right: 1vw;} .proCase_scheme .flex .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: auto; margin: 2vw 0; width: 100%; } .dmp_value .flex .item{ margin: 1.1vw 0;} .proCase_scheme .flex .w50 { width: 50%; padding-right: 4%; } .proCase_scheme .flex .icon { width: 60px; flex: 0 0 auto; text-align: center; } .proCase_scheme .flex p { margin: 0; max-width: 310px; } .proCase_scheme .pic { width: 45.26%; } .proCase_scheme .col_green.f20{ display: block} /* @media (min-width:1024px) { */ .proCase_scheme .two_li .item{ float: left; width: 46%} .proCase_scheme .two_li .item:nth-child(odd){ clear: both; margin-right:8%} /* } */ /* @media (max-width: 640px) { .proCase_scheme .pic, .proCase_scheme .txtCon { display: block; width: 100%; margin-bottom: 5vw; } .proCase_scheme .flex .w50 { width: 100%; } .proCase_scheme .flex .item { margin: 5vw 0; } } */ .product_functions{ padding-top: 1%; padding-bottom:5%; background: no-repeat center center; background-size: cover} .product_functions .functions{ border-radius: 15px; box-shadow: 0 3px 10px rgba(37,37,37,0.18); overflow: hidden} .product_functions .title_box{ padding: 2% 0; vertical-align: top; width: 16%; background: #ebebed no-repeat right bottom; background-size: 100%} .product_functions .title_box .item{ padding: 8% 0 8% 10%; cursor: pointer; transition: 0.5s} .product_functions .title_box .slick-current, .product_functions .title_box .current{ border-left: solid 3px #35cab7; background: linear-gradient(to right,rgba(255,255,255,1) 0% ,rgba(255,255,255,0) 100%)} .product_functions .info_box{ background: #fff;} /* .product_functions .info_Table .ytable { min-height: 320px;} */ .product_functions .info_robot{ padding: 1px;} .product_functions .info_robot li{ width: 100%; padding:2.5% 3%; /*box-shadow: 0 0 1px #767676;*/border: 1px solid #eee; border-top: none; border-right: none; transition: 0.5s} .product_functions .line_4.info_robot .ul:nth-child(2) li{ border-bottom: none;} .product_functions .line_4.info_robot li:not(:nth-child(2)), .product_functions .line_3.info_robot li:first-child{ border-left: none;} .product_functions .line_3.info_robot li{ border-bottom: none;} .product_functions .info_robot li:hover{ box-shadow: 0 3px 15px rgba(37,37,37,0.15)} .product_functions .info_robot .icon{ width:26.742%; margin: auto; text-align: center} .product_functions .info_robot .icon img{ width: 100%;} .product_functions .info_robot .txt{ padding-left: 5%; line-height:30px; color: #404040} .product_functions .info_robot .n1 li{ box-shadow: none} /*.product_functions .info_box .slick-list, .product_functions .info_box .slick-track{ transition: 0.5s}*/ .product_functions .info_robot ul{ display:table; table-layout:fixed; width:100%} .product_functions .info_robot li{display:table-cell; vertical-align:middle} .product_functions .info_robot .n1{ max-width:900px; margin:auto} .product_functions .info_robot .n1.icon320 .icon{ width:37.826%} .product_functions .info_robot .n2 li{width:50%;} .product_functions .info_robot .n2 li .pic{ text-align:center;} .product_functions .info_robot .n3 li{ width:33.333%} .product_functions .info_robot .n3 .icon{ width:43.048%} .product_functions .info_robot .n2 .txtbox{ margin:auto; max-width:320px;} .product_functions .info_robot .n3 .txtbox{ margin:auto; max-width:240px;} .product_functions .info_robot .txtbox .icon{display:block; text-align:center; width:100%;} .product_functions .info_robot .txtbox .txt{ display:block; padding:0} /* @media (max-width: 768px) { .product_functions .title_box{width:30%; } .product_functions .title_box .item{ padding-top: 12%; padding-bottom: 12%} } */ .common_three_line *{ transition: 0.5s} .common_three_line .title_box:after{ position: absolute; left: 0; content: ''; width: 100%; height: 1px; bottom: 0; background: #fff} .common_three_line .title_box .slick-list{ max-width: 1000px; margin: auto; } .common_three_line .title_box .slick-track{ margin: auto; text-align: center;} .common_three_line .title_box .item a{ cursor: pointer; padding: 10px 5px; display: inline-block; position: relative; height: 70px; line-height: 70px;} .common_three_line .title_box .slick-current a:before{ content: ''; left: 0; bottom: 0; position: absolute; width: 100%; height: 3px; background:#35cab7} .common_three_line .title_box img{ max-height: 50px;} .common_three_line .logo_title .slick-list{ max-width: 1300px; margin: auto} .common_three_line .info_box{ padding: 2% 0} .common_three_line .info_box .item{/*min-height: 560px; */background: no-repeat center center; background-size: cover} .common_three_line.absolute_box .absolute{ position: absolute; width: 100%; z-index:100} .common_three_line.absolute_box .info_box{ padding: 0} .common_three_line.absolute_box .info_box .auto{ padding-top:210px; padding-bottom:4%;} .common_three_line#whitebox *{ color: #fff!important} .common_three_line#graybox *{ color: #3a3a3a!important} .common_three_line#graybox .title_box:after{background: #3a3a3a} .common_three_line#whitebox .title_box .img{ display: none} .common_three_line#graybox .title_box .img_white{ display: none} .common_three_line .info_txt { line-height: 1.8; padding-top:3%; margin-bottom: 20px; min-height: 214px; max-width: 710px} .info_icontxt{ min-height: 400px;} .info_icontxt li{ position: relative; padding:0.8% 0 0.8% 70px; line-height: 50px} .info_icontxt li.row2{ line-height: 25px} .info_icontxt img{ width: 50px; position: absolute; left: 0} /* @media (max-width: 768px) { .common_three_line.absolute_box .info_box .auto{ padding-top:150px;} .common_three_line .title_box .item{ padding: 0 20px} .common_three_line .title_box{ padding: 0 50px;} .common_three_line .title_box img{ height: 35px;} .common_three_line .info_txt{min-height:150px; } } */ .cloud_sales_advantage{ padding-top: 2%; padding-bottom: 4%;} .info_circletxtpic .info{ width:46.786%; padding-right:10%} .info_circletxtpic .info li{list-style: disc} .info_circletxtpic .info li::marker { color: #35cab7; font-size:22px } .info_circletxtpic .info li:not(:last-child){ margin-bottom: 5%;} .info_circletxtpic .pic img{ width: 100%; border-radius: 10px;} /* @media (max-width:768px) { .info_circletxtpic .info, .info_circletxtpic .pic{ display: block; width: 100%} .info_circletxtpic .info{ padding:5%} } */ .cloud_sales_case{ position: relative} .cloud_sales_case .absolute{ position: absolute; width: 100%; z-index:100} .cloud_sales_case .list_box{ position: absolute; top:35%; left:25%; width:72%; z-index: 100} .cloud_sales_case .list_box .item{ padding: 25px;} .cloud_sales_case .list_box .item a{ display: block; padding:5% 10%; border-radius: 10px; background: #fff; transition: 0.5s} .cloud_sales_case .list_box .item a:hover{ box-shadow: 0 8px 15px rgba(0,0,0,0.2)} .cloud_sales_case .list_box .item h5{ padding: 20px 0} .cloud_sales_case .list_box img{ height: 60px;} .cloud_sales_case .list_box i{ font-style: normal; color: #31c9b6;margin-right: 40px; position: relative} .cloud_sales_case .list_box i:after{ content: ''; width: 2px; position: absolute; right: -22px; height:60%; top:20%; border-left: solid 1px #eaeaea; border-right: solid 1px #a4a4a4} .cloud_sales_case .list_box p{ color: #666666; line-height: 22px; height: 44px; display: none;} .cloud_sales_case .large_box .item{ height: 640px; background: no-repeat center center; background-size: cover} .cloud_sales_case .col_white .column_title{ color: #fff} .cloud_sales_case .slick-dots{ width: 100%; bottom:5%; position: absolute} /* @media (max-width:1500px) { .cloud_sales_case .large_box .item{ height: 33.33vw;} } @media (max-width:1200px) { .cloud_sales_case .list_box{ left: 5%;width:90%; top: 25%; } .cloud_sales_case .large_box .item{ height:480px;} } @media (max-width:768px) { .cloud_sales_case .large_box .item{ height:350px;} .cloud_sales_case .list_box{top: 20%; } .cloud_sales_case .list_box .item{ padding: 10px} .cloud_sales_case .list_box .item a, .cloud_sales_case .list_box .item a:hover{ box-shadow: 0 2px 10px rgba(0,0,0,0.4)} } */ .yinying_tab .fl_fr_box{background: #FFF; position: relative; border-radius: 10px; box-shadow: 0 1px 46px rgba(105,105,105,0.12); overflow: hidden;} .yinying_tab .fl_box{ vertical-align: top; width: 236px;} .yinying_tab .fr_box{ padding:2%;} .yinying_tab .title_box{ position: relative; z-index: 5; text-align: center; border-radius: 10px 0px 0px 10px;} .yinying_tab .title_box .item{ cursor:pointer; display: table; width: 100%; position: relative; transition: 0.5s; border-left: solid 4px #fff;box-shadow:2px 5px 9px rgba(11,26,30,0.14);} .yinying_tab .title_box .item:nth-child(1){ border-top-left-radius: 10px;} .yinying_tab .title_box .item:not(:last-child){ border-bottom: solid 1px #eeeeee} .yinying_tab .title_box .item a{ height: 140px; display:table-cell; vertical-align: middle; position: relative; z-index: 2; background: #fff; overflow: hidden;} .yinying_tab .title_box .current{border-left-color: #31cab7;box-shadow:none} .yinying_tab .title_box .current a{ color: #3370fe;} .yinying_tab .title_box .current a:before{ content: ''; left: 0; top:-10px; position: absolute; width:100%; height:10px;box-shadow:0 5px 10px rgba(11,26,30,0.1);} /* @media (max-width:960px) { .yinying_tab .fl_box{ width:25%;} } */ .cloud_sales_ProModule .auto{ position: relative;z-index: 10; margin-top: -5%;} .cloud_sales_ProModule .column_title{ position: absolute; top: -86px;width: 236px; line-height:86px; height: 96px; padding: 0 0 0 40px; color: #fff; background: #3370fe url(../images/title_icon.png) no-repeat 30px;} .cloud_sales_ProModule .info{ padding: 5% 4%; width:44.409%} .cloud_sales_ProModule .txt{ color: #727171; line-height:2; padding:8% 0; border-top: solid 1px #aaaaaa; position: relative} .cloud_sales_ProModule .txt:before{ content: ''; top:-4px; position: absolute; width:30%; height: 4px; background: #31c9b6} .cloud_sales_ProModule .pic img{ width: 100%} .yinying_tab.kefu .title_box .item a{ height: 185px;} /* @media (min-width:1921px) { .yinying_tab.kefu .title_box .item a{ height: 225px;} .cloud_sales_ProModule .info{ padding-top: 2%; padding-bottom: 2%;} } */ /* @media (max-width:1440px) { .cloud_sales_ProModule .auto{ margin-top: -1%;} } @media (max-width:960px) { .cloud_sales_ProModule .info, .cloud_sales_ProModule .pic{ display: block; width: 100%} .cloud_sales_ProModule .column_title{ width:20%;} } @media (max-width:768px) { .cloud_sales_ProModule .column_title{ width: 100%; height: auto; line-height:60px; position: relative; top: auto} .cloud_sales_ProModule .auto{ margin-top: auto} } */ .more_blue_jt a{color: #31c9b6; display: inline-block; position: relative;transition: 0.5s;} .more_blue_jt a:after{ content: ''; position: absolute; top: 0; right:-60px; width: 60px; height: 100%; background: url(../images/jt_blue.png) no-repeat right center} .more_blue_jt a:hover{transform: translateX(20px)} .ProTit { color: #04203e; text-align: center; padding-top: 55px; } .ProTit.col_white{ color: #fff} /* @media (max-width: 640px) { .ProTit { padding-top: 7%; } } */ .proICC .itemCon { background: url(../images/icc_bg.jpg) no-repeat center; background-size: cover; color: #fff; padding: 37px 0; margin-top: 25px; } .proICC .itemCon p { margin: 0; } .proICC .article { padding: 4% 0; } .proICC .boxOne { display: flex; align-items: center; flex-direction: row; justify-content: space-between; } .proICC .boxOne .item { flex: 0 0 auto; } .proICC .boxOne .item:first-child { order: 1; width: 163px; } .proICC .boxOne .item:nth-child(2) { width: 194px; order: 3; } .proICC .boxOne .pic { width: calc(100% - 422px); order: 2; } .proICC .boxOne .tit { font-weight: normal; color: #35cab7; margin: 0 0 8px; } .proICC .boxOne p { color: #474747; line-height: 26px; margin: 0; } .proICC .boxTwo { display: flex; align-items: center; flex-direction: row; justify-content: space-between; margin: 3.5% 0 5%; } .proICC .boxTwo .item { position: relative; background-color: #3370fe; color: #fff; text-align: center; width: 15%; overflow: hidden; border-radius: 25px; line-height: 44px; } .proICC .boxTwo .item .icon { position: absolute; left: 5%; top: 0; } .proICC .boxThree .list { display: flex; align-items: stretch; flex-direction: row; justify-content: space-between; } .proICC .boxThree .list li { background-color: #fff; border-radius: 10px; width: 30%; max-width: 336px; box-shadow: 0 0 100px 0px rgba(0, 0, 0, 0.05); text-align: center; padding: 3%; line-height: 28px; } .proICC .boxThree .list p { margin: 0 auto; max-width: 165px; } .proICC .boxThree .list .tit { margin-bottom: 5px; } .proICC .boxThree .list .icon { display: flex; width: 80px; height: 80px; align-items: center; justify-content: center; margin: 0 auto 10px; } .proICC .boxThree .list .icon img { max-height: 100%; } /* @media (max-width: 640px) { .proICC .itemCon { padding-top: 5%; margin-top: 3%; } .proICC .boxOne { flex-direction: column; } .proICC .boxOne .item { width: 100%!important; margin: 3% 0; } .proICC .boxOne .pic { order: 5; } .proICC .boxTwo { flex-flow: wrap; justify-content: center; } .proICC .boxTwo .item { width: 28%; margin: 0 2% 2%; } .proICC .boxThree .list li { width: 32%; } .proICC .boxThree .list .icon { width: 50px; height: 50px; } } */ .proAdvantage{padding-bottom:1px;background-position:center;background-size:cover} .proAdvantage .list{margin:65px 0;position:relative;padding-top:27px} .proAdvantage .list li{position:absolute;color:#fff;line-height:26px;} .proAdvantage .left{left:0; width:20%;padding-right:37px} .proAdvantage .right{right:0; width:24%;padding-left:37px} .proAdvantage .right .icon{left:0;right:auto} .proAdvantage .line{background-color:#fff;position:absolute;height:1px;top:10px;} .proAdvantage .line::after{content:'';background-color:#fff;position:absolute;width:1px} .proAdvantage .icon{width:16px;height:16px;background-color:#35cab7;border-radius:100%;right:0;top:4px;position:absolute} .proAdvantage .icon::before{content:'';position:absolute;left:50%;top:50%;border-radius:100%;background-color:#fff;transform:translate(-50%,-50%);width:8px;height:8px} .proAdvantage .li_1{top:0} .proAdvantage .li_1 .line{width:140%;height:1px;left:100%} .proAdvantage .li_1 .line::after{height:59px;right:0;top:0} .proAdvantage .li_2{top:20px} .proAdvantage .li_2 .line{width:67%;height:1px;right:100%} .proAdvantage .li_2 .line::after{height:161px;left:0;top:0} .proAdvantage .li_3{top:50%} .proAdvantage .li_3 .line{width:58px;height:1px;left:100%} .proAdvantage .li_4{top:41%} .proAdvantage .li_4 .line{width:46px;height:1px;right:100%;top:58%;} .proAdvantage .li_4 .icon{top:42%} .proAdvantage .li_5{top:85%} .proAdvantage .li_5 .line{width:70px;height:1px;right:100%;top:auto;top:11px} .proAdvantage .li_5 .line::after{height:50px;left:0;bottom:0} .proAdvantage .li_5 .icon{top:3px} .proAdvantage .pic{text-align:center;width:53.322%;margin:0 auto} /* @media (min-width:960px) and (max-width:1400px){ .proAdvantage .list li{ font-size: 14px; line-height: 22px;} } */ /* @media (max-width:960px){ .proAdvantage .pic{width:100%} .proAdvantage .list li{ width: 100%!important; position:relative;left:auto!important;top:auto!important;padding:0 0 0 20px!important;margin-bottom:3%} .proAdvantage .list li .txt{width:100%!important} .proAdvantage .list .line{display:none} .proAdvantage .list .icon{left:0!important;top:5px} } */ .hover_Box .title_box{vertical-align: top;} .hover_Box .title_box .item { position: relative; border-left: 3px solid transparent; transition: 0.5s ; cursor: pointer;} .hover_Box .title_box .item.current { border-left-color: #35cab7; background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);} .hover_Box .info_box {/* vertical-align: top; */ vertical-align: middle;} .hover_Box .info_box .item { position: relative; transition: 0.5s; overflow: hidden;} .hover_Box .info_box .item .col_info { transition: 0.5s; transform: translateX(-100%);} .hover_Box .info_box .item .wrapper{ display: flex; flex-flow: row wrap;align-items: center;justify-content: center;} .hover_Box .info_box .item.prev .col_info { transform: translateX(-100%);} .hover_Box .info_box .item.next .col_info { transform: translateX(100%);} .hover_Box .info_box .item.aon .col_info { transform: translateX(0);} .hover_Box .info_box .item:not(.aon){ height: 0;} .hover_Box .info_Table{ width: 80%; /*margin: 5% auto;*/ margin: 0 auto; padding: 1px;} .hover_Box.line_bg{ padding-top:5%; padding-bottom: 5%;} .hover_Box.line_bg .title_box{ padding-top:5%; padding-bottom:5%; width:16.447368%; background: #e4e7ed url(../images/title_line_bg.jpg) no-repeat right bottom; background-size:100%;} .hover_Box.line_bg .title_box .item{ padding: 8.5vw 0 8.5vw 0; text-align: center;} .hover_Box.line_bg .info_box{ padding-left:45px; padding-right:45px;} .hover_Box.line_bg .logo_title { padding-top: 0; padding-bottom: 0;} .hover_Box.line_bg .logo_title .item{ padding:3.2vw 8% 3.2vw 8%;} /* @media(max-width:768px){ .hover_Box.line_bg .title_box{ width: 30%} .hover_Box.line_bg .info_box{ padding-left: 3%; padding-right: 3%;} } */ .functions_icc { padding-bottom: 4%; background-size: cover; } .functions_icc .functions { margin-top: 3%; } .functions_icc .title_box { vertical-align: top; width: 16%; background: #ebebed; } .functions_icc .info_box{ vertical-align: middle} .functions_icc .title_box .item { padding: 20% 0 20% 15%; cursor: pointer; transition: 0.5s; background: #f6f7f8 no-repeat right bottom; background-size:auto; position: relative; border-left: 3px solid transparent; } .functions_icc .title_box .item img { position: absolute; right: 0; bottom: 0; } .functions_icc .title_box .item.current{background:#f6f7f8;background-repeat: no-repeat; background-position: right bottom;} .functions_icc .title_box .item a { padding-top: 5.20833333vw; padding-bottom: 5.20833333vw; display: block; position: relative; z-index: 2; color: #404040; } .functions_icc .title_box .item.current { border-left-color: #35cab7; } .functions_icc .info_box { background: #fff; padding: 2%; } /* @media (max-width: 640px) { .functions_icc .title_box .item { background-size: contain; } } */ .zndlService li { float: left; width: 26.5%; margin: 0 3.3%; text-align: center; position: relative; } .zndlService li:not(:last-child)::before { content: ''; width: 0; height: 0; border: 12px solid transparent; border-left-color: #d3d3d3; top: 18px; right: 0; transform: translateX(225%); position: absolute; } .zndlService .tit { display: inline-block; padding: 0 10px; line-height: 56px; color: #fff; background-color: #35cab7; text-align: center; min-width: 226px; border-radius: 5px; margin-bottom: 3%; max-width: 100%; } .zndlService p { text-align: justify; line-height: 30px; } /* @media (max-width: 1200px) { .zndlService li:not(:last-child)::before { transform: translateX(200%); } .zndlService .tit { min-width: auto; width: 100%; } } @media (max-width: 768px) { .zndlService li:not(:last-child)::before { transform: translateX(150%); } } @media (max-width: 640px) { .zndlService li { float: none; margin: 0 0 5%; width: 100%; } .zndlService li:not(:last-child)::before { display: none; } .zndlService .tit { line-height: 40px; } .zndlService p { line-height: 26px; } } */ .padd_bottom_1-5 { padding-bottom: 1.5%; } .padd_bottom_5 { padding-bottom: 5%; } .padd_bottom_4 { padding-bottom: 4%; } .info_txt .garden::before { top: 6px; } .common_three_line#graybox .Learnmore { color: #fff !important; } .Learnmore { width: 130px; line-height: 35px; display: block; text-align: center; color: #fff; background-color: #3370fe; } .Learnmore:hover{ background-color: #31c9b6} .product_functions.functions_dmp .title_box { background-color: #e4e5eb; } .product_functions.functions_dmp .info_box { background-color: rgba(255, 255, 255, 0.45); } .product_functions.functions_dmp .info_box .info_robot .ytable { width: 80%; padding: 2% 0; margin: 0 auto; } .product_functions.functions_dmp .info_box .info_robot .pic { text-align: center; width: 34.6%; } /* @media (max-width: 640px) { .product_functions.functions_dmp .info_box .info_robot .ytable-cell { display: block; line-height: 26px; } } */ .proMore { padding: 1.2% 0; background-size: cover; color: #fff; } .proMore i { display: inline-block; width: 105px; height: 11px; background: url(../images/promore.png) no-repeat center; background-size: contain; margin-left: 2%; } .proMore a { color: #fff; /* position: fixed; */ } /**/ .common_case_info{ background:#f4f4f4 no-repeat right bottom; background-size: contain} .common_case_info .title_box .item{ padding-top:8.5vw; padding-bottom:8.5vw} .common_case_info .info_box{ padding-left: 45px; padding-right: 45px; background: none} .common_case_info .info_box .info{ padding:2% 0; line-height: 26px;} .common_case_info .info_box .info:not(:last-child){ border-bottom: solid 1px #a2a2a2} .common_case_info .two_img{ padding: 4% 15px;} .common_case_info .two_img span{ display: block; padding: 2% 0} .common_case_info .two_img span img{ border-radius: 15px; box-shadow: 0 0 20px 5px rgba(80,80,80,0.08)} .common_case_info .txt_row3{ padding:1% 0;} .common_case_info .txt_row3 h5{ padding:5% 4%; margin-bottom:5%; color: #fff; background: #35cab7; text-align: center; box-shadow:0px 8px 27px 0 rgba(0,0,0,0.06)} .common_case_info .txt_row3 ul{ float: left; width:28%; padding: 2%;} .common_case_info .txt_row3 ul:nth-child(2){ margin: 0 8%;} .common_case_info .txt_row4{ padding:2% 0;} .common_case_info .txt_row4 li{ float: left; width: 25%; display: table; padding: 3%;} .common_case_info .txt_row4 li span{ display: table-cell; height: 147px; padding: 0 2%; vertical-align: middle; text-align: center; color: #fff; background: #35cab7;box-shadow:0px 8px 27px 0 rgba(0,0,0,0.06)} .common_case_info .blue_font_bg i{ font-style: normal; display: inline-block;color: #fff; padding:5px 20px; background: #3370fe; border-radius:20px; display: inline-block} .common_case_info .blue_font_bg i:not(:last-child){ margin-right:20px} /* @media (max-width:1200px) { .common_case_info .txt_row3 ul{width:32%;} .common_case_info .txt_row3 ul:nth-child(2){ margin: 0 2%;} } @media (max-width:960px) { .common_case_info .blue_font_bg{ display: block; padding-top: 2%} .common_case_info .blue_font_bg i:not(:last-child){ margin-right:10px} .common_case_info .txt_row3 ul{width:100%; float: none; margin: 2% 0!important} .common_case_info .txt_row3 h5{padding:2%;} .common_case_info .txt_row4 li{ width: 50%} .common_case_info .txt_row4 li span{ height: 100px} } @media (max-width:640px) { .common_case_info .txt_row4 li{ width: 100%} .common_case_info .txt_row4 li span{ height:auto; padding: 2%} } @media (min-width:960px) { */ .common_case_info .two_img span{ float: left; width:49%;} .common_case_info .two_img span:nth-child(odd){ float: left} .common_case_info .two_img span:nth-child(even){ float: right} /* } */ .dot_txt li{ margin-left: 25px; line-height: 26px; list-style: disc} .dot_txt li::marker{ color: #31c9b6; font-size: 26px;} .icon_txt li{ position: relative; padding-left: 50px; padding-bottom:3%} .icon_txt li .icon{ position: absolute; left: 0} .much_icon .txt *{ transition: 0.5s} .much_icon .txt .icon{padding:12.5%; display: inline-block; background: #fff; border-radius: 100px; border: solid 1px #31c9b6} .much_icon .txt .icon img{ position: relative; z-index: 3; padding: 17px; background: #3370fd; border-radius: 100px;} .much_icon .txt .icon i{ position: relative; z-index: 2; display: block; padding-bottom: 100%; background: #79dccf; border-radius: 100%; margin-top: -100%;} .much_icon .txt .icon i:last-child{ background: #c1efe9; z-index:1} .much_icon .txt:hover .icon img{ background: #31c9b6;margin-top:-40.05%;} .much_icon .txt:hover .icon i{margin-top: -80%;} .solution_details{padding-top: 2%; padding-bottom:2%; background: no-repeat left; background-size: cover} .solution_details .info{ padding:4% 0; line-height: 1.6} .solution_details .list{ padding: 5% 0;} .solution_details .list .ul li{ position: relative; padding:2% 4%;} .solution_details .list .ul li:before{ content: ''; left:0%; margin-top: 5px; position: absolute; width: 11px; height: 11px; border-radius: 100px; background:#31c9b6} .solution_details .list_slickjs{ padding: 4% 0} .solution_details .list_slickjs .slick-list{ padding: 1px;} .solution_details .list_slickjs .item{ padding: 3% 0; border: solid 1px transparent; text-align: center; line-height: 2} .solution_details .list_slickjs .txtbox{ padding: 3% 4%;} .solution_details .list_slickjs .txtbox h4{ padding: 2% 0; font-weight: bold} .solution_details .list_slickjs .picbox{ padding:5% 2%; position: relative; text-align: center; border-bottom: solid 8px #eeeeee} .solution_details .list_slickjs .item:hover .picbox:after{ left: 0; content: ''; position: absolute; bottom:-8px; background: #31c9b6; width: 100%; height: 8px; border-radius: 20px; transition: 0.5s} .solution_details .list_slickjs .item:hover{background: #fff; border-radius: 10px; border-color:#d9d9d9} .solution_details .list_slickjs .item:hover h4{ color: #31c9b6} /* @media (min-width:960px){ */ .solution_details .list{ width: 50%; float: right} .solution_details .pic{width: 50%; float: left} .solution_details .list .ul li{padding:4% 8%; border-radius:30px; margin-top: 3%; } .solution_details .list .ul li:before{ left:3%; } .solution_details .list .ul li:hover{ color: #fff; background: #3370fd} .solution_details .list .ul li:hover:before{ background: #fff} /* } */ .solution_bg_intro{ line-height: 1.8; text-align: center; background:#0a0847 no-repeat center bottom} .solution_bg_intro .txt{ padding-top: 2%} .solution_bg_intro .ytable{min-height: 350px; } .solution_function{ padding-top: 2%; padding-bottom:2%; position: relative; background: #f7f8fa} .solution_function:before, .solution_function:after{ content: ''; width: 50%; height: 100%; position: absolute; background-size: 50%;} .solution_function:before{ left: 0; top: 0; background:url("../images/solution_function_bgl.png") no-repeat left top} .solution_function:after{ right: 0; bottom: 0; background:url("../images/solution_function_bgr.png") no-repeat right bottom} .solution_function .auto{ position: relative; z-index: 2} .solution_function .infobox{ padding-top:2%;text-align: center; } .solution_function .item{ vertical-align: top; display: inline-block; width: 19.5%; padding: 0 1%} .solution_function .item .txt{ max-width: 180px; margin: auto;} .solution_function .item p{ text-align: left; line-height: 1.6; opacity: 0} .solution_function .item h5{ padding: 10% 0} .solution_function .item .txt:hover h5{ color: #3370fd} .solution_function .item .txt:hover p{ opacity: 1} .solution_function .w1200{ padding-bottom:3%; padding-top:3%} .solution_function .w1200 .item{ width: 32%;} .solution_function .w1200 h4{ padding-bottom:4%} .solution_function .part1{ padding-top: 0; border-bottom: solid 1px #a6a6a6} /* @media (max-width:960px){ .solution_function .item p{opacity: 1} } @media (max-width:960px) and (min-width:640px){ .solution_function .item{ width: 32%; margin-top: 4%} .solution_function .item:nth-child(3n+1){ clear: both} } @media (max-width:640px){ .solution_function .item{ width:49%; padding:4% 2%;} .solution_function .item:nth-child(2n+1){ clear: both} .solution_function .item .icon{ padding:6%} .solution_function .item .icon img{ padding:12px;} } */ .solution_network_card{ padding-top:2%; padding-bottom:3%; line-height: 1.6} .solution_network_card .column_title{ padding-bottom: 0} .solution_network_card .w1000{ padding-bottom: 4%;} .solution_network_card .title_box .item{ height: 320px; text-align:left;} .solution_network_card .title_box .item a{ padding-left: 10%} .solution_network_card .title_box .item:not(.current) a{ color: #7f7f7f} .solution_network_card .sub_item .info span.f20{ display: block} .solution_network_card .brief{ padding-bottom: 2%} /* @media (min-width:960px){ */ .solution_network_card .sub_item{display: flex; align-items: center; flex-direction: row; justify-content: space-between;} .solution_network_card .sub_item .info{width:40%} .solution_network_card .sub_item .pic{width:60%; text-align: right; padding-right:2%} .solution_network_card .sub_item .info{ order:2;} .solution_network_card .fr_box{ padding-left: 4%; padding-right: 4%} .solution_network_card .title_box .item a{ padding-left: 20%} /* } */ .solution_government_application{ padding-top: 1%; padding-bottom: 2%} .solution_government_application .column_title{ padding-bottom: 0} .solution_government_application .box{ padding-top:5%} .solution_government_application .list .ul b{ display: block; position: relative} .solution_government_application .list .ul span{ display: block; line-height: 26px;} .solution_government_application .list .ul li b:before{ content: ''; left:-22px; top: 7px; position: absolute; width: 11px; height: 11px; border-radius: 100px; background:#31c9b6} .solution_government_application .list .ul li .txt{padding:2% 4%;} /* @media (min-width:960px) { */ .solution_government_application .list{ float: right; width:50%} .solution_government_application .list .ul li{ min-height: 100px;} .solution_government_application .list .ul li span{ opacity: 0; transition: 0.5s} .solution_government_application .list .ul li .txt{border-radius: 2vw; padding:2% 4% 2% 8%; } .solution_government_application .list .ul li:hover .txt{ box-shadow: 0 0 0px 1px #3370fd} .solution_government_application .list .ul li:hover span{ opacity:1} .solution_government_application .list .ul li:hover b{ color: #3370fd} .solution_government_application .list .ul li:hover b:before{ background: #3370fd} .solution_government_application .pic{ float: left; width:49%;} /* } */ .solution_case{ padding-top: 2%; padding-bottom: 4%; background: #f7f8fa no-repeat center bottom; background-size: 100%;} .solution_case .caselogo{ text-align: center; padding-top: 1.2%} .solution_case .item{ display: inline-block; width:32%; padding:2%;} .solution_case .item a{ display: block; position: relative; padding-top:41.5%; max-width: 276px; background: #fff; border-radius:2vw; box-shadow: 1px 1px 15px rgba(67,91,162,0.15)} .solution_case .item img{ max-width: 90%;} /* @media (max-width:960px) { .solution_case .item{ width: 48%;} } */ /**/ .g5_value .tit{ padding-left: 15px; color: #35cab7; margin-bottom: 10px;} .g5_value .circle{ position: relative; padding-left: 15px; } .g5_value .circle::before{ content: ''; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; background-color: #35cab7; border-radius: 100%;} .g5_value ..column_title{ padding-bottom: 4%} .location{ background-color: #efefef; line-height: 46px; color: #737373;} .location i{ font-style: normal; font-family: serif; margin: 0 6px;} .location a{ color: #737373;} .location a:hover, .location span{ color: #006dff;} .news_details{ padding: 5% 0;} .news_details .detailsTit{ text-align: center; padding-bottom: 1%;} .news_details .detailsTit .title{ font-weight: normal;} .news_details .detailsTit .des{ color: #959595; font-size: 14px;} .news_details .detailsTit .des span{ display: inline-block; margin: 0 8px;} .news_details .article{ color: #959595; line-height: 34px;} .news_details .main{ position: relative; overflow: hidden; margin-bottom: 5%;} .news_details .height{ height: 700px; overflow: hidden;} .news_details .Expandarticle{ position: absolute; padding-top: 30%;background-image:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0.8),rgba(255,255,255,1)); left: 0; width: 100%; bottom: 0;} .news_details .Expandarticle.re{ position: relative; padding-top: 100px;} .news_details .Expandarticle .btnMore{ width: 140px; line-height: 40px; border: 1px solid #939393; color: #c4c4c5; text-align: center; position: absolute; left: 50%; top: 70%; transform: translate(-50%,-50%); border-radius: 5px; } .solution_details_TMT{ padding: 3% 0 7%; } .solution_details_TMT .box{ margin-top: 5%; line-height: 30px;} .sub_menu_TMT{ position: absolute; transform: translateY(-50%); width: 100%; z-index: 10; transition: all 0.5s;top: 0; left: 0;} /* @media (max-width:640px) { .solution_details_TMT .img, .solution_details_TMT .txt{ width: 100%; display: block; margin-bottom: 5%;} } */ .sub_menu_TMT.sub_show{ position: fixed; transform: translateY(0);} .sub_menu_TMT .ul{ border: 1px solid #dbdcdc; background-color: #fff;} .sub_menu_TMT .ul li{ float: left; width: 20%; text-align: center; line-height: 76px;} .sub_menu_TMT .ul li a{ display: block; transition: all 0.5s;} .sub_menu_TMT .ul li span{ line-height: normal; vertical-align: middle;display: inline-block;} .sub_menu_TMT .ul li .active{ background-color: #006dff; color: #fff;} /* @media (min-width:769px) { */ .sub_menu_TMT .ul li a:hover{ background-color: #006dff; color: #fff;} /* } */ .TMT_Solution{ position: relative; padding:5% 0 3%;} .TMT_Solution .column_title{ padding-bottom: 5%;} .TMT_Solution .title_box{ display: flex; justify-content: space-between; margin-bottom: 5%;} .TMT_Solution .title_box .item{ width: 30%; text-align: center; max-width: 232px; line-height: 52px; border: 1px solid #474747;} .TMT_Solution .title_box .item.current{ background-color: #31c9b6; background-image: none; border-color: #31c9b6;} .TMT_Solution .title_box .item.current a{ color: #fff;} .TMT_Solution .info_box{ padding: 5% 0;} .padd_left_5{ padding-left: 5%;} /* @media (max-width:640px) { .TMT_Solution{ padding-top: 12%;} .TMT_Solution .info_box .pic, .TMT_Solution .info_box .txt{ width: 100%; padding: 0!important; margin-bottom: 8%; display: block;} .TMT_Solution .info_box .txt *{ margin: 0;} } */ .Industry_solutions .column_title{ padding: 4% 0 3%;} .Industry_solutions .listBox{ background-color: #f7f8fa; padding: 3.5% 5.5%; } .Industry_solutions .title{ font-weight: bold; margin-bottom: 1.5%;} .Industry_solutions dd{ display: flex; justify-content: space-between; flex-wrap: wrap;} .Industry_solutions .item{ padding-bottom: 24.246%; position: relative; margin: .7vw 0;} /* .Industry_solutions dl:first-child dd .item:first-child{ width: 66%;} .Industry_solutions dl:first-child dd .item:nth-child(2){ width: 32%;} .Industry_solutions dl:first-child dd .item:nth-child(3){ width: 100%;} */ .Industry_solutions .item figure{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .Industry_solutions .item .tit{ position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; left: 2.2vw; bottom: 1.5vw;} .Industry_solutions .item .tit .en{ font-size: 14px; margin-top: 5px;} .Industry_solutions dl .item{ width: 24%;} .Industry_solutions dl .item:first-child{ width: 46%;} .Industry_solutions dl .item:nth-child(2), .Industry_solutions dl .item:nth-child(3){ width: 26%;} /* @media (max-width:640px) { .Industry_solutions .slick-arrow{ display: none!important;} .Industry_solutions dl:first-child dd .item:first-child, .Industry_solutions dl:first-child dd .item:nth-child(2){ width: 100%;} .Industry_solutions dl:nth-child(2) .item{ width: 32%;} .Industry_solutions dl:nth-child(2) .item:nth-child(4), .Industry_solutions dl:nth-child(2) .item:first-child{ width: 60%;} .Industry_solutions dl:nth-child(2) .item:nth-child(2), .Industry_solutions dl:nth-child(2) .item:nth-child(3){ width: 38%;} .Industry_solutions .item .tit .en{ font-size: 12px; margin-top: 0;} } */ .solutions_logo{ padding: 3.5% 0;} .solutions_logo .more{ display: block; width: 125px; line-height: 37px; color: #fff; text-align: center; background-color: #31c9b6; border-radius: 50px; margin: -1% auto 0; } .solutions_logo .listBox{ margin: 5% -15px 0;} .solutions_logo dl{ padding: 0 15px;} .solutions_logo dt{ width: 100%; text-align: center; line-height: 80px; background-color: #eeeeee; border-radius: 10px; position: relative; margin-bottom: 50px;} .solutions_logo dt::before{ content: ''; position: absolute; left: 50%; top: 100%; width: 0; height: 0; border: 10px solid transparent; border-top-color: #eeeeee; transform: translateX(-50%);} .solutions_logo .item{ display: block; padding-top: 48.44%; width: 100%; background: url(../images/logo_bg.png) no-repeat center; background-size: cover; margin-top: -7%;} .solutions_logo .item img{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; max-height: 70%; margin: auto; max-width: 70%;} /* @media (max-width:768px) { .solutions_logo dt{ line-height: 40px;} } */ .svgCon{ position: relative; margin: 0 auto; width: 435px; max-width: 100%;} .svgCon svg{left: 0; top: 0; width: 100%; height: 100%; position: absolute;} .svgCon svg path{ cursor: pointer; } .svgCon svg path.on{ fill: #006dff;} .svgCon .icon{ position: absolute; z-index: 2; cursor: pointer; } .svgCon .icon1{left: 15%; top: 21%;} .svgCon .icon2{left: 47%; top: 6%;} .svgCon .icon3{right: 13%; top: 22%;} .svgCon .icon4{right: 6%; top: 55%;} .svgCon .icon5{right: 27%; bottom: 9%;} .svgCon .icon6{left: 29%; bottom: 8%;} .svgCon .icon7{left: 5%; top: 55%;} .svgCon .font{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; font-weight: bold; } .solution_finance_technology { padding-top: 3%; } .solution_finance_technology .center_txt { padding-bottom: 6%; line-height: 28px; } .solution_finance_technology .title_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; margin-bottom: 5%; } .solution_finance_technology .title_box .item { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; width: 32.5%; max-width: 252px; text-align: center; border: 1px solid #31c9b6 !important; } .solution_finance_technology .title_box .item span { display: block; width: 100%; padding: 10px 0; } .solution_finance_technology .title_box .item.current { background: #006dff; border-color: #006dff !important; color: #fff; } .solution_finance_technology .info_box .aon { overflow: initial; } .solution_finance_technology .wrapper{justify-content: center;} .solution_finance_technology .num1 .col_info { padding: 5% 0; } .solution_finance_technology .num1 .picIcon { position: relative; width: 100%; padding-top: 100%; } .solution_finance_technology .num1 .txt { background-color: #0d74ff; border-radius: 20px; color: #fff; padding: 5%; line-height: 26px; } .solution_finance_technology .num1 .txt .tit { display: block; margin-bottom: 5px; } .solution_finance_technology .num1 .txt::before, .solution_finance_technology .num1 .txt::after { content: ''; position: absolute; background-color: #0d74ff; height: 1px; } /* @media (max-width: 1024px) { .solution_finance_technology .num1 .picIcon { margin-bottom: 5%; } .solution_finance_technology .num1 .txt { margin-bottom: 3%; } } */ /* @media (min-width: 1025px) { */ .solution_finance_technology .num1 .col_info { padding: 100px 0 160px; } .solution_finance_technology .num1 .txt { display: none; width: 263px; position: absolute; } .solution_finance_technology .num1 .txt[rel="1"] { left: -80%; top: 3%; } .solution_finance_technology .num1 .txt[rel="1"]::before { left: 100%; top: 30px; width: 23px; } .solution_finance_technology .num1 .txt[rel="1"]::after { left: calc(100% + 13px); top: 60px; width: 112px; transform: rotate(33deg); } .solution_finance_technology .num1 .txt[rel="2"] { left: -40%; top: -30%; } .solution_finance_technology .num1 .txt[rel="2"]::before { left: 100%; top: 50px; width: 23px; } .solution_finance_technology .num1 .txt[rel="2"]::after { left: calc(100% + 4px); top: 92px; width: 114px; transform: rotate(48deg); } .solution_finance_technology .num1 .txt[rel="3"] { right: -80%; top: 3%; } .solution_finance_technology .num1 .txt[rel="3"]::before { right: 100%; top: 30px; width: 23px; } .solution_finance_technology .num1 .txt[rel="3"]::after { right: calc(100% + 13px); top: 60px; width: 112px; transform: rotate(-33deg); } .solution_finance_technology .num1 .txt[rel="4"] { right: -80%; top: 70%; } .solution_finance_technology .num1 .txt[rel="4"]::before { right: 100%; top: 30px; width: 23px; } .solution_finance_technology .num1 .txt[rel="4"]::after { right: calc(100% + 18px); top: 10px; width: 85px; transform: rotate(29deg); } .solution_finance_technology .num1 .txt[rel="5"] { right: -56%; top: 97%; } .solution_finance_technology .num1 .txt[rel="5"]::before { right: 100%; top: 30px; width: 23px; } .solution_finance_technology .num1 .txt[rel="5"]::after { right: calc(100% + 18px); top: 10px; width: 85px; transform: rotate(29deg); } .solution_finance_technology .num1 .txt[rel="6"] { left: -56%; top: 97%; } .solution_finance_technology .num1 .txt[rel="6"]::before { left: 100%; top: 30px; width: 23px; } .solution_finance_technology .num1 .txt[rel="6"]::after { left: calc(100% + 18px); top: 10px; width: 85px; transform: rotate(-29deg); } .solution_finance_technology .num1 .txt[rel="7"] { left: -81%; top: 65%; } .solution_finance_technology .num1 .txt[rel="7"]::before { left: 100%; top: 30px; width: 23px; } .solution_finance_technology .num1 .txt[rel="7"]::after { left: calc(100% + 18px); top: 10px; width: 85px; transform: rotate(-29deg); } /* } */ .solution_finance_technology .num2 .col_info { padding-bottom: 150px; margin: 10% 0 0; width: 100%; } .solution_finance_technology .num2 .pic { width: 100%; position: relative; text-align: center; padding-bottom: 5%; } .solution_finance_technology .num2 .pic img { position: relative; z-index: 2; } .solution_finance_technology .num2 .quan i { position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%); border: 2px solid #31c9b6; border-radius: 100%; opacity: 0.2; } .solution_finance_technology .num2 .quan .i1 { width: 70%; height: 64%; } .solution_finance_technology .num2 .quan .i2 { width: 85%; height: 70%; } .solution_finance_technology .num2 .quan .i3 { width: 98%; height: 76%; } .solution_finance_technology .num2 .txt { position: absolute; } .solution_finance_technology .num2 .txt em { font-style: normal; width: 40px; height: 40px; line-height: 40px; border: 2px solid #fff; background-color: #31c9b6; color: #fff; font-weight: bold; font-size: 20px; display: block; text-align: center; border-radius: 100%; position: relative; cursor: pointer; } .solution_finance_technology .num2 .txt .con { margin-top: 140px; width: 765px; padding: 15px 50px; color: #fff; background-color: #006dff; margin-left: -30px; border-radius: 10px; position: absolute; display: none; } .solution_finance_technology .num2 .txt .con span { display: block; margin-bottom: 5px; font-weight: bold; } .solution_finance_technology .num2 .txt .con::before, .solution_finance_technology .num2 .txt .con::after { content: ''; position: absolute; background-color: #006dff; } .solution_finance_technology .num2 .txt .con::before { width: 1px; height: 120px; top: -142px; left: 51px; } .solution_finance_technology .num2 .txt .con::after { width: 11px; height: 11px; border-radius: 100%; left: 46px; top: -22px; } .solution_finance_technology .num2 .txt:hover { z-index: 10; } .solution_finance_technology .num2 .txt:hover em { background-color: #006dff; } .solution_finance_technology .num2 .txt:hover .con { display: block; } .solution_finance_technology .num2 .n1 { left: 5%; top: 48%; } .solution_finance_technology .num2 .n2 { left: 23%; top: 19%; } .solution_finance_technology .num2 .n3 { left: 45%; top: 58%; } .solution_finance_technology .num2 .n4 { right: 26%; top: 18%; } .solution_finance_technology .num2 .n5 { right: 5.5%; top: 33%; } .solution_finance_technology .num2 .n4 .con, .solution_finance_technology .num2 .n5 .con { right: 0; margin-left: auto; margin-right: -30px; } .solution_finance_technology .num2 .n4 .con::before, .solution_finance_technology .num2 .n5 .con::before { left: auto; right: 51px; } .solution_finance_technology .num2 .n4 .con::after, .solution_finance_technology .num2 .n5 .con::after { left: auto; right: 46px; } /* @media (max-width: 640px) { .solution_finance_technology .num2 .col_info { padding-bottom: 5%; margin: 10% 0 0; } .solution_finance_technology .num2 .txt { position: static; margin-bottom: 5%; } .solution_finance_technology .num2 .txt em { display: none; } .solution_finance_technology .num2 .txt .con { margin: 0; max-width: 100%; display: block; padding: 2% 6%; position: static; } .solution_finance_technology .num2 .txt .con::before, .solution_finance_technology .num2 .txt .con::after { display: none; } } */ .solution_finance_technology .num3 .col_info { padding: 12% 0 15%; } .solution_finance_technology .num3 .ul { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-top: 10%; justify-content: space-between; flex-flow: row wrap; } .solution_finance_technology .num3 .ul .pic { width: 100%; position: relative; padding-top: 65%; } .solution_finance_technology .num3 .ul .pic img { max-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; } .solution_finance_technology .num3 .ul li { width: 25%; text-align: center; } /* @media (max-width: 640px) { .solution_finance_technology .num3 .ul li { width: 50%; margin: 5% 0; } } */ .solution_finance_scene .title_box .item { text-align: center; display: flex; width: 40%; max-width: 352px; line-height: 54px; border-color: #474747; justify-content: center; } .solution_finance_scene .info_box { max-width: 1700px; width: 96%; overflow: hidden; } .solution_finance_scene .Marketing .info { position: relative; padding-top: 70px; } .solution_finance_scene .Marketing .pic { position: absolute; left: 50%; margin-left: -850px; top: 0; width: 1700px; } .solution_finance_scene .Marketing .ul { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-top: 171px; flex-flow: row wrap; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 3%; } .solution_finance_scene .Marketing li { width: 18%; line-height: 26px; padding-top: 15px; position: relative; } .solution_finance_scene .Marketing li b { display: block; color: #92e2d8; } .solution_finance_scene .Marketing li .line { width: 3px; height: 158px; background-color: #92e2d8; position: absolute; left: -15px; top: 0; } .solution_finance_scene .Marketing li .line::before { content: ''; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 10px; height: 10px; background-color: #92e2d8; border-radius: 100%; } .solution_finance_scene .Marketing li:nth-child(2n) .line, .solution_finance_scene .Marketing li:nth-child(2n) .line::before { background-color: #006dff; } .solution_finance_scene .Marketing li:nth-child(2n) b { color: #006dff; } .solution_finance_scene .Marketing .li2 { margin-left: 2.8%; margin-top: -5px; padding-top: 20px; } .solution_finance_scene .Marketing .li3 { margin-left: 1%; margin-top: -21px; padding-top: 41px; } .solution_finance_scene .Marketing .li4 { margin-left: 2.4%; margin-top: -116px; padding-top: 131px; } .solution_finance_scene .Marketing .li4 .line { height: 258px; } .solution_finance_scene .Marketing .li5 { margin-top: -163px; padding-top: 178px; } .solution_finance_scene .Marketing .li5 .line { height: 380px; } .solution_finance_scene .Marketing .txtCon { padding: 5% 0; } .solution_finance_scene .Marketing .txtCon dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; } .solution_finance_scene .Marketing .txtCon dt, .solution_finance_scene .Marketing .txtCon dd { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; } .solution_finance_scene .Marketing .txtCon dd:nth-child(3) { order: 3; } .solution_finance_scene .Marketing .txtCon dt { order: 2; text-align: center; width: 45%; } .solution_finance_scene .Marketing .txtCon dt p { margin-top: 0; } .solution_finance_scene .Marketing .txtCon dt .img { position: relative; } .solution_finance_scene .Marketing .txtCon dt .img img { position: relative; z-index: 2; } .solution_finance_scene .Marketing .txtCon dt .img .line { width: 100%; position: absolute; height: 3px; background-color: #006dff; left: 0; top: 50%; margin-top: -1.5px; } .solution_finance_scene .Marketing .txtCon dt .img .line::before, .solution_finance_scene .Marketing .txtCon dt .img .line::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); background-color: #006dff; width: 11px; height: 11px; border-radius: 100%; } .solution_finance_scene .Marketing .txtCon dt .img .line::before { left: 0; } .solution_finance_scene .Marketing .txtCon dt .img .line::after { right: 0; } .solution_finance_scene .Marketing .txtCon dd { border: 3px solid #006dff; border-radius: 10px; padding: 2% 3%; width: 26%; line-height: 26px; } /* @media (max-width: 1280px) { .solution_finance_scene .Marketing .pic { display: none; } .solution_finance_scene .Marketing .ul { margin-top: 0; } .solution_finance_scene .Marketing .ul li { padding-top: 0!important; margin-top: 0!important; } .solution_finance_scene .Marketing .ul li .line { height: 90%!important; } } @media (max-width: 768px) { .solution_finance_scene .Marketing .ul { flex-flow: row-reverse wrap; justify-content: space-around; } .solution_finance_scene .Marketing .ul li { width: 30%; margin: 4% 0; } .solution_finance_scene .Marketing .ul li .line { height: 90%!important; } } @media (max-width: 640px) { .solution_finance_scene .Marketing .ul li { width: 46%; } .solution_finance_scene .Marketing .ul .li5 { width: 96%; } .solution_finance_scene .Marketing .txtCon dl { flex-direction: column; } .solution_finance_scene .Marketing .txtCon dd, .solution_finance_scene .Marketing .txtCon dt { width: 100%; } .solution_finance_scene .Marketing .txtCon dt { margin: 5% 0; } } */ .solution_finance_scene .Service { max-width: 1024px; margin: 0 auto; width: 96%; padding-bottom: 5%; } .solution_finance_scene .Service dl { position: relative; } .solution_finance_scene .Service dt { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 57%; } .solution_finance_scene .Service ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; position: relative; } .solution_finance_scene .Service li { display: flex; width: 40%; flex-direction: column; max-width: 305px; margin: 5% 0; box-shadow: 0px 1px 4.95px 0.05px rgba(191, 191, 191, 0.66); padding: 2%; border-radius: 20px; text-align: center; } .solution_finance_scene .Service li:not(:nth-child(2n)) { margin-right: 15%; } .solution_finance_scene .Service li:first-child, .solution_finance_scene .Service li:nth-child(2) { margin-bottom: 20%; } .solution_finance_scene .Service li p { margin: 0; } .solution_finance_scene .Service li .tit { margin: 8px 0 10px; color: #0042bd; font-weight: bold; } .solution_finance_scene .Service li .des { text-align: left; font-size: 14px; } .product_AIOT .title_box .item{ padding-top: 2vw; padding-bottom: 2vw;} .solution_government_application .list .ul li span{ opacity: 1;} /* @media (max-width: 1700px) { */ .solution_government_application .w1330{ width: 68%;} .sub_menu_TMT .w1200{ width: 86%;} .f32{ } .functions_icc .title_box .item, .product_functions .title_box .item, .zndlService .tit{ font-size: 16px;} .product_functions.product_AIOT .info_robot li, .product_AIOT .info_robot li{ padding-left: 0; padding-right: 2%; font-size: 14px; line-height: 24px;} .product_functions.product_AIOT .info_robot .txt, .product_AIOT .info_robot .txt, .product_functions.product_AIOT .info_Table, .product_AIOT .info_Table, .zndlService p, .product_functions .txtbox .txt, .product_functions .info_robot .txt{ font-size: 14px; line-height: 24px;} .zndlService p{ margin: 0; padding:10px 0;} .yinying_tab .title_box{ font-size: 18px;} .yinying_tab .title_box .item a{ height: 92px;} .cloud_sales_ProModule .column_title{ font-size: 28px; line-height: 70px; height: 80px; top: -74px; } .common_three_line .info_txt{ min-height: 180px; padding-top: 0;} .product_AIOT .title_box .item{ font-size: 18px;} .product_functions.functions_g5 .title_box .item{ padding-top: 20px; padding-bottom: 20px;} .product_functions.functions_LTC .info_robot .icon img{ max-width: 80%;} .product_functions.product_AIOT .info_Table img, .product_functions.product_AIOT .info_robot img, .product_functions.functions_LTC .info_robot.info_5 .icon img{ max-width: 70%;} .info_icontxt li{ font-size: 16px;} .info_icontxt{ min-height: 330px;} .solution_network_card .title_box .item{ height: 240px;} .solution_government_application .box{ display: flex; flex-flow: row-reverse wrap; justify-content: space-between; align-items: center;} .solution_government_application .box .pic{ width: 47%;} .platform_advantage .info{ min-width: 400px;} .platform_advantage:not(.aPaaS) .info h4{ font-size: 20px;} .platform_advantage:not(.aPaaS) .info h5{ font-size: 18px;} .itemABout article{ font-size: 16px;} .history .current{ padding-top: 297px;} .history .current1{ padding-top: 242px;} .history .current2{ padding-top: 193px;} .history .current3{ padding-top: 134px;} .history .current4{ padding-top: 108px;} .history .hover{ font-size: 14px; line-height: 24px; left: 25%;} .history .slider{ padding: 6% 0;} .history li:nth-child(3) .hover{ left: 38%;} .history .hover .tit{ font-size: 16px;} .history .slider{ padding-bottom: 0;} .history .slick-track{ height: 680px;} .mindIdentity .right{ padding: 3% 3% 3% 4%;} .mindIdentity .pic{ padding-left: 3%;} .mindIdentity .ytable{ margin-top: 0; min-height: 320px;} .mindIdentity .right .items{ line-height: 24px; font-size: 14px;} .mindIdentity .right .items:not(:last-child){ margin-bottom: 20px;} .Partner dd{ margin: 5px 0 10px;} .Partner dd a{ line-height: 60px; height: 60px; width: 137px; margin-left: 10px; margin-right: 10px;} .Partner dd a img{ max-width: 80%!important; max-height: 80%;} .honor .box{ font-size: 16px;} .f20{ font-size: 18px;} .serviceSystem .txt{ font-size: 20px;} .solutions_logo dt{ line-height: 50px; font-size: 16px;} .list_news li .txt, .ranking_news .txt{ font-size: 14px;} /* } */ .icon-list_value {font-size: 0; text-align: center;} .icon-list_value .item {display: inline-block; vertical-align: top; width: 217px; height: 275px; padding: 76px 10px; border-radius: 20px; margin-bottom: 7px; margin-right: 108px;} .icon-list_value .item {width: 23%; height: 364px; margin:0 1%; } .icon-list_value .item .iconbox {display: block; width: 84px; height: 84px; background: rgba(48, 177, 231, 0.12); border-radius: 50%; margin: 0 auto; position: relative; margin-bottom: 10px;;} .icon-list_value .item .iconbox .icon {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .icon-list_value .item .iconbox .icon-active {display: none;} .icon-list_value .item .icon {display: block; margin: 0;} .icon-list_value .item .icon-title {font-size: 18px; font-weight: normal; text-align: center; margin: 18px 0 0; padding: 0 40px;} .icon-list_value .item .desc {color: #fff; font-size: 16px; font-weight: lighter; line-height: 26px; margin: 6px 0 0; display: none; text-align: left;} .icon-list_value .item .desc p{ margin: 0; padding-left: 15px; position: relative;} .icon-list_value .item .desc p::before{ content: ''; position: absolute; left: 0; top: 8px; width: 7px; height: 7px; background-color: #fff; border-radius: 100%;} .icon-list_value .item:hover {background-color: #3370f1; box-shadow: -13px 35px 87px 0px rgba(22, 124, 166, 0.24); padding: 3% 3% 1%;} .icon-list_value .item:hover .iconbox {background: rgba(255, 255, 255, 0.12);} .icon-list_value .item:hover .iconbox .icon {display: none;} .icon-list_value .item:hover .icon-title {display: none;} .icon-list_value .item:hover .desc {display: block;} .icon-list_value .item:hover .iconbox .icon-active {display: block;} .icon-list_value.row_3 .item{ width: 31.33%;} .g5_value .icon-list_value .item{ height: 320px; } .AIOT_value .icon-list_value .item{ height: 300px;} .AIOT_value .icon-list_value .item .iconbox{ margin-top: 30px; margin-bottom: 20px;} .dmp_value .icon-list_value .item{ height: 300px;} .dmp_value .icon-list_value .item .iconbox{ margin-top: 30px; margin-bottom: 20px;} /* @media (max-width: 1700px) { */ .f45{ font-size: 32px;} /* .header .auto{ width: 1280px;} */ .header .logo{ width: 120px;} .header .logo img{ height: 24px;} .header .stock{ font-size: 16px;line-height: 24px;} .icon-list_value .item .icon-title{ font-size: 16px; padding: 0 30px;} .icon-list_value.row_3 .item .icon-title{ padding: 0 10px;} .icon-list_value .item .desc{ font-size: 14px; line-height: 24px;} .icon-list_value .item:hover{ padding-left: 2%; padding-right: 2%;} .product_functions .title_box .item{padding-top: 15px; padding-bottom: 15px;} .functions_dhjqr .title_box .item{ padding-top: 40px; padding-bottom: 40px;} .product_AIOT .title_box .item{padding-top: 20px; padding-bottom: 20px;} .g5_value .icon-list_value .item{ padding-left: 30px; padding-right: 30px; } .platform_functions .txt{ font-size: 14px;} .history .slider .time time{ font-size: 18px;} .history .slider li:hover .time time{ font-size: 20px;} .proCase_article article, .proCase_article article .f20, .proCase_scheme .f20{ font-size: 14px; line-height: 24px;} .hover_Box.line_bg .title_box .item{ padding: 120px 0;} .Partner dt{ font-size: 16px;} .common_case_info .info_box{ vertical-align: top;} /* } */ /* AI实验室 */ .AiLab-box .wt1200{ max-width:980px; margin:0 auto;} .AiLab-box .AiLab-tit{ font-size:32px; color:#04203e; text-align:center;} .AiLab-one{ padding-bottom:100px;} .AiLab-one .AiLab-tit{ margin-bottom:30px;} .AiLab-one .list—box{ display:flex; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.2); position:relative; z-index:5; transform:translateY(-50%);} .AiLab-one .item{ width:20%; padding:40px 0; text-align:center;} .AiLab-one .item .line{ padding:0 30px; border-right:solid 1px #e4e4e4;} .AiLab-one .item .tit{ color:#1796ff; font-size:30px;} .AiLab-one .item .des{ margin-top:10px; line-height:1.6; font-size:12px; color:#666666;} .AiLab-one .item:nth-child(2n) .tit{ color:#31c2b2;} .AiLab-one .item:last-child .line{ border-right:none;} .AiLab-one .introd{ line-height:2; font-size:16px; color:#505050;} .AiLab-one .introd strong{ font-size:18px; color:#37a0ff;} .AiLab-two{ padding:100px 0; background:url(../images/AiLab-back.png) no-repeat left; background-size:cover;} .AiLab-two .AiLab-tit{ margin-bottom:30px;} .AiLab-two .d-flex{ display:flex;} .AiLab-two .f-wrap{ flex-wrap:wrap;} .AiLab-two .j-sb{ justify-content:space-between;} .AiLab-two .j-ac{ justify-content:center;} .AiLab-two .a-ac{ align-items:center;} .AiLab-two .wtd18{ width:18%;} .AiLab-two .wtd20{ width:25%;} .AiLab-two .wtd30{ width:30%;} .AiLab-two .wtd38{ width:38%;} .AiLab-two .wtd39{ width:39%;} .AiLab-two .wtd49{ width:49.2%;} .AiLab-two .wtd59{ width:59%;} .AiLab-two .wtd69{ width:69.5%;} .AiLab-two .wtd80{ width:80%;} .AiLab-two .wtd100{ width:100%;} .AiLab-two .iow{ margin-bottom:30px;} .AiLab-two .iow .name{ font-size: 20px; font-weight: bold; padding: 10px; /* background: #31c2b2; */ color: #fff; width: 100%;} .AiLab-two .iow .text{ font-size:16px; width:calc(100% - 150px);} .AiLab-two .iow:last-child{ margin-bottom:0;} .AiLab-two .iow .ul{ align-items:center; flex-wrap:wrap; height:100%;} .AiLab-two .iow .ul li{ width:14%; margin-right:.3%; height:100%; display:flex; justify-content:center; align-items:center; background:#fcfdfe; border:solid 1px #ebeaea;} .AiLab-two .iow .ul li:nth-child(7n){ margin-right:0;} .AiLab-two .iow dl{ padding:10px 0; padding-right:10px; background:#fcfdfe; height:100%; box-shadow:0 0 5px rgba(0,0,0,.1);} .AiLab-two .iow dt{ font-size:20px;color:#31c2b2; height:100%;display:flex;justify-content:center;align-items:center;} .AiLab-two .iow dt.mar{ margin-right:10px;} .AiLab-two .iow dl dd{ align-items:center; align-content:center} .AiLab-two .iow dl dd span{ text-align:center; padding:10px 5px; margin:1% 0; background:#fcfdfe; display:block; border:solid 1px #f0f0f0;} .AiLab-two .iow dl dd span.mar0{margin:0;} .AiLab-two .iow dl.padd{ padding-left:10px;} .AiLab-two .iow dt.vert{ width:50px;word-wrap: break-word; height:100%;display:flex;justify-content:center;align-items:center; padding:0 15px;} .AiLab-two .iow dt.vert span{ text-align:center; width:100%; word-wrap: break-word;} .AiLab-two .iow dt.Iw7{ width:75px;} .AiLab-two .iow dd.TIw1{ width:calc(100% - 80px);} .AiLab-two .iow dt.Iw5{ width:50px;} .AiLab-two .iow dd.TIw5{ width:calc(100% - 60px);} .AiLab-two .iow dt.Iw4{ width:40px;} .AiLab-two .iow dd.TIw4{ width:calc(100% - 50px);} .AiLab-two .iow dt.Iw3{ width:30px;} .AiLab-two .iow dd.TIw3{ width:calc(100% - 40px);} .AiLab-three{ padding:110px 0;} .AiLab-three .AiLab-tit{ margin-bottom:50px;} .AiLab-three .hover_Box .left{ width:190px; padding-right:5px;} .AiLab-three .hover_Box .right{ vertical-align:top; width:calc(100% - 190px); padding:100px 80px; background: url(../images/AiLab3_bg.png) no-repeat right bottom #fff;/* background:#fff; */ box-shadow:0 0 10px rgba(0,0,0,.1)} .AiLab-three .hover_Box .title_box{ vertical-align:top;} .AiLab-three .hover_Box .title_box .item{ padding:20px 0; position:relative; border-left: 3px solid transparent; transition: 0.5s ; cursor: pointer; text-align:center; font-size:18px; margin-bottom:5px; box-shadow:0 0 10px rgba(0,0,0,.1)} .AiLab-three .hover_Box .title_box .item span{ display:block; margin-top:10px;} .AiLab-three .hover_Box .title_box .item.current{ border-left-color: #35cab7; background:linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%); box-shadow:none;} .AiLab-three .hover_Box .title_box .item:last-child{ margin-bottom:0;} .AiLab-three .hover_Box .info_box{ vertical-align:middle;} .AiLab-three .hover_Box .info_box .item { position:relative; transition: 0.5s; overflow: hidden;} .AiLab-three .hover_Box .info_box .item .col_info{ font-size:18px; transition: 0.5s; transform: translateX(-100%);} .AiLab-three .hover_Box .info_box .item .col_info .pot{ margin-right:15px;font-size: 30px; line-height: 1.5;} .AiLab-three .hover_Box .info_box .item .col_info .line{ font-size:0; width:80%; border-bottom:solid 1px #aaaaaa;} .AiLab-three .hover_Box .info_box .item .col_info .line span{ height:4px; margin-bottom:-1px; width:140px; display:inline-block;} .AiLab-three .hover_Box .info_box .item .col_info strong{ margin-right:5px;font-size:21px;} .AiLab-three .hover_Box .info_box .item .col_info .ul{ padding:20px 0;} .AiLab-three .hover_Box .info_box .item .col_info .ul li{ line-height:2; margin:10px 0; position:relative; padding-left:20px; color: #727171;} .AiLab-three .hover_Box .info_box .item .col_info .ul li .pot{ position:absolute; left:0;} .AiLab-three .hover_Box .info_box .item .col-color1 .line span{ background:#1998ff;} .AiLab-three .hover_Box .info_box .item .col-color1 .pot{ color:#1998ff;} .AiLab-three .hover_Box .info_box .item .col-color1 strong{ color:#1998ff; margin-right:5px;} .AiLab-three .hover_Box .info_box .item .col-color2 .line span{ background:#1dcffb;} .AiLab-three .hover_Box .info_box .item .col-color2 .pot{ color:#1dcffb;} .AiLab-three .hover_Box .info_box .item .col-color2 strong{ color:#1dcffb;} .AiLab-three .hover_Box .info_box .item .col-color3 .line span{ background:#f39475;} .AiLab-three .hover_Box .info_box .item .col-color3 .pot{ color:#f39475;} .AiLab-three .hover_Box .info_box .item .col-color3 strong{ color:#f39475;} .AiLab-three .hover_Box .info_box .item .col-color4 .line span{ background:#31c9b6;} .AiLab-three .hover_Box .info_box .item .col-color4 .line4{font-size:0; width:100%; border-bottom:solid 2px #31c9b6; margin-top: 40px;} .AiLab-three .hover_Box .info_box .item .col-color4 .pot{ color:#31c9b6;} .AiLab-three .hover_Box .info_box .item .col-color4 strong{ color:#31c9b6;} .AiLab-three .hover_Box .info_box .item .wrapper{ display:flex; flex-flow:row wrap;align-items:center;justify-content:center;} .AiLab-three .hover_Box .info_box .item.prev .col_info { transform:translateX(-100%);} .AiLab-three .hover_Box .info_box .item.next .col_info { transform:translateX(100%);} .AiLab-three .hover_Box .info_box .item.aon .col_info { transform:translateX(0);} .AiLab-four{ min-height:732px; color:#fff; padding:70px 0; background-repeat:no-repeat; background-position: center center; position:relative; background-size: cover;} .AiLab-four .Aback{ display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0,.5);} .AiLab-four .AiLab-tit{ font-size:32px; color:#fff; text-align:center;} .AiLab-four .des{ margin:20px 0; text-align:center; font-size:18px;} .AiLab-four .des strong{ font-size:24px; color:#1ed8d1;} .AiLab-four .coverage-box{ min-height:450px; font-size:13px; position:relative;} .AiLab-four .coverage-box .item{ position:absolute; display:block;} .AiLab-four .coverage-box .item .wz{ width:100%; text-align:center; transition: all .5s;} .AiLab-four .coverage-box .item .cove{ cursor:pointer; display:flex; flex-wrap:wrap; justify-content:center;} .AiLab-four .coverage-box .item .cove .icon{ margin-bottom:5px; position:relative;} .AiLab-four .coverage-box .item .cove .icon .line{ width:76px; height:28px; background-image:url(../images/line.png); position:absolute; content:''; display:none; z-index:1;} .AiLab-four .coverage-box .item .cove .opacity5{ opacity:.5;} .AiLab-four .coverage-box .item .cove .opacity7{ opacity:.7;} .AiLab-four .coverage-box .item .cove .opacity10{ opacity:1;} .AiLab-four .coverage-box .item .cove span{ position:relative; z-index:2; display:block; background:#1f78f4; border-radius:50%; transition: all .5s;} .AiLab-four .coverage-box .item .cove span i{ border-radius:50%;} .AiLab-four .coverage-box .item .cove1 span{padding:8px;} .AiLab-four .coverage-box .item .cove1 span i{ background:#31c9b6; display:block; width:10px; height:10px;} .AiLab-four .coverage-box .item .cove2 span{padding:20px;} .AiLab-four .coverage-box .item .cove2 span i{ background:#31c9b6; display:block; width:20px; height:20px;} .AiLab-four .coverage-box .item .cove3 span{padding:23px;} .AiLab-four .coverage-box .item .cove3 span i{ background:#31c9b6; display:block; width:30px; height:30px;} .AiLab-four .coverage-box .item .cove4 span{padding:12px;} .AiLab-four .coverage-box .item .cove4 span i{ background:#31c9b6; display:block; width:15px; height:15px;} .AiLab-four .coverage-box .item .cove5 span{padding:15px;} .AiLab-four .coverage-box .item .cove5 span i{ background:#31c9b6; display:block; width:20px; height:20px;} .AiLab-four .cove-up{ display:none; position:absolute; left:100%; padding-left:25px; z-index:5; width:max-content;} .AiLab-four .cove-up .con-shell{ padding:8px 15px; background:#fff; display:flex; align-items:center; max-width:360px; border-radius:8px; border:solid 2px #31c2b2;} .AiLab-four .cove-up .pic{ margin-right:15px;} .AiLab-four .cove-up .pic figure{ width:92px; height:92px; border-radius:50%; background-size: contain;} .AiLab-four .cove-up .text{ color:#333;} .AiLab-four .cove-up .text .tit{ font-weight:600; margin-bottom:5px; font-size:18px; color:#1f78f4;} .AiLab-four .cove-up .text .ul{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;} .AiLab-four .cove-up .text .ul li{ margin:2px 0; min-width:30%; position:relative; padding-left:5px; display:flex; align-items:center;} .AiLab-four .cove-up .text .ul li::before{ position:absolute; left:0; content:''; display:block; width:2px; height:2px; border-radius:50%; background:#181724;} .AiLab-four .coverage-box .item.active{ z-index:5;} .AiLab-four .coverage-box .item.active .cove .wz, .AiLab-four .coverage-box .item.active .cove span{ transform:scale(1.2);} .AiLab-four .coverage-box .item.active .cove .wz{ margin-top:10px;} .AiLab-four .coverage-box .item.active .cove .icon{ z-index:5;} .AiLab-four .coverage-box .item.active .cove .icon span{ opacity:1;} .AiLab-four .coverage-box .item:nth-child(1){ top:20%; left:-3%;} .AiLab-four .coverage-box .item:nth-child(1) .cove-up{ top:-32%;} .AiLab-four .coverage-box .item:nth-child(1) .cove .icon .line{ bottom:60%; left:100%;} .AiLab-four .coverage-box .item:nth-child(2){ top:6%; left:7.5%;} .AiLab-four .coverage-box .item:nth-child(2) .cove-up{ top:-4px;} .AiLab-four .coverage-box .item:nth-child(2) .cove .icon .line{ bottom:60%; left:100%;} .AiLab-four .coverage-box .item:nth-child(3){ top:8%; left:24.5%;} .AiLab-four .coverage-box .item:nth-child(3) .cove-up{ top:-4px;} .AiLab-four .coverage-box .item:nth-child(3) .cove .icon .line{ bottom:60%; left:100%;} .AiLab-four .coverage-box .item:nth-child(4){ top:13%; left:35%;} .AiLab-four .coverage-box .item:nth-child(4) .cove-up{top:2px;} .AiLab-four .coverage-box .item:nth-child(4) .cove .icon .line{ bottom:60%; left:100%;} .AiLab-four .coverage-box .item:nth-child(5){ top:12%; left:51%;} .AiLab-four .coverage-box .item:nth-child(5) .cove-up{ top:-12px;} .AiLab-four .coverage-box .item:nth-child(5) .cove .icon .line{ bottom:60%; left:100%;} .AiLab-four .coverage-box .item:nth-child(6){ top:12%; left:65%;} .AiLab-four .coverage-box .item:nth-child(6) .cove-up{ left:auto; padding-left:0; right:100%; padding-right:25px; top:40px;} .AiLab-four .coverage-box .item:nth-child(6) .cove .icon .line{ bottom:45%; right:90%;} .AiLab-four .coverage-box .item:nth-child(7){ top:7%; left:81%;} .AiLab-four .coverage-box .item:nth-child(7) .cove-up{ left:auto; padding-left:0; right:100%; padding-right:25px; top:45px;} .AiLab-four .coverage-box .item:nth-child(7) .cove .icon .line{ bottom:20%; right:95%;} .AiLab-four .coverage-box .item:nth-child(8){ top:18%; right:0;} .AiLab-four .coverage-box .item:nth-child(8) .cove-up{top:73%; left:auto; padding-left:0; right:100%;} .AiLab-four .coverage-box .item:nth-child(8) .cove .icon .line{ top:60%; right:100%;} .AiLab-four .coverage-box .item:nth-child(9){ top:50%; left:0;} .AiLab-four .coverage-box .item:nth-child(9) .cove-up{top:-4px;} .AiLab-four .coverage-box .item:nth-child(9) .cove .icon .line{ bottom:60%; left:100%;} .AiLab-four .coverage-box .item:nth-child(10){ top:34%; left:9%;} .AiLab-four .coverage-box .item:nth-child(10) .cove-up{top:-12px;} .AiLab-four .coverage-box .item:nth-child(10) .cove .icon .line{ bottom:60%; left:100%;} .AiLab-four .coverage-box .item:nth-child(11){ top:34%; left:18%;} .AiLab-four .coverage-box .item:nth-child(11) .cove-up{top:3px;} .AiLab-four .coverage-box .item:nth-child(11) .cove .icon .line{ bottom:60%; left:100%;} .AiLab-four .coverage-box .item:nth-child(12){ top:49%; left:30%;} .AiLab-four .coverage-box .item:nth-child(12) .cove-up{top:2px;} .AiLab-four .coverage-box .item:nth-child(12) .cove .icon .line{ bottom:60%; left:100%;} .AiLab-four .coverage-box .item:nth-child(13){ top:40%; left:42.5%;} .AiLab-four .coverage-box .item:nth-child(13) .cove-up{top:-8px;} .AiLab-four .coverage-box .item:nth-child(13) .cove .icon .line{ bottom:60%; left:100%;} .AiLab-four .coverage-box .item:nth-child(14){ top:33%; left:58%;} .AiLab-four .coverage-box .item:nth-child(14) .cove-up{top:2px;} .AiLab-four .coverage-box .item:nth-child(14) .cove .icon .line{ bottom:60%; left:100%;} .AiLab-four .coverage-box .item:nth-child(15){ top:35%; left:76%;} .AiLab-four .coverage-box .item:nth-child(15) .cove-up{ left: auto; right:100%; padding-right:25px; padding-left:0; top:48px;} .AiLab-four .coverage-box .item:nth-child(15) .cove .icon .line{ bottom:0; right:100%;} .AiLab-four .coverage-box .item:nth-child(16){ top:38%; right:1%;} .AiLab-four .coverage-box .item:nth-child(16) .cove-up{ left:auto;right:100%;padding-right:25px;padding-left:0;top:58px;} .AiLab-four .coverage-box .item:nth-child(16) .cove .icon .line{ bottom:0; right:100%;} .AiLab-four .coverage-box .item:nth-child(17){ top:66.5%; left:12.5%;} .AiLab-four .coverage-box .item:nth-child(17) .cove-up{ bottom:109%;} .AiLab-four .coverage-box .item:nth-child(17) .cove .icon .line{ bottom:50%; left:100%;} .AiLab-four .coverage-box .item:nth-child(18){ top:88%; left:21%;} .AiLab-four .coverage-box .item:nth-child(18) .cove-up{ bottom:101%;} .AiLab-four .coverage-box .item:nth-child(18) .cove .icon .line{ bottom:50%; left:100%;} .AiLab-four .coverage-box .item:nth-child(19){ top:76%; left:39%;} .AiLab-four .coverage-box .item:nth-child(19) .cove-up{ bottom:109%;} .AiLab-four .coverage-box .item:nth-child(19) .cove .icon .line{ bottom:50%; left:100%;} .AiLab-four .coverage-box .item:nth-child(20){top:64%; left:49%;} .AiLab-four .coverage-box .item:nth-child(20) .cove-up{ bottom:88%;} .AiLab-four .coverage-box .item:nth-child(20) .cove .icon .line{ bottom:50%; left:100%;} .AiLab-four .coverage-box .item:nth-child(21){ top:58%; left:68%;} .AiLab-four .coverage-box .item:nth-child(21) .cove-up{left:auto;padding-left:0; padding-right:25px; right:100%; bottom:103%;} .AiLab-four .coverage-box .item:nth-child(21) .cove .icon .line{bottom:40%; right:100%; transform:rotateY(180deg);} .AiLab-four .coverage-box .item:nth-child(22){ top:85%; left:68%;} .AiLab-four .coverage-box .item:nth-child(22) .cove-up{left:auto;padding-left:0; padding-right:25px; right:100%; bottom:94%;} .AiLab-four .coverage-box .item:nth-child(22) .cove .icon .line{bottom:40%;right:100%; transform:rotateY(180deg);} .AiLab-four .coverage-box .item:nth-child(23){ top:76%; right:9.2%;} .AiLab-four .coverage-box .item:nth-child(23) .cove-up{left:auto;padding-left:0;padding-right:25px;right:100%;bottom:103%;} .AiLab-four .coverage-box .item:nth-child(23) .cove .icon .line{bottom:40%;right:100%; transform:rotateY(180deg);} .AiLab-five{ padding:100px 0; background:url(../images/AiLab-back.png) no-repeat left; background-size:cover;} .AiLab-five .AiLab-tit{ margin-bottom:50px;} .AiLab-five .AiLab-shell{ min-height:722px; display:flex;} .AiLab-five .AiLab-shell .item{ display:flex; flex-wrap:wrap; justify-content:center; align-content:space-between; width:100%; text-align:center; border-right:solid 1px #fff;} .AiLab-five .AiLab-shell .item .round{ width:135px; height:135px; background:rgba(252,252,252,.75); display:flex; align-items:center; justify-content:center; border-radius:50%;} .AiLab-five .AiLab-shell .item .round span{ color:#04203e; font-size:22px; display:block;} .AiLab-five .AiLab-shell .item .icon{ display:flex; align-items:center; justify-content:center; width:100%;} .AiLab-five .AiLab-shell .item:last-child{ border-right:none;} .AiLab-six{ padding:100px 0;} .AiLab-five .AiLab-shell .item a { display: flex; flex-wrap: wrap; justify-content: center; align-content: space-between; height: 100%; padding: 150px 0; } .AiLab-six .des{ margin:20px 0; font-size:18px; color:#243851; text-align:center;} .AiLab-six .des strong{ font-size:24px; color:#1684fc;} .AiLab-six .list{ margin-top:60px; display:flex; flex-wrap:wrap;} .AiLab-six .list .item{ width:11%; text-align:center; overflow:hidden;} .AiLab-six .list .item img{ transition:all .5s;} .AiLab-six .list .item:hover img{ transform:scale(1.1);} .AiLab-six .list .item:nth-child(2n){ background:#f2f2f3;} .popup_open{ position:fixed; background:rgba(0,0,0,0.5); width:100%;height: 100%; top:0; left:0; z-index:999; display: none;} .popup_open .wrap-container{ position:fixed; top:50%; width:472px; height:500px; left:50%;transform: translate(-50%,-50%); background:#fff; border-radius: 5px; z-index:100; } .popup_open .closeBtn {position: absolute;width: 28px;height: 28px;left: 50%;bottom: -15%;border: 2px solid #fff;border-radius: 100%;cursor: pointer;} .popup_open .closeBtn::before, .popup_open .closeBtn::after {content: '';position: absolute;left: 50%;top: 50%;width: 2px;height: 60%;background-color: #fff;} .popup_open .closeBtn::before {transform: translate(-50%, -50%) rotate(-45deg);} .popup_open .closeBtn::after {transform: translate(-50%, -50%) rotate(45deg);} .popup_open .Title{ font-size:21px; color:#0c85e8; text-align:center; line-height:100px; border-bottom: 1px solid #e4e4e4;} .popup_open .form{ padding: 0 5%;} .popup_open .form td{ padding-top:27px;} .popup_open .form td .box{ position:relative; line-height:48px; background-repeat: no-repeat; background-position:left center; background-size:48px auto;} .popup_open .form td .zh{background-image:url(../images/name.png);} .popup_open .form td .mm{background-image:url(../images/company.png);} .popup_open .form td .phone{background-image:url(../images/phone.png);} .popup_open .form td label{ position:absolute; left:50px; color:#515f6c; opacity: 0.6;} .popup_open .form td select, .popup_open .form td .text{ width:100%;line-height:48px;height:48px; padding:0 14px 0 50px;border-radius:5px; border:1px solid #e2e2e2; background:none; font-size: 16px;} .popup_open .form td .text:focus{ border-color:#0c85e8;} .popup_open .form .agree{ text-align: center; font-size: 16px;padding-top: 35px;} .popup_open .form .agree a{ color: #0c85e8;} .popup_open .form .btn{ width:100%;border-radius:5px; font-size:18px; color:#fff; background:#0c85e8; cursor:pointer; padding:0; border:none; height:48px; box-shadow:0 12px 29px 0 rgba(12, 233, 232, 0.05);} /* .popup_open input{ display:block; border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px; color:#6e6e6e; border:1px solid #dcdcdc; height:43px; line-height:33px; padding:5px 10px 5px 50px; margin:0 auto 23px; width:348px;} .popup_open .Loginname{ background:url(../images/Form002324-mico.png) no-repeat 11px 11px;} .popup_open .Loginpwd{ background:url(../images/Form002324-mico.png) no-repeat 11px -53px;} .popup_open .yzm{ width:350px; margin:0 auto;} .popup_open .Lyzm{ float:left; width:126px; padding-left:20px;} .popup_open .yzm a{ float:left; margin-left:10px; color:#0277ba; line-height:42px;} .popup_open .yzm img{ display:inline-block; vertical-align:top; max-width:117px; width: 50%; margin-right:16px; height:42px;} .popup_open .goTo{ width:350px; margin:0 auto;} .popup_open .goTo a{ float:left; color:#969696; line-height: 12px;margin-bottom: 20px;} .popup_open .goTo .gozc{ float:right;} .popup_open .goLogin{ width:350px; margin:0 auto; color:#fff; text-align:center; line-height:42px; font-size:20px; display:block; background:#6e6e6e;} */ .pop-up{ position:fixed; background:rgba(0,0,0,0.5); width:100%;height: 100%; top:0; left:0; z-index:999; display: none;} .pop-up .pr-dw{ position:relative;} .Return{ display:flex;justify-content: center;align-items: center; flex-wrap:wrap; width:100vw;height:100vh;} .Return .box{max-width: 475px;width: 100%;padding: 120px 20px 80px 20px;background-color: #fff;border-radius: 10px;} .Return .box .icon{text-align: center;} .Return .box .title{margin-top: 25px;font-size: 24px;color: #0c85e8;text-align: center;} .Return .box .text{margin-top: 10px;font-size: 19px;color: #6b6b6b;text-align: center;} .Return .box .logo-img{margin-top: 120px;text-align: center;} .Return .closeBtn {position: absolute;width: 28px;height: 28px;left: 50%;bottom: -15%;border: 2px solid #fff;border-radius: 100%;cursor: pointer;} .Return .closeBtn::before, .Return .closeBtn::after {content: '';position: absolute;left: 50%;top: 50%;width: 2px;height: 60%;background-color: #fff;} .Return .closeBtn::before {transform: translate(-50%, -50%) rotate(-45deg);} .Return .closeBtn::after {transform: translate(-50%, -50%) rotate(45deg);} .auto_1200{max-width:1200px;} /* .Floor001739 为demo编号 */ .Floor001739{background: url(../images/Floor001739-bg.jpg) no-repeat center/cover; padding:2% 0 3%;} .Floor001739 .auto{padding:0 2.5%;} .Floor001739 .ul{margin-top:3%;} .Floor001739 li{float:left;width: 23.5%;text-align: center; position:relative;background:#fff;margin-right:2%;margin-bottom:2%;border-radius: 15px;overflow: hidden;padding:18px 0 26px;box-shadow: 0 12px 45px rgba(49,201,182,0.1)} .Floor001739 li:nth-child(4n){margin-right:0;} .Floor001739 li a{display: block; margin:0 auto; width:80%;} .Floor001739 li figure img{ max-width:80px;transition: 0.3s;} .Floor001739 li a:hover figure img{transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);} .Floor001739 li h3{font-size: 18px; color: #04203e;font-weight: normal;margin:0px 0 12px;} .Floor001739 li span{color:#31c9b6;font-size:16px;} .Floor001739 li a:hover *{} @media(max-width:768px){ .Floor001739 li{ width:50%;} } /*Floor003099 */ .Floor003099{padding:3% 0 5%;} .Floor003099 .auto{max-width: 1200px; overflow: hidden;} .Floor003099 .info-num{padding:0 3%;margin:3% 0 4%;} .Floor003099 .info-num li{} @media(min-width:641px){ .Floor003099 .info-num li{float: left;width: 25%;text-align: center;} } .Floor003099 .info-num li aside{display: inline-block;position: relative;font-size: 32px;color: #31c9b6;font-weight: bold;} .Floor003099 .info-num li aside b{} .Floor003099 .info-num li aside sub{position: absolute; left: 100%; word-break: keep-all; bottom: 15%;font-size: 16px;font-weight: 100;margin-left: 10px;} .Floor003099 .info-num li p{font-size: 16px;color: #103049; margin-bottom: 0;margin-top: 5px;} @media(min-width:1025px) and (max-width:1200px){ .Floor003099 .info-num li aside b{font-size: 60px;} } @media(min-width:641px) and (max-width:769px){ .Floor003099 .info-num li aside b{font-size: 60px;} } @media(max-width:640px){ .Floor003099 .info-num li{text-align: center;} .Floor003099 .info-num li:not(:last-child){margin-bottom: 20px;} } @media(max-width:480px){ .Floor003099 .info-num li aside b{font-size: 60px;} } .Floor003099 .slider .slick-list li a{display: block;position: relative; } .Floor003099 .pic{overflow: hidden;position: relative;width:39%;float:left;border-radius: 6px;margin-top:2.5%;} .Floor003099 .pic .Ispic{padding-bottom: 68%; transition: 0.5s;} .Floor003099 .pic h2{font-size:32px;color:#ffffff;position: absolute;width:100%;left:0;top:42%;text-align: center;margin:0;} .Floor003099 .slider li .txt{width:61%;float:right;position: relative;z-index: 10;} .Floor003099 .slider li .txt .inner{background:rgba(255,255,255,0.8);border:2px solid #f1f1f1;border-radius: 6px;padding:5% 5% 8% 12%;margin-left:-10%;} .Floor003099 .slider li .txt .imgs{margin-top:12%;} .Floor003099 .slider li .txt .imgs img{margin-right:32px;} .Floor003099 .slider li .txt .imgs img:last-child{margin-right:0;} .Floor003099 .slider .slick-dots{display: block; z-index: 100;width: 100%;padding:4% 0 0;margin: 0;list-style: none;text-align: center;} .Floor003099 .slider .slick-dots li{position: relative;display: inline-block;padding: 0 15px;cursor: pointer;} .Floor003099 .slider .slick-dots li button{display: block;cursor: pointer;color: #fff;outline: none;background:none; font-size: 0px;border:none;width: 62px;height: 3px;padding: 0;background:#dcdcdc;position: relative;border-radius:4px} .Floor003099 .slider .slick-dots li button:hover, .Floor003099 .slider .slick-dots li button:focus{ outline: none;} .Floor003099 .slider .slick-dots li button:before{ left: 0; top: 0; content: ''; position: absolute; width: 0; height: 100%;border-radius:4px; transition:0.3s} .Floor003099 .slider .slick-dots li.slick-active button:before{ width: 100%; background: #31c9b6; transition:3s} .Floor003099 .txt .inner .tit{font-size: 16px;color: #5a5a5a; line-height: 33px; margin-top: 10px;text-align: right;} .Floor003099 .txt .inner p{line-height: 30px; color: #5a5a5a;font-size:16px;height: 90px;overflow: hidden} .freetrial{position: relative;} .freetrial .auto{max-width:1200px;padding-left:6%;} .freetrial img{width:100%;} .freetrial .txt{position: absolute;width:100%;top:27%;left:0;} .freetrial .txt h2{font-size:32px;color:#103049;margin:0;margin-bottom:12px;} .freetrial .txt p{font-size:20px;color:#103049;margin:0;} .freetrial .txt .btn{background:#0c85e8;color:#ffffff;min-width: 138px;display: inline-block;text-align: center;font-size:18px;line-height: 46px;border-radius: 35px;margin-top:42px;box-shadow: 0 12px 40px rgba(12,133,232,0.4)} @media(max-width:1440px){ .freetrial .txt h2{font-size:26px;margin-bottom:8px;} .freetrial .txt p{font-size:18px;} .freetrial .txt .btn{font-size:16px;margin-top:20px;} } .banner_video .w1520{ width: 95%; max-width: 1520px; } .banner_video .txt{ text-align: center; max-width: 1520px;} .banner_video h4{ text-align: center;} .banner_video .btn{ width: 112px; line-height: 48px; color: #fff; background-color: #008aff; display: inline-block; text-align: center; border-radius: 4px;} .videoBox .w1520{ width: 95%; max-width: 1520px; } .videoBox .overall_intro:not(:last-child){ margin-bottom: 55px;} .sub_menu_video ul li{line-height: 46px;} .videolist ul{ display: flex; flex-wrap: wrap; gap:0 70px;} .videolist li{ width: calc( ( 100% - 70px * 2 ) / 3);border-radius: 8px;box-shadow: -1.187px 33.979px 57px 0px rgba(4, 0, 0, 0.05); transition: all 0.5s; margin-bottom: 70px;} .videolist li:hover{ background-color: #008aff;} .videolist li:hover .title, .videolist li:hover .des, .videolist li:hover .more{ color: #fff;} .videolist li:hover .pic .icon{ opacity: 1;} .videolist .box{ display: block;} .videolist .pic{ position: relative; overflow: hidden; width: 100%;} .videolist .pic img{ width: 100%; height: 193px; object-fit: cover; -webkit-object-fit: cover;} .videolist .pic .icon{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/video_btn.png) no-repeat center rgba(219,219,219,.5); z-index: 1; opacity: 0; transition: all 0.5s; } .videolist .textwarp{ padding: 30px; } .videolist .title{ color: #008aff;} .videolist .des{ font-size: 16px; color: #747474; line-height: 28px;white-space: pre-wrap; margin: 10px 0; min-height: 130px;text-align: justify; } .videolist .more{ color: #31c9b6; font-size: 16px;} .column_video{ margin:65px 0 70px; color: #008aff; display: flex; align-items: center; justify-content: space-between;} .column_video h3{ font-weight: normal; font-size: 30px; margin: 0;} .column_video a{ color: #008aff; font-size: 20px;} .column_video a:hover{ color: #31c9b6;} .video-box{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:999999999999; background:rgba(0,0,0,0.85);} .video-box .close{ cursor:pointer; width:40px; height:40px; position:fixed; z-index:4; right:20px; top:20px;} .video-box .close::before, .video-box .close::after{ position:absolute; content:''; width:80%; left:10%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);} .video-box .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);} .video-box .ytable{height: 100%;} .video-box .ytable-cell{ text-align:center;} .video-box video{ width:90%; max-width:900px;}