/* --------- */ .brcand { padding-top: 73px; } /* 杞挱鍥 */ .swiper-container { width: 100%; height: 100%; transition-delay: 1.3s; } .bracnd_item h1 { opacity: 0; transform: translateX(-200px); position: absolute; top: 40%; left: 12%; color: white; transition: all 1s; width: 10em; text-align: center; font-size: 62px; font-weight: 400; } .ani-slide h1 { transform: translateX(0); opacity: 1; } /* 鏂伴椈涓績 */ .newsCenter { margin: 80px 0px; } .newsCenter_t1 { position: relative; text-align: center; margin: 0 auto 50px; width: 100%; } .newsCenter_t1 span { color: #999999; font-size: 14px; position: absolute; right: 0px; bottom: 0px; } .newsCenter_t1 h3 { text-align: center; font-size: 48px; font-weight: 400; } .newsCenter_t2 { display: flex; } .newsCenter_t2_left { /*max-width: 767px;*/ width: 50%; } /* 杞挱鍥 */ .carousel { width: 100%; display: flex; overflow: hidden; position: relative; flex-wrap: nowrap; } .carousel-item { transition: transform 0.5s ease-in-out; width:100%;min-width:100%; /*height: 420px;*/ } .carousel_btn { position: absolute; bottom: 30px; right: 20%; } .carousel_btn span { display: inline-block; width: 8px; height: 8px; background-color: #ced8f2; border-radius: 50%; margin-left: 10px; cursor: pointer; } .active { position: relative; background: white; } .active::after { content: ''; display: inline-block; border: 1px solid #FFFFFF; width: 18px; height: 18px; position: absolute; top: 50%; left: 50%; border-radius: 50%; transform: translate(-50%, -50%); } /* 杞挱鍥剧粨鏉 */ .newsCenter_t2_text { margin-top: 20px; } .newsCenter_t2_text h4 { font-size: 24px; } .newsCenter_t2_text p { color: #c4c4c4; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 30px; } .newsCenter_t2_right { flex: 1; padding-left: 60px; } .newsCenter_t2_right ul { /*line-height: 93px;*/ } .newsCenter_t2_right ul li { border-top: 1px solid #dddddd; } .newsCenter_t2_right ul li a{padding:40px 0;} .newsCenter_t2_right ul li .time{margin-bottom:10px;} .newsCenter_t2_right ul p { margin: 0px; font-size: 24px; text-overflow: ellipsis; overflow: hidden; } .successCace { background: #f6f7f9; padding:60px 0px 60px 0px; position: relative; } .succ_box span { margin-left: 15px; color: #0a2a8f; } .succ_box { display: none; } .succ_box p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #0a2a8f; } .swiper-container { width: 100%; } .swiper-wrapper{ width: 100%; } .swiper_item { background-color: white; /*width: 25% !important;*/ } .swiper2 { /*min-height: 67vh !important;*/ } .swiper_item:hover .succ_box { display: inline-block; } .swiper_text { padding: 20px 30px; } .swiper_item h4 { font-size: 24px; font-weight: 400; /* 1.鍏堝己鍒朵竴琛屽唴鏄剧ず鏂囨湰 */ white-space: nowrap; /* 2.瓒呭嚭鐨勯儴鍒嗛殣钘 */ overflow: hidden; /* 3.鏂囧瓧鐢ㄧ渷鐣ュ彿鏇夸唬瓒呭嚭鐨勯儴鍒 */ text-overflow: ellipsis; } /*绠楀姏涓績涓庝簯鏈嶅姟 */ .server { padding: 40px 0px; } .img_list { display: flex; } .img_list_left { position: relative; overflow: hidden; } .img_list_left>img{ width: 100%; height: 100%; } .img_list_left::before { content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 2; background: linear-gradient(360deg, rgba(19, 18, 18, 0) 0%, rgba(5, 5, 5, 0.9) 100%); } .text_title { position: absolute; top: 20px; left: 10%; color: white; z-index: 3; } .img_list h4 { font-size: 30px; } .text_box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 3; } .text_box a { color: white; } .text_box a:hover { color: white; } .text_box p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 30px; } .img_list_right { padding-left: 23px; } .newsCenter_t2_box:hover p{ color: #0a2a8f; } .img_list_right>div { position: relative; overflow: hidden; } .img_list_right>div::before { content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: linear-gradient(360deg, rgba(19, 18, 18, 0) 0%, rgba(5, 5, 5, 0.9) 100%); z-index: 2; } .image { transition: all 0.5s ease 0s; width: 100%; } .right_t1 { margin-bottom: 30px; } .imgTex { cursor: pointer; } /* 琛屼笟瑙e喅鏂规 */ .Solution { background-color: #f6f7fa; display: flex; margin: 40px 0px; } .Solution_left { width: 40%; position: relative; } .Solution_left_box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .Solution_left_box h2 { font-size: 46px; margin-bottom: 40px; } .Solution_left_box ul { } .Solution_left_box ul li { margin-bottom: 10px; } .Solution_left_box ul li a{font-size: 18px;display: block; text-align: center; padding: 20px 0px; background-color: white; } .Solution_left_box ul li:nth-child(even){padding-right:0;padding-left:5px;} .Solution_left_box ul li:nth-child(odd){padding-left:0;padding-right:5px;} .Solution_left_box ul li.active1{background-color:transparent !important;} .Solution_left_box ul li.active1 a {background-color:#0549b8 ;color:#fff;} .active1 a { color: white; } .active1 a:hover { color: white; } .Solution_right { position: relative; } .Solution_right_text { position: absolute; bottom: 0%; left: 0%; font-size: 18px; width: 100%; color: black; padding: 40px; background-image: linear-gradient(rgb(255 255 255 / 20%), rgb(255 255 255 / 80%)); } .Solution_right_item { display: none; } .Solution_right_item:hover a img{transform:scale(1.1);} .active_show { display: block !important; } /* 浜у搧涓績 */ .Product { margin: 60px 0px; } .Product_item { margin-bottom: 30px; cursor: pointer; position: relative; overflow: hidden; } .Product_item img { max-width: 100%; } .Product_item_title { position: absolute; top: 10%; left: 10%; } .Product_item_title h4 { font-size: 24px; font-weight: 400; } .Product_item_box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; } .Product_item:hover .Product_item_box{opacity:1;} .Product_item_yuan { width: 255px; height: 255px; background: #0034dc8c; /* opacity: 0.6; */ border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center; } .Product_item_yuan h4 { font-size: 34px; color: white; } .Product_item_box img { position: absolute; bottom: -20px; left: 50%; transform: translate(-50%, 0%); } @media(max-width:767px){ .Solution_left_box ul li{padding:0;width:33.33%;} .Solution_left_box ul li a{font-size:14px;display:block;padding:10px 0;} .newsCenter_t2_right ul li a{padding:10px 0;} .newsCenter_t2_right ul li .time{font-size:12px;margin-bottom:5px;} .carousel_btn{bottom:10px;right:10px;} .newsCenter_t2_text{margin-top:10px;} .newsCenter_t2_box span{font-size:12px;} .newsCenter_t2_box p{} .Product_item_title{top:-10px;left:0} .swiper_item h4{font-size:16px;margin-bottom:0;} .swiper_text {padding:20px 15px;} .succ_box p{font-size:14px;margin-bottom:20px;} .succ_box img{width:30px;} .succ_box span{font-size:12px;} .server.index-server-content .newsCenter_t1{margin-top:0;} .server.index-server-content .newsCenter_t1 h3{margin:0;} .text_box p{font-size:12px;margin-bottom:10px;line-height:1.5;} .text_box img{} .text_box h4{font-size:14px;} .Product{margin:40px 0;} .Product .newsCenter_t1{margin:0 0 20px 0;} .Product .newsCenter_t1 h3{margin:0;} .index-product-content div.row{margin-left:-8px;margin-right:-8px;} .index-product-content div[class*=col-xs-]{padding:0 8px;} .index-product-content .Product_item{margin-bottom:15px;} .Product_item_yuan h4{font-size:12px;} .Product_item_box img{display:none;} .Solution.index-solution-content{display:block;} .Solution.index-solution-content .Solution_left_box{top:auto;left:auto;transform:translate(0%,0%);} .Solution.index-solution-content .Solution_right_text{position:relative;padding:15px 15px 0;background:none;} .Solution.index-solution-content .Solution_left_box ul{display:block;padding:0 10px;} .Solution.index-solution-content .Solution_left_box ul li{padding:0 5px;background:none;margin-bottom:0;} .Solution.index-solution-content .Solution_left_box ul li:nth-child(3n+1){clear:both;} .Solution.index-solution-content .Solution_left_box ul li:nth-child(1n+4){margin-top:10px;} .Solution.index-solution-content .Solution_left_box ul li a{background:#fff;} .Solution.index-solution-content .Solution_left_box ul li.active1{background:none !important;} .Solution.index-solution-content .Solution_left_box ul li.active1 a{background:#0549b8;} } @media (min-width:992px) and (max-width:1366px) { .bracnd_item h1{font-size:40px; } .newsCenter_t2_right ul li a{padding: 26px 0;} .swiper_item h4{font-size:20px;} .Solution_right_text{padding:24px;font-size:16px;} .Solution_left_box h2{margin-bottom:30px;} .Product_item_title h4{font-size:20px;} .successCace .swiper-button-next, .successCace .swiper-button-prev{top:119px !important;} } @media (min-width:1367px) and (max-width:1440px) { } @media (min-width:1441px) and (max-width:1680px) { }