@charset "utf-8"; .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: "iconfont"; src: url('fonts/iconfont.woff2?t=1638869001436') format('woff2'), url('fonts/iconfont.woff?t=1638869001436') format('woff'), url('fonts/iconfont.ttf?t=1638869001436') format('truetype'); } @font-face { font-family: "SourceHanSansCN-Regular"; src: url("fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("fonts/SourceHanSansCN-Regular.woff") format("woff"); } @font-face { font-family: 'Gilroy'; src: url('fonts/Gilroy-Medium.woff2') format('woff2'), url('fonts/Gilroy-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'DINCond'; src: url('fonts/DINCond-Medium.woff2') format('woff2'), url('fonts/DINCond-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; } table, caption, tbody, tfoot, thead, tr, th, td,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px; } html { font-size: 100%; -webkit-overflow-scrolling:touch; } /* always display scrollbars */ body { font: 14px/1.8 "Microsoft Yahei", "微软雅黑","SourceHanSansCN-Regular","Microsoft YaHei New", "Hiragino Sans GB", "冬青黑体", "Arial", "Helvetica", "SimHei", "黑体", "STXihei", "华文细黑", sans-serif; margin: 0 auto; color: #666666; background-color: #fff; -webkit-text-size-adjust: 100% !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: subpixel-antialiased; } table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;} table{border-collapse:collapse;} /* video::-webkit-media-controls-play-button { display: none; } */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } input, select { vertical-align: middle; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } strong { font-weight: bold; } input { outline: none; padding: 0; } img { border: 0; } input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select { -webkit-appearance: none; border-radius: 0; } textarea { -webkit-appearance: none; border-radius: 0; background: none; outline: none; padding: 0; margin: 0; border: none; } ::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; } ::selection { background: #f7a300; color: #fff; text-shadow: none; } a { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } a:link, a:visited { text-decoration: none; color: inherit; } a:active, a:hover { text-decoration: none; color: inherit; } .fc { text-align: center; } .fr { text-align: right; } .fl{ float: right; } .vt { vertical-align: top; } .vm { vertical-align: middle; } .inner { width: 1400px; margin: 0px auto; } .slick-list { position: relative; z-index: 0; overflow: hidden; width: 100%; height: 100%; } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1;} .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both;} .popUpblack { background: #000 \9; filter: alpha(opacity=80); background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none; } .popUp { width: 220px; border: 2px solid #0079C3; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; } .popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; } .popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal; } .popUp .img { padding: 20px; } .popUp .img img { width: 100%; display: block; } .pageC img{ max-width: 100% !important; height: auto !important; } .menubtn{ width: 26px; position:relative; margin-left: 20px; z-index: 20; float: right; cursor: pointer; display: none; transition: 0.4s; cursor: pointer; } .menubtn span{ display:block; width:15px; height:2px; background:#fff; position:relative; vertical-align: middle; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s; transition: background 0.3s 0s;} .menubtn span:after, .menubtn span:before { content: ""; position: absolute; display: inline-block; width: 26px; height: 2px; left: 0; background-color: #fff; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s} .menubtn span:before {top: -8px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;} .menubtn span:after {bottom: -8px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform; transition-property: bottom,transform;} .menubtn.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s;} .menubtn.active span:after,.menubtn.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s;} .menubtn.active span:before {top: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)} .menubtn.active span:after {bottom:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} /* pswp = photoswipe */ /* pswp = photoswipe */ .pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0} .pswp *{-webkit-box-sizing:border-box;box-sizing:border-box} .pswp img{max-width:none} .pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)} .pswp--open{display:block} .pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in} .pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab} .pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing} .pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/black_80.png) repeat;background:none rgba(0,0,0,.8);opacity:0;transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity} .pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden} .pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0} .pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none} .pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)} .pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)} .pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none} .pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden} .pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden} .pswp__img{position:absolute;width:auto;height:auto;top:0;left:0} .pswp__img--placeholder{-webkit-backface-visibility:hidden} .pswp__img--placeholder--blank{background:#222} .pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0} .pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#CCC} .pswp__error-msg a{color:#CCC;text-decoration:underline} .pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none} .pswp__button:focus,.pswp__button:hover{opacity:1} .pswp__button:active{outline:0;opacity:.9} .pswp__button::-moz-focus-inner{padding:0;border:0} .pswp__ui--over-close .pswp__button--close{opacity:1} .pswp__button{background:url(../images/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px} @media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){ .pswp--svg .pswp__button{background-image:url(../images/default-skin.svg);} .pswp__button--close{color:#fff} } .pswp__button--close{background-position:0 -44px} .pswp__button--share{background-position:-44px -44px} .pswp__button--fs{display:none} .pswp--supports-fs .pswp__button--fs{display:block} .pswp--fs .pswp__button--fs{background-position:-44px 0} .pswp__button--zoom{display:none;background-position:-88px 0} .pswp--zoom-allowed .pswp__button--zoom{display:block} .pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0} .pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden} .pswp__button--arrow--left,.pswp__button--arrow--right{top:50%; width: 48px; height: 48px; line-height: 48px; margin-top: -24px; position: absolute; background:none #fff; color: #333333; display: block; font-family:"iconfont" !important;font-size:14px; text-align: center; font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .pswp__button--arrow--left{left:2%} .pswp__button--arrow--right{right:2%;} .pswp__button--arrow--left:before{content: "\edbd";} .pswp__button--arrow--right:before{content: "\e62a";} .pswp__button--arrow--left:hover,.pswp__button--arrow--right:hover{color:#fff; background-color: #004E7B;} .pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity} .pswp__share-modal--hidden{display:none} .pswp__share-tooltip{z-index:1620;position:absolute;background:#FFF;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform} .pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px} .pswp__share-tooltip a:hover{text-decoration:none;color:#000} .pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0} .pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px} .pswp__share-modal--fade-in{opacity:1} .pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} .pswp--touch .pswp__share-tooltip a{padding:16px 12px} a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none} a.pswp__share--facebook:hover{background:#3E5C9A;color:#FFF} a.pswp__share--facebook:hover:before{border-bottom-color:#3E5C9A} a.pswp__share--twitter:hover{background:#55ACEE;color:#FFF} a.pswp__share--pinterest:hover{background:#CCC;color:#CE272D} a.pswp__share--download:hover{background:#DDD} .pswp__counter{float:left;height:44px;font-size:13px;line-height:44px;color:#FFF;opacity:.75;padding:0 10px} .pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px} .pswp__caption__center{text-align:center;max-width:600px;font-size:15px;margin:0 auto;padding:20px 10px;color:#fff} .pswp__caption__center .xzy-zan{float:right;display:block} .pswp__caption--empty{display:none} .pswp__caption--fake{visibility:hidden} .pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr} .pswp__preloader__icn{width:20px;height:20px;margin:12px} .pswp__preloader--active{opacity:1} .pswp__preloader--active .pswp__preloader__icn{background:url(preloader.gif) 0 0 no-repeat} .pswp--css_animation .pswp__preloader--active{opacity:1} .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite} .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite} .pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0} .pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden} .pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0} @media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right} } @-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)} 50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)} 100%{-webkit-transform:rotate(0);transform:rotate(0)} } @keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)} 50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)} 100%{-webkit-transform:rotate(0);transform:rotate(0)} } .pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550} .pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%} .pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)} .pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible} .pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)} .pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)} .pswp__ui--idle .pswp__top-bar{opacity:1} .pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0} .pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001} .pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none} .pswp__element--disabled{display:none!important} .pswp--minimal--dark .pswp__top-bar{background:0 0} /*base style end*/