/* 未能缩小。正在返回未缩小的内容。 (28,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (38,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (39,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (57,125): run-time error CSS1039: Token not allowed after unary operator: '-main-color' (58,138): run-time error CSS1039: Token not allowed after unary operator: '-main-color' (59,144): run-time error CSS1039: Token not allowed after unary operator: '-main-color' (61,63): run-time error CSS1039: Token not allowed after unary operator: '-main-color' (62,75): run-time error CSS1039: Token not allowed after unary operator: '-main-color' (63,87): run-time error CSS1039: Token not allowed after unary operator: '-main-color' */ @import url('//at.alicdn.com/t/c/font_4893207_hmgdqs2woe.css'); @font-face { font-family: "SourceHanSansCN-Bold"; src: url("/dist/fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("/dist/fonts/SourceHanSansCN-Bold.woff") format("woff"), url("/dist/fonts/SourceHanSansCN-Bold.ttf") format("truetype"), url("/dist/fonts/SourceHanSansCN-Bold.eot") format("embedded-opentype"), url("/dist/fonts/SourceHanSansCN-Bold.svg") format("svg"), url("/dist/fonts/SourceHanSansCN-Bold.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: "SourceHanSansCN-Regular"; src: url("/dist/fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("/dist/fonts/SourceHanSansCN-Regular.woff") format("woff"), url("/dist/fonts/SourceHanSansCN-Regular.ttf") format("truetype"), url("/dist/fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"), url("/dist/fonts/SourceHanSansCN-Regular.svg") format("svg"), url("/dist/fonts/SourceHanSansCN-Regular.otf") format("opentype"); font-weight: normal; font-style: normal; } :root { --fontfamily: "SourceHanSansCN-Regular","Arial", "Helvetica","sans-serif"; --size:100px; --font1:"SourceHanSansCN-Bold"; --main-color:#014e98; --bout-color:#0c80ef; } @media (max-width:1700px){:root{--size:95px}} @media (max-width:1600px){:root{--size:85px}} @media (max-width:1440px){:root{--size:85px}} @media (max-width:1220px){:root{--size:90px}} @media (max-width:1081px){:root{--size:80px}} @media (max-width:991px){:root{--size:80px}} @media (max-width:639px){:root{--size:70px}} .white{ -webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);} .clamp{ white-space: nowrap;text-overflow: ellipsis; overflow: hidden;} .clamp2{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .clamp3{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} .clamp4{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;} .clamp5{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;} .clamp6{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;} .clamp7{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden;} .clamp8{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden;} .clamp9{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; overflow: hidden;} /*手机导航*/ .menu_btn{ width: 22px; height: 20px; cursor: pointer; display: inline-block; z-index: 8; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);} .menu_btn .menu_btn_top{ position:absolute; top:5px; left:50%; width:22px; height:3px; border-radius:1.5px; background:var(--main-color); -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);} .menu_btn .menu_btn_med{ position:absolute; top:11px; left:calc(50% - 3px); width:15px; height:3px; border-radius:1.5px; background:var(--main-color); -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);} .menu_btn .menu_btn_bot{ position:absolute; top:17px; left:calc(50% - 2px); width:18px; height:3px; border-radius:1.5px; background-color:var(--main-color); -webkit-transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);} .menu_btn[type=close] .menu_btn_top{ top:50%; background:var(--main-color); -webkit-transform:translate(-50%,-50%) rotate(135deg); -moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg); transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);} .menu_btn[type=close] .menu_btn_med{ top:calc(50% + 3px); background:var(--main-color); -webkit-transform:translate(-50%,-50%) rotate(135deg); -moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);} .menu_btn[type=close] .menu_btn_bot{ left: 50%; width: 22px; top:50%; background:var(--main-color); -webkit-transform:translate(-50%,-50%) rotate(45deg); -moz-transform:translate(-50%,-50%) rotate(45deg); -o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);} @media (min-width:1px) and (max-width:1081px){ .menu_btn{ display: inline-block; } } /**********公共样式**********/ .flex_between{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;} .flex_betweenlist{ display: flex; flex-wrap: wrap; } .Filterimg{ position: relative;} .Filterimg:before {background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0; content: "";display: block;height: 100%;left: -75%;position: absolute;top: 0;transform: skewX(-25deg);width: 50%;z-index: 2;opacity: 0.35;transition: all 0.4s ease;} .Filterimg:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all 0.4s ease;} .Filterimg:hover:before {animation: shine 1.5s;-webkit-animation: shine 1.5s;} /*.Filterimg:hover:after{background-color: rgba(0,0,0,0.1);-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;-webkit-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;}*/ @keyframes pulse-orange{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(1,78,152,.7)} 70%{transform:scale(1);box-shadow:0 0 0 20px rgba(1,78,152,0)} 100%{transform:scale(.95);box-shadow:0 0 0 0 rgba(1,78,152,0)} } @keyframes pulse-orange1{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,255,255,.7)} 70%{transform:scale(1);box-shadow:0 0 0 20px rgba(255,255,255,0)} 100%{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,255,255,0)} } @keyframes fadeup { 0% {transform: translateY(10px);opacity: 0;} 100% {transform: translateY(0); opacity: 1;} } @keyframes Amplify { 0% {transform: translate(-50%,-50%) scale();} 100% {transform: translate(-50%,-50%) scale(1.15); } } @keyframes icojumpA { 0% { -webkit-transform:translateY(0); } 50% { -webkit-transform:translateY(-5px); } 100% { -webkit-transform:translateY(0); } } @-webkit-keyframes opac { from {opacity: 1;width: 0px;height: 0px;top: 50%;left: 50%;} to {opacity: 0;width: 100%;height: 100%;top: 0;left: 0;} } @-webkit-keyframes show { 25% {opacity: 1;} 50% {opacity: 0;} 75% {opacity: 1;} 100% {opacity: 0;} } @-webkit-keyframes shine {100% {left: 125%;}} @keyframes shine { 100% {left: 125%;}} @keyframes load{ 0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg) ; } } #mobMenu{min-height:50px;border:1px solid #dddddd;position:fixed;bottom:0;width:100%;display:none;z-index:11;background-color:#fff;} #mobMenu .foot_nav{text-align:center;color: #898989;font-size:14px;flex:1;} #mobMenu .foot_nav i{display: block;padding: 3px 0px 0px 0px;font-size:18px;line-height:24px;} #mobMenu .foot_nav .hamburger{position: inherit;float: none;margin: 0 auto;width:100%;} @media (min-width:1px) and (max-width:767px) { #mobMenu{display:flex;} } /*按钮样式*/ .btn-1{ position: relative; overflow: hidden;} .btn-1 span{ position: relative; z-index: 4;} .btn-1:before{position:absolute;top:0;left:0;z-index:0;width:calc(100%);height:calc(100%);content:'';-webkit-transition:-webkit-transform .24s ease-in-out;-o-transition:transform .24s ease-in-out;transition:-webkit-transform .24s ease-in-out;transition:transform .24s ease-in-out;transition:transform .24s ease-in-out,-webkit-transform .24s ease-in-out;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right center;transform-origin:right center;-ms-transform:scaleX(0);-ms-transform-origin:right center;} .btn-1:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left center;transform-origin:left center;-ms-transform:scaleX(1);-ms-transform-origin:left center;} .btn-2{position:relative;z-index:1;overflow:hidden;} .btn-2:before{position:absolute;bottom:-5px;left:-5px;z-index:-1;width:0;height:0;border-color:transparent transparent transparent #fff;border-style:solid;border-width:0;content:'';transition:all .5s;-webkit-transform:rotate(360deg);} .btn-2:after{position:absolute;top:-5px;right:-5px;z-index:-1;width:0;height:0;border-color:transparent #fff transparent transparent;border-style:solid;border-width:0;content:'';transition:all .5s;-webkit-transform:rotate(360deg);} .btn-2:hover:before{border-width:300px 0 0 300px;} .btn-2:hover:after{border-width:0 300px 300px 0;} .btn-3{position:relative;z-index:1;overflow:hidden;} .btn-3:before{position:absolute;bottom:-5px;left:-5px;z-index:-1;width:0;height:0;border-color:transparent transparent transparent #2a5bdc;border-style:solid;border-width:0;content:'';transition:all .5s;-webkit-transform:rotate(360deg);} .btn-3:after{position:absolute;top:-5px;right:-5px;z-index:-1;width:0;height:0;border-color:transparent #2a5bdc transparent transparent;border-style:solid;border-width:0;content:'';transition:all .5s;-webkit-transform:rotate(360deg);} .btn-3:hover:before{border-width:300px 0 0 300px;} .btn-3:hover:after{border-width:0 300px 300px 0;} .picimg{ position: relative;} .picimg:after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:rgba(255,255,255,.3);content:'';-webkit-transition:-webkit-transform .6s;-o-transition:transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);} .picimg:hover:after {-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);} @keyframes circle-opacity{ from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(2); } } /**********公共样式**********/