body { padding-top: 70px; } #back-to-top { border-color: #999; } #mobile-navigation { left: 100%; background-color: #fff; background-image: url('../image/logo.png'); background-size: 40%; background-repeat: no-repeat; background-position-x: 15px; background-position-y: 30px; } #mobile-navigation li { padding: 5px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } #mobile-navigation li:last-child { padding-bottom: 0; } #mobile-navigation li:last-child .iconfont { display: none; } #mobile-navigation a:focus, #mobile-navigation a:hover { background-color: #fff; } #mobile-navigation li a.active { background-color: rgb(245, 245, 245); } #mobile-navigation .nav li a { color: #333; font-size: 15px; font-weight: normal; } #mobile-navigation .nav li .dropdown-menu li { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } #mobile-navigation .nav li .dropdown-menu a { color: #666; font-weight: normal; font-size: 15px; } #mobile-navigation .mb-close { left: 210px; font-size: 25px; } #mobile-navigation.active { transform: translateX(-100%) translateZ(0); } #navigation.modern.dark-nav { background: rgba(255,255,255,1); } #navigation.modern.dark-nav .columns .hamburger-menu div { background: #3a3a3a; } #navigation.modern.dark-nav.hover:not(.scrolled):hover { background: rgba(255,255,255,1); } #navigation.modern.dark-nav.scrolled { background: rgba(255,255,255,1); } #navigation.modern.dark-nav .columns a, #navigation.modern.dark-nav .columns button { color: #666; font-size: 14px; font-weight: 400; } #navigation.modern .columns ul li a { transition: all 0; } #navigation.modern.dark-nav .columns ul.dropdown-menu li a:hover { background: none; color: #0740a9 !important; } #navigation.modern.dark-nav .columns .nav-item { display: inline-block; box-sizing: border-box; height: 99%; } #navigation.modern.dark-nav .columns .nav-link:hover { color: #2449a4; } #navigation.modern.dark-nav .columns .nav-link:hover .nav-item { border-bottom: 2px solid #0740a9; } #navigation.modern.dark-nav .columns .now { color: #2449a4; } #navigation.modern.dark-nav .columns .now .nav-item { border-bottom: 2px solid #0740a9; } #navigation.modern .columns ul.dropdown-menu { border-radius: 0 0 6px 6px; } #navigation.modern .columns ul li a { padding-left: 0; padding-right: 0px; margin-left: 30px; margin-right: 30px } #navigation.modern.dark-nav .columns ul.dropdown-menu li a { margin-left: 0px; } #navigation.modern .columns ul li { position: relative; } #navigation.modern .columns ul li a.now { border-bottom: 2px solid #264ba7 !important; } #navigation.modern .columns ul li .iconfont { position: absolute; top: 0px; right: 10px; } #navigation.modern.dark-nav .columns ul.dropdown-menu { background: #fff; color: #666; width: 150px; } #navigation.modern.dark-nav.start-dark .columns ul.dropdown-menu li a, #navigation.modern.dark-nav .columns .nav-menu ul.dropdown-menu li a { color: #666; font-weight: 400; box-sizing: border-box; display: inline-block; } #navigation.modern .columns ul.dropdown-menu li { padding: 0; margin: 0; height: 36px; line-height: 36px; width: 100%; box-sizing: border-box; overflow: hidden; } /* 瀹㈡湇 */ .service-box { border-radius: 4px; background: #0740a9; position: fixed; right: 0px; top: 50%; transform: translateY(-50%); z-index: 999; } .service-box img { border-radius: 4px; position: relative; z-index: 999; } .service-box:hover .show-service { left: -140px; } .service-box .show-service { border-radius: 4px; background: #fff; z-index: 998; transition: all 0.3s; left: 52px; width: 130px; height: 41px; line-height: 41px; text-align: center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); position: absolute; font-size: 16px; color: #999; top: 6px; } .san { z-index: 3; width: 10px; height: 10px; background: #fff; position: absolute; box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.1); right: -5px; top: 50%; transform: translateY(-50%) rotate(45deg); } .classic_footer { background: #f8f8f8; } .classic_footer .footer-bottom { background: #242935; color: #fff; } .b-fff { background: #fff; } .b-f8 { background: #f8f8f8; } .footer-body { background-size: cover; } .footer-left { background: url(../image/footer.png) no-repeat 180px 0; } .c-fff { color: #fff; } .c-666 { color: #666; } .c-999 { color: #999; } .mgt10 { margin-top: 10px; } .mgt20 { margin-top: 20px; } .mgt30 { margin-top: 30px; } .mgt40 { margin-top: 40px; } .mgt50 { margin-top: 50px; } .mgt60 { margin-top: 60px; } .w-33 { width: 33.3%; } .flex-box { display: flex; } /* 鎵嬫満搴曢儴鑱旂郴瀹㈡湇 */ .call-service { line-height: 46px; background: #163d9e; color: #fff; font-size: 16px; text-align: center; position: fixed; bottom: 0px; z-index: 99; width: 100%; } /* 瀛椾綋鍥炬爣 */ /* @font-face { font-family: 'iconfont'; src: url('//at.alicdn.com/t/font_1225558_vnqi4c2hrb.eot'); src: url('//at.alicdn.com/t/font_1225558_vnqi4c2hrb.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1225558_vnqi4c2hrb.woff2') format('woff2'), url('//at.alicdn.com/t/font_1225558_vnqi4c2hrb.woff') format('woff'), url('//at.alicdn.com/t/font_1225558_vnqi4c2hrb.ttf') format('truetype'), url('//at.alicdn.com/t/font_1225558_vnqi4c2hrb.svg#iconfont') format('svg'); } */ /* .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } */ /* 涓€琛屾枃瀛楄秴鍑洪殣钘 */ .hidden-text-one { overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } /* 涓よ鏂囧瓧瓒呭嚭闅愯棌 */ .hidden-text-two { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } /* 钃濊壊娓愬彉涓嬪垝绾挎爣棰樸€佸唴瀹 */ .session { padding: 80px 0; text-align: center; } .session .session-title { font-size: 28px; color: #333; font-weight: 700; } .session .session-title span { width: 70px; height: 2px; background-image: linear-gradient(90deg, #ffffff 0%, #92a4d2 28%, #2449a4 49%, #92a4d2 69%, #ffffff 100%), linear-gradient(#0740a9, #0740a9); display: inline-block; margin: 14px 0; } .session .session-text { font-size: 16px; color: #999; margin-top: -10px !important; } /* 鍒嗛〉 */ .page-box a,.page-box span { padding-left: 30px; padding-right: 30px; line-height: 40px; display: inline-block; color: #333; font-size: 14px; border: 1px solid #ddd; border-right: none; font-weight: 700; cursor: pointer; } .page-box a:first-child { padding-left: 40px; padding-right: 40px; } .page-box a:last-child { border-right: 1px solid #ddd; padding-left: 40px; padding-right: 40px; } .page-box a:hover { background: #2449a4; color: #fff; } .page-box a.active { background: #2449a4; color: #fff; } .swiper-button-next, .swiper-button-prev { background-color: rgba(0, 0, 0, 0.2); background-size: 50%; } /* .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 5px; background: #bac5de; } */ .swiper-pagination-bullet-active { background: #fcfbf8; border: 1px solid #2449a4; } /* 涓昏鎸夐挳 */ .btn_primary { text-align: center; background-image: linear-gradient(-90deg, #2449a4 0%, #557fe8 100%); /* box-shadow: 0px 8px 14px 0px rgba(36, 73, 164, 0.3); */ color: #fff !important; } .btn_primary:hover { color: #fff; } .btn_small { width: 100px; height: 34px; line-height: 34px; border-radius: 4px; font-size: 16px; box-shadow: none; } .btn_normal { width: 180px !important; height: 50px; border-radius: 6px; font-size: 16px; } .btn_normal[type="reset"] { border: 1px solid #2449a4; background: #fff; color: #2449a4; } /* 鍚堜綔浼欎即 */ .partner { padding-left: 60px; padding-right: 60px; } .partner .partner-img .first { display: flex; justify-content: space-around; margin-top: -10px; } .partner .partner-img .secound { width: 83%; margin: 0 auto; margin-top: -10px; } .partner .partner-img .box { /* display: inline-block; */ transform: rotate(45deg); width: 10%; background: #fff; box-shadow: 6px 0px 16px 0px rgba(0, 0, 0, 0.08); overflow: hidden; } .partner .partner-img .secound .box { width: 12%; } .partner .partner-img .box a { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; } .partner .partner-img .box img { transform: rotate(-45deg); width: 100%; } .py { padding-top: 60px !important; padding-bottom: 60px !important; } .hamburger-menu .meat, .hamburger-menu .bottom-bun, .hamburger-menu div { width: 70%; } .session-b { padding-bottom: 120px; } .news-box { transition: all 0.4s; } .news-box:hover { box-shadow: 0px 14px 24px 0px rgba(0, 0, 0, 0.2); } .swiper-slide { background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 460px } .more-btn { font-size: 16px !important; } @media screen and (max-width: 460px) { .mgt50, .mt-60 { margin-top: 20px; } .mgt60, .mt-60 { margin-top: 30px !important; } .mt-80 { margin-top: 40px !important; } .swiper-slide { min-height: 140px; } body { padding-bottom: 46px; } #navigation.modern.dark-nav .logo img { width: 60%; } .session { padding-top: 30px; padding-bottom: 30px; } .session .session-title { font-size: 20px; font-weight: 700; } .session .session-title span { width: 40px; margin: 2px 0 6px 0; } .classic_footer .footer-bottom { background: #fcfcfc; color: #666; } .partner { padding-left: 10px; padding-right: 10px; } .partner .partner-img .secound { width: 75%; } .partner .partner-img .box { width: 17%; } .partner .partner-img .secound .box { width: 23%; } .btn_normal { width: 90px !important; height: 30px; border-radius: 6px; font-size: 14px; border-radius: 15px; } .more-btn { line-height: 36px !important; border-radius: 18px !important; height: 36px !important; width: 80px !important; font-size: 14px !important; } .news-box .hidden-text-one { font-size: 16px !important; } .classic_footer .footer-body { padding-top: 30px; padding-bottom: 30px; } .session-b { padding-bottom: 60px; } .btn_small { line-height: 30px; } }