* {
 box-sizing: border-box
}

#back {
 background-image: url("./images/devbg.png");
 background-repeat: no-repeat;
 height: 950px;
 position: relative;
 background-size: 100% 100%;
 margin-top: 40px
}

#main {
 width: 1000px;
 overflow: hidden;
 clear: both;
 margin: 0 auto;
 position: relative;
 top: 200px
}

#tip {
 position: absolute;
 left: 100px;
 width: 180px;
 height: 125px;
 background-color: rgba(0,0,0,0.57);
 line-height: 125px;
 letter-spacing: 8px;
 color: #FFBA05;
 text-align: center;
 font-size: 20pt
}

ul {
 list-style: none;
 margin: 0;
 padding: 0
}

.main-left {
 float: left;
 width: 174px
}

.main-left li {
 position: relative;
 width: 130px;
 height: 50px;
 padding: 0;
 margin-bottom: 40px;
 font-size: 20pt;
 color: #FFF;
 text-align: center;
 cursor: pointer;
 padding: 5px 0
}

.main-left .active {
 background: rgba(0,0,0,0.34)
}

.main-left .active i {
 display: block
}

.main-left li .top-17 {
 margin-top: 3px
}

.main-left li .br-div {
 text-align: left;
 margin-left: 22px
}

.main-left li i {
 position: absolute;
 top: 23px;
 right: -18px;
 width: 0;
 height: 0;
 border-top: 18px solid transparent;
 border-bottom: 18px solid transparent;
 border-left: 18px solid rgba(0,0,0,0.34);
 display: none
}

.main-center {
 float: left
}

.main-center li {
 display: none;
 cursor: pointer
}

.main-center li img {
 webkit-transition: all .5s ease-out;
 -moz-transition: all .5s ease-out;
 -o-transition: all .5s ease-out;
 transition: all .5s ease-out
}

.main-center li:hover img {
 -webkit-transform: scale(1.02);
 -moz-transform: scale(1.02);
 -o-transform: scale(1.02)
}

.main-center .show,.main-right .show {
 display: block !important
}

.main-right {
 float: left;
 margin-left: 40px
}

.main-right .main-right-title-1 {
 font-family: Arial;
 font-size: 50px;
 display: block;
 color: #FFBA05;
 line-height: 50px;
 text-transform: uppercase;
 margin-top: 90px;
 margin-bottom: 15px;
 letter-spacing: 3px
}

.main-right .main-right-title-2 {
 letter-spacing: 1px;
 font-size: 20px;
 color: #FFF
}

.main-right .main-right-text {
 margin-top: 125px
}

.main-right .main-right-text li {
 display: none;
 word-wrap: break-word;
 word-break: break-all;
 width: 288px;
 color: #fff;
 font-size: 13pt
}

.main-right .more {
 position: absolute;
 bottom: 100px;
 padding: 13px 40px;
 color: #fff;
 background-color: rgba(0,0,0,0.34);
 font-size: 13pt;
 letter-spacing: 2px;
 cursor: pointer
}

.main-right .more:hover {
 color: #FFBA05
}

.more .line {
 display: block;
 position: absolute;
 background: none;
 transition: .4s ease;
 -webkit-transition: .4s ease;
 -o-transition: .4s ease;
 -moz-transition: .4s ease;
 -ms-transition: .4s ease
}

.more:hover .line {
 background: #FFBA05
}

.more .line-top {
 height: 2px;
 width: 0;
 left: -110%;
 top: -2px
}

.more:hover .line-top {
 width: 100%;
 left: -2px
}

.more .line-bottom {
 width: 0;
 height: 2px;
 right: -110%;
 bottom: -2px
}

.more:hover .line-bottom {
 width: 100%;
 right: -2px
}

.more .line-left {
 width: 2px;
 height: 0;
 left: -2px;
 bottom: -110%
}

.more:hover .line-left {
 height: 100%;
 bottom: -2px
}

.more .line-right {
 width: 2px;
 height: 0;
 right: -2px;
 top: -110%
}

.more:hover .line-right {
 height: 100%;
 top: -2px
}

.footer {
 width: 100%;
}

.footer .title {
 color: #FFF;
 text-align: center;
 font-size: 18px;
 font-family: Arial
}

.footer .title span {
 font-family: "微软雅黑"
}

.footer .partners {
 clear: both;
 overflow: hidden;
 width: 1292px;
 margin: 40px auto 0;
 padding-bottom: 80px;
 border-bottom: 1px dashed #555
}

.footer .partners li {
 float: left;
 margin-right: 25px;
 display: block;
 padding: 10px 10px
}

.footer .partners li span {
 background: url("./images/partners.png") no-repeat;
 display: block
}

.footer .partners li.li1 span {
 background-position: -11px -86px;
 width: 158px;
 height: 52px
}

.footer .partners li.li2 span {
 background-position: -204px -84px;
 width: 146px;
 height: 52px
}

.footer .partners li.li3 span {
 background-position: -377px -86px;
 width: 180px;
 height: 52px
}

.footer .partners li.li4 span {
 background-position: -588px -86px;
 width: 88px;
 height: 52px
}

.footer .partners li.li5 span {
 background-position: -701px -86px;
 width: 183px;
 height: 52px
}

.footer .partners li.li6 span {
 background-position: -942px -86px;
 width: 117px;
 height: 52px
}

.footer .partners li.li7 span {
 background-position: -1080px -86px;
 width: 97px;
 height: 52px
}

.footer .partners li.li8 span {
 background-position: -954px 0;
 width: 61px;
 height: 33px;
 margin-top: -7px
}

.footer .partners li.li9 span {
 background-position: -1077px -3px;
 width: 90px;
 height: 26px
}

.footer .partners li.li1:hover span {
 background-position: -11px -6px
}

.footer .partners li.li2:hover span {
 background-position: -204px -4px
}

.footer .partners li.li3:hover span {
 background-position: -377px -6px
}

.footer .partners li.li4:hover span {
 background-position: -588px -6px
}

.footer .partners li.li5:hover span {
 background-position: -701px -6px
}

.footer .partners li.li6:hover span {
 background-position: -942px -6px
}

.footer .partners li.li7:hover span {
 background-position: -1080px -6px
}

.footer .partners li.last {
 margin-right: 0
}

.footer .contact {
 clear: both;
 width: 500px;
 margin: 50px auto
}

.footer .contact li {
 float: left;
 position: relative;
 margin-right: 100px;
 cursor: pointer
}

.footer .contact li.last {
 margin-right: 0
}

.footer .contact li i {
 background: url("./images/contact.png");
 display: block;
 margin: 0 auto;
 margin-bottom: 10px
}

.footer .contact li.li1 i {
 background-position: 0 -183px;
 width: 41px;
 height: 30px
}

.footer .contact li.li2 i {
 background-position: -222px -184px;
 width: 34px;
 height: 30px
}

.footer .contact li.li3 i {
 background-position: -410px -184px;
 width: 37px;
 height: 30px
}

.footer .contact li.li3 b {
 position: absolute;
 top: -112px;
 left: -17px;
 background: url("./images/contact.png") -572px 0;
 display: block;
 width: 101px;
 height: 107px;
 -webkit-transform: translateY(10px);
 -moz-transform: translateY(10px);
 -ms-transform: translateY(10px);
 -o-transform: translateY(10px);
 transform: translateY(10px);
 -webkit-transition: all .25s ease-out;
 -moz-transition: all .25s ease-out;
 -ms-transition: all .25s ease-out;
 -o-transition: all .25s ease-out;
 transition: all .25s ease-out;
 opacity: 0;
 filter: alpha(opacity=0)
}

.footer .contact li.li4 {
 margin-top: -11px;
 border-radius: 5px;
 overflow: hidden;
 width: 75px;
 height: 75px
}

.footer .contact li.li4 img {
 max-width: 75px;
 max-height: 75px;
 display: block;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none
}

.footer .contact li span {
 color: #555;
 font-size: 14px;
 text-align: center
}

.footer .contact li:hover span {
 color: #FFF
}

.footer .contact li.li1:hover i {
 background-position: 0 -76px
}

.footer .contact li.li2:hover i {
 background-position: -222px -77px
}

.footer .contact li.li3:hover i {
 background-position: -410px -77px
}

.footer .contact li.li3:hover b {
 display: block;
 opacity: 1;
 filter: alpha(opacity=100);
 pointer-events: auto;
 -webkit-transform: translateY(0);
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
 -o-transform: translateY(0);
 transform: translateY(0)
}

.footer .company {
 color: #999;
 font-size: 14px;
 text-align: center
}

.footer .company .more-contact {
 margin-left: 20px;
 color: #FFF;
 letter-spacing: 2px
}

.footer .company .more-contact:hover {
 text-decoration: underline
}

.footer .foot-info {
 color: #999;
 font-size: 14px;
 text-align: center;
 margin-top: 15px
}

@charset "gb2312";* {
                   padding: 0;
                   margin: 0;
                   font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif
                  }

body {
 background-color: #F5F5F5;
 overflow-x: hidden
}

.wrap {
 min-height: 950px
}

ul,ol,li {
 list-style: none
}

.app-header {
 width: 100%;
 height: 40px;
 background: #313131
}

.el-collapse {
 border: 1px dashed #fff!important
}

.el-collapse-item__header {
 color: #fff;
 font-size: 16px!important;
 border-bottom: 1px dashed #fff!important;
 background-color: rgba(0,0,0,0.34)
}

.span-left {
 width: 300px;
 display: inline-block
}

.span-skill {
 webkit-transition: all .2s ease-out;
 -moz-transition: all .2s ease-out;
 -o-transition: all .2s ease-out;
 transition: all .2s ease-out;
 background-color: #fc8728!important
}

.span-skill:hover {
 webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -o-transform: scale(1.2);
 transform: scale(1.2)
}

.el-collapse-item__wrap {
 border-bottom: 1px dashed #a2a2a2!important
}

.job_content {
 padding: 10px 20px;
 font-size: 12pt
}

.welfare-icon-before {
 margin-right: 10px
}

.welfare-icon-after {
 margin-left: 10px;
 color: #13CE66
}

.nav {
 width: 1200px;
 margin: 0 auto
}

.nav-left {
 float: left;
 margin-top: 16px
}

.nav-left img {
 width: 247px
}

.nav-right {
 float: right;
 line-height: 100px
}

.nav-right a:link,.nav-right a:visited {
 font-size: 14pt;
 color: #fff;
 text-decoration: none;
 display: inline-block;
 width: 100%;
 height: 100%
}

.nav-right a:hover,.nav-right a:active {
 font-size: 14pt;
 color: #FFF;
 text-decoration: none
}

.nav-right li {
 float: left;
 list-style-type: none;
 width: 120px;
 text-align: center
}

.nav-right li:hover {
 background-color: rgba(0,0,0,0.57)
}

#about {
 display: block;
 margin: auto
}

.about-us,.join-us,.contact-us {
 width: 1000px;
 margin: 0 auto;
 position: relative
}

.about-us .p-content {
 text-indent: 2em;
 line-height: 34px;
 font-size: 13pt;
 margin-top: 15px;
 margin-bottom: 35px
}

.dev-bg {
 margin-top: 40px
}

#core,#recruit,#contact {
 display: block;
 margin: 80px auto 12px;
 position: relative
}

.mainimg {
 clear: both;
 display: block;
 margin: auto;
 cursor: pointer;
;transition: .2s linear;
 -webkit-transition: .2s linear;
 -o-transition: .2s linear;
 -moz-transition: .2s linear;
 -ms-transition: .2s linear
}

.cate {
 position: absolute;
 z-index: 2;
 left: 50%;
 cursor: pointer;
 width: 125px;
 transform: scale(1);
 transition: all .35s ease-in-out .2s
}

.cate:hover {
 transform: scale(0.5)
}

.cate .name {
 width: 125px;
 height: 125px;
 line-height: 125px;
 text-align: center;
 border-radius: 130px;
 color: #fff;
 background: #000;
 opacity: 0;
 transform: scale(0.5);
 -webkit-transition: all .35s ease-in-out .2s;
 -moz-transition: all .35s ease-in-out .2s;
 transition: all .35s ease-in-out .2s
}

.cate:hover .name {
 opacity: 1;
 transform: scale(2)
}

.others {
 background-image: url("./images/others.png");
 background-size: 125px auto;
 margin-left: 373px;
 top: 379px
}

.office {
 background-image: url("./images/office.png");
 background-size: 125px auto;
 margin-left: -472px;
 top: 379px
}

.pet {
 background-image: url("./images/pet.png");
 background-size: 125px auto;
 margin-left: -499px;
 top: 113px
}

.toy {
 background-image: url("./images/toy.png");
 background-size: 125px auto;
 margin-left: 375px;
 top: 113px
}

.home {
 background-image: url("./images/home.png");
 background-size: 125px auto;
 margin-left: 209px;
 top: -104px
}

.personal {
 background-image: url("./images/personal.png");
 background-size: 125px auto;
 margin-left: -343px;
 top: -104px
}

.clothes {
 background-image: url("./images/clothes.png");
 background-size: 125px auto;
 margin-left: -67px;
 top: -154px
}

.join-us-back {
 /*background: #058aa7;
 color: #fff;*/
 position: relative;
 padding-bottom: 20px
}

.subtitle {
 font-size: 23pt;
 padding: 20px 0
}

.detail {
 float: right
}

.row {
 margin-top: 10px
}

.row,.row span {
 font-size: 14pt
}

.welfare li {
 float: left;
 width: 33.33%
}

.welfare dl {
 width: 90%;
 display: inline-block;
 font-size: 14pt;
 line-height: 40px
}

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden
}

.content-wrap {
 padding: 0;
 position: absolute;
 text-align: center;
 width: 100%;
 top: 0;
 bottom: 0;
 display: table-cell;
 vertical-align: middle;
 overflow: hidden
}

.content-wrap h1.entry-title {
 display: table;
 font-size: 110%;
 height: 100%;
 text-transform: uppercase;
 width: 100%;
 margin: 0
}

.featured-image {
 display: table-cell;
 position: relative;
 transition: all .2s;
 -moz-transition: all .2s;
 -webkit-transition: all .2s;
 -o-transition: all .2s;
 vertical-align: middle;
 z-index: 1;
 text-decoration: none;
 padding: 10%;
 opacity: .6;
 color: #fff;
 background: rgba(0,0,0,0.6);
 transform: scale(1.2);
 -moz-transform: scale(1.2);
 -webkit-transform: scale(1.2);
 -o-transform: scale(1.2)
}

.featured-image:hover {
 transform: scale(4);
 -moz-transform: scale(4);
 -webkit-transform: scale(4);
 -o-transform: scale(4);
 opacity: 0
}

.post-content {
 position: relative;
 background: #111;
 margin-bottom: 20px;
 width: 480px;
 cursor: pointer
}

.post-content img {
 width: 100%
}

.entry-title {
 width: 100%;
 height: 100%
}

.opacity-black {
 width: 460px;
 height: 460px;
 background-color: #000
}

.opacity-black a {
 transition: opacity .5s;
 opacity: 1
}

.opacity-black a:hover {
 opacity: .4
}

.swiper-container {
 margin-left: auto;
 margin-right: auto;
 position: relative;
 overflow: hidden;
 z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
 float: left
}

.swiper-container-vertical>.swiper-wrapper {
 -webkit-box-orient: vertical;
 -moz-box-orient: vertical;
 -ms-flex-direction: column;
 -webkit-flex-direction: column;
 flex-direction: column
}

.swiper-wrapper {
 position: relative;
 width: 100%;
 height: 100%;
 z-index: 1;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-transition-property: -webkit-transform;
 -moz-transition-property: -moz-transform;
 -o-transition-property: -o-transform;
 -ms-transition-property: -ms-transform;
 transition-property: transform;
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
 -webkit-transform: translate3d(0,0,0);
 -moz-transform: translate3d(0,0,0);
 -o-transform: translate(0,0);
 -ms-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
 -webkit-box-lines: multiple;
 -moz-box-lines: multiple;
 -ms-flex-wrap: wrap;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
 -webkit-transition-timing-function: ease-out;
 -moz-transition-timing-function: ease-out;
 -ms-transition-timing-function: ease-out;
 -o-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
 margin: 0 auto
}

.swiper-slide {
 -webkit-flex-shrink: 0;
 -ms-flex: 0 0 auto;
 flex-shrink: 0;
 width: 100%;
 height: 100%;
 position: relative
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
 height: auto
}

.swiper-container-autoheight .swiper-wrapper {
 -webkit-box-align: start;
 -ms-flex-align: start;
 -webkit-align-items: flex-start;
 align-items: flex-start;
 -webkit-transition-property: -webkit-transform,height;
 -moz-transition-property: -moz-transform;
 -o-transition-property: -o-transform;
 -ms-transition-property: -ms-transform;
 transition-property: transform,height
}

.swiper-container .swiper-notification {
 position: absolute;
 left: 0;
 top: 0;
 pointer-events: none;
 opacity: 0;
 z-index: -1000
}

.swiper-wp8-horizontal {
 -ms-touch-action: pan-y;
 touch-action: pan-y
}

.swiper-wp8-vertical {
 -ms-touch-action: pan-x;
 touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
 position: absolute;
 top: 50%;
 width: 27px;
 height: 44px;
 margin-top: -22px;
 z-index: 10;
 cursor: pointer;
 -moz-background-size: 27px 44px;
 -webkit-background-size: 27px 44px;
 background-size: 27px 44px;
 background-position: center;
 background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
 opacity: .35;
 cursor: auto;
 pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
 left: 10px;
 right: auto
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
 right: 10px;
 left: auto
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
 position: absolute;
 text-align: center;
 -webkit-transition: .3s;
 -moz-transition: .3s;
 -o-transition: .3s;
 transition: .3s;
 -webkit-transform: translate3d(0,0,0);
 -ms-transform: translate3d(0,0,0);
 -o-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
 z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
 opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
 bottom: 10px;
 left: 0;
 width: 100%
}

.swiper-pagination-bullet {
 width: 8px;
 height: 8px;
 display: inline-block;
 border-radius: 100%;
 background: #000;
 opacity: .2
}

button.swiper-pagination-bullet {
 border: none;
 margin: 0;
 padding: 0;
 box-shadow: none;
 -moz-appearance: none;
 -ms-appearance: none;
 -webkit-appearance: none;
 appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
 cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
 background: #fff
}

.swiper-pagination-bullet-active {
 opacity: 1;
 background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
 background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
 background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
 right: 10px;
 top: 50%;
 -webkit-transform: translate3d(0,-50%,0);
 -moz-transform: translate3d(0,-50%,0);
 -o-transform: translate(0,-50%);
 -ms-transform: translate3d(0,-50%,0);
 transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
 margin: 5px 0;
 display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
 margin: 0 5px
}

.swiper-pagination-progress {
 background: rgba(0,0,0,.25);
 position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
 background: #007aff;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 -webkit-transform: scale(0);
 -ms-transform: scale(0);
 -o-transform: scale(0);
 transform: scale(0);
 -webkit-transform-origin: left top;
 -moz-transform-origin: left top;
 -ms-transform-origin: left top;
 -o-transform-origin: left top;
 transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
 -webkit-transform-origin: right top;
 -moz-transform-origin: right top;
 -ms-transform-origin: right top;
 -o-transform-origin: right top;
 transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
 width: 100%;
 height: 4px;
 left: 0;
 top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
 width: 4px;
 height: 100%;
 left: 0;
 top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
 background: rgba(255,255,255,.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
 background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
 background: #000
}

.swiper-container-3d {
 -webkit-perspective: 1200px;
 -moz-perspective: 1200px;
 -o-perspective: 1200px;
 perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
 -webkit-transform-style: preserve-3d;
 -moz-transform-style: preserve-3d;
 -ms-transform-style: preserve-3d;
 transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 pointer-events: none;
 z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
 background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
 background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
 background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
 background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
 background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
 background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
 background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
 background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper {
 -ms-perspective: 1200px
}

.swiper-container-cube,.swiper-container-flip {
 overflow: visible
}

.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {
 pointer-events: none;
 -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -ms-backface-visibility: hidden;
 backface-visibility: hidden;
 z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide {
 pointer-events: none
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
 pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
 z-index: 0;
 -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -ms-backface-visibility: hidden;
 backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
 visibility: hidden;
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 transform-origin: 0 0;
 width: 100%;
 height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
 pointer-events: auto;
 visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 background: #000;
 opacity: .6;
 -webkit-filter: blur(50px);
 filter: blur(50px);
 z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
 -webkit-transition-timing-function: ease-out;
 -moz-transition-timing-function: ease-out;
 -ms-transition-timing-function: ease-out;
 -o-transition-timing-function: ease-out;
 transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
 pointer-events: none;
 -webkit-transition-property: opacity;
 -moz-transition-property: opacity;
 -o-transition-property: opacity;
 transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
 pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
 pointer-events: auto
}

.swiper-zoom-container {
 width: 100%;
 height: 100%;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-pack: center;
 -moz-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
 text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
 max-width: 100%;
 max-height: 100%;
 object-fit: contain
}

.swiper-scrollbar {
 border-radius: 10px;
 position: relative;
 -ms-touch-action: none;
 background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
 position: absolute;
 left: 1%;
 bottom: 3px;
 z-index: 50;
 height: 5px;
 width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
 position: absolute;
 right: 3px;
 top: 1%;
 z-index: 50;
 width: 5px;
 height: 98%
}

.swiper-scrollbar-drag {
 height: 100%;
 width: 100%;
 position: relative;
 background: rgba(0,0,0,.5);
 border-radius: 10px;
 left: 0;
 top: 0
}

.swiper-scrollbar-cursor-drag {
 cursor: move
}

.swiper-lazy-preloader {
 width: 42px;
 height: 42px;
 position: absolute;
 left: 50%;
 top: 50%;
 margin-left: -21px;
 margin-top: -21px;
 z-index: 10;
 -webkit-transform-origin: 50%;
 -moz-transform-origin: 50%;
 transform-origin: 50%;
 -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
 -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
 animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
 display: block;
 content: "";
 width: 100%;
 height: 100%;
 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
 background-position: 50%;
 -webkit-background-size: 100%;
 background-size: 100%;
 background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
 100% {
  -webkit-transform: rotate(360deg)
 }
}

@keyframes swiper-preloader-spin {
 100% {
  transform: rotate(360deg)
 }
}