/* 字体 */

@font-face {
    font-family: "SourceHanSansSC";
    /*定义字体名*/
    src        : url(/static/official/css/font/SourceHanSansSC-Regular.otf);
    /*字体包的引入路径*/
}

body {
    margin     : 0;
    padding    : 0;
    font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif;
    font-size  : 14px;
    color      : #676767
}

dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
label,
legend,
li,
p,
span,
table,
tbody,
td,
th,
tr,
ul {
    margin     : 0;
    padding    : 0;
    font-weight: 400
}

ul {
    list-style-type: none
}

a {
    text-decoration: none;
    color          : #676767
}

a:hover {
    text-decoration: none;
    color          : #ff7500
}

img {
    border: 0
}

.header {
    width    : 100%;
    max-width: 2000px;
    height   : 76px;
    margin   : 0 auto;

    background: #0e0e0e;

    box-shadow: 0px 0px 37px 0px rgba(0, 0, 0, 0.06);
}

.header-top {
    width   : 1240px;
    height  : 70px;
    margin  : 0 auto;
    position: relative;
}

.logo {
    width          : 154px;
    height         : 41px;
    display        : block;
    position       : absolute;
    left           : 0;
    top            : 15px;
    text-indent    : -9999em;
    background     : url(/static/official/images/logo.png) no-repeat;
    background-size: 100% 100%;
}

.navipages {
    float: right;
}

#lavalamp li {
    display    : inline-block;
    line-height: 75px;
    /* float   : left; */

}

#lavalamp li a {
    /* width: 150px; */
    margin-left: 60px;
    display    : block;
    float      : left;
    text-align : center;
    font-size  : 18px;
    font-family: "SourceHanSansSC";
    color      : #333;
}

#lavalamp li a:hover {
    text-decoration: none;
    color          : #ff965b
}

#lavalamp #lavalampbg {
    width     : 118px;
    height    : 40px;
    position  : absolute;
    top       : 0;
    left      : 0;
    background: #86a420;
    z-index   : 100
}

#lavalamp {
    float          : right;
    /* margin-right: 180px; */
}

#lavalamp li a {
    background: #0e0e0e;
    color     : #fff;
    position  : relative;
}

#lavalamp li.current {
    /* background: #fff;
    color: #fff */
}

.navipages .current a {
    color   : #ff7500 !important;
    position: relative;
}

.navipages .current a:after {
    content   : "";
    display   : inline-block;
    position  : absolute;
    left      : 0%;
    bottom    : -1px;
    width     : 100%;
    height    : 3px;
    background: #ff7500;
}

.navipages li a:hover:after {
    left : 0%;
    width: 100%;
}

.navipages li a:after {
    content   : "";
    display   : inline-block;
    position  : absolute;
    left      : 50%;
    bottom    : -1px;
    width     : 0;
    height    : 3px;
    background: #ff7500;
    transition: all .4s;
}

.common-banner-wrap {
    width          : 100%;
    height         : 304px;
    position       : relative;
    background-size: 100% 100%;
    /* color       : #ffffff; */
    letter-spacing : 4px;
    font-weight    : 300;
    min-width      : 1240px;
    font-size      : 0;
    background-size: cover;
}

.common-banner-wrap-content {
    position: relative;
    height  : 100%;
}


.common-banner-wrap-title {
    position      : absolute;
    text-align    : center;
    font-family   : "SourceHanSansSC";
    font-size     : 48px;
    font-weight   : normal;
    font-stretch  : normal;
    letter-spacing: 3px;
    color         : #ffffff;
    top           : 120px;
    margin        : auto;
    left          : 0;
    right         : 0;
    bottom        : 0;
}

.common-banner-wrap .banner-en-society {
    width           : 210px;
    height          : 68px;
    background-color: #f3561f;
    font-size       : 26px;
    font-family     : "SourceHanSansSC";
    border          : 1px solid #f3561f;
    border-radius   : 7px;
    display         : flex;
    justify-content : center;
    align-items     : center;
    margin-right    : 110px;
}

.common-banner-wrap .banner-cn-campus {
    width           : 210px;
    height          : 68px;
    background-color: #1f92f3;
    font-size       : 26px;
    font-family     : "SourceHanSansSC";
    border          : 1px solid #1f92f3;
    border-radius   : 7px;
    display         : flex;
    justify-content : center;
    align-items     : center;
}

.address-detail-wrap {
    height          : 80px;
    position        : relative;
    background-color: #ffffff;
}

.address-detail-wrap ul {
    letter-spacing: -8px;
}

.address-detail-wrap .address-nav li {
    letter-spacing: normal;
}

.address-nav {
    /* left: 274px;
    top: 25px; */
    top     : 25px;
    width   : 1240px;
    margin  : 0 auto;
    position: relative;
}

.nav {
    height          : 80px;
    position        : fixed;
    z-index         : 111;
    top             : 0;
    background-color: #ffffff;
    width           : 100%;
    margin          : 0 auto;
}

.address-nav-item {
    position   : relative;
    /* margin  : 0 50px 0 24px; */
    font-family: "SourceHanSansSC-Normal";
    padding    : 0 40px;
    font-size  : 20px;
    color      : #252423;
    display    : inline-block;
    cursor     : pointer;
}

.active {
    background-color: #f3561f;
    color           : #ffffff;
    /* border-left  :0px solid #717171;
    border-right    :0px solid #717171; */
    border          : none !important;
}

.no-scroll-into-view {
    -webkit-transform : translateY(30px) !important;
    transform         : translateY(30px) !important;
    opacity           : 0 !important;
    -webkit-transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
    transition        : opacity 1s ease-out, -webkit-transform 1s ease-out;
    transition        : transform 1s ease-out, opacity 1s ease-out;
    transition        : transform 1s ease-out, opacity 1s ease-out, -webkit-transform 1s ease-out;
}

.scroll-into-view {
    opacity          : 1 !important;
    -webkit-transform: translateY(0) !important;
    transform        : translateY(0) !important;
}

.width-1240 {
    width : 1240px;
    margin: 0 auto;
}

.width-1241 {
    width : 1270px;
    margin: 0 auto;
}

.address-nav-item {
    /* border-left:1px solid #717171;
    border-right:1px solid #717171; */
}

.address-nav-item:hover {
    background-color: #f3561f;
    color           : #ffffff;
    border          : none !important;
}

.address-nav-item:hover:after {
    content   : "";
    width     : 1px;
    height    : 25px;
    position  : absolute;
    top       : 1px;
    left      : -1px;
    background: #f3561f;

}

.address-nav-item:hover:before {
    content   : "";
    width     : 1px;
    height    : 25px;
    position  : absolute;
    top       : 1px;
    right     : -1px;
    background: #f3561f;
    z-index   : 999;

}

.address-nav .active::after {
    content   : "";
    width     : 1px;
    height    : 25px;
    position  : absolute;
    top       : 1px;
    left      : -1px;
    background: #f3561f;
}

.address-nav .active::before {
    content   : "";
    width     : 1px;
    height    : 25px;
    position  : absolute;
    top       : 1px;
    right     : -1px;
    background: #f3561f;
    z-index   : 999;
}

.address-nav-item:nth-child(1) {
    border-left : 1px solid #717171;
    border-right: 1px solid #717171;
}

.address-nav-item:nth-child(2) {}

.address-nav-item:nth-child(3) {
    border-left : 1px solid #717171;
    border-right: 1px solid #717171;
}

/* .address-nav-item::after {
    content: "";
    width: 1px;
    height: 25px;
    position: absolute;
    top: 1px;
    left: 0;
    background: #252423;
} */
/* .address-nav-item:hover{
    background-color: #f3561f;
    color: #ffffff;
} */

.address-nav-item:hover:last-child:before {
    width: 0;
}

*/

/* .address-nav-item:last-child::before {
    content: "";
    width: 1px;
    height: 25px;
    position: absolute;
    top: 1px;
    right: 0;
    background: #252423;
} */
.company-introduction-wrap {
    background-color: #f2f2f2;
}

.company-introduction-wrap .company-introduction-detail {
    display       : flex;
    padding-top   : 90px;
    /* height     : 32px;
    font-size     : 28px;
    font-weight   : 600;
    color         : #252423;
    line-height   : 32px;
    margin-left   : 20px;
    padding-top   : 90px;
    padding-bottom: 50px; */
}

.synopsis {
    flex: 1;
}

.synopsis-right {
    flex           : 1;
    width          : 650px;
    height         : 350px;
    overflow       : hidden;
    /* margin-right: 20px; */
    margin-left    : 20px;
}

.synopsis-right img {
    width             : 100%;
    height            : 100%;
    -webkit-transition: all 0.4s;
    transition        : all 0.4s;
}

.synopsis-right img:hover {
    -webkit-transform: scale(1.1);
    transform        : scale(1.1);
}

/* .synopsis-right:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  } */
.company-introduction-wrap .company-introduction-detail .synopsis .title {

    height        : 32px;
    font-size     : 28px;
    font-weight   : 600;
    color         : #252423;
    line-height   : 32px;
    padding-bottom: 50px;
}

.company-introduction-wrap .company-introduction-detail .title-desc {
    height       : 16px;
    font-size    : 16px;
    font-weight  : 600;
    line-height  : 16px;
    color        : #252423;
    margin-bottom: 20px;
    margin       : 0 140px 20px 140px;
}

.company-introduction-wrap .company-introduction-detail .synopsis .content {
    font-size     : 14px;
    font-weight   : normal;
    font-stretch  : normal;
    line-height   : 22px;
    letter-spacing: 1px;
    font-family   : "SourceHanSansSC-Normal";
    color         : #4c4c4c;

}

.staff-goal-wrap {
    background-color: #f2f2f2;
}

.staff-goal-wrap .staff-introduction-detail .synopsis .title {

    height        : 32px;
    font-size     : 28px;
    font-weight   : 600;
    color         : #252423;
    line-height   : 32px;
    padding-top   : 90px;
    padding-bottom: 10px;
}

.up-wrap {
    text-align: center;
}

.staff-goal-wrap .staff-introduction-detail .goal-title {
    font-family   : "SourceHanSansSC-Medium";
    font-size     : 22px;
    font-weight   : normal;
    font-stretch  : normal;
    letter-spacing: 1px;
    color         : #4c4c4c;
    text-align    : center;
    margin-top    : 46px;
}

.staff-goal-wrap .staff-introduction-detail .span {
    border-bottom: 2px solid #b1b1b1;
    display      : inline-block;
    width        : 124px;
    text-align   : center;
    margin-top   : 22px;
}

.characters-wrap {
    font-family   : "SourceHanSansSC-Medium";
    margin-top    : 50px;
    font-size     : 14px;
    font-weight   : normal;
    font-stretch  : normal;
    line-height   : 28px;
    letter-spacing: 1px;
    color         : #4c4c4c;
}

.imgs-wrap {
    margin-top: 57px;
    height    : 195px;
}

.staff-introduction-wrap .staff-introduction-detail .synopsis .content {
    font-size     : 14px;
    font-weight   : normal;
    font-stretch  : normal;
    line-height   : 22px;
    letter-spacing: 1px;
    font-family   : "SourceHanSansSC-Normal";
    color         : #4c4c4c;

}

.remuneration-wrap {
    margin-top: 30px;
}

.remuneration-item {
    display     : flex;
    margin-right: 15px;
    margin-top  : 40px;
}

.remuneration-content {
    width      : 232px;
    margin-top : 7px;
    margin-left: 19px;
}

.remuneration-title {
    font-family   : "SourceHanSansSC";
    font-size     : 24px;
    font-weight   : normal;
    font-stretch  : normal;
    line-height   : 28px;
    letter-spacing: 1px;
    color         : #fa780e;
}

.remuneration-detail {
    font-family   : "SourceHanSansSC";
    font-size     : 14px;
    font-weight   : normal;
    font-stretch  : normal;
    /* line-height: 21px; */
    letter-spacing: 0px;
    margin-top    : 11px;
    color         : #858585;
}

.activity-img-wrap {
    position        : relative;
    background-color: #f2f2f2;
}

.activity-introduction-detail {
    overflow: hidden;
}

.activity-img-wrap .activity-introduction-detail .title {

    height     : 32px;
    font-size  : 28px;
    font-weight: 600;
    color      : #252423;
    line-height: 32px;

    margin-top   : 90px;
    margin-bottom: 50px;
}

.clearfix {
    overflow: auto;
    zoom    : 1;
}

.activity-wrap {
    height: auto;
}

.activity-up a,
.activity-down a {
    display: block;
    color  : #fff;
}

.up-wrap {
    text-align   : center;
    margin-bottom: 30px;
}

.activity-img-wrap .activity-introduction-detail .goal-title {
    font-family   : "SourceHanSansSC-Medium";
    font-size     : 22px;
    font-weight   : normal;
    font-stretch  : normal;
    letter-spacing: 1px;
    color         : #4c4c4c;
    text-align    : center;
    margin-top    : 46px;
}

.activity-img-wrap .activity-introduction-detail .span {
    border-bottom: 2px solid #b1b1b1;
    display      : inline-block;
    width        : 124px;
    text-align   : center;
    margin-top   : 22px;
}

.activity-down {
    margin-top: 8px;
}

.activity-up .activity-img-item,
.activity-down .activity-img-item {
    margin-right: 6px;
    float       : left;
    width       : 413px;
    height      : 247px;
    position    : relative;
    color       : #fff;
    text-align  : right;
    overflow    : hidden;
    cursor      : pointer;
}

.activity-up .activity-img-item .activity-img,
.activity-down .activity-img-item .activity-img {
    width : 100%;
    height: 100%;
}

.activity-up .activity-img-item .hover-bg {
    width                   : 100%;
    height                  : 100%;
    position                : absolute;
    bottom                  : 0;
    -webkit-box-sizing      : border-box;
    box-sizing              : border-box;
    left                    : 0;
    top                     : 258px;
    -webkit-transform-origin: bottom;
    transform-origin        : bottom;
    -webkit-transition      : all 0.5s cubic-bezier(0.2, 0, 0.2, 1);
    transition              : all 0.5s cubic-bezier(0.2, 0, 0.2, 1);
}

.activity-down .activity-img-item .hover-bg {
    width                   : 100%;
    height                  : 100%;
    position                : absolute;
    bottom                  : 0;
    -webkit-box-sizing      : border-box;
    box-sizing              : border-box;
    left                    : 0;
    top                     : 309px;
    -webkit-transform-origin: bottom;
    transform-origin        : bottom;
    -webkit-transition      : all 0.5s cubic-bezier(0.2, 0, 0.2, 1);
    transition              : all 0.5s cubic-bezier(0.2, 0, 0.2, 1);
}

.activity-up .activity-img-item .hover-bg-default,
.activity-down .activity-img-item .hover-bg-default {
    top    : 0;
    opacity: 0.4;
    filter : alpha(opacity=40);
}

.activity-up .activity-img-item .script {
    display   : block;
    width     : 353px;
    height    : 65%;
    position  : absolute;
    left      : 30px;
    bottom    : 0px;
    z-index   : 10;
    text-align: right;
}

.activity-down .activity-img-item .script {
    display   : block;
    width     : 407px;
    height    : 50%;
    position  : absolute;
    left      : 175px;
    bottom    : 0px;
    z-index   : 10;
    text-align: right;
}

.activity-up .activity-img-item .script .title,
.activity-down .activity-img-item .script .title {
    margin-top        : 90px;
    font-size         : 24px;
    font-weight       : 600;
    color             : #ffffff;
    font-family       : "SourceHanSansSC";
    z-index           : 3;
    /* margin-bottom  : 30px; */
    -webkit-transition: all 0.3s ease-out;
    transition        : all 0.3s ease-out;
}

.activity-up .activity-img-item .script .desc,
.activity-down .activity-img-item .script .desc {
    z-index       : 3;
    line-height   : 18px;
    font-family   : "SourceHanSansSC";
    font-size     : 14px;
    font-weight   : normal;
    font-stretch  : normal;
    /* line-height: 28px; */
    letter-spacing: 1px;
    color         : #ffffff;
}

.activity-up .activity-img-item:hover .hover-bg,
.activity-down .activity-img-item:hover .hover-bg {
    top: 0;
}

.activity-up .activity-img-item:hover .title,
.activity-down .activity-img-item:hover .title {
    margin-top   : 30px;
    margin-bottom: 10px;
}

.activity-up .activity-img-item:hover .annual-meeting,
.activity-down .activity-img-item:hover .annual-meeting {
    background-color: rgba(255, 116, 63, 0.9);
}

.activity-up .activity-img-item:hover .team-building,
.activity-down .activity-img-item:hover .team-building {
    background-color: rgba(121, 192, 0, 0.9);
}

.activity-up .activity-img-item:hover .club,
.activity-down .activity-img-item:hover .club {
    background-color: rgba(255, 206, 63, 0.9);
}

.activity-up .activity-img-item:hover .games,
.activity-down .activity-img-item:hover .games {
    background-color: rgba(255, 152, 63, 0.9);
}

.activity-up .activity-img-item:hover .activities,
.activity-down .activity-img-item:hover .activities {
    background-color: rgba(17, 154, 220, 0.9);
}

.activity-up .activity-img-item .annual-meeting-default,
.activity-down .activity-img-item .annual-meeting-default {
    top             : 0;
    background-color: #FF743F;
}

.activity-up .activity-img-item .team-building-default,
.activity-down .activity-img-item .team-building-default {
    top             : 0;
    background-color: #79C000;
}

.activity-up .activity-img-item .club-default,
.activity-down .activity-img-item .club-default {
    top             : 0;
    background-color: #FFCE3F;
}

.activity-up .activity-img-item .games-default,
.activity-down .activity-img-item .games-default {
    top             : 0;
    background-color: #FF983F;
}

.activity-up .activity-img-item .activities-default,
.activity-down .activity-img-item .activities-default {
    top             : 0;
    background-color: #119ADC;
}

.activity-up .activity-img-item .annual-meeting,
.activity-down .activity-img-item .annual-meeting {
    z-index: 2;
}

.activity-up .activity-img-item .team-building,
.activity-down .activity-img-item .team-building {
    z-index: 2;
}

.activity-up .activity-img-item .club,
.activity-down .activity-img-item .club {
    z-index: 2;
}

.activity-up .activity-img-item .games,
.activity-down .activity-img-item .games {
    z-index: 2;
}

.activity-up .activity-img-item .activities,
.activity-down .activity-img-item .activities {
    z-index: 2;
}

.activity-down .activity-img-item {
    width : 622px;
    height: 309px;
}


.work-introduction-wrap {
    background-color: #f2f2f2;
}

.work-introduction-wrap .work-introduction-detail {
    padding-bottom: 100px;
}

.work-introduction-wrap .work-introduction-detail .title {
    height        : 32px;
    font-size     : 28px;
    font-weight   : 600;
    color         : #252423;
    line-height   : 32px;
    padding-top   : 90px;
    padding-bottom: 10px;
}

.work-introduction-wrap .work-introduction-detail .content {
    width         : 417px;
    font-family   : "SourceHanSansSC-Medium";
    font-size     : 18px;
    font-weight   : normal;
    font-stretch  : normal;
    line-height   : 18px;
    letter-spacing: 1px;
    color         : #4c4c4c;
}



.work-introduction-wrap .work-introduction-detail .work-nav-wrap {
    display   : flex;
    height    : 82px;
    border-top: 1px solid #e3e3e3;
}

.work-nav-wrap div {
    font-family    : "SourceHanSansSC-Normal";
    font-size      : 22px;
    font-weight    : normal;
    font-stretch   : normal;
    line-height    : 15px;
    letter-spacing : 1px;
    color          : #2f2f2f;
    display        : flex;
    justify-content: center;
    align-items    : center;
    width          : 181px;
    cursor         : pointer;
}

.activework {
    color   : #f3561f !important;
    position: relative;

}

.place-left {
    font-size: 0;
}

.place-right {
    font-size: 0;
}

.place-left img {
    width : 620px;
    height: 374px;
}

.place-right .img {
    width : 620px;
    height: 261px;
}

.place-bottom {
    height          : 111px;
    /* background-color: #f54336; */
    font-family     : "SourceHanSansSC-Normal";
    overflow        : hidden;
    font-weight     : normal;
    font-stretch    : normal;
    line-height     : 21px;
    letter-spacing  : 0px;
    color           : black;
}

.place-title {
    font-size  : 16px;
    margin-top : 8px;
    margin-left: 62px;
}

.place-address {
    font-size  : 16px;
    margin-left: 62px;

}

.place-bottom2 {
    display        : flex;
    justify-content: center;
    align-items    : center;
    margin-top     : 24px;
}

.place-right-img {

    width     : auto;
    height    : auto;
    max-width : 100%;
    max-height: 100%;
}

.place-bottom2 img {
    width : 60px;
    height: 29px;
}

.place-bottom2 span {
    display       : block;
    font-family   : "SourceHanSansSC-Normal";
    font-size     : 14px;
    font-weight   : normal;
    font-stretch  : normal;
    line-height   : 18px;
    letter-spacing: 0px;
    color         : #ffffff;
}

.activework:after {
    content   : "";
    display   : inline-block;
    height    : 3px;
    width     : 41px;
    background: #ff7500;
    position  : absolute;
    bottom    : 0;
    left      : 69px;
    top       : -2px;
}


.particulars {
    display: flex;
}

.left-content {
    width: 411px;
    flex : 1;
}

.swiper-container {
    /* padding-bottom: 60px; */
    /* width: 750px; */
    height    : 430px;
    position  : static !important;
    /* margin : 0 auto;
    position  : relative;
    overflow  : hidden;
    list-style: none;
    padding   : 0;
    z-index   : 1; */
}

.swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {

    width           : 12px;
    height          : 12px;
    background-color: #ffffff;
    opacity         : 1 !important;
}

.swiper-pagination-bullet-active {
    width           : 35px !important;
    height          : 12px !important;
    background-color: #ff793e !important;
    border-radius   : 6px !important;
}

.swiper-container .swiper-pagination {
    left      : -26px !important;
    right     : 0;
    bottom    : 10px;
    text-align: end;
}

.swiper-container .swiper-slide {
    display        : flex;
    /* width       : 200px;
    height         : 200px;
    background     : #0e0e0e; */
    /* box-shadow  : 0 8px 30px #ddd; */
    /* margin-right: 100px;
    margin-left    : 100px; */
}

.swiper-container .swiper-button-prev {
    left                  : 256px;
    width                 : 53px;
    height                : 53px;
    background            : url(/static/enterpriseCulture/images/leftlogo.png) no-repeat;
    /* background-position: 0 0; */
    background-size       : 100%;
    margin-top            : 23px;
    position              : absolute;
}



.swiper-container .swiper-button-next {
    right                 : 256px;
    width                 : 53px;
    height                : 53px;
    background            : url(/static/enterpriseCulture/images/rightlogo.png) no-repeat;
    /* background-position: 0 -93px; */
    background-size       : 100%;
    margin-top            : 23px;
    position              : absolute;
}

.swiper-container .swiper-slide img {
    width       : 612px;
    height      : 379px;
    /* width    : 100%;
    height      : 100%; */
    margin-right: 10px;
}

.swiper-container2 {
    /* padding-bottom: 60px; */
    /* width: 750px; */
    height    : 430px;
    margin    : 0 auto;
    position  : static;
    overflow  : hidden;
    list-style: none;
    padding   : 0;
    z-index   : 1;
}

.swiper-container2 .swiper-slide {
    display        : flex;
    /* width       : 200px;
    height         : 200px;
    background     : #0e0e0e; */
    /* box-shadow  : 0 8px 30px #ddd; */
    /* margin-right: 100px;
    margin-left    : 100px; */
}

.swiper-container2 .swiper-slide img {
    width       : 612px;
    height      : 379px;
    /* width    : 100%;
    height      : 100%; */
    margin-right: 10px;
}

.swiper-container2 .swiper-pagination-bullets .swiper-pagination-bullet {

    width           : 12px;
    height          : 12px;
    background-color: #ffffff;
    opacity         : 1 !important;
}

.swiper-pagination-bullet-active {
    width           : 35px !important;
    height          : 12px !important;
    background-color: #ff793e !important;
    border-radius   : 6px !important;
}

.swiper-container2 .swiper-pagination {
    left      : -26px !important;
    right     : 0;
    bottom    : 10px;
    text-align: end;
}

.swiper-container2 .swiper-slide {
    /* width: 200px;
    height: 200px;
    background: #0e0e0e; */
    /* box-shadow: 0 8px 30px #ddd; */
    /* margin-right: 100px;
    margin-left: 100px; */
}

.swiper-container2 .swiper-button-prev {
    left                  : 256px;
    width                 : 53px;
    height                : 53px;
    background            : url(/static/enterpriseCulture/images/leftlogo.png) no-repeat;
    /* background-position: 0 0; */
    background-size       : 100%;
    margin-top            : 23px;
}



.swiper-container2 .swiper-button-next {
    right                 : 256px;
    width                 : 53px;
    height                : 53px;
    background            : url(/static/enterpriseCulture/images/rightlogo.png) no-repeat;
    /* background-position: 0 -93px; */
    background-size       : 100%;
    margin-top            : 23px;
    position              : absolute;
}




.pay-introduction-wrap {
    background-color: #f2f2f2;
    padding-bottom  : 173px;
}

.pay-introduction-wrap .pay-introduction-detail .title {
    height        : 32px;
    font-size     : 28px;
    font-weight   : 600;
    color         : #252423;
    line-height   : 32px;
    padding-top   : 90px;
    padding-bottom: 10px;
}

.pay-introduction-wrap .pay-introduction-detail .content {
    width         : 417px;
    font-family   : "SourceHanSansSC-Medium";
    font-size     : 18px;
    font-weight   : normal;
    font-stretch  : normal;
    line-height   : 18px;
    letter-spacing: 1px;
    color         : #4c4c4c;
}



.pay-introduction-wrap .pay-introduction-detail .address-nav-wrap {
    display   : flex;
    height    : 82px;
    border-top: 1px solid #e3e3e3;
}

.address-nav-wrap div {
    font-family    : "SourceHanSansSC-Normal";
    font-size      : 22px;
    font-weight    : normal;
    font-stretch   : normal;
    line-height    : 15px;
    letter-spacing : 1px;
    color          : #2f2f2f;
    display        : flex;
    justify-content: center;
    align-items    : center;
    width          : 181px;
    cursor         : pointer;
}

.activeaddress {
    color   : #f3561f !important;
    position: relative;

}

.place-left {
    font-size: 0;
}

.place-right {
    font-size: 0;
}

.place-left img {
    width : 620px;
    height: 374px;
}

.place-right .img {
    width : 620px;
    height: 261px;
}



.place-address2 {
    font-size  : 16px;
    margin-left: 62px;

}

.place-bottom2 {
    display        : flex;
    justify-content: center;
    align-items    : center;
    margin-top     : 6px;
}

.place-right-img {

    width     : auto;
    height    : auto;
    max-width : 100%;
    max-height: 100%;
}

.place-bottom2 img {
    width : 60px;
    height: 29px;
}

.place-bottom2 span {
    display       : block;
    font-family   : "SourceHanSansSC-Normal";
    font-size     : 14px;
    font-weight   : normal;
    font-stretch  : normal;
    line-height   : 18px;
    letter-spacing: 0px;
    color         : #ffffff;
}

.talents-introduction-wrap {
    background-color: #f2f2f2;
}

.activeaddress:after {
    content   : "";
    display   : inline-block;
    height    : 3px;
    width     : 41px;
    background: #ff7500;
    position  : absolute;
    bottom    : 0;
    left      : 69px;
    top       : -2px;
}

.talents-introduction-wrap .talents-introduction-detail .title {

    height        : 32px;
    font-size     : 28px;
    font-weight   : 600;
    color         : #252423;
    line-height   : 32px;
    /* padding-top: 90px; */
    padding-bottom: 10px;
}



.talents-introduction-wrap .talents-introduction-detail .particulars {
    height: 471px;
}

.talents-introduction-wrap .talents-introduction-detail .particulars .left-side {
    width          : 246px;
    height         : 455px;
    background     : url(/static/official/images/left.png) no-repeat;
    background-size: 100% 100%;
    position       : relative;
}

.talents-nav-wrap {
    border-top: #E3E3E3 2px solid;
    display   : flex;
    margin-top: 51px;
}

.talents-nav-wrap .talents-nav-item {
    position      : relative;
    margin        : 0 50px 0 24 px;
    padding       : 15 px 0;
    font-size     : 20px;
    color         : #252423;
    display       : inline-block;
    cursor        : pointer;
    flex          : 1;
    font-family   : "SourceHanSansSC-Regular";
    font-size     : 22px;
    font-weight   : normal;
    font-stretch  : normal;
    /* line-height: 15px; */
    letter-spacing: 1px;
    color         : #2f2f2f;
    text-align    : center;
    padding-top   : 16px;
}

.activetalents {
    font-family   : "SourceHanSansSC-Medium" !important;
    font-size     : 22px;
    font-weight   : normal;
    font-stretch  : normal;
    /* line-height: 15px; */
    letter-spacing: 1px;
    color         : #f3561f !important;
}

.activetalents:after {
    content   : "";
    display   : inline-block;
    height    : 3px;
    width     : 183px;
    background: #ff7500;
    position  : absolute;
    bottom    : 0;
    left      : 119px;
    top       : -2px;
}

.particulars {
    display: flex;
}

.left-content {
    width: 411px;
    flex : 1;
}


#talents-box {
    margin-top       : 43px;
    margin-left      : 60px;
    /* padding-bottom: 173px; */
}

.details p {
    font-family   : "SourceHanSansSC-Medium";
    font-size     : 16px;
    font-weight   : normal;
    font-stretch  : normal;
    line-height   : 23px;
    letter-spacing: 1px;
    color         : #4c4c4c;
}

.bottom-wrap {
    height          : 370px;
    background-color: #212121;
    overflow        : hidden;
}

.bottom-wrap .bottom-introduction-detail {
    margin-top: 50px;
}

.bottom-wrap .bottom-introduction-detail .footer-logo {
    display        : flex;
    justify-content: center;
    align-items    : center;

}

.footer-nav-detail {
    display        : flex;
    justify-content: center;
    align-items    : center;
    margin-top     : 35px;
    font-family    : 'SourceHanSansSC';
}

.footer-nav-detail2 {
    display        : flex;
    justify-content: center;
    align-items    : center;
    font-family    : 'SourceHanSansSC';
    margin-top     : 15px;
    margin-bottom  : 10px;
}

.footer-nav-item-wrap {
    /* margin-top: 30px; */
    font-family: 'SourceHanSansSC';
}

.footer-nav-item-wrap p {
    display        : flex;
    justify-content: center;
    align-items    : center;
    /* height      : 75px; */
    font-family    : 'SourceHanSansSC';
    font-size      : 14px;
    font-weight    : normal;
    font-stretch   : normal;
    line-height    : 30px;
    letter-spacing : 0px;
    color          : #585858;

}

.fixation-wrap {
    position: fixed;
    top     : 40%;
    right   : 96px;
}

.weixin-detail {
    width           : 54px;
    height          : 54px;
    position        : relative;
    display         : flex;
    justify-content : center;
    align-items     : center;
    background-color: #d6d6d6;
    border-radius   : 5px;
}

.weixin-detail .weixin-code {
    width : 33px;
    height: 27px;
}

.weixin-detail:hover {
    background-color: #fa5f12;
    border-radius   : 5px;
    cursor          : pointer;
}

.weixin-detail:hover .show-code {
    display: block;
    cursor : pointer;

}

.weixin-detail:hover .show-code .Accounts {
    display : block;
    cursor  : pointer;
    position: absolute;
    left    : 6px;
    top     : 1px;
    width   : 150px;
    height  : 148px;
}

.show-code {
    display        : none;
    position       : absolute;
    top            : -162px;
    width          : 162px;
    height         : 166px;
    right          : -48px;
    background-size: 100%;
}

.weixin-detail img {
    width : 100%;
    height: 100%;
}

.fixation-detail {
    width     : 54px;
    height    : 54px;
    margin-top: 13px;
}

.fixation-detail img {
    width : 100%;
    height: 100%;
}

.fixation-detail:hover .img1 {
    display: none;
}

.fixation-detail .img2 {
    display: none;
}

.fixation-detail:hover .img2 {
    display: block;
}

.culture-goal-wrap .company-introduction-detail {
    display       : flex;
    padding-top   : 90px;
    /* height     : 32px;
    font-size     : 28px;
    font-weight   : 600;
    color         : #252423;
    line-height   : 32px;
    margin-left   : 20px;
    padding-top   : 90px;
    padding-bottom: 50px; */
}

.culture-goal-wrap .company-introduction-detail .synopsis .title {

    height        : 32px;
    font-size     : 28px;
    font-weight   : 600;
    color         : #252423;
    line-height   : 32px;
    padding-bottom: 50px;
}

.culture-goal-detail {
    position: relative;
    height  : 100%;
}

.culture-goal-wrap .culture-goal-detail .goal-item {
    background-color  : #FBFBFB;
    width             : 400px;
    height            : 252px;
    float             : left;
    margin-right      : 20px;
    -webkit-transition: opacity 0.4s ease;
    transition        : opacity 0.4s ease;
    position          : relative;
}

.culture-goal-wrap .culture-goal-detail .goal-item .item-wrap {
    margin     : 50px 40px 0 40px;
    font-weight: 600;
}

.culture-goal-wrap .culture-goal-detail .goal-item .gola-cn-name {
    position : relative;
    z-index  : 2;
    font-size: 36px;
    color    : #252423;
}

.culture-goal-wrap .culture-goal-detail .goal-item .gola-en-name {
    position : relative;
    z-index  : 2;
    margin   : 10px 0 20px 0;
    font-size: 28px;
    color    : #f3561f;
}

.culture-goal-wrap .culture-goal-detail .goal-item span {
    position : relative;
    z-index  : 2;
    width    : 100%;
    border   : 1px solid #E3E3E3;
    display  : block;
    font-size: 0;
    opacity  : 0.8;
}

.culture-goal-wrap .culture-goal-detail .goal-item .gola-desc {
    position   : relative;
    z-index    : 2;
    margin-top : 10px;
    font-size  : 14px;
    font-weight: 300;
    color      : #252423;
    line-height: 20px;
}

.culture-goal-wrap .culture-goal-detail .goal-item .hover-bg {
    position          : absolute;
    top               : 0;
    left              : 0;
    bottom            : 0;
    right             : 0;
    width             : 100%;
    height            : 100%;
    opacity           : 0;
    z-index           : 1;
    filter            : alpha(opacity=0);
    -webkit-transition: opacity 0.3s ease-out;
    transition        : opacity 0.3s ease-out;
}

.culture-goal-wrap .culture-goal-detail .current .gola-cn-name {
    color: #fff;
}

.culture-goal-wrap .culture-goal-detail .current .gola-en-name {
    color: #fff;
}

.culture-goal-wrap .culture-goal-detail .current span {
    border-color: #fff;
}

.culture-goal-wrap .culture-goal-detail .current .gola-desc {
    color: #fff;
}

.culture-goal-wrap .culture-goal-detail .current .hover-bg {
    opacity: 1;
    bottom : 0;
    filter : alpha(opacity=100);
}