@charset "utf-8"; *,body{margin: 0;padding: 0;font-family:MiSans,system-ui,sans-serif;text-decoration: none;} html{font-family:MiSans,system-ui,sans-serif;line-height:1.5} 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} a{text-decoration:none;outline:none;background: transparent;} a:link{color:#333; text-decoration:none;} a:focus,a:hover{color:#0e6aac;} 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; } @font-face { font-family: "DINPro-Bold"; src: url("../font/DINPro-Bold.woff2") format("woff2"), url("../font/DINPro-Bold.woff") format("woff"), url("../font/DINPro-Bold.ttf") format("truetype"), url("../font/DINPro-Bold.eot") format("embedded-opentype"), url("../font/DINPro-Bold.svg") format("svg"); font-weight: normal; font-style: normal; } ::-webkit-scrollbar {width:5px;/* 杩欐槸閽堝缂虹渷鏍峰紡 (蹇呴』鐨? */ } ::-webkit-scrollbar-track {background-color: #f1f3f5;/* 婊氬姩鏉$殑婊戣建鑳屾櫙棰滆壊 */} ::-webkit-scrollbar-thumb {background-color: #fdd000;/* 婊戝潡棰滆壊 */} ::-webkit-scrollbar-button {background-color: #f1f3f5;/* 婊戣建涓ゅご鐨勭洃鍚寜閽鑹 */} ::-webkit-scrollbar-corner {background-color: #f1f3f5;/* 妯悜婊氬姩鏉″拰绾靛悜婊氬姩鏉$浉浜ゅ灏栬鐨勯鑹 */} .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: 100%;padding: 0 100px;margin: 0 auto;} @media (max-width: 1440px) { .container{padding: 0 80px;} } @media (max-width: 1199px) { .container{padding:0 40px;} } @media (max-width: 991px) { .container{padding: 0 20px;} } /*header鍒濆*/ .header{ background-color: rgba(255,255,255,1); width: 100%; height: 100px; z-index: 9999; position: fixed; top:0; transition: all 0.4s ease; box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.08); } .header .container{height:100%;align-items: center;} .header .nav-logo a, .header .nav-logo li, .header .nav-logo ol, .header .nav-logo span, .header .nav-logo p {text-decoration: none;} .header .nav-logo {width: 250px;height:100%;position: absolute;left: 0;top:0;padding:25px 0 0 50px;} .header .nav-logo img {width: 170px;} .header .en .nav-logo img{width: auto;} .header .language{position: absolute;right: 0;top:0;padding:35px 50px 0 0;} .header .language li{margin-left:15px;} .header .language li a{font-size: 13px;font-family: Arial, "sans-serif";text-align: center;display: block;} .header .language li img{display: block;width: 25px;border-radius:2px;margin-bottom:2px;} .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: center; justify-content: center; align-items: center; width: 100%; height: 100%; } .header .nav-list > li { position: relative; list-style: none; text-align: center; height: 100%; } .header .en .nav-list > li{width: auto;} .header .nav-list > li a { position: relative; padding: 0 30px; line-height: 100px; display: block; color: #495057; font-size: 18px; font-weight: 500; text-align: center; text-decoration: none; height: 100%; } .header .en .nav-list > li a {font-size: 16px;text-transform: uppercase;font-weight: 500;font-family: Arial, "sans-serif"} .header .de .nav-list > li a {text-align: left!important;padding: 10px 30px!important;} .header .nav-list > li a i{display: none;} .header .nav-list > li a:after{ content: ''; width: 0;height:6px;background-color:#fdd000; position: absolute;left: 50%;top:0;margin-left: -50%; transition: all 0.5s; -webkit-transition: all 0.5s; } .header .nav-list > li a:hover,.header .nav-list > li a.cur {color:#fbbd06;font-weight:500;} .header .en .nav-list > li a:hover,.header .nav-list > li a.cur {font-weight:600;} .header .nav-list > li a:hover:after,.header .nav-list > li a.cur:after{width:100%;} .header .nav-list > li .menu { width: 200%; position: absolute; white-space: nowrap; left: 0; display: none; -webkit-transition: 0.5s; transition: 0.5s; box-shadow:0 10px 30px rgba(0,0,0,0.1); -webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1); -moz-box-shadow:0 10px 30px rgba(0,0,0,0.1); } .header .en .nav-list > li .menu{width: 250px;} .header .de .nav-list > li .menu {width: 180%;} .header .nav-list > li{position: relative;background-color:#fff;} .header .nav-list > li .menu li a { margin: 0; display: block; height: auto; line-height: 50px; padding: 0 20px;text-align: left; font-size: 14px; background-image: none; background-color: #fff; width: 100%;border-bottom: 1px solid #eee; } .header .en .nav-list > li .menu li a{color: #666;font-family: Arial, "sans-serif"} .header .nav-list > li .menu li a.cur:after{display: none;} .header .nav-list > li .menu li:last-child a{border-bottom: 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:hover{background-color:rgba(0,0,0,0.45);color: #fff} .header .nav-list > li .menu li a:hover{color: #fff;background-color:rgba(0,0,0,0.45);} .header .nav-list > li .menu li a:hover:after{width: 0;} .header .nav-list > li:hover .menu {height: auto;display: block} .header .nav-list > li .menu li:hover .sub-menu {width: 100%;height: auto;position: absolute;opacity: 1;right: -100%;top:0;} .header .nav-list > li .sub-menu { height: 0; opacity:0; -webkit-transition: 0.5s; transition: 0.5s; box-shadow:0 10px 30px rgba(0,0,0,0.1); -webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1); -moz-box-shadow:0 10px 30px rgba(0,0,0,0.1); } .header .nav-list > li .sub-menu li a{line-height: 50px;font-size: 14px;background-color: #fff; word-break:break-all; word-wrap:break-word; } .header .nav-list > li .sub-menu li a.cur:after{display: none;} .header .nav-list > li .sub-menu li a:hover{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;} .header .menu-mobile{ position: absolute; z-index: 9999; background-color:transparent; cursor: pointer; top:20px; right: 20px; } .header .nav-menu { position: absolute;right: 0;top:0; z-index: 9; cursor: pointer; width: 100px;height:100%; background-color:#0e6aac; padding:35px 30px; } .header .nav-menu .language a{color:#495057;font-size: 16px;font-weight: 500;} .header .nav-menu .language a:hover{color:#0e6aac;} .header .nav-menu .language a i{font-size: 1.8rem;margin-right:8px;color:#0e6aac;} @media (max-width: 1440px) { .header{height: 80px;} .header .nav-logo {padding: 20px 0 0 30px;} .header .nav-logo img {width: 150px;} .header .en .nav-logo img{width:160px;} .header .language{padding:25px 30px 0 0;} .header .language li a{font-size: 12px;} .header .language li img{width: 23px;} .header .nav-list > li a{font-size: 16px;line-height: 80px;padding:0 25px;} .header .en .nav-list > li a {font-size: 14px;} .header .en .nav-list > li .menu{width:180%;} .header .nav-list > li .menu li a {line-height: 45px;} .header .en .nav-list > li .menu li a {font-size: 12px;font-weight: 500} .header .nav-list > li .sub-menu li a{line-height: 45px;} .header .en .nav-list > li .sub-menu li a{font-size: 13px;} .header .nav-menu {width: 80px;height:100%;padding:30px 25px;} .header .nav-menu a{font-size: 18px;} } #navToggle{ display: none;position: absolute;right: 20px;top:3px;} #navToggle:hover{color:#fdd000 } @media (max-width: 992px) { .header {height:50px!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 {padding:5px 10px;text-align: left;line-height: 40px;width:100%;} .header .nav-logo img {width:100px;} .header .en .nav-logo img{width: 150px;} .header .nav-list{display: none;} .header .language{display: none} #navToggle{display: block;} #navToggle i{font-size: 3.5rem;} .m_language{padding:50px 0 0 0;width: 90%;margin: 0 auto;} .m_language li{width:100px;margin-right: 10px;} .m_language li:last-child{margin-right: 0;} .m_language li a{display: block;text-align: center;font-size: 1.8rem;font-weight: 600;color: #495057} .m_language li a img{width:40px;margin-right: 5px; } } .m_nav{ position: fixed; box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); width: 100%; height: 100%; background-color: #fff; 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; transform: translateX(100%); padding: 5% 0 0 0; } .m_nav.open{transform: translateX(0);} .m_nav .closed{ width: 30px; height: 30px; line-height: 30px; vertical-align: middle; cursor: pointer; font-size: 2.8rem; color: #999; position: absolute;right: 30px;top:30px; -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: 50px;padding: 0 25px;} .m_nav .ul li{ border-bottom: 1px solid #eaeaea; 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: #666; font-size:1.8rem;font-weight: 800; height: 60px; line-height: 60px; width: 100%;text-transform: uppercase; } .m_nav .ul li a i{color: #999;font-size:2.5rem;margin-right:15px;font-weight: 500;} .m_nav .ul li .dropdown_menu{display: none;padding: 0 0 15px 0;} .m_nav .ul li.dropdown.active .dropdown_menu{display: block;} .m_nav .ul li .dropdown_menu a{ display: block; font-size: 1.4rem; font-weight: 400; color: #999; height: unset; line-height:20px; padding: 7px 30px; box-sizing: border-box;text-transform: capitalize; } .m_nav .ul li .dropdown_menu a i{font-size: 1.2rem;margin-right:0;} .m_nav .ul li .dropdown_menu a:last-child{border: none;} @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 .nav{display: none;} } .m_nav .top-right{width: 100%;margin:50px auto 0 auto;} .m_nav .top-right .tel{text-align: center;display: block;} .m_nav .top-right .tel i{font-size: 2.5rem;color:#f39700;margin-right: 10px;} .m_nav .top-right .tel span{font-size: 2.8rem;color:#f39700;font-weight: 600;} .m_nav .top-right .tel p{text-align: center;font-size: 1.6rem;color: #888;line-height: 2.2rem;} /*footer*/ .footer{clear:both;width:100%;padding:0;} .footer .footer_menu{padding:80px 0 50px 0;background-color:#343a40;} .footer .footer_menu .footer-tel{padding: 0 30px 0 0;width:25%;} .footer .footer_menu .footer-tel h4{font-weight:300;color:#868e96;font-size: 14px;line-height:25px;position: relative;margin-bottom: 10px;} .footer .footer_menu .footer-tel p{color:#868e96;font-size: 14px;line-height: 30px;;} .footer.en .footer_menu .footer-tel p{text-transform: capitalize;} .footer .footer_menu .footer-tel h4 i{font-size:1.8rem;margin-right:5px;color:#868e96;} .footer .footer_menu .footer-tel p span{font-family: "DINPro-Bold";font-size:22px;color: #fff;display: block;} .footer .footer_menu .footer-tel a{font-weight:400;display: block;width: 150px;line-height:40px;border-radius:25px;margin: 30px 0;text-align: center;font-size: 16px;color: #222;background-image: linear-gradient(45deg,#f39700,#fddc8e);} .footer.en .footer_menu .footer-tel a{font-family: Arial, "sans-serif";text-transform: uppercase;font-size: 14px;font-weight: 600;} .footer .footer_menu .footer-tel a i{font-size: 1.6rem;margin-left: 5px;} .footer.en .footer_menu .footer-tel a i{font-weight: 500;} .footer .footer_menu .footer-tel a:hover{width: 160px;} .footer .footer_menu .footer-nav{padding: 0 0 0 30px;width: 15%;} .footer .footer_menu .footer-nav h4{font-weight:500;font-size: 18px;color: #fff;line-height: 36px;margin-bottom: 10px;} .footer.en .footer_menu .footer-nav h4{font-family: Arial, "sans-serif";text-transform: uppercase;} .footer .footer_menu .footer-nav a{display: block;font-size: 15px;color:#868e96;line-height:36px;;} .footer.en .footer_menu .footer-nav a{font-size: 14px;font-family: Arial, "sans-serif";text-transform:uppercase;} .footer .footer_menu .footer-nav a:hover{color: #fff} .footer .footer_menu .footer-wx{padding: 0 0 0 30px;width: 15%;} .footer .footer_menu .footer-wx li{width: 100%;text-align: right;} .footer .footer_menu .footer-wx li img{width: 100px;max-width: 100%;padding: 10px 0 0 0;} .footer .footer_menu .footer-wx li span{width: 100px;display: block;font-weight:300;color: #fff;font-size: 16px;line-height: 30px;text-align: center;margin: 0 0 0 auto;} .footer.en .footer_menu .footer-wx li span{font-size: 14px;font-family: Arial, "sans-serif";} .footer .copy{background-color:#343a40;border-top:1px solid rgba(235,255,255,0.1);padding: 20px 0;} .footer .copy span{font-size: 14px;color:#868e96;line-height: 25px;display: block;;text-align: left;text-transform: uppercase;} .footer.en .copy span{font-family: arial, sans-serif;font-size: 12px;} .footer .copy a{font-size: 14px;color:#868e96;line-height: 25px;;float: right;padding: 0 10px;} .footer.en .copy a{font-family: arial, sans-serif;font-size: 12px;} .footer .copy a:last-child{margin-right: 0} .footer .copy a:hover{color: #fff;} @media (max-width: 992px) { .footer{padding: 0;} .footer .container{padding: 0 20px;} .footer .footer_top{width:100%;height:50px;background:#e6e6e6;display: none} .footer .footer_top .link{line-height:2rem;font-size:1.4rem;padding: 10px 0;} .footer .footer_top .link a{margin:0 4px;color:#868e96;font-size: 1.2rem;} .footer .footer_menu{padding:30px 0;} .footer .footer_menu .container{flex-wrap: wrap;} .footer .footer_menu .footer-tel{padding: 0;width: 100%;} .footer .footer_menu .footer-tel h4{font-size:1.2rem;line-height:2.2rem;margin-bottom:15px;} .footer .footer_menu .footer-tel p{font-size:1.2rem;line-height:2.2rem;} .footer .footer_menu .footer-tel p i{margin-right:10px;font-size: 2.5rem;} .footer .footer_menu .footer-tel p span{font-size:2.2rem;font-family:"DINPro-Bold";} .footer .footer_menu .footer-tel a{width:40%;font-size: 1.2rem!important;margin: 20px 0 0 0;line-height:32px;} .footer .footer_menu .footer-tel a i{font-size: 1.6rem;} .footer .footer_menu .footer-tel a:hover{width:60%;} .footer .footer_menu .footer-nav{display: none;} .footer .footer_menu .footer-wx{display: none;} .footer .copy{padding: 10px 20px!important;} .footer .copy .container{padding:0!important;} .footer .copy span{font-size:1.1rem!important;line-height:1.8rem;text-align: left;} .footer .copy a{font-size:1.1rem!important;line-height:1.8rem;float: unset;display: block;padding: 0;} .footer .copy a:last-child{display:none;} .footer .copy a:nth-child(2){display:none;} } .pc{display: block;} .mobile{display: none;} @media screen and (max-width: 992px){ .pc{display:none;} .mobile{display: block;} } /*err*/ .err{ width:50%; text-align:center; margin:10% auto; padding:2% 0; border:1px solid rgba(0,0,0,0.07); background-color:rgba(255,255,255,0.8); background-image: url(../images/noinfo.svg); background-repeat: no-repeat;background-size:auto 50%; background-position: center 30px; } .err p{color:rgba(0,0,0,0.3);line-height:30px;font-size:16px;display: block;padding: 100px 0 0 0;} /*鍒嗛〉鏍峰紡*/ .pagination { width:100%; margin: 0 auto; display: flex; display:-webkit-flex; justify-content:center; flex-wrap: wrap; line-height: 35px; font-family: "DINPro-Bold"; text-transform: uppercase; color: #868e96; font-size: 14px; align-items: center; } .pagination a{ display: block;font-family: "DINPro-Bold";text-transform: uppercase;text-align: center;font-size: 14px;color:#0e6aac; line-height: 30px;padding:0 12px;height: 35px; margin-right: 10px;margin-bottom: 10px; border: 1px solid #0e6aac; } .pagination a:last-child{margin-right: 0;} .pagination a:hover, .pagination a:focus, .pagination a.active, .pagination .active span {color: #fff !important;background-color:#0e6aac;} .pagination a:last-child{margin-right: 20px;} @media (max-width: 992px) { .pagination {background-color: #fff;padding:0;line-height:2rem;margin: 20px auto;font-size: 1.2rem;} .pagination a{font-size: 1.2rem;line-height:2.3rem;height:2.6rem;} .err{margin:5% auto;} .err p{line-height:3rem;font-size:1.3rem;} } /*鍦嗙偣*/ @-webkit-keyframes sdb10 { 0% { -webkit-transform: translate(0, 0); opacity: 0; } 40% { opacity: 1; } 80% { -webkit-transform: translate(0, -20px); opacity: 0; } 100% { opacity: 0; } } @keyframes sdb10 { 0% { transform: translate(0, 0); opacity: 0; } 40% { opacity: 1; } 80% { transform: translate(0, -20px); opacity: 0; } 100% { opacity: 0; } } /*banner鑳屾櫙鍔ㄧ敾*/ @-webkit-keyframes scale-bg{ from{ -webkit-transform:scale(1.2); transform:scale(1.2); } to{ -webkit-transform:scale(1); transform:scale(1); } } @keyframes scale-bg{ from{ -webkit-transform:scale(1.2); transform:scale(1.2); } to{ -webkit-transform:scale(1); transform:scale(1); } } /*banner鏂囧瓧鍔ㄧ敾*/ @-webkit-keyframes Slick-FastSwipeIn { 0% { -webkit-transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px); transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px); } 100% { -webkit-transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px); transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px); } } @keyframes Slick-FastSwipeIn { 0% { -webkit-transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px); transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px); } 100% { -webkit-transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px); transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px); } } /* bounce-animate */ .bounce-animate { animation-name: float-bob; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; -moz-animation-name: float-bob; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob; -o-animation-duration: 2s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; backface-visibility:hidden;} @-webkit-keyframes float-bob { 0% { -webkit-transform: translate3d(0px,-25px,0px); transform: translate3d(0px,-25px,0px); } 50% { -webkit-transform: translate3d(0px,-10px,0px); transform: translate3d(0px,-10px,0px);} 100% { -webkit-transform: translate3d(0px,-25px,0px); transform: translate3d(0px,-25px,0px); } } .popover { position: absolute; top: 0; left: 0; z-index: 9999; display: none; max-width: 180px; padding: 1px; font-size: 14px; ; line-height: 1.42857143; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ddd; border-radius: 6px; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.03); box-shadow: 0 5px 15px rgba(0,0,0,.03); text-align: center; color: #868e96; } .popover img{width: 100%;} .floating_ck{position:fixed;right:10px;bottom:80px;z-index: 999;} .floating_ck dl{} .floating_ck dl dd{position:relative;padding: 10px 0;width:45px;height: 45px;border-radius: 50%;text-align:center;cursor:pointer;background-color: #fff;margin-bottom:10px;} .floating_ck dl dd:last-child{background-color:#fdb817;} .floating_ck dl dd i{font-size:2.3rem;color:#fdb817;line-height:22px;font-weight:500} .floating_ck dl dd:last-child i{color: #fff;} .floating_ck dl dd a{} .floating_ck dl dd a:hover{color: #fff;} .floating_ck dd span{font-size:12px;color:#666;display:block;} .floating_ck dl dd:hover{background-color:#fdb817;} .floating_ck dl dd:hover span{color: #fff;} .floating_ck dl dd:hover i{color: #fff;} .floating_ck dl dd:hover .floating_left{display:block;} .floating_left{position:absolute;left:-125px;top:0;width:120px;height:140px;display:none;text-align: center; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.08); box-shadow: 0 5px 15px rgba(0,0,0,.08); } .floating_left a{color:#fff;} .floating_ewm{top:0;padding: 10px;text-align: center;background-color: #fff} .floating_ewm img{width: 100%;} .floating_ewm p{color:#495057;font-size: 12px;line-height: 25px;display: block;text-align: center;} @media screen and (max-width: 992px){ .floating_ck{display: none;} }