.jumbotron_services_banner { height:480px; background:rgba(22,74,153,0.64); } .jumbotron_services_banner .jumbotron_content { text-align: left; } .jumbotron_title { color: #fff; } .jumbotron_description { color: rgba(255,255,255, .8); } .services_section { padding-top: 40px; padding-bottom: 68px; } .services_title { text-align: center; margin-bottom: 24px; } .services_description { max-width: 960px; text-align: center; margin-left: auto; margin-right: auto; } @media screen and (min-width: 768px) { .services_section { padding-top: 56px; padding-bottom: 84px; } .services_title { margin-bottom: 32px; } } @media screen and (min-width: 1024px) { .services_section { padding-top: 72px; padding-bottom: 100px; } .services_title { margin-bottom: 40px; } } @media screen and (min-width: 1200px) { .services_section { padding-top: 80px; padding-bottom: 108px; } .services_title { margin-bottom: 40px; } } /* 杩愯惀鏈嶅姟 */ .operation_services_type { margin-top: 12px; margin-bottom: -36px; } @media screen and (max-width: 767px) { .en_us .operation_services_type .xs-6 { width: 100%; } } .operation_services_type dl { text-align: center; padding: 36px; } .operation_services_type dl img { height: 64px; } .operation_services_type dl dt { margin-bottom: 16px;; } .operation_services_type dl dd { max-width: 200px; margin: 0 auto; } .en_us .operation_services_type dl dd { max-width: 240px; height: 48px; } /* @media screen and (max-width: 767px) { .operation_services_type dl { padding: 0; margin-bottom: 24px; text-align: left; white-space: nowrap; } .operation_services_type dl dt, .operation_services_type dl dd { display: inline-block; vertical-align: middle; } .operation_services_type dl dd { text-align: left; white-space: normal; } .operation_services_type dl dt { margin-right: 15px; margin-bottom: 0; } } */ @media screen and (min-width: 768px) { .operation_services_type dl img { height: 88px; } } /* 闆嗘垚鏈嶅姟 */ .integration_services { background: rgba(249,249,249,1); } .integration_type_container { margin-top: 40px; } .integration_type_item { position: relative; width: 100%; height: 414px; overflow: hidden; margin-bottom: 24px; top: 0; background:#fff; transition: all .3s ease-in-out; } .en_us .integration_type_item { height: 440px; } /* 鐧藉簳 */ .integration_type_item::before { position: absolute; left: 0; right: 0; bottom: 0; top: 308px; height: 100%; background: #fff; content: ""; transition: top .375s ease-in-out; z-index: 2; } /* 涓嬭竟妗 */ .integration_type_item::after { position: absolute; left: 50%; bottom: 0; height: 3px; width: 70%; content: " "; background: transparent; transform: translateX(-50%); transition: width .4s ease-in-out; z-index: 3; } .integration_type_item_cotent { position: absolute; right: 0; top: 308px; left: 0; padding-top: 40px; padding-bottom: 40px; text-align: center; height: 100%; transition: top .4s ease-in-out 0.001s; z-index: 2; } .integration_type_item img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 100%; z-index: 1; } .integration_type_item h6 { padding: 0 15px; } .en_us .integration_type_item h6 { height: 52px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .integration_type_item ul { margin-top: 60px; opacity: 0; transition: margin-top .45s ease-in-out 0.1s,opacity .45s ease-in-out 0.1s; } .integration_type_item ul li { font-size: 14px; line-height: 32px; color: rgba(0, 0, 0, .6); padding: 0 15px; } .en_us .integration_type_item ul li { height: 32px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .integration_type_item:hover::before{ top: 0; } .integration_type_item:hover::after{ width:100%; background: #147BD1; } .integration_type_item:hover .integration_type_item_cotent { top: 0; } .integration_type_item:hover ul { margin-top: 20px; opacity: 1; } @media screen and (min-width: 768px) { .integration_type_item:hover{ top: -12px; } .integration_type_item img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* width: 90%; */ z-index: 1; } } /* @media screen and (min-width: 1200px) { .integration_type_item { margin-bottom: 0; } } */ /* 闆嗘垚鏈嶅姟 */ .consultation_services .card { margin-bottom: 32px; } .consultation_services .card_body { padding:12px 0 0; } .consultation_services .card_text { margin-top: 4px; height: 88px; overflow: hidden; } .consultation_services .card_title { white-space: nowrap; } @media screen and (min-width: 992px) { .consultation_services .card_body { padding:24px 32px 32px; background:rgba(249,249,249,1); } .services_card_container { display: flex; flex-wrap: wrap; } .consultation_services .card { margin-bottom: 0; } .services_card_container .col { height: 100%; display: inline-block; padding: 0; float:none; padding-left: 0; padding-right:0; border-left: 12px solid #fff; border-right: 12px solid #fff; background:rgba(249,249,249,1); margin-bottom: 24px; } .consultation_services .card_text { margin-top: 8px; } } .news_category { width: auto; white-space: nowrap; overflow-y: hidden; overflow-x: auto; line-height: 1; text-align: center; } .news_category::-webkit-scrollbar { display: none!important; width: 0px; height: 0px; } .news_category ul { white-space: nowrap; overflow: auto; } .news_category .tag { margin-left: 0; } .news_category li { display: inline-block; margin-bottom: 0; padding-left: 15px; padding-right: 15px; } .news_category li a { display: inline-block; white-space: nowrap; padding-top: 16px; padding-bottom: 16px; margin-bottom: -1px; border-bottom: 3px solid transparent; } .news_category li.active a { border-bottom-color:#147BD1; } .news_category li.active a{ font-weight: 500; color: #147BD1; } .news_category li a { color: rgba(0,0,0,.8); } .news_category li a:hover { color: #147BD1; } .news_category li a:selected { color: #147BD1; } .news_category li span { display: none; } @media screen and (min-width: 768px) { .news_category { box-shadow:0 1px 0 rgba(0,0,0,.1); overflow: visible; } .news_category li { padding-left: 28px; padding-right: 28px; } }