.htop { background: #f7f7f7; height:40px;border-bottom: 1px solid rgba(102,102,102,0.2); } .htoprow { width: 94%; max-width: 1280px; margin: 0 auto; line-height: 40px; color: #666; } .hleft { width: 50%; float: left; } .hright { width: 50%; float: left; text-align: right; vertical-align: top; } .hright a{} .hright span { margin-left: 20px; padding-left: 25px;display: inline-block; } .hright .jtzw{background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023092820343235368/cms/image/1a598188-8bac-4487-bfa1-43c82a6310a2.jpg?d=1699930804288) no-repeat left center;} .hright .yw{background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023092820343235368/cms/image/c1cd5bc6-ba6c-4a1e-990a-b31d028f6f3d.jpg?d=1699930799329) no-repeat left center;} .head_lan { width: auto; position: relative; display: inline-block; float: right; } .lan_con { width: auto; display: block; height: 40px; justify-content: center; align-items: center; } .lan_con:hover .lan_list{opacity: 1;visibility: visible;} .head_lan .lan_tit { width: auto; line-height: 40px; display: flex; align-items: center; color: #fff; font-size: 13px; padding-left: 15px; } .head_lan .lan_tit .iconfont.map { margin-right: 10px; margin-left: 0; font-size: 0; width: 16px; height: 16px; -webkit-border-radius: 100%; background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2021123122320714059/cms/image/39ecda5a-9a4c-4c5a-badb-b30d3be9fdd8.gif) no-repeat center center; background-size: cover; display: block; } .head_lan .lan_tit svg { margin-left: 10px; width: 12px; } .head_lan .lan_list { display: flex; width: 100px; margin-left: 15px; background: #fff; position: fixed; z-index: 99; top: 15px; font-size: 13px; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%); opacity: 0; visibility: hidden; transform: translate(0, 20px); transition: all .3s ease; flex-direction: column; } .head_lan .lan_list p { padding: 3px; border-bottom: 1px solid #eee; } .head_lan .lan_list a { color: #666; display: block; text-align: center; padding: 2px 5px; height: 30px; line-height: 30px; transition: all .3s ease; } .head_lan .lan_list a:hover{color:#0b55c2;} .head_lan .lan_list span { position: relative; display: inline-block; margin: 0; padding: 0; } .fa_info{display:none;} .e_bannerA-2{height:300px;overflow:hidden;position: relative;} .e_bannerA-2 img{width:100%; height:auto; transition:all .5s ease; left: 50%!important; top: 50%!important; -webkit-transform: translate(-50%,-50%)!important; -ms-transform: translate(-50%,-50%)!important; transform: translate(-50%,-50%)!important; position: absolute;} @media only screen and (max-width: 1450px){ .e_bannerA-2 img{width:auto; height:100%; transition:all .5s ease; left: 50%!important; top: 50%!important; -webkit-transform: translate(-50%,-50%)!important; -ms-transform: translate(-50%,-50%)!important; transform: translate(-50%,-50%)!important; position: absolute;} } @media only screen and (max-width:768px){ .e_bannerA-2{height:80px;} } .page_a.current{background:#009241!important;} /********解决方案*****/ #c_static_001-16995842213650 .e_container-27 .wrap { width: 1200px; margin: 0 auto; zoom: 1; } .index .i-domain .list { max-height: 560px; text-align: center; } #c_static_001-16995842213650 .e_container-27 .inlineB { display: inline-block; } #c_static_001-16995842213650 .e_container-27 .i-domain .list .close-box { width: 220px; padding: 30px 0; min-height: 560px; cursor: pointer; -webkit-transition: width .5s,height .5s,opacity 1s; transition: width .5s,height .5s,opacity 1s; } #c_static_001-16995842213650 .e_container-27 .i-domain .list .close-box.close { width: 0; opacity: 0; } #c_static_001-16995842213650 .e_container-27 .i-domain .list .cb0 { background-color: #3392dc; } #c_static_001-16995842213650 .e_container-27 .fl { float: left; } #c_static_001-16995842213650 .e_container-27 .over { overflow: hidden; } #c_static_001-16995842213650 .e_container-27 .alC { text-align: center; } #c_static_001-16995842213650 .e_container-27 .i-domain .list .close-box .main { width: 160px; margin: 0 auto; } #c_static_001-16995842213650 .e_container-27 img { vertical-align: middle; border: 0; } #c_static_001-16995842213650 .e_container-27 .i-domain .list .close-box .t { padding: 20px 0; font-size: 22px; color: #fff; } #c_static_001-16995842213650 .e_container-27 .i-domain .list .close-box .bf { font-size: 12px; color: #fff; line-height: 220%; text-align: left; } #c_static_001-16995842213650 .e_container-27 .i-domain .list .open-box { width: 0; background-color: #d7f2ff; padding: 40px 0; min-height: 560px; -webkit-transition: width .7s; transition: width .7s; text-align: left; } #c_static_001-16995842213650 .e_container-27 .i-domain .list .cb1 { background: #78b232; } #c_static_001-16995842213650 .e_container-27 .i-domain .list .cb2 { background: #6f629d; } #c_static_001-16995842213650 .e_container-27 .i-domain .list .open-box.open { width: 760px; } #c_static_001-16995842213650 .e_container-27 .i-domain .list .open-box .main { width: 670px; margin: 0 auto; } #c_static_001-16995842213650 .e_container-27 .i-domain .list .open-box .t { margin-bottom: 15px; } #c_static_001-16995842213650 .e_container-27 .i-domain .list .open-box .t a { font-size: 22px; color: #333; } #c_static_001-16995842213650 .e_container-27 .i-domain .list .open-box .m a { font-size: 14px; color: #555; display: inline-block; padding: 5px 15px; border-radius: 5px; border: 1px solid #979797; text-align: center; } #c_static_001-16995842213650 .e_container-27 .i-domain .list .open-box .bf { margin: 15px 0; font-size: 14px; color: #555; line-height: 200%; }