@charset "utf-8"; /* CSS Document */ @media (min-width:576px) {} @media (min-width:768px) { /*内页banner*/ .inside-banner img { min-height: 360px; } } @media (min-width:992px) { /*内页banner*/ .inside-banner img { min-height: 450px; } /*产品栏目页*/ .proudct-nav li:hover { box-shadow: 0 0 2rem rgba(40, 43, 109, 0.12); background: #fff; } .proudct-nav li:nth-of-type(2n) .img { order: 1; } .proudct-nav li:hover .info>div { transform: translate(0%, -1rem); } /*关于*/ .honor .owl-nav { opacity: 0; transition: all 0.4s; } .honor:hover .owl-nav { opacity: 1; } /*联系*/ .contact li:first-of-type { padding-left: 0; border-left: none; } .contact li:last-of-type { padding-right: 0; } } @media (min-width:1200px) { .menu-btn { display: none!important; } .index-product li { width: 55%; } .index-product li:nth-of-type(2), .index-product li:nth-of-type(3), .index-product li:nth-of-type(4n+2), .index-product li:nth-of-type(4n+3) { width: 45%; } /*关于美高梅电子娱乐游戏app*/ .about-info { width: 90%; } } @media screen and (min-width:1600px) {} @media screen and (max-width: 1599.98px) { :root { --head_height: 5rem; } .head-conent { padding: 0 1rem 0 3%; } #head .navbar-nav li>a { padding: 0 0.875rem; } /*首页新闻*/ .index-news-title .h2 { font-size: 2.25rem; } .index-news a.title { font-size: 1.375rem; } /*产品详情*/ } @media screen and (max-width: 1399.98px) { :root { --head_height: 4.5rem; } .index-news-title .h2 { font-size: 2rem; } .index-news a.title { font-size: 1.125rem; } .index-news pre { display: none; } } @media screen and (max-width: 1199.98px) { :root { --head_height: 4rem; } /*头部导航*/ .head-conent { padding: 0 1rem 0 3%; } #head .navbar-nav li { margin: 0; } #head .navbar-nav li>a { padding: 0 0.75rem; font-size: 0.9375rem; } #head .navbar-nav .dropdown-menu>div a { width: 25%; } #head .navbar-nav .dropdown-menu>div img { width: 100%; max-width: none; } /*banner*/ #banner .info .title { font-size: 2.5rem; } #banner .info .subtitle { font-size: 2rem; } #banner .info p { font-size: 1.5rem; } /*文章详情*/ .article { display: block; } .article .article-content { width: auto; padding: 2.5rem 5%; } .article .sidebar { margin-top: 2rem; width: auto; } .article .sidebar ul { margin-top: 1.25rem; } /*产品列表*/ .product-list li { width: 33.33%; } /*产品详情*/ /*下载*/ .album li .content .img { max-width: 8rem; padding-bottom: 10rem; } .album li .content .info { padding-left: 1.5rem; } .album li .content .time { margin-top: 1rem; } /*下载*/ .down-list li { width: 50%; } /*图片列表*/ .picture-list li, .picture-list2 li { width: 33.33%; } } @media screen and (max-width: 991.98px) { body { padding-top: var(--head_height); } /*边距盒子*/ .padding-box { padding-top: 6rem; padding-bottom: 6rem; } .padding-top { padding-top: 6rem; } .padding-bottom { padding-bottom: 6rem; } .small-padding-box { padding-top: 4rem; padding-bottom: 4rem; } .small-padding-top { padding-top: 4rem; } .small-padding-bottom { padding-bottom: 4rem; } /*标题*/ :root { --head_height: 3.75rem; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.5rem; } h4, .h4 { font-size: 1.25rem; } h5, .h5 { font-size: 1.125rem; } h6, .h6 { font-size: 1rem; } table td { padding: 0.5rem 1rem; } table td, table td p { font-size: 0.875rem; } #head { padding-left: 3%; } .top #head { background: #fff; } .top #head .navbar-nav li>a { color: var(--text); } .top #head .head-wap-btn .dropdown a { color: var(--text); } .top.menu-open #head .navbar-brand, .top #head .navbar-brand { -webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0); } .head-conent { padding: 0; } .head-wap-btn { width: 100%; } .navbar-toggler { margin-left: 0; } .head-btn-search { display: none; } #head .head-wap-btn .dropdown.language a { width: var(--head_height); font-size: 0; justify-content: center; background: var(--grey_bg); } #head .head-wap-btn .dropdown.language a span { margin-right: 0; } /*banner*/ #banner video { height: 61.8vw; } #banner .info .title { font-size: 1.75rem; } #banner .info .subtitle { font-size: 1.5rem; } #banner .info p { font-size: 1rem; } #banner .owl-nav i { width: 3rem; height: 3rem; line-height: 3rem; font-size: 1.25rem; } .index-notice { padding: 0.75rem 0; } /*解决方案*/ .index-app-list { flex-wrap: wrap; } .index-app-list li:first-child { width: 100%; margin-bottom: 1rem; } .index-app-list li:last-child { width: 100%; } .index-app-list li:first-child a, .index-app-list li:last-child a{ padding-bottom:61.8%; } /*新闻*/ .index-news-title { flex-wrap: wrap; margin-bottom: 2rem; } .index-news-title>div { width: 100%; padding: 0; } .index-news-title .h2 { font-size: 1.5rem; } .index-news-title .btn { display: none; } .index-news a.title { margin-bottom: 0.5rem; font-size: 1rem; } .index-news .left { width: 100%; margin-bottom: 1px; border-right: none; border-bottom: 1px solid rgba(40, 43, 109, 0.05); } .index-news .right { width: 100%; padding-left: 0; border: none; } .index-news .right li { flex-wrap: wrap; } .index-news li a.img { position: static; z-index: 1; left: auto; top: auto; display: block; width: 100%; height: 61.5%; opacity: 1; } .index-news li:hover .info { opacity: 1; } /*页脚*/ #foot .code { display: none; } /*内页banner*/ .inside-banner .info .title { font-size: 1.75rem; } .inside-banner .info .subtitle { font-size: 1.125rem; } .inside-banner .info p { font-size: 1rem; } /*内页结构*/ .inside-body .left { display: none; } .inside-body .right { padding-left: 0; width: 100%; } .code { display: none; } /*内页导航*/ .inside-nav { display: none; } /*关于*/ .about-culture li { width: 48%; } .about-culture li { transform: translate(0%, -1rem); } .about-culture li:after { content: ""; top: 1rem; left: 1rem; opacity: 1; } .about-h-btn li a { padding: 0 1rem; } /*视频列表*/ .video-list li { width: 50%; } /*案例*/ .case li { width: 50%; padding: 0.75rem; } .case li .info .title { font-size: 0.9375rem; } /*产品导航列表*/ .proudct-nav li .img { border-radius: 1rem; width: 100%; overflow: hidden; } .proudct-nav li .info { width: 100%; padding: 2rem; } .proudct-nav li .info pre { font-size: 1rem; } .proudct-nav li .info .more { margin-top: 1.5rem; line-height: 2.75em; padding: 0 2em; background: var(--colour1); border: 1px solid var(--colour1); color: #fff!important; } .proudct-nav li .info .more span { font-size: 0.875rem; } .proudct-nav li.onepage .img { width: 60%; } .proudct-nav li.onepage .info { width: 40%; } /*产品列表*/ .product-list li p { font-size: 0.9375rem; } /*产品详情*/ .wap-product-head { display: block; } .product .info .product-name, .product .info .product-subtitle { display: none; } .product .img { width: 100%; } .product .info { width: 100%; max-width: 100%; margin-top: 1.5rem; } .product-d-content ul { -webkit-column-count: 1; } .product-d-content ul li { padding: 1.25rem 0; } /*产品翻页*/ .product-page-box { display: none; padding-top: 3rem; padding-bottom: 3rem; } .product-page>div { width: 100%; margin: 0.25rem 0; } .product-page>div>a { padding: 1rem 1.5rem; } /*服务*/ .faq-info { padding: 2rem 1.5rem; } /*下载*/ .album li { width: 100%; padding: 0.5rem; } /*新闻*/ .news-list .img { width: 14rem; } .news-list .title { display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: wrap; font-size: 1.125rem; } .news-list .text pre { display: none; } /*新闻详情*/ .news { flex-wrap: wrap; } .news .left { width: 100%; } .news .right { flex-shrink: 0; width: 100%; padding-left: 0; } .news .right { flex-shrink: 0; margin-top: 2rem; width: 100%; padding-left: 0; } .news-right { display: flex; flex-wrap: wrap; margin-left: -0.5rem; margin-right: -0.5rem; } .news .right li { display: flex; flex-wrap: wrap; width: 25%; padding: 0.5rem; margin: 0; } .news-right .title { width: 100%; padding: 0.5rem; } /*加入我们*/ .join-head>div { padding: 1.125rem 0; } .ac-list li .img { width: 18rem; } .ac-list li .info { width: calc(100% - 18rem); padding: 2.5rem; } /*反馈*/ .service-icon { margin: 1rem 0; width: 4rem; height: 4rem; line-height: 4rem; font-size: 2.25rem; } /*联系*/ .network-list li { width: 50%; } } @media screen and (max-width: 767.98px) { /*边距盒子*/ .padding-box { padding-top: 4rem; padding-bottom: 4rem; } .padding-top { padding-top: 4rem; } .padding-bottom { padding-bottom: 4rem; } .small-padding-box { padding-top: 3rem; padding-bottom: 3rem; } .small-padding-top { padding-top: 3rem; } .small-padding-bottom { padding-bottom: 3rem; } /*翻页*/ .page a { margin: 0.25rem; width: 2.25rem; height: 2.25rem; line-height: 2.25rem; font-size: 0.875rem; } .main .page a { background: #fff; } .main .page a.active { color: #fff; background: var(--text); } .main .page a.next, .main .page a.prev { margin: 0.25rem; font-size: 0.875rem; padding: 0 0.75rem; } :root { --head_height: 3.25rem; } .head .navbar-collapse { position: absolute; top: 100%; left: 0; right: 0; } /*首页应用*/ .index-s-btn { flex-wrap: wrap; } .index-s-btn li a { height: auto; } .index-s-btn li a div { display: flex; justify-content: center; align-items: center; } .index-s-btn li a .icon { width: 3rem; height: 3rem; line-height: 3rem; font-size: 1.5rem; } .index-s-btn li a div p { margin-bottom: 0; font-size: 0.9375rem; } /*新闻*/ .index-news .right li { width: 100%; } .index-news li a.img { display: none; } .index-news a.title { margin-bottom: 0; } /*页脚*/ #foot .foot-contact { padding-top: 2rem; padding-bottom: 2rem; flex-wrap: wrap; justify-content: center; } #foot .foot-contact .info { order: 1; width: 100%; margin-top: 1.5rem; } #foot .foot-contact .nav-list { display: none; } /*内页banner*/ .inside-banner .info .title { font-size: 1.5rem; } .inside-banner .info p { font-size: 0.875rem; } .inside-banner picture, .inside-banner img { height: 61.8vw; } /*关于*/ .about-culture li { width: 100%; } .about-h-btn { justify-content: center; } .about-h .owl-nav { position: static; bottom: auto; right: auto; margin: 1rem 0 0; } .about-honor>div { flex-wrap: wrap; } .about-honor-info { padding-top: 0; padding-right: 0; } .about-honor-info img { width: 50rem; max-width: 85%; } /*视频列表*/ .video-list li { width: 100%; } /*筛选*/ .filter { flex-wrap: wrap; } .filter>div { width: 100%; } .filter form { margin-left: 0; margin-top: 1rem; } .filter form select { font-size: 0.9375rem; } /*产品列表*/ .product-list li { width: 50%; padding: 0.5rem; } /*产品详情*/ .product .img { width: 100%; } .product .info { margin-top: 3rem; width: 100%; } /*解决方案*/ .solutions li { width: 100%; } /*常见问题*/ .faq-nav li { width: 100%; margin: 0.25rem 0; margin-right: 0; } .faq-nav a { width: 100%; } .faq { padding: 1.5rem; } /*图片列表*/ .picture-list li, .picture-list2 li { width: 50%; } /*下载*/ .down-list li { width: 100%; } /*新闻*/ .news .right li { width: 33.33%; } /*展会*/ .activities .activities-head { width: 100%; } .activities .activities-btn { margin-top: 1.5rem; width: 100%; justify-content: flex-start; } /*加入我们*/ .join-head>div { padding: 1rem 0; } .join-head .class, .join-head .place, .join-head .number { display: none; } .join-head .name { width: 70%; } .join-head .time { width: 30%; } /*联系方式*/ /*联系*/ .network-nav a { padding: 0.75rem 1.5rem; font-size: 0.9375rem; } .network-list li { width: 100%; } } @media screen and (max-width: 575.98px) { .container { width: 100%; } form button.btn { padding: 0 2rem; font-size: 0.875rem; } /**/ .inside-title .h6, .inside-title p { max-width: 100%; } /*关于*/ /*解决方案*/ .solutions li a .info .subtitle { display: none; } /*案例*/ .case li { width: 100%; } /*文章详情*/ .article-box { padding: 0; } .article { display: block; } .article .article-content { width: auto; margin-left: -15px; margin-right: -15px; } .article .sidebar { margin-left: -15px; margin-right: -15px; width: auto; } .article .sidebar ul { margin-top: 1.25rem; } .article-page a.left, .article-page a.right { width: 100%; margin: 0.25rem 0; } /*faq*/ .faq-info { width: auto; margin-left: -15px; margin-right: -15px; } /*下载*/ .album li .content .img { width: 6rem; padding-bottom: 8rem; } .album li .content .subtitle { display: none; } /*新闻*/ .news-list li { padding: 1.5rem 0; flex-wrap: wrap; } .news-list li:first-of-type { border-top: none; padding-top: 0; } .news-list .img { width: 100%; } .news-list .info { width: 100%; padding-left: 0; margin-top: 1rem; } .news-list li .title { font-size: 1rem; } .news-list .more { margin-top: 2rem; } .news-page a { margin-bottom: 0.5rem; width: 100%; } .news-list li { width: 100%; } /*新闻*/ .news .right li { width: 50%; } /*反馈*/ .service-icon { display: none; } }