@charset "utf-8"; *,body{margin: 0;padding: 0;text-decoration: none;} body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;} html{font-family:MiSans,system-ui,微软雅黑,sans-serif;line-height:1.5}body{font-family:inherit;line-height:inherit} body{font-family:inherit;line-height:inherit} html, body {width: 100%;height: 100%;} html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/} blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0} fieldset,img{border:0} li,ol,ul{list-style:none} caption,th{text-align:left} h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%} q:after,q:before{content:""}abbr,acronym{border:0} @font-face { font-family: 'iconfont'; /* Project id 2784183 */ src: url('//at.alicdn.com/t/c/font_2784183_jllma287j7.woff2?t=1690758231094') format('woff2'), url('//at.alicdn.com/t/c/font_2784183_jllma287j7.woff?t=1690758231094') format('woff'), url('//at.alicdn.com/t/c/font_2784183_jllma287j7.ttf?t=1690758231094') format('truetype'); } :root { --color-1: #264b96; --color-2: #3366cc; --color-3: #e02525; --color-4: #228be6; --color-5: #4dabf7; } a{text-decoration:none;outline:none;background: transparent;} a:link{color:#333; text-decoration:none;} a:focus,a:hover{color:var(--color-3);} a:visited{color:#333} input{outline: none;} h1,h2,h3,h4,h5,h6,p,i,span,a,.img,img,li{ transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } ::-webkit-scrollbar {width:6px;/* 这是针对缺省样式 (必须的) */ } ::-webkit-scrollbar-track {background-color:#fff;/* 滚动条的滑轨背景颜色 */} ::-webkit-scrollbar-thumb {background-color:var(--color-2);/* 滑块颜色 */} ::-webkit-scrollbar-button {background-color:#fff;/* 滑轨两头的监听按钮颜色 */} ::-webkit-scrollbar-corner {background-color:#fff;/* 横向滚动条和纵向滚动条相交处尖角的颜色 */} .mobile{display: none;} @media (max-width: 991px) { .mobile {display: block;} ::-webkit-scrollbar {height:2px;width: 2px} ::-webkit-scrollbar-thumb {background-color:#ced4da} } .flex-sb{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content: space-between; } .flex-ce{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; } .flex-fs{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; } .flex-fe{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; } .container{width: 1280px;margin: 0 auto;padding: 0!important;} .mobile{display: none} @media (max-width: 1440px) { .container{width: 1200px;} } @media (max-width: 1280px) { .container{width: 100%;padding: 0 60px!important;} } @media (max-width: 991px) { .container{padding: 0 20px!important;} .mobile{display: block} } /*header初始*/ .header{ width: 100%; height: 65px; z-index: 9999; position: fixed; top:0; background-color: rgba(255,255,255,1); -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 6%); box-shadow: 0 2px 5px 0 rgb(0 0 0 / 6%); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; padding: 0 50px; } .subpage .header,.header.scroll-up{ transition: all 0.4s ease; -webkit-transition: all 0.4s ease; background-color: rgba(255,255,255,0.7); backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px); border-bottom: 2px solid rgba(255,255,255,0.9); } .header.scroll-down{height: 0;opacity: 0} .header .container{height:100%;align-items: center;} .header .nav-logo {width: 15%;text-align: left;} .header .nav-logo img {width: 130px;} .header.scroll-down .nav-logo img {width:120px} .header ::-webkit-scrollbar {display: none;} .header .nav-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content:flex-start; justify-content:flex-start; align-items:flex-start; width:60%;height:100%; } .header .nav-list > li {position: relative;list-style: none;text-align: center;height: 100%;} .header .nav-list > li a { position: relative; padding: 0 15px; display: block; color: #212529; font-size: 14px;text-transform: uppercase; line-height: 65px; font-weight: 400; text-align: center; text-decoration: none; } .header .nav-list > li:after,.header .nav-list > li a:after{content: '';width: 0;height: 3px;background-color:var(--color-2);position: absolute;top:0;left: 0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;} .header .nav-list > li a i{font-size: 1.8rem;} .header .nav-list > li:hover{color:var(--color-2);} .header .nav-list > li:hover:after{width: 100%;} .header .nav-list > li:hover a,.header .nav-list > li a:hover{color:var(--color-2);} .header .nav-list > li a:hover i{transform: rotate(180deg)} .header .nav-list > li a.cur{color:var(--color-2);font-weight: 500;} @media (max-width: 1280px) { .header{padding:0;} .header .nav-list > li a{padding: 0 10px;} } .header .nav-list > li .menu { position: absolute;max-width: max-content; white-space: nowrap; left: 0; display: none; background-color: rgba(255,255,255,0.95); backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px); -webkit-box-shadow: 0 3px 8px 0 rgb(0 0 0 / 8%); box-shadow: 0 3px 8px 0 rgb(0 0 0 / 8%); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; padding:10px 10px; border-radius:5px;border-top-left-radius: 0;border-top-right-radius: 0; } .header .nav-list > li{position: relative;text-align: left} .header .nav-list > li .menu li a { display: block; margin: 0; height: auto; line-height:32px; text-align:left; font-size: 14px;font-weight: 400; background-image: none;color: #495057;text-transform: capitalize; } .header .nav-list > li .menu li a.cur:after{display: none;} .header .nav-list > li .menu li a i{display: block;position: absolute;right: 10px;font-size: 0.88rem;top:1px;} .header .nav-list > li .menu li a:hover{color: var(--color-2);} .header .nav-list > li .menu li a:hover:after{width: 0;} .header .nav-list > li .menu .flex-sb{width: 100%;} .header .nav-list > li .menu dl{width:100%;padding:0 20px 20px 20px;border-top: none;} .header .nav-list > li .menu dl:last-child{margin-right: 0} .header .nav-list > li .menu dt{padding-bottom:10px;margin-bottom:10px;border-bottom: 1px solid #eee;} .header .nav-list > li .menu dt a{font-size: 15px;font-weight: 550;line-height:22px;color: #282c33;padding: 0;text-align: left;text-transform: capitalize} .header .nav-list > li .menu dd{padding: 0;} .header .nav-list > li .menu dd a{font-size: 14px;line-height: 32px;color: #282c33;font-weight: 400;text-align: left;padding: 0;text-transform: capitalize} .header .nav-list > li .menu dd a:after{display: none;} .header .nav-list > li .menu dd a:hover{color: var(--color-2)} .header .nav-list > li:hover .menu {height: auto;display: block} .right-bar{width:25%;text-align: right} .right-bar a{margin-right: 10px;} .right-bar a:last-child{margin-right: 0;} .right-bar a i{margin-right: 5px;} .right-bar .login{position: relative;top:-2px;text-transform: uppercase;background-color:var(--color-2);display: inline-block;padding:2px 15px;border-radius: 30px;color: #fff;font-size: 13px;font-weight: 400;} .right-bar .right-bar-search{position: relative;top:2px;} .right-bar .right-bar-search i{font-size: 2.2rem;color:var(--color-2)} .right-bar .menu-tel{color:var(--color-2);} .right-bar .menu-tel i{font-size:1.9rem!important;color:var(--color-2);font-weight:400;margin-right: 5px;} .right-bar .menu-tel span{font-size:18px;font-weight:550;} #navToggle{ display: none;} @media (max-width: 991px) { .header {height:60px!important;box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.08);z-index: 9999;} .header .container{width: 100%; padding: 0 20px;} .header .nav-logo {width: 50%;text-align: left} .header .nav-logo img {width:100px;} .header.scroll-down .nav-logo img {width:90px;} .header .nav-list {display: none} .menu-tel{display: none} .right-bar{width:50%;} .right-bar .login{position: absolute;right:95px;top:18px;} .right-bar .right-bar-search{position: absolute;right:60px;top:14px;} .right-bar .right-bar-search i{font-size: 2.5rem;} nav{padding:0;background-color:#fff;height:60px;overflow:hidden;box-shadow: 0 5px 10px rgba(130, 177, 255, 0.25);-webkit-box-shadow: 0 5px 10px rgba(130, 177, 255, 0.25);} nav #navToggle {display:block;position: absolute;right:15px!important;top:5px;} nav #navToggle i{font-size:3.5rem;color:var(--color-1)!important;} } .m_nav{ position: fixed; width: 100%; height: 100%; z-index: 1000; opacity: 1; visibility: visible; margin-top: 0; overflow-y: auto; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top: 0;right: -100%; transform: translateX(100%); padding:10px 0 0 0; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); background-color: rgba(255,255,255,.6); } .m_nav.open{transform: translateX(0);right: 0} .m_nav .closed{ width: 30px; height: 30px; line-height: 30px; vertical-align: middle; cursor: pointer; font-size: 3rem; color: var(--color-3); position: absolute;right: 20px;top:10px; -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul{margin-top:25px;} .m_nav .ul li{ padding: 0 30px!important; transform: translateY(0); -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity: 0; } .m_nav.open .ul li{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .m_nav .ul li:nth-child(1) { -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(2) { -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(3) { -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(4) { -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(5) { -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(6) { -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(7) { -webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li a{ display: block; text-decoration: none; color: #495057; font-size:2rem;font-weight:550; line-height:60px; width: 100%; border-bottom: 1px solid #fff; } .m_nav .ul li a i{color: #212529;font-size:3rem;font-weight: 500;position:absolute;right:20px;transform: rotate(-90deg)} .m_nav .ul li a:hover i,.m_nav .ul li.dropdown.active a:hover i{transform: rotate(0deg)} .m_nav .ul li .dropdown_menu{display: none;padding: 15px 0 5px 0;} .m_nav .ul li.dropdown.active .dropdown_menu{display: block;} .m_nav .ul li .dropdown_menu a{ display: block; font-size: 1.8rem; font-weight: 500; color: #495057; height: 36px; line-height: 36px; padding: 0 5px; box-sizing: border-box; border-bottom: none; } .m_nav .ul li .dropdown_menu a i{font-size: 2rem;position: unset;margin-right:0;} .m_nav .ul li .dropdown_menu a:last-child{border: none;} .m_nav .ul li .dropdown_menu dl{width: 100%;padding:0 10px 0 10px;} .m_nav .ul li .dropdown_menu dl dt{margin-bottom: 5px;} .m_nav .ul li .dropdown_menu dl dt a{font-size: 1.8rem!important;color: #495057;font-weight: 550;line-height: 30px;height: 30px;margin:0;border-bottom: none;} .m_nav .ul li .dropdown_menu dl dt a i{position: unset;font-size: 2.2rem;margin-right:0;font-weight: 550} .m_nav .ul li .dropdown_menu dl dd{margin:4px 0} .m_nav .ul li .dropdown_menu dl dd a{font-size: 1.6rem!important;color: #495057;line-height: 2.5rem;height:2.5rem;border-bottom: none;font-weight: 450;padding:0 0 0 32px!important;} .m_nav .ul li .dropdown_menu dl dd a:hover{} @media screen and (max-width: 992px){ nav{padding:0;background-color:#fff;height:60px;overflow:hidden; box-shadow: 0 5px 10px rgba(130, 177, 255, 0.25); -webkit-box-shadow: 0 5px 10px rgba(130, 177, 255, 0.25); } #m_logo{display: block;float: left;} #m_logo img{width:260px;display: inline-block;vertical-align: middle;margin:10px 0 0 0;} nav #navToggle {position: absolute;right: 20px;top:5px;display: block} nav #navToggle i{font-size:3.5rem;color:#868e96;} nav .nav{display: none; } } /*footer*/ .footer{clear:both;width:100%;background-color:#f6f7fa;} .footer .footer_top{padding:50px 0 25px 0;} .footer .footer_top .footer_top_menu{display: flex;justify-content: space-between;} .footer .footer_top .footer_top_menu li{padding: 0 20px;} .footer .footer_top .footer_top_menu li span{margin-bottom:10px;font-size:16px;font-weight:550;color:#545b66;display: block;text-transform:uppercase} .footer .footer_top .footer_top_menu li:last-child{text-align: center} .footer .footer_top .footer_top_menu li:last-child span{text-align: center} .footer .footer_top .footer_top_menu li a{display: block;line-height:30px;color:#848b99;font-size: 14px;} .footer .footer_top .footer_top_menu li a:hover{color:var(--color-1);} .footer .footer_top .footer_top_menu li img{display: block;width: 120px;margin-bottom: 10px;} .footer .footer_top .footer_top_menu .footer_top_menu_div:first-child{margin-right: 30px;} .footer .footer_bot{font-size:18px;color:#848b99;font-weight: 500;border-top: 1px solid rgba(0,0,0,0.05);padding:10px 0; } .footer .footer_bot .copyright{padding: 10px 0;width:100%;line-height:30px;text-align: center;color:#848b99;border-top: 1px solid rgba(255,255,255,0.05)} .footer .footer_bot .copyright span{display: block;width: 50%;padding: 0;font-size: 14px;color:#848b99;font-weight: 300;} .footer .footer_bot .copyright a{font-size:14px;color:#848b99;padding: 0 10px;font-weight: 300;text-transform: capitalize} @media (max-width: 1680px) { .footer .footer_top{padding: 60px 0} .footer .footer_top .footer_top_menu .hottel{width: 25%;} .footer .footer_top .footer_top_menu .weixin{width:5%;} .footer .footer_top .footer_top_menu li span{font-size:16px;} } @media (max-width: 1440px) { .footer .footer_top{padding: 50px 0} .footer .footer_top .footer_top_menu li{padding: 0 15px;} .footer .footer_top .footer_top_menu li span{margin-bottom:10px;} .footer .footer_bot .link{font-size: 16px;} } @media (max-width: 992px) { .footer .footer_top{display: none;} .footer .footer_bot{height:auto;font-size:1.2rem;margin-top:0;border-top: none;} .footer .footer_bot .flex-sb{flex-wrap: wrap;} .footer .footer_bot .copyright{border-top:none;line-height:1.6rem;padding:5px 0;} .footer .footer_bot .copyright .container{flex-wrap: wrap;} .footer .footer_bot .copyright span{width: 100%;text-align: center;font-size: 1rem;line-height:1.4rem;margin-bottom: 5px;} .footer .footer_bot .copyright a{font-size:1rem;padding:0 5px;} } .offcanvas-search { position: fixed; top: 0; left: 0; right: auto; height: 100vh; width: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transition-duration: 700ms; -o-transition-duration: 700ms; transition-duration: 700ms; z-index: 9999; background-color: rgba(0,0,0,0.2); } .offcanvas-search.open {opacity: 1;visibility: visible} .offcanvas-search.open .offcanvas-search-inner {-webkit-transform: none;-ms-transform: none;transform: none} .offcanvas-search-inner { width: 80%; height: 50%; margin: 10% auto; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); background-color: rgba(255,255,255,.75); border: 1px solid #fff; padding: 50px; box-shadow:5px 10px 20px rgba(75,45,2,0.2); -webkit-box-shadow:5px 10px 20px rgba(75,45,2,0.2); -moz-box-shadow:5px 10px 20px rgba(75,45,2,0.2); border-radius:6px; position: relative; -webkit-transform: translateX(calc(100% - 0px)); -ms-transform: translateX(calc(100% - 0px)); transform: translateX(calc(100% - 0px)); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transition-duration: 700ms; -o-transition-duration: 700ms; transition-duration: 700ms; overflow: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-flow: row-reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse } .offcanvas-search-inner .btn-close-bar {opacity: 1;position: absolute;right: 20px;top:20px;} .offcanvas-search-inner .btn-close-bar i { font-size: 4rem; cursor: pointer; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s } .offcanvas-search-inner .btn-close-bar i:hover { color:var(--color-2); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .offcanvas-search-form {width: 100%;} .offcanvas-search-form select{border: none;font-size:18px;padding: 0 20px;outline: none;} .offcanvas-search-form input {width:70%;border:none;border-left: 1px solid #eee;font-size:18px;line-height:60px;height:60px;padding: 0 20px;color:#495057;font-family: "Microsoft Yahei"; -webkit-appearance: none;border-radius: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .offcanvas-search-form input:focus {outline: none;} .offcanvas-search-form button{width: 20%;background-color:var(--color-2);border: none;line-height:60px;height:60px;font-size: 22px;color: #fff;outline: none;} .offcanvas-search-form button i{margin-right: 10px;font-size: 2.5rem;} @media (max-width: 991px) { .offcanvas-search {background-color: rgba(0,0,0,0);padding: 10% 0 0 0;} .offcanvas-search-inner{width:90%;height:20%;padding: 20px;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);background-color: rgba(255,255,255,.5); box-shadow:2px 5px 10px rgba(75,45,2,0.1);-webkit-box-shadow:2px 5px 10px rgba(75,45,2,0.1);-moz-box-shadow:2px 5px 10px rgba(75,45,2,0.1);border-radius:8px;} .offcanvas-search-inner .btn-close-bar {right:10px;top:5px;} .offcanvas-search-inner .btn-close-bar i {font-size: 2rem;} .offcanvas-search-form input {font-size:1.4rem;width:75%;line-height:40px;height:40px;} .offcanvas-search-form button{font-size: 1.4rem;width: 25%;line-height:40px;height:40px;} .offcanvas-search-form button i{margin-right:5px;font-size:1.8rem;} }