@charset "utf-8"; :root{--color: #264476;--fontcolortitle: #000;--fontcolorintro: #333;--fonthometitle: 36px;--fonttitle: 18px;--fontintro: 16px;--fontweight: 700;--fontfamily: 'Lato', 'Open Sans', 'Roboto', 'Poppins', 'Oswald', 'Noto Sans', 'Montserrat', sans-serif} @media (max-width: 1280px){:root{--fonthometitle: 30px}} @media (max-width: 768px){:root{--fonthometitle: 20px;--fonttitle: 16px;--fontintro: 14px}} *, html, body, h1, h2, h3, h4, h5, h6, table, th, td, ol, ul, li, dl, dt, dd, div, p{/*padding: 0px;*//*margin: 0px;*/box-sizing: border-box} html{-webkit-text-size-adjust: none;-webkit-tap-highlight-color: transparent} body{margin: 0px auto;max-width: 1920px;color: var(--fontcolortitle);font-size: 16px;line-height: 1.6;overflow-x: hidden;overflow-y: scroll;font-family: var(--fontfamily)} h1, h2, h3, h4, h5, h6{text-transform: capitalize;font-weight: var(--fontweight)} img{vertical-align: bottom;max-width: 100%;height: auto} a{text-decoration: none;color: inherit} iframe, video{max-width: 100%;outline: 0;border: none;vertical-align: bottom} button{outline: 0;border: none} img.lazy{display: inline-block;opacity: 0} img.lazy, img.tst{transition: opacity .6s, transform .3s ease} img.loaded{opacity: 1} img:not([src]){visibility: hidden;position: absolute} .hidden{overflow: hidden} .lazy-load{display: block;position: absolute;width: 18px;height: 18px;top: 50%;left: 50%;margin-top: -9px;margin-left: -9px;background-color: #CCC;animation: loading 1s linear infinite;border-radius: 100%} .lazy-wrap{display: block;position: relative;overflow: hidden} .lazy-wrap::after{content: "";display: block;padding-bottom: 50%} .lazy-wrap.lazy-loaded .lazy-load{-webkit-animation: none;animation: none;display: none} .lazy-wrap.lazy-loaded::after{padding-bottom: 0} @keyframes loading{0%{transform: scale(.2);opacity: 1} to{transform: scale(2);opacity: 0}} .l-wrap{width: 100%;max-width: 1500px;margin: 0 auto} .line1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden} .line2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin: 0;} .line3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden} header{position: relative;z-index: 100000} .head-top{width: 100%;height: 40px;text-align: center;display: flex;justify-content: center;align-items: center;background: var(--color);color: #FFF;font-size: 16px;position: sticky;top: 0;z-index: 99999999} .head-top .l-wrap{position: relative;display: flex;align-items: center;justify-content: space-between} .head-top .text{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left} .head-info{border-bottom: 1px solid #EEE;padding-bottom: 20px;display: flex;align-items: baseline} .head-info .l-wrap{height: 100%;display: flex;justify-content: space-between;align-items: center} .head-logo{max-width: 42%;padding:3px 0;} .logo_img{width: auto;max-height:80px;margin-left: 40px;} .scrolllogoimg{margin-left: 0;} .head-logo a{display: inline-flex;align-items: center;height: 100%;} .head-logo a span{font-size: 16px;font-weight: bold;white-space: nowrap;padding-left: 10px;color: #264476;} .head-list{display: flex;justify-content: space-between;align-items: center;width:40%;margin: 0 20px} .head-list .item{display: flex;align-items: center;justify-content: center;width: 30%} .head-list .item:nth-child(1){flex: 1} .head-list .item em{display: inline-flex;align-items: center;justify-content: center;background:#dab96b;color: #FFF;width: 35px;height: 35px;font-size: 20px;border-radius:35px;} .head-list .item .info{padding-left: 10px;color: var(--fontcolortitle);line-height: 1.3} .head-list .item .info span{color: var(--color);font-size: 14px} .head-list .item .info p{font-size: 14px;word-break: break-word;margin: 0;} .head-list .item .info a{color: var(--fontcolortitle)} .head-list .item .info a:hover{color: var(--color)} .head-share ul{display: flex;list-style: none;padding: 0;flex-wrap: wrap;} .head-share ul a{display: inline-flex;align-items: center;justify-content: center;color: var(--color);width: 35px;height: 35px;transition: all .1s linear;border-radius: 4px} .head-share .ins{margin-right: 40px;} .head-share ul a i{font-size: 18px} .head-share ul a:hover{background: var(--color);color: #FFF} .projbun{display: flex;justify-content: center;flex-direction: row-reverse;} .projbun .project-button-next, .projbun .project-button-prev{display: inline-flex;align-items: center;justify-content: center;background: var(--color);margin-top: 10px;width: 55px;height: 35px;color: #FFF;margin-right: 10px;border-radius: 4px;transition: all .1s linear;} .head-nav{display: flex;align-items: center;border-radius: 40px;box-shadow: 0 6px 13px 0 rgba(19, 20, 21, .21);max-width: 1500px;width: 100%;margin: 0 auto;padding: 0 20px;background: #FFF;z-index: 9999999;position: absolute;bottom: -32px;left: 50%;animation: down .5s forwards;transform: translateX(-50%)} .head-nav.scrollhead{max-width: 100%;border-radius: 0;position: fixed;top: 0;left: 0;bottom: auto;animation: up .5s forwards} .head-logo1{display: none;} .scrolllogo{display: block;} .scrolllogo img{max-width:160px;} .head-nav .l-wrap{position: relative;display: flex;justify-content: space-between;padding: 0 15px} @keyframes up{0%{transform: translate(0, -100px)} 100%{transform: translate(0, 0)}} @keyframes down{0%{transform: translate(-50%, 20px)} 100%{transform: translate(-50%, 0)}} .m-menu{display: none} .nav-ul{display: flex;list-style: none;padding-left: 0;} .nav-ul > li{position: relative;padding: 0 10px} @media (min-width: 1024px){.nav-ul > li:hover > ul{display: block}} .nav-ul > li:hover > a{color: var(--color)} .nav-ul > li:hover > em{color: var(--color)} .nav-ul > li > a{display: inline-flex;padding: 0 10px;color: var(--fontcolortitle);font-size: 18px;transition: all .1s linear;white-space: nowrap;text-transform: uppercase;} .nav-ul > li > a.inmenu_1{color: var(--color)} .nav-ul > li > em{position: absolute;top: 50%;transform: translateY(-50%);right: 5px;font-size: 12px;color: #999} .nav-ul > li ul{list-style: none;padding: 0;margin: 0;} .nav-ul > li .submenu{display: none;position: absolute;background: rgba(255,255,255,0.9);transition: all .1s linear;box-shadow: 1px 2px 10px rgba(0, 0, 0, .1);padding: 0;} .nav-ul > li .submenu > li{position: relative} .nav-ul > li .submenu > li:hover ul{display: block} .nav-ul > li .submenu > li ul{position: absolute;left: 100%;top: 0;display: none;background: rgba(255,255,255,0.9);} .nav-ul > li .submenu > li em{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);font-size: 12px} .nav-ul > li .submenu a{display: inline-block;width: 100%;color: var(--fontcolortitle);padding: 6px 10px;transition: all .1s linear;white-space: nowrap;min-width: 200px;padding-right: 30px} .nav-ul > li .submenu > li:hover, .nav-ul > li .submenu > li:hover > a{color: var(--color)} .nav-ul > li .submenu > li:hover ul a:hover{color: var(--color)} .search-box{position: relative;display: flex;align-items: center} .head-search{display: flex;align-items: center;margin-right: 10%} .head-search button{outline: 0;background: 0 0;border: none;padding: 10px;cursor: pointer} .head-search button em{font-size: 22px;color: var(--color);font-weight: var(--fontweight)} .search-input{position: absolute;top: 100%;right: 0;background: #FFF;display: flex;align-items: center;justify-content: center;box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);opacity: 0;transform: rotateX(90deg);visibility: hidden} .search-input input{width: 200px;height: 40px;padding-left: 10px;font-size: 16px;border: none;outline: 0} .search-input .search-btn{width: 40px;height: 40px;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.1s linear} .search-input .search-btn:hover{background: #c9c4c4} .search-input .search-btn em{font-size: 22px;color: var(--color)} .search-input.active{transition: opacity .3s, transform .3s;visibility: visible;opacity: 1;transform: rotateX(0);transform-origin: top} .home-des{text-align: center;color:#dab96b;} .home-title{text-align: center;color: var(--fontcolortitle);font-size: var(--fonthometitle);font-weight: var(--fontweight);line-height: 1.2;margin: 0;} .sol-title{text-align: left;color: var(--fontcolortitle);font-size: var(--fonthometitle);font-weight: var(--fontweight);line-height: 1.2;} .sol-h4{margin-bottom: 10px;font-size:2rem;} .sol-wrap{display: flex;flex-wrap: wrap;padding-bottom: 1%;flex-direction: row;justify-content: space-between;align-items: flex-start;padding-left: 80px;padding-right: 80px;} .sol-wrap > div{width: 50%} .sol-wrap .about-img{position: relative;padding: 10px 3% 0px 10px} .sol-wrap .about-img > img{width: 100%;height: 100%;object-fit: contain} .sol-wrap .about-info{padding-top: 15px} .sol-content{margin-top: 10px;} .sol-des{color: #888;font-size: 16px;word-break: break-word;line-height: 1.6;} .home-more{display: inline-flex;align-items: center;justify-content: center;background: var(--color);height: 45px;width: 180px;color: #FFF;transition: all .2s linear;text-decoration: none} .home-more:hover{box-shadow: 1px 2px 10px var(--color)} footer{padding-top: 60px;background: #111;color: #FFF} footer a{color: #FFF} footer a:hover{color: var(--color)} footer .foot-main{display: flex;padding-bottom: 50px} .foot-info{width: 22%;margin-right: 8%} .foot-info .foot-logo img{width: auto;max-height: 46px} .foot-info .foot-tel{margin-top: 30px;font-size: 16px} .foot-info .foot-share{margin-top: 20px} .foot-info .foot-share ul{padding: 0;list-style: none;display: flex;flex-wrap: wrap} .foot-info .foot-share ul li{margin-bottom: 10px} .foot-info .foot-share ul a{display: inline-flex;align-items: center;justify-content: center;background: var(--color);width: 35px;height: 35px;color: #FFF;margin-right: 10px;border-radius: 4px;transition: all .1s linear} .foot-info .foot-share ul a:hover{background: #FFF;color: var(--color)} .foot-nav{flex: 1;display: flex;justify-content: space-between} .foot-nav .foot-item .foot-title{font-size: 22px;line-height: 1;margin-bottom: 10px} .foot-nav .foot-item .foot-list{list-style: none;padding: 0;margin-top: 15px} .foot-nav .foot-item .foot-list a{display: inline-block;padding: 2px 0;transition: all .1s linear;opacity: .8;text-transform: capitalize} .foot-nav .foot-item .foot-list a:hover{color: var(--color);opacity: 1} .foot-nav .foot-item.foot-quick{width: 32%} .foot-nav .foot-item.foot-quick .foot-list{display: flex;flex-wrap: wrap} .foot-nav .foot-item.foot-quick .foot-list li{width: 50%} .foot-qrimg{margin-top: 20px} .foot-qrimg img{width: 120px;border-radius: 4px;transition: all 0.1s linear} .foot-qrimg img:hover{transform: scale(1.05)} .foot-code{width: 20%} footer .copyright{/*display: flex;*/align-items: center;justify-content: space-between;border-top: 1px solid #7d7d7d;padding: 15px 0;font-size: 14px} /*footer .copyright > p:nth-child(1){flex: 1}*/ footer .copyright > p{font-size:14px;} footer .copyright a{margin-left: 10px} footer .copyright a:hover{color: var(--color)} footer .copyright .gotop{background: var(--color);display: flex;justify-content: center;margin-left: 10px;width: 35px;height: 35px;border-radius: 4px;font-weight: var(--fontweight);cursor: pointer;transition: all .1s linear} footer .copyright .gotop:hover{opacity: .9} footer .copyright .gotop em{width: 100%;height: 80%;display: inline-flex;align-items: center;justify-content: center;color: #FFF} .bottom-btn{display: none;background: #FFF;align-items: center;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 999;box-shadow: 1px 2px 10px rgba(0, 0, 0, .1);transform: translateY(100%);background: var(--color);transition: all .2s linear;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom)} .bottom-btn.bottom-btn-hide{transform: translateY(0)} .bottom-btn.bottom-btn-keep{transform: translateY(0) !important} .bottom-btn .btn-item{width: 33.3%;height: 66px;background: var(--color);color: #222;transition: all .2s linear} .bottom-btn .btn-item em, .bottom-btn .btn-item i{font-size: 20px;line-height: 1} .bottom-btn .btn-item a, .bottom-btn .btn-item div{width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #FFF;text-transform: capitalize} .bottom-btn .btn-item a p, .bottom-btn .btn-item div p{font-size: 14px;text-transform: capitalize;margin-top: 0;margin-bottom: 0;} .mobile-bottom-bag{display: none} .rfixed{position: fixed;bottom: calc(145px + constant(safe-area-inset-bottom));bottom: calc(145px + env(safe-area-inset-bottom));right: 24px;z-index: 99} .compare-panel{width: 280px;background: #FFF;position: fixed;z-index: 1000;bottom: 0;right: 0;box-shadow: -1px -1px 3px #CCC;display: none;transition: bottom .2s} .compare-t{background-color: var(--color);font-size: 14px;color: #FFF;display: flex;align-items: center;padding: 10px;cursor: pointer} .compare-close{position: relative;width: 24px;height: 24px;background: 0 0;cursor: pointer} .compare-close::after, .compare-close::before{content: "";display: block;width: 10px;height: 2px;background-color: #FFF;position: absolute;top: 50%;border-radius: 2px} .compare-close::before{transform: rotate(45deg);left: 4px} .compare-close::after{transform: rotate(-45deg);right: 4px} .compare-tit{text-align: center;flex: 1;line-height: 1.5} .compare-checked{color: #FFF;margin: 0 4px} #productChache_list{padding: 0 10px;height: 220px;overflow-y: auto} #productChache_list::-webkit-scrollbar{width: 4px} #productChache_list::-webkit-scrollbar-track{border-radius: 0;background-color: rgba(0, 0, 0, .05)} #productChache_list::-webkit-scrollbar-thumb{border-radius: 10px;background-color: rgba(0, 0, 0, .15)} .selected-item{position: relative;border-bottom: 1px solid #EFEFEF;padding: 10px 0;display: flex;align-items: center} .item-clear{position: relative;width: 20px;height: 20px;background-color: transparent;cursor: pointer} .item-clear::after, .item-clear::before{content: "";display: block;position: absolute;width: 70%;height: 2px;background-color: var(--fontcolorintro);border-radius: 2px;top: 50%;margin-top: -1px} .item-clear::before{transform: rotate(45deg);left: 3px} .item-clear::after{transform: rotate(-45deg);left: 3px} .item-content{flex: 1;display: flex;align-items: center} .item-img{width: 50px;height: 50px;background: #FFF;border: 1px solid #EFEFEF;display: flex;align-items: center;justify-content: center} .item-img img{max-width: 100%;max-height: 100%} .item-c{width: calc(100% - 50px);padding: 0 10px;font-size: 12px} .item-title{max-height: 34px;word-break: break-word;display: block;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.3;color: var(--fontcolortitle)} .item-price{color: #d4322c} .compare-b{padding: 20px 10px;display: flex;justify-content: space-between} .compare-b *{display: block;width: 80px;text-align: center;font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 30px;border-radius: 2px;padding: 0 2px} .clear-all{color: var(--fontcolortitle);background-color: #EDEDED;cursor: pointer} .compare-inquire, .compare-inquire:hover{color: #FFF;background-color: var(--color)} .compare-b .orderNow{margin: 0;background: #f66f08;color: #FFF;line-height: 30px;padding: 0 2px;border: none;border-radius: 2px;font-size: 12px;cursor: pointer;display: block;width: 80px} .rfixed-sc{width: 40px;height: 40px;background: var(--color);border-radius: 50%;text-align: center;line-height: 38px;color: #FFF;position: relative;margin-bottom: 10px;cursor: pointer;display: none} .rfixed-sc i{font-size: 20px} .rfixed-scnum{position: absolute;right: 6px;top: 4px;width: 16px;height: 16px;background: #d4322c;border-radius: 50%;text-align: center;font-size: 12px;color: #FFF;transform: scale(.9);line-height: 16px} @media (max-width: 768px){.compare-panel{width: 100%;bottom: 16vw}} .lang{width: auto;z-index: 99999999;text-align: left;position: relative} .lang-icon{display: flex;align-items: center;width: 100%;height: 30px;border: none;cursor: pointer;font-size: 14px;user-select: none;white-space: nowrap} .lang-icon > img{margin-right: 5px;margin-top: 3px} .lang-icon span{position: relative;padding-right: 18px} .lang-icon span::before{content: "";position: absolute;right: 4px;top: 11px;width: 8px;height: 1px;background: #FFF;transform: rotate(50deg)} .lang-icon span::after{content: "";position: absolute;right: 0;top: 11px;width: 8px;height: 1px;background: #FFF;transform: rotate(-50deg)} .lang-drop{position: absolute;top: calc(100% + 26px);right: 50%;transform: translateX(50%);background: #FFF;border: 1px solid #EBEEF5;border-radius: 4px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);z-index: 9999;visibility: hidden;opacity: 0;transition: opacity .3s, top .3s} .lang-drop.active{ visibility: visible; opacity: 1; top: calc(100% + 12px); } .lang-drop.lang-flex{transform: translateX(25%);} .lang-drop.lang-flex .lang-arrow{left: 75%;} .lang-arrow{display: block;width: 10px;height: 10px;background-color: #FFF;border-top: 1px solid #EBEEF5;border-left: 1px solid #EBEEF5;transform: translateX(-50%) rotate(45deg);position: absolute;top: -6px;left: 50%} .lang-wrap{width: 140px;padding: 8px 0;box-sizing: border-box} .lang-flex .lang-wrap{width: 340px;display: flex;flex-wrap: wrap;padding: 8px} .lang-wrap li{width: 100%;padding: 8px 16px;box-sizing: border-box;transition: background-color .3s} .lang-flex .lang-wrap li{width: 33%;padding: 8px 6px} .lang-wrap li.lang-active, .lang-wrap li:hover{background-color: #EEE} .lang-wrap li a{display: block;color: var(--fontcolortitle);text-decoration: none;white-space: nowrap;text-overflow: ellipsis;overflow: hidden} .lang-wrap li img{display: inline-block;width: 24px;height: 16px;vertical-align: -.25em;margin-right: 4px} @media (max-width: 1024px){.lang{margin-left: auto;margin-right: 15px;transition: all .2s linear} .lang-icon span{display: none} .lang-icon > img{width: 36px;height: 24px;margin: 0px} .lang-drop{display: none} .lang-drop.active{display: block}} @media (max-width: 1280px){.nav-ul > li > a{font-size: 16px;padding: 0;} .nav-ul > li > em{right: 0}} @media (max-width: 1024px){.head-top{font-size: 14px;height: 30px;position: static;transition: all .2s linear;display: none} .head-top.cur{height: 0;opacity: 0;visibility: hidden} .head-list{display: none} .head-share{display: none} .head-logo{max-width: inherit;height: 100%;padding:5px 0;} .nav-ul > li .submenu > li em{display: none} .m-menu{display: block;position: relative;width: 40px;height: 40px;cursor: pointer} .m-menu span{position: absolute;background: var(--color);height: 3px;border-radius: 4px;right: 0;transition: all .2s linear} .m-menu span:nth-child(1){width: 30px;top: 25%} .m-menu span:nth-child(2){width: 22px;top: 48%} .m-menu span:nth-child(3){width: 26px;top: 73%} .m-menu.act span{top: 48%;width: 32px} .m-menu.act span:nth-child(1){transform: rotate(45deg)} .m-menu.act span:nth-child(2){width: 0} .m-menu.act span:nth-child(3){transform: rotate(-45deg)} header{position: fixed;width: 100%;top: 0;background: #FFF} .head-info{height: 60px;padding: 0} .head-nav{animation: none;position: fixed;top: 60px;left: 0;width: 100%;transform: none;border-radius: 0;height: calc(100vh - 60px);box-shadow: none;align-items: flex-start;padding: 0;overflow-y: scroll;transform: translateX(100%);opacity: 0;transition: all .2s linear;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom)} .head-nav.scrollhead{animation: none;top: auto;height: calc(100vh - 60px)} .head-nav.head-nav-act{transform: translateX(0);opacity: 1} .head-nav .l-wrap{flex-direction: column-reverse;padding-bottom: 80px} .head-nav .nav-ul{flex-wrap: wrap;padding-bottom: 20px} .head-nav .nav-ul > li{width: 100%;padding: 0;border-bottom: 1px solid #EEE;display: flex;align-items: center;} .head-nav .nav-ul > li:hover > a{color: inherit} .head-nav .nav-ul > li:hover > em{color: inherit} .head-nav .nav-ul > li > a{padding: 10px 0;flex: 1;width: auto;font-size: 18px;font-weight: 700} .head-nav .nav-ul > li > em{position: static;display: inline-flex;align-items: center;justify-content: center;width: 20%;height: 46px;line-height: 1;color: var(--fontcolortitle);font-size: 18px;font-weight: 700;transition: all .2s linear;cursor: pointer;flex-shrink: 0;} .head-nav .nav-ul > li .submenu{position: static;box-shadow: none} .head-nav .nav-ul > li .submenu li ul{position: static;display: block;padding-left: 10px} .head-nav .nav-ul > li.cur > a{color: var(--color)} .head-nav .nav-ul > li.cur em{transform: rotateX(180deg);color: var(--color)} main{margin-top: 60px} .head-search{display: none} .search-input{margin: 10px 0;display: block;position: static;opacity: 1;transform: none;visibility: inherit;display: flex;align-items: center;width: 100%;box-shadow: none;border: 1px solid #c2c2c2;border-radius: 4px;overflow: hidden} .search-input input{flex: 1} footer .foot-main{flex-wrap: wrap;padding-bottom: 20px} footer .l-wrap{padding-bottom: 66px} .foot-info{width: 100%;margin-right: 4%} .foot-nav{margin-top: 20px}} @media (max-width: 768px){.l-wrap{padding: 0 15px} .head-nav .nav-ul > li > a{font-size: 16px} .head-logo a{padding: 4px 0;} .head-logo img{margin: 0;height: 100%;} .head-logo a span{display: none} .home-more{width: 140px;height: 36px} .foot-nav{flex-wrap: wrap} .foot-logo{display: none} .foot-nav .foot-item.foot-quick{width: 100%} .foot-info .foot-tel{font-size: 16px;margin-top: 0} .foot-nav .foot-item{width: 100%;margin-bottom: 20px} .foot-nav .foot-item:last-child{margin-bottom: 0} .foot-nav .foot-item.foot-code{display: none} .foot-nav .foot-item .foot-list{display: flex;flex-wrap: wrap;margin-top: 0} .foot-nav .foot-item .foot-list li{width: 33.333%} .foot-nav .foot-item .foot-list li a{padding: 6px 0} .bottom-btn{display: flex} footer .copyright{font-size: 12px}} @media (max-width: 500px){.foot-nav .foot-item .foot-list li{width: 50%}} .toast-title{font-weight: 700} .toast-message{-ms-word-wrap: break-word;word-wrap: break-word} .toast-message a, .toast-message label{color: #FFF} .toast-message a:hover{color: #CCC;text-decoration: none} .toast-close-button{position: relative;right: -.3em;top: -.3em;float: right;font-size: 20px;font-weight: 700;color: #FFF;-webkit-text-shadow: 0 1px 0 #FFF;text-shadow: 0 1px 0 #FFF;opacity: .8;line-height: 1} .toast-close-button:focus, .toast-close-button:hover{color: var(--fontcolortitle);text-decoration: none;cursor: pointer;opacity: .4} .rtl .toast-close-button{left: -.3em;float: left;right: .3em} button.toast-close-button{padding: 0;cursor: pointer;background: 0 0;border: 0;-webkit-appearance: none} .toast-center-center{top: 40%;right: 0;width: 100%;transform: translateY(-50%)} .toast-top-center{top: 20%;right: 0;width: 100%} .toast-bottom-center{bottom: 0;right: 0;width: 100%} .toast-top-full-width{top: 0;right: 0;width: 100%} .toast-bottom-full-width{bottom: 0;right: 0;width: 100%} .toast-top-left{top: 12px;left: 12px} .toast-top-right{top: 12px;right: 12px} .toast-bottom-right{right: 12px;bottom: 12px} .toast-bottom-left{bottom: 12px;left: 12px} #toast-container{position: fixed;z-index: 999999;pointer-events: none} #toast-container *{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box} #toast-container > div{font-size: 16px;position: relative;pointer-events: auto;overflow: hidden;margin: 0 0 6px;padding: 15px 15px 15px 50px;width: 300px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;background-position: 15px center;background-repeat: no-repeat;-moz-box-shadow: 0 0 12px #999;-webkit-box-shadow: 0 0 12px #999;box-shadow: 0 0 12px #999;color: #FFF;opacity: .9} #toast-container > div.rtl{direction: rtl;padding: 15px 50px 15px 15px;background-position: right 15px center} #toast-container > div:hover{-moz-box-shadow: 0 0 12px var(--fontcolortitle);-webkit-box-shadow: 0 0 12px var(--fontcolortitle);box-shadow: 0 0 12px var(--fontcolortitle);opacity: 1;cursor: pointer} #toast-container > .toast-info{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important} #toast-container > .toast-error{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important} #toast-container > .toast-success{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important} #toast-container > .toast-warning{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important} #toast-container.toast-bottom-center > div, #toast-container.toast-center-center > div, #toast-container.toast-top-center > div{width: 300px;margin-left: auto;margin-right: auto} #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div{width: 96%;margin-left: auto;margin-right: auto} .toast{background-color: #030303} .toast-success{background-color: #51a351} .toast-error{background-color: #bd362f} .toast-info{background-color: #2f96b4} .toast-warning{background-color: #f89406} .toast-progress{position: absolute;left: 0;bottom: 0;height: 4px;background-color: var(--fontcolortitle);opacity: .4} @media all and (max-width: 240px){#toast-container > div{padding: 8px 8px 8px 50px;width: 11em} #toast-container > div.rtl{padding: 8px 50px 8px 8px} #toast-container .toast-close-button{right: -.2em;top: -.2em} #toast-container .rtl .toast-close-button{left: -.2em;right: .2em}} @media all and (min-width: 241px) and (max-width: 480px){#toast-container > div{padding: 8px 8px 8px 50px;width: 18em} #toast-container > div.rtl{padding: 8px 50px 8px 8px} #toast-container .toast-close-button{right: -.2em;top: -.2em} #toast-container .rtl .toast-close-button{left: -.2em;right: .2em}} @media all and (min-width: 481px) and (max-width: 768px){#toast-container > div{padding: 15px 15px 15px 50px;width: 25em} #toast-container > div.rtl{padding: 15px 50px 15px 15px}} @media (max-width: 768px){#toast-container > div{font-size: 15px;opacity: 1}} @media (max-width: 415px){#toast-container > div{font-size: 13px}} /* 英文版在线客服*/ #wmkc{position: fixed;right: 5px;top: 40%;transform: translateY(-50%);font-family: Arial, Helvetica, sans-serif;z-index: 9999} #wmkc *{box-sizing: border-box;font-size: 12px;line-height: 1.1;color: #dab96b;} .wmkc-list{padding: 0;border: 1px solid #EEE;background-color: #FFF;max-width: 78px;border-radius: 4px;margin: 0;} .wmkc-icon{display: inline-block;background: url(../images/wmkc-ico23.png) no-repeat;width: 28px;height: 28px;transform: scale(.8)} .wmkc-list > li{width: 100%;border-top: 1px solid #EEE;list-style: none;text-align: center;padding: 2px 0 4px;transition: all .2s ease-in-out} .wmkc-list > li > a > p,.wmkc-list > li > p{margin: 0;transform: scale(.9);text-transform: capitalize} .wmkc-list > li a{color: #555;text-decoration: none;display: block;padding: 0 2px} .wmkc-wechat-img{position: absolute;right: calc(100% - 1px);bottom: 0;width: 120px;text-align: center;padding: 10px 10px 6px;background-color: #FFF;border: 1px solid #EEE;border-radius: 4px;transform: scale(0);transform-origin: right bottom} .wmkc-wechat-img img{display: block;max-width: 100%;max-height: 100%} .wmkc-wechat-img p{margin: 4px 0 0;transform: scale(.9);word-break: break-all} .wmkc-wechat-img em{display: inline-block;width: 16px;height: 16px;background: url(../images/wmkc-ico23.png) -76px -8px/99px no-repeat;vertical-align: middle;margin-right: 4px} .wmkc-list > li:hover .wmkc-wechat-img{transition: transform .4s;transform: scale(1)} .wmkc-list > li:hover, .wmkc-list > li:hover + li{border-color: transparent} .wmkc-email .wmkc-icon{background-position: -8px -6px} .wmkc-whatsapp .wmkc-icon{background-position: -52px -50px} .wmkc-skype .wmkc-icon{background-position: -52px -6px} .wmkc-wechat .wmkc-icon{background-position: -144px -10px} .wmkc-list li:hover a{color: #FFF} .wmkc-email:hover{background-color: #f90} .wmkc-whatsapp:hover{background-color: #2cb740} .wmkc-skype:hover{background-color: #0091df} .wmkc-gotop:hover{background-color: var(--color);cursor: pointer;} .wmkc-wechat:hover{background-color: #51c332} .wmkc-email:hover .wmkc-icon{background-position: -96px -6px} .wmkc-whatsapp:hover .wmkc-icon{background-position: -52px -94px} .wmkc-skype:hover .wmkc-icon{background-position: -96px -50px} .wmkc-wechat:hover .wmkc-icon{background-position: -144px -62px} .wmkc-list > li:first-child{border-radius: 4px 4px 0 0;border: 0} .wmkc-list > li:last-child{border-radius: 0 0 4px 4px} @media (max-width: 768px){#wmkc{display: none}} /*文章标题效果*/ .title3{background: repeating-linear-gradient(to right,#ff5700,#f7f7f7) no-repeat right bottom; background-size: 0 1px;transition:background-size 1300ms;} .title3:hover{background-position-x:left;background-size:100% 1px;} /*返回顶部-TOP*/ p#top{ position:fixed;display:none;bottom:0px;right:20px;} p#top a{text-align:center;text-decoration:none;color:#d1d1d1;display:block;width:30px;transition:color 1s;} p#top a:hover{ color:#979797; } p#top a span{background:url(../images/gotop.png) no-repeat center;border-radius:6px;display:block;width:54px;height:30px;transition:background 1s;right: 5px;position: relative;bottom: 10px;} #top a:hover span{background:url(../images/gotop.png) no-repeat center;} /* -- lift --*/ .lift{color: #999;font-size: 14px;border-top: 1px solid #ddd;padding: 5px 10px;width:100%;margin: 0 auto;margin-top: 35px;box-sizing: border-box;} .lift a{color: #999;padding:10px 0;display: inline-block;word-break: break-word;box-sizing: border-box;width: 100%;} .lift span{margin-right: 15px;} .lift p{display:block;margin:10px 0;line-height:1.4;} /* -- ur-here --*/ .ur-here{color: #999999;font-size: 14px;} .ur-here em{font-style:normal;} /* -- pager css1 & css2 (合并) --*/ .pager{text-align: center;padding-top: 20px;color: #666;font-size: 14px;} .pager a{color: #000;background: #fff;border: 1px solid #ddd;padding: 5px 8px;} .pager a:hover{background-color: #000;color:#fff;} .pager a.active{background-color: #000;color: #fff;cursor: default;} .pager ul{display: inline-block;padding: 0;} .pager ul li{display: block;float: left;} .pager ul li a, .pager ul li em{display: block;padding: 0 12px;line-height: 30px;text-decoration: none;background-color: #fff;border: 1px solid #ddd;border-radius: 0;} .pager ul li a:hover{background-color: #f5f5f5;} .pager ul li.active a{background-color: #f5f5f5;color: #999;cursor: default;} .pager ul li em.total{margin-left: 10px;border-left-width: 1px;color: #999;} .pagination{font-size:16px;line-height:1.6;font-size: 16px;line-height: 1.6;margin: 0 auto;text-align: center;width: 100%;padding:0;} .pagination li{position: relative; display: inline-block; margin: 0px 5px 10px 0px; width: auto; min-width: 48px;line-height: 48px;} .pagination .active{background: #ddd; min-width: 48px; display: inline-block; font-size: 16px; font-weight: 600; color: #000; border-radius: 5px; text-align: center; line-height: 48px;} .pagination li a{position: relative; display: inline-block; line-height: 48px; height: 48px; min-width: 48px; font-size: 16px; min-width: 48px; font-weight: 600; text-align: center; border-radius: 5px; text-transform: capitalize; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; color: #fff; background-color: #6a1c5a; padding: 0 5px;} .jumpto{display:none;} .prev{} .next{} .prev a,.next a{color:#555;} /*表格自适应*/ td,th{white-space:nowrap;word-break:keep-all;border:solid #676767 1px;text-align:left;white-space:pre-line;word-break:break-all !important;word-wrap:break-word !important;display:table-cell;vertical-align:middle !important;white-space: normal !important;height:auto;vertical-align:text-top;padding:5px;display: table-cell;} .ue-table-interlace-color-single{background: #f9f9f9;} .clear{clear:both;} .wrap{position: relative;text-align:center;width:100%;} .wrap div{line-height:20px;} /*CSS伪类用法*/ .wrap div:after, .wrap div:before{position: absolute;top:50%;background:#ddd;content:"";height:1px;width:45%;} /*调整背景横线的左右距离*/ .wrap div:before{left: 0;} .wrap div:after{right:0;} /*video标签禁止下载 全屏按钮*/ video::-internal-media-controls-download-button{display:none!important;} video::-webkit-media-controls-enclosure{overflow:hidden!important; display: none;} video::-webkit-media-controls-panel{width: calc(100% + 30px)!important;} video::-webkit-media-controls-fullscreen-button {display: none!important;} /*设置全屏平铺