#demo02{ background-color: #F6F7F9; height: 42.5vw; overflow: hidden; } #demo02 img{ height: 42.5vw; width: 100%; } .nrnons{ line-height: 38px; font-size: 18px; text-align: justify; color: #78797B; } .nrnons p{ line-height: 38px; font-size: 18px; text-align: justify; color: #78797B; } .nrnons .yongyjns{ text-indent: 2em; } .xuninam{ overflow: hidden; } .youbzhen{ float: left; width: 585px; } .zuobtup{ float: right; width: 550px; } .zhengjns{ padding-bottom: 25px; } .zheng1{ padding: 40px 0; } .pagination li{ display: inline-block; } .xkuknssa{ background-color: #FAFBFD; padding: 86px 0 100px 0; } .nijljsqbf { overflow: hidden; } .nijljsqbf li{ width: 390px; height: 320px; margin-right: 15px; margin-bottom: 30px; overflow: hidden; float: left; } .nijljsqbf li:nth-child(3n){ margin-right: 0px; } .moimdef img{ height: 245px; width: 100%; } .moimdef { overflow: hidden; height: 245px; } .nijljsqbf li a{ display: block; } .nrlixna{ text-align: center; line-height: 75px; background-color: #fff; font-size: 18px; color: #666666; transition: all 0.3s ease-in-out; } .nijljsqbf li:hover .nrlixna{ background-color: #1C79BE; color: #fff; } .sjixinwlis{ display: none; } .cpzx_nrdauiy{ position: relative; overflow: hidden; min-height: 1000px; background-color: #EFEFEF; } .bjingdatu { position: absolute; z-index: 0; width: 100%; height: 512px; text-align: center; } .xman-nry{ padding-top: 70px; overflow: hidden; padding-bottom: 120px; position: relative; z-index: 9; } .dingudjh{ overflow: hidden; } .zuoblns{ overflow: hidden; height: 26px; margin-bottom: 30px; float: left; margin-top: 8px; } .zuoblns li{ float: left; line-height: 26px; margin-right: 8px; } .zuoblns .jtnlnssd{ margin-right: 18px; } .zuoblns li a{ font-size: 16px; color: #fff; } .fanhlienb{ float: right; width: 135px; line-height: 40px; background-color: #fff; text-align: center; font-size: 18px; color: #2F2B2A; border-radius: 100px; transition: all 0.3s ease-in-out; } .fanhlienb:hover{ background-color: #1C79BE; color: #fff; } .liebzhengw{ background-color: #fff; min-height: 900px; overflow: hidden; padding-bottom: 30px; margin-bottom: 70px; } .biaotij{ padding: 40px; line-height: 60px; border-bottom: 1px solid #D7D7D7; margin-bottom: 45px; font-size: 34px; color: #5A5A5A; text-align: center; } .zhengnrm{ overflow: hidden; padding: 0 40px 40px 40px; line-height: 35px; color: #5A5A5A; font-size: 16px; text-align: justify; } .zhengnrm p{ line-height: 35px; color: #5A5A5A; font-size: 16px; text-align: justify; } .zhengnrm a{ line-height: 35px; color: #5A5A5A; font-size: 16px; text-align: justify; } .tuijanl{ font-size: 32px; line-height: 32px; margin-bottom: 40px; color: #1D1312; } .new_ul{ } .new_ul li{ padding-bottom: 55px; border-bottom: 2px solid #E8E9EB; margin-bottom: 60px; } .new_ul li a{ display: block; height: 295px; overflow: hidden; background-color: #fff; transition: all 0.3s ease-in-out; } .new_ul li:hover a{ box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1); } .zuobiand{ width: 470px; height: 295px; float: left; } .zuobiand img{ width: 100%; height: 100%; } .younbb{ width: 730px; padding: 45px 30px 0 30px; float: left; } .biaotnd{ font-size: 30px; line-height: 30px; color: #5D5B5C; padding-bottom: 18px; } .jiajiejs{ height: 150px; overflow: hidden; line-height: 33px; font-size: 16px; text-align: justify; color: #5D5B5C; } .sjianyugd{ overflow: hidden; font-size: 16px; line-height: 16px; color: #B4B4B4; } .sjiannds{ float: left; } .chaxnsg{ float: right; } .sjinewdld{ display: none; } .new-nry{ background-color: #FAFBFD; overflow: hidden; } .new-nry .page-box{ background-color: #FAFBFD; } .new-nry .leftbox{ width: calc(100% - 375px); margin-right: 16px; } .shangjx{ background-color: #fff; padding: 35px; } .new-nry .top .title{ line-height: 46px; margin-bottom: 0; font-size: 30px; color: #605E5F; } .new-nry .top span{ font-size: 16px; color: #8D8D8D; line-height: 16px; font-weight: 400; } .new-nry .other{ padding-top: 5px; } .new-nry .ndbotright{ width: 100%; overflow: hidden; padding-bottom: 40px; } .gsgongg{ background-color: #FAFBFD; padding-bottom: 100px; padding-top: 70px; } /* 浜烘墠鎷涜仒 */ .kkyoumhes{ border-bottom:1px solid #EDEDED; height: 120px; overflow: hidden; margin-bottom: 100px; } .kkyoumhes .hyi_p1{ padding: 50px 0 0px 0; font-size: 46px; line-height: 46px; color: #5D5D5D; } .kkyoumhes .hyi_p2{ background-color: #241916; } .kkyoumhes .hyi_p3{ font-size: 24px; line-height: 24px; padding-top: 37px; color: #737171; } .v { float:right; width:70px; height:37px; overflow:hidden; background:url(../img/04.png) no-repeat; display:inline-block; margin-top:-5px; margin-bottom:-5px; } .v01 { background-position:0 0; } .v02 { background-position:0 -48px; } .vtitle { cursor:pointer; } .jrbit{ color: #302C29; font-size: 24px; line-height: 24px; padding-bottom: 13px; } .jrbit_2{ color: #4B4A48; font-size: 16px; line-height: 16px; padding-bottom: 13px; } .vtitle em { margin:0px 10px 0 0; } .lssddd{ color: #5A5858; font-size: 14px; line-height: 22px; padding-bottom: 21px; } .lssddd p{ color: #5A5858; font-size: 14px; line-height: 22px; } .vconlist { padding-bottom: 21px; } .sczhsas{ color: #5A5858; font-size: 20px; line-height: 20px; padding: 0px 0px 5px; } .sczhsas_1{ color: #5A5858; font-size: 12px; line-height: 26px; padding-bottom: 120px; } .jrbit_2 span{ color: #1C79BE; } .panppp { background: #D9D9D9; height: 1px; margin: 48px 0px 45px; } /* END */ .lxwmxgjs .page-box{ background-color: #FAFBFD; } .lxwmxgjs .page-box{ padding: 0; } .nixioakn{ border-bottom: 1px solid #E6E7E9; line-height: 120px; margin-bottom: 72px; overflow: hidden; } .lxwmxgjs .title{ font-weight: 400; font-size: 46px; line-height: 120px; margin-bottom: 0px; padding: 0; color: #5C5C5E; } .lxwmxgjs .ckainff{ float: left; } .lxwmxgjs #allmaps{ float: right; } .box-nimznss{ overflow: hidden; padding-bottom: 70px; } .lxwmxgjs .nimnsd{ font-size: 24px; line-height: 24px; color: #4E4E50; padding-bottom: 17px; font-weight: 700; } .lxwmxgjs .contact-wrapper .info{ width: 41%; } .nlxnbns{ font-size: 15px; line-height: 36px; color: #5F6062; } .gengjss{ width: 100%; height: 45px; } .lxwmxgjs .page-title-box{ margin-bottom: 0px; } .morecs{ display: block; width: 120px; line-height: 36px; font-size: 18px; text-align: center; border: 1px solid #AC9060; color: #AC9060; transition: all 1s 0.3s; } .morecs:hover{ background-color: #1C79BE; border: 1px solid #1C79BE; color: #fff; } .xinwerwm{ width: 105px; } .footer-wrapper .box-3 p{ font-size: 14px; color: #666; line-height: 14px; margin-top: 5px; } .zhezhuwle{ position: relative; width: 156px; height: 49px; } .aizhns{ padding: 60px; } /* 杞挱 */ .tunnsqs{ width: 18px; height: 32px; } .nindetu{ position: absolute; height: 32px; line-height: 32px; width: 18px; display: flex; align-items: center; text-align: center; transition: all 0.3s ease-in-out; } .nindetu_1{ opacity: 1; } .nindetu_2{ opacity: 0; } .tunnsqs:hover .nindetu_1{ opacity: 0; } .tunnsqs:hover .nindetu_2{ opacity: 1; } .nindetu img { display: inline-block; margin: 0 auto; } .zhijyihjng{ width: 100%; overflow: hidden; position: relative; padding-bottom: 100px; } .fsgsdgs{ position: absolute; top: 110px; cursor: pointer; } .ffedww{ position: absolute; right: 0; top: 110px; cursor: pointer; } .scroll-img { margin: 0 auto; width: 1300px; height: auto; overflow: hidden; font-size: 0; } .scroll-img ul { width: 1300px; /** height: 600px; */ margin: 0; } .scroll-img ul article { cursor: pointer; display: inline-block; width: 360px; height: 320px; overflow: hidden; text-align: center; margin: 0; margin-left: 32px; background-color: #fff; } .scroll-img ul article .pic{ margin-top: 30px; line-height: 210px; height: 210px; overflow: hidden; width: 100%; text-align: center; display: flex; align-items: center; text-align:center; } .scroll-img ul article img{ display: inline-block; width: auto; max-width: 284px; max-height: 210px; margin:0 auto } .scroll-img ul article .name{ text-align: center; font-size: 16px; line-height: 30px; padding: 15px 5px 0 5px; height: 50px; overflow: hidden; color: #000; } .ssgjian{ transition: all 0.3s ease-in-out; height: 7px; background-color: #1C79BE; width: 0%; } .scroll-img ul article:hover .ssgjian{ width: 100%; } #demo4.scroll-img ul, .scroll-img ul { width: 99000px; } #demo5-btn { width: 680px; padding-top: 10px; } .biaortjt{ line-height: 70px; text-align: center; background-color: #1C79BE; color: #fff; font-size: 24px; margin-bottom: 30px; } /* END */ .tnishbbfs .main-box{ padding-left: 0; } #mdfjnff .sjiban{ display: none; } .zuobiantj{ float: left; padding-top: 10px; width: 510px; } .yobianwnz{ width: 640px; float: right; } @media (max-width: 1600px) { .zuobtup{ width: 100%; text-align: center; } .youbzhen{ width: 100%; } .nrnons .zuobtup{ padding-top: 30px; text-align: center; } .aizhns{ padding: 30px; } .zuobiantj{ width: 45%; } .yobianwnz{ width: 50%; } } @media (max-width: 1160px) { .zuobiantj{ text-align: center; width: 100%; } .yobianwnz{ width: 100%; } #mdfjnff .pcbanb{ display: none; } #mdfjnff .sjiban{ display: block; } .lxwmxgjs .contact-wrapper .info{ width: 100%; } .zhezhuwle{ position: relative; width: 21.125vw; height: 49px; } .gumlib1 .niahsodew { width: auto; } .lxwmxgjs .title{ padding: 0 15px; } .new-nry .leftbox { width: 100%; margin-right: 0; } .new-nry .biansdndl{ margin: 30px 0; } .xkuknssa{ padding: 40px 0 20px 0; } .youbzhen{ width: 100%; } .nrnons .zuobtup{ padding-top: 40px; width: 100%; text-align: center; } .jyzhenncc , #zxxiegnf{ display: none; } .sjixinwlis{ display: block; } .sjixinwlis img{ width: 100%; height: 100%; } .moimdef { overflow: hidden; height: 54.656vw; } .sjixinwlis li{ margin-bottom: 30px; } .sjixinwlis li:hover .nrlixna{ background-color: #1C79BE; color: #fff; } .sjinewdld{ display: block; padding: 4%; padding-top: 0; } .new_ul li a{ height: auto; } .sjinewdld .zuobiand{ width: 100%; height: 58.59vw; } .younbb{ width: 100%; padding: 5%; height: auto; } .jiajiejs{ height: auto; padding-bottom: 20px; } .biaotnd{ font-size: 24px; line-height: 42px; padding-bottom: 10px; } .gsgongg{ padding-top: 10px; } } @media (max-width: 980px) { .aizhns{ padding: 0px; } } @media (max-width: 740px) { .morecs{ display: block; width: 60px; line-height: 28px; font-size: 14px; text-align: center; font-weight: 400; border: 1px solid #000; color: #000; transition: all 1s 0.3s; } .morecs:hover{ background-color: #1C79BE; border: 1px solid #1C79BE; color: #fff; } .dingudjh { display: none; } .lxwmxgjs .nimnsd{ line-height: 40px; padding-bottom: 5px; } .new-nry .top .title{ line-height: 35px; font-size: 24px; } .new-nry .top span { line-height: 28px; } } .xinwerwm{ } @media (max-width: 1500px) { .yedailnr{ width: 100%; padding: 80px 4%; } } @media (max-width: 1200px) { .tasfengyuz{ margin-bottom: 5.4688vw; height: 26.5625vw; font-size: 3.75vw; line-height: 3.75vw; } .zhiyuj1{ padding-top: 9.375vw; padding-bottom: 2.0313vw; } .zhijyihjng{ padding-bottom: 60px; } } @media (max-width: 1160px) { .yedailnr{ width: 100%; padding: 8% 4%; padding-bottom: 0; } .mingwzhjs li{ padding: 0 4%; padding-bottom: 20px; } .ninwsx{ line-height: 5.8vw; font-size: 5.8vw; } .ninwsx_1{ line-height: 2.1vw; font-size: 2.1vw; } .xnzsnr { padding-bottom: 4.3vw; } .xiaoshns{ padding-top: 1%; padding-bottom: 4%; } .matyehwys { text-align: center; margin-right: -2.0313vw; } .matyehwys li{ float: inherit; display: inline-block; width: 28.4375vw; height: 12.5vw; margin-right: 2.0313vw; margin-bottom: 2.3438vw; } .lxwmxgjs .contact-wrapper .info{ width: 100%; } .lxwmxgjs .title{ padding: 0 15px; } .new-nry .leftbox { width: 100%; margin-right: 0; } .new-nry .biansdndl{ margin: 30px 0; } .xkuknssa{ padding: 40px 0 20px 0; } .youbzhen{ width: 100%; } .nrnons .zuobtup{ padding-top: 40px; width: 100%; text-align: center; } .jyzhenncc , #zxxiegnf{ display: none; } .sjixinwlis{ display: block; } .sjixinwlis img{ width: 100%; height: 100%; } .moimdef { overflow: hidden; height: 54.656vw; } .sjixinwlis li{ margin-bottom: 30px; } .sjixinwlis li:hover .nrlixna{ background-color: #1C79BE; color: #fff; } .sjinewdld{ display: block; padding: 4%; padding-top: 0; } .new_ul li a{ height: auto; } .sjinewdld .zuobiand{ width: 100%; height: 58.59vw; } .younbb{ width: 100%; padding: 5%; height: auto; } .jiajiejs{ height: auto; padding-bottom: 20px; } .biaotnd{ font-size: 24px; line-height: 42px; padding-bottom: 10px; } .gsgongg{ padding-top: 10px; } } @media (max-width: 740px) { .dingudjh { display: none; } .lxwmxgjs .nimnsd{ line-height: 40px; padding-bottom: 5px; } .new-nry .top .title{ line-height: 35px; font-size: 24px; } .new-nry .top span { line-height: 28px; } } /* 寮瑰嚭 */ /* 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(../img/black_90.png) repeat;background:none rgba(0,0,0,.9);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(../img/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(../img/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: 42px; height: 42px; line-height: 42px; margin-top: -21px; position: absolute; border-radius: 50%; display: block; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .pswp__button--arrow--left{left:2%; background:#fff url(../img/arrow6.png) center no-repeat;} .pswp__button--arrow--right{right:2%; background:#fff url(../img/arrow7.png) center no-repeat;} .pswp__button--arrow--left:hover{ background:#E62129 url(../img/arrow8.png) 16px center no-repeat; } .pswp__button--arrow--right:hover{ background:#E62129 url(../img/arrow9.png) 20px center no-repeat;} .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} #gallery2 .pswp__caption__center{text-align:center;font-size:18px} /*base style end*/ /*honor style*/ .honorDemo .slick-arrow{ width: 48px; height: 48px; line-height: 48px; border-radius: 50%; text-align: center; display: block; position: absolute; top: 50%; margin-top: -20px; z-index: 100; color: #333333;} .honorDemo .slick-prev{ left: -75px; background:#fff url(../img/arrow6.png) center no-repeat;} .honorDemo .slick-next{ right: -75px; background:#fff url(../img/arrow7.png) center no-repeat;} .honorDemo .slick-prev:hover{ background:#E62129 url(../img/arrow8.png) 16px center no-repeat; } .honorDemo .slick-next:hover{ background:#E62129 url(../img/arrow9.png) 20px center no-repeat;} .honorDemo .slick-arrow:hover{ background-color: #E62129;} /*honor style end*/ /* END */