
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
article, aside, details, figcaption,figure, footer, header, hgroup, main, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden], template {display: none;}
a {background: transparent;}
a:active, a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
dfn {font-style: italic;}
h1, h2, h3, p, ul, ol, li, dl, dt, dd {margin: 0;padding: 0;}
h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.17em;}
h4 {margin: 0;padding: 0;}
ul, ol {list-style: none;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;vertical-align: top;line-height: 1;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;padding: 0;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace, monospace;font-size: 1em;}
button, input, optgroup, select, textarea {color: inherit;font: inherit;margin: 0;}
input {border: none;}
button {overflow: visible;margin: 0;padding: 0;border: none;background: transparent;}
button,
select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"],
input[type="radio"] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td, th {padding: 0;}
h1, h2, h3, h4, p, figure, section, article, ul, ol, li, dl, dt, dd {margin: 0;padding: 0;}
h1, h·2, h3, h4 {font-size: 18px;line-height: 1.4;}
ul, ol {list-style: none;}
img {line-height: 1;vertical-align: top;}
abbr, address, article, aside, audio, b, blockquote, body, body div, caption, cite, code, dd, del, details, dfn, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {margin: 0;padding: 0;border: 0;font-size: 100%;font-weight: 400;vertical-align: baseline;background: 0 0;}
*, :after, :before {box-sizing: inherit;}
a{color: #3e3a39;text-decoration: none;}
.is-block, article, aside, details, figure, footer, header, hgroup, hr, nav, pre code, section, summary {display: block;}
.is-block, article, aside, details, figure, footer, header, hgroup, hr, nav, pre code, section, summary {display: block;}
html {
    box-sizing: border-box;
    background: #FFF;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    overflow-y: scroll;
    text-rendering: optimizeLegibility;
    font-size: 14px;
    min-width: 780px;
    font-family: 'regular';
}
@media screen and (min-width: 768px){
    html {
        font-size: 1.5625vw;
    }
}
@media screen and (min-width: 1180px){
    html {
        font-size: 18px!important;
    }
}
@media only screen and (max-width: 767px) and (min-width: 550px){
    html {
        font-size: 2.1818181818vw;
    }
}
body, html{
    font-weight: 400;
    margin: 0;
    padding: 0;
}
body {
    line-height: 1.428571428571429;
}
body, button, input, select, textarea{

}
.column {
    -ms-flex: 1;
    flex: 1;
}
#context-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    margin: 0 auto;
    white-space: nowrap;
    opacity: 1;
    background-color: transparent;
    transition: background-color .3s ease,opacity .3s;
}
#context-header.index-context-header{
    background: rgba(0,0,0,0);
}
#context-header.revealed {
    position: fixed;
    background-color: #ffffff;
    border-bottom: 1px solid #ececec;
}
.context-header .nav-item {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    z-index: 101;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 5px 0;
    position: relative;
    color: #FFF;
    cursor: pointer;
    -moz-user-select: none;
    user-select: none;
}
#context-header nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    height: 120px;
    margin-left: 6%;
    margin-right: 6%;
    white-space: nowrap;
    opacity: 1;
    transition: opacity .3s;
    font-size: 14px;
    padding: 5px 0 30px;
}
#context-header.tall-context-header nav{
    height: 120px;
    padding: 5px 0 30px;
}
#context-header.index-context-header:hover{
    background-color: rgba(255,255,255,.4);
}
.index-context-header:hover .company-name, .index-context-header:hover .current-location, .index-context-header:hover .section-name {
    opacity: 1;
}
#context-header.index-context-header.revealed:hover{
    background-color: rgba(255,255,255,1);
}
@media screen and (max-width: 767px){
    #context-header nav .nav-item {
        display: none;
    }
    #context-header nav .nav-item.hamburger-menu{
        display: -ms-flexbox;
        display: flex;
    }
}
.context-header .company-name {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    /*text-transform: uppercase;*/
    text-align: left;
}
.context-header .company-name, .context-header .current-location, .context-header .office-logo, .context-header .section-name {
    opacity: 0;
    transition: opacity .3s ease;
    font-family: 'regular';
}
.index-context-header.revealed .company-name, .index-context-header.revealed .current-location, .index-context-header.revealed .section-name {
    opacity: 1;
    font-weight: bold;
}
@media screen and (min-width: 768px){
    .context-header .current-location .office-name {
        margin-left: 1em;
        padding-left: 1em;
        border-left: 1px solid #FFF;
    }
}
#context-header .anim-hamburger {
    position: relative;
    transform: rotate(0);
    cursor: pointer;
}
#context-header .section-name-container {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 1em 0 0;
    text-align: right;
    cursor: default;
}
.context-header .logo-item{
    border-right: 1px solid #FFF;
    margin-right: 1.25em;
    padding: 0;
}
#context-header .logo-item span{
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    margin-right: 1.25em;
}
#context-header.tall-context-header .logo-item span{
    width: 49px;
    height: 49px;
}
.index-context-header .logo-item span{
    background: url("../img/logo.png")no-repeat center;
    background-size: contain;
}
.index-context-header.revealed .logo-item span{
    background: url("../img/logo5.png")no-repeat center;
    background-size: contain;
}
#context-header .logo-item img{
    width: 100%;
    display: block;
}
@media screen and (min-width: 768px){
    .index-context-header.revealed .current-location .office-name, .index-context-header.revealed .logo-item{
        border-color: #eb1157;
        font-weight: bold;
    }
}
#context-header .nav-icon>div{
    width: 32px;
    height: 32px;
}
#context-header.tall-context-header .nav-icon>div{
    width: 49px;
    height: 50px;
}
#context-header .anim-hamburger span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 3px;
    width: 100%;
    background: currentColor;
    opacity: 1;
    transform: rotate(0);
    transition: .3s ease-in-out;
    border-radius: 3px;
}
#context-header.tall-context-header .anim-hamburger span{
    height: 6px;
}
#context-header .anim-hamburger span:nth-child(1) {
    top: 15%;
    margin-top: -2px;
}
#context-header .anim-hamburger span:nth-child(2), #context-header .anim-hamburger span:nth-child(3) {
    top: 50%;
    margin-top: -3px;
}
#context-header .anim-hamburger span:nth-child(4) {
    top: 85%;
    margin-top: -3px;
}
#context-header .open .anim-hamburger span:nth-child(1), #context-header .open .anim-hamburger span:nth-child(4) {
    top: 50%;
    width: 0%;
    left: 50%;
}
#context-header .open .anim-hamburger span:nth-child(2) {
    transform: rotate(45deg);
}
#context-header .open .anim-hamburger span:nth-child(3) {
    transform: rotate(-45deg);
}
.index-context-header.revealed .current-location a, .index-context-header.revealed .nav-item, .index-context-header.revealed .section-name, .index-context-header.revealed .section-name a {
    color: #eb1157;
}
.wrap{
    margin-top: 120px;
}
.wrap.index-wrap{
    margin-top: 0;
}
#wrap img{
    display: block;
    width: 100%;
}
.preview-sections{
    margin: 3px 0 130px;
    overflow: hidden;
}
.preview-sections  .preview-sect{
    position: relative;
    box-sizing: border-box;
}
.preview-sections .preview-sect-work{
    -ms-flex: 0 1 47%;
    flex: 0 1 47%;
    padding: 12.4% 0;
}
.preview-sections .preview-sect-culture{
    -ms-flex: 0 1 26.5%;
    flex: 0 1 26.5%;
    padding: 12.4% 0;
}
.preview-sections .preview-sect-culture a{
    margin-left: 3px;
}
.preview-sections .preview-sect-recruit{
    -ms-flex: 0 1 26.5%;
    flex: 0 1 26.5%;
    padding: 12.4%;
}
.preview-sections .preview-sect-recruit a{
    margin-left: 6px;
}
.preview-sections  .preview-sect>a{
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    text-align: center;
}
.preview-sections  .preview-sect:nth-of-type(odd)>a{
    background: #eb1157;
}
.preview-sections  .preview-sect:nth-of-type(even)>a{
    background: #ce8a58;
}
.preview-sections  .preview-sect a{
    display: block;
}
.preview-sections  .preview-sect .swiper-container{
    height: 100%;
}
.preview-sections  .preview-sect .swiper-container .swiper-slide{
    position: relative;
}
.preview-sections  .preview-sect p{
    width: 100%;
}
.preview-sections  .preview-sect .preview-sect-title{
    position: absolute;
    top: 13%;
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fefefe;
    font-family: 'medium';
    /*font-size: 32px;*/
    font-size: 1.55rem;
}
.preview-sections  .preview-sect .preview-sect-title:before{
    content: '';
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    background: url(../img/icon3.png)no-repeat;
    background-size: auto 2.5rem;
    vertical-align: middle;
    margin-right: 5px;
}
.preview-sections  .preview-sect:nth-of-type(2) .preview-sect-title:before{
    background-position: 50% center;
}
.preview-sections  .preview-sect:nth-of-type(3) .preview-sect-title:before{
    background-position: 100% center;
}
.preview-sections  .preview-sect .preview-sect-descr{
    position: absolute;
    padding-bottom: 5px;
    color: #4d4d4d;
    z-index: 10;
    top: 48%;
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    font-size: 1.45rem;
    font-family: 'regular';
}
.preview-sections .preview-sect .preview-sect-descr:after{
    content: '';
    display: inline-block;
    height: .08em;
    background: #fefefe;
    position: absolute;
    bottom: -.4em;
    left: 50%;
    width: 1.8em;
    margin-left: -.9em;
}
.preview-sections  .preview-sect .preview-sect-sort{
    position: absolute;
    top: calc(48% + 2em);
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fefefe;
    font-family: 'medium';
    font-size: 1.45rem;
    margin-top: 12px;
}
@media screen and (max-width: 767px){
    .preview-sections{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .preview-sections .preview-sect-work{
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        margin: .25em 0;
    }
    .preview-sections .preview-sect-culture, .preview-sections .preview-sect-recruit{
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
    }
}
.article{
    width: 84%;
    margin: 0 auto;
    text-align: center;
}
@media screen and (min-width: 768px){
    .article{
        width: 80%;
    }
    .work-wrap .article{
        width: 88%;
    }
}
@media screen and (min-width: 980px){
    .work-wrap .article{
        width: 925px;
    }
}
@media screen and (min-width: 1180px){
    .index-wrap .article{
        width: 66%;
    }
    .article{
        width: 60%;
    }
    .work-wrap .article{
        width: 900px;
    }
}
@media screen and (min-width: 1500px){
    .index-wrap .article{
        width: 60%;
    }
}
.article .article-top h1{
    position: relative;
    padding: 33px 0 30px;
    margin: 0 0 1rem;
    font-size: 2rem;
    font-family: 'medium';
    color: #3a3e42
}
.article .article-top h1:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1.5em;
    margin-left: -.8em;
    border-bottom: 9px solid #eb1157;
    box-sizing: inherit;
}
.index-wrap .example-cont{
    position: relative;
}
.index-wrap .example-cont:before{
    content: '';
    display: inline-block;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top:0;
    height: 50px;
    background: -webkit-linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,0));
    background: -moz-linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,0));
    background: -ms-linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,0));
    background: -o-linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,0));
    background: linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,0));
}
.index-wrap .dynamic-cont .dynamic-cont-top h1{
    padding: 15px 0 16px;
    font-size: 2.25rem;
    margin-bottom: 22px;
}
.index-wrap .dynamic-cont .dynamic-cont-top h1:after{
    border-bottom: .2em solid #eb1157;
}
.index-wrap .dynamic-cont  .dynamic-list{
    text-align: left;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-bottom: 30px;
}
@media screen and (min-width: 550px){
    .index-wrap .dynamic-cont  .dynamic-list{
        display: -ms-flexbox;
        display: flex;
    }
}
.index-wrap .dynamic-cont  .dynamic-list li{
   /* padding: .5em 0;
    -ms-flex: none;
    flex: none;
    width: 33.3333%;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;*/
}
@media screen and (min-width: 768px){
    .column.is-one-third{
        -ms-flex: none;
        flex: none;
        width: 33.3333%;
    }
    .dynamic-list .column {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}
@media only screen and (max-width: 767px) and (min-width: 550px){
    .dynamic-list .column {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}
.index-wrap .dynamic-cont  .dynamic-list li a{
    display: block;
    text-decoration: none;
}
.index-wrap .dynamic-cont-mid{
    margin: 0 0 130px;
}
.index-wrap .dynamic-cont .dynamic-list  .card{
    position: relative;
    margin: 5px 0;
}
.index-wrap .dynamic-cont .dynamic-list .info-beneath{
    top: 0;
    transition: top .4s;
}
.index-wrap .dynamic-cont .info-beneath:hover{
    top: -6px;
    transition: top .4s;
}
.index-wrap .dynamic-cont  .dynamic-list .card-content{
    padding: 0 2%;
}
.index-wrap .dynamic-cont  .dynamic-list .card-content p{
    font-family:'medium';
    color: #3e3a39;
    font-size: 1.3rem;
}
.index-wrap .dynamic-cont  .dynamic-list .card-content span{
    color: #898989;
    font-size: 1rem;
    font-family: 'regular';
}
.index-wrap  .company-culture{
    margin-bottom: 130px;
}
.index-wrap  .company-culture .company-culture-top{
    margin-bottom: 32px;
}
.index-wrap  .company-culture .cont-box{
    position: relative;
    border: 2px solid #d60051;
    line-height: 2;
    padding: 30px 0;
}
.index-wrap  .company-culture .cont-box:before{
    content: '';
    display: inline-block;
    width: 70px;
    height: 62px;
    background: url(../img/icon5.png)no-repeat center;
    background-size: contain;
    position: absolute;
    top: 65px;
    left: 10px;
    transform: scale(-1,-1);
    -webkit-transform: scale(-1,-1);
}
.index-wrap  .company-culture .cont-box:after{
    content: '';
    display: inline-block;
    width: 70px;
    height: 62px;
    background: url(../img/icon5.png)no-repeat center;
    background-size: contain;
    position: absolute;
    right: 10px;
    bottom: 46px;
}
.index-wrap  .company-culture h2{
    color: #d60051;
    font-size: 1.75rem;
    font-weight: bold;
    font-family: 'medium';
}
.index-wrap  .company-culture .cont{
    font-size: 1.3rem;
    font-family: 'regular';
}
.foot-nav {
    position: relative;
    background: #eb1157;
    color: #fff;
    padding: 60px 15px;
    clear: both;
    font-size: 14px;
    /*background: url("../img/1.png")no-repeat center top;*/
    /*background-size: 100% auto;*/
}
@media screen and (min-width: 768px){
    .foot-nav{
        padding: 128px 12.5% 50px 12%;
    }
}
.foot-nav .foot-nav-cont{
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}
.foot-nav .foot-nav-cont>div a{
    display: inline-block;
    color: #ffffff;
}
.foot-nav .foot-nav-cont .foot-nav-left{
    text-align: left;
    flex: 0 0 30%;
    -webkit-flex: 0 0 30%;
}

.foot-nav .foot-nav-cont .foot-nav-left>div:not(:first-child){
    margin-top: 14px;
}
.foot-nav .foot-nav-cont .foot-nav-left>div:nth-of-type(2){
    margin-top: 20px;
}
.foot-nav .foot-nav-cont .foot-nav-left a img{
    width: 34px;
}
.foot-nav .foot-nav-cont .foot-nav-left span{
 font-family: 'regular';
}
.foot-nav .foot-nav-cont .foot-nav-right{
    text-align: right;
    flex: 1;
    -webkit-flex: 1;
}
.foot-nav .foot-nav-cont .foot-nav-right p{
    margin: 10px -1em 0 0;
    font-family: 'medium';
}
.foot-nav .foot-nav-cont .foot-nav-right p:nth-of-type(1){
    font-family: 'medium';
    margin:10px 0 15px;
    font-size: 18px;
    color: black;
}
.foot-nav .foot-nav-cont .foot-nav-right a img{
    /*width: 98px;*/
}
.mask{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 900;
}
#global-nav {
    position: fixed;
    right: 0;
    top: -100%;
    bottom: 100%;
    z-index: 981;
    width: 20em;
    overflow: hidden;
    text-align: left;
    background-color: #EDF1F4;
    border: 1px solid #E5E5E5;
    opacity: 0;
    transition: all .2s ease-in;
}
#global-nav.open {
    opacity: 1;
    top: 70px;
    bottom: 0;
}
#global-nav.tall-open{
    top: 120px;
}
.hide{
    display: none;
}
.main-menu .slide{
    padding: 1.5em;
}
.menu-desktop .menu-label{
    display: block;
    margin: 10px 0;
    font-size: 1rem;
    font-family: 'regular';
}
.menu-desktop .menu-label:hover{
    color: #eb1157;
}
.swiper-pagination-bullet{
    width: 20px;
    height: 3px;
    display: inline-block;
    border-radius: 2px;
    background: #fff;
    opacity: .6;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #eb1157;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background-image: url('../img/button-next.png');
    left: 8%;
    right: auto;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url('../img/button-prev.png');
    right: 8%;
    left: auto;
}
.swiper-button-next, .swiper-button-prev{
    position: absolute;
    top: 50%;
    width: 23px;
    height: 38px;
    margin-top: -19px;
    z-index: 10;
    cursor: pointer;
    background-size: 23px 37px;
    background-position: center;
    background-repeat: no-repeat;
}
/*作品*/
#context-header.work-header{
    background: #eb1157;
}
.work-wrap .work-list:after{
    clear: both;
    content: '';
    display: block;
    height: 100px;

}
.entry  .item{
    position: relative;
    float: left;
}
.work-wrap .entry  .item{
    margin: .38em 0;
}
@media screen and (min-width: 768px){
    .narrow {
        width: calc(33.33% - .58em);
    }
}
@media screen and (max-width: 767px){
    .narrow {
        width: calc(50% - .5em);
    }
}
@media screen and (min-width: 768px){
    .wide {
        width:calc(66.66% - .4em);
    }
}
@media screen and (max-width: 767px){
    .wide {
        width: 100%;
    }
}
@media screen and (min-width: 768px){
    .short{
        height: 0;
        padding-top: calc(33.33% - .58em);
    }
}

@media screen and (min-width: 768px){
    .work-wrap .work-list .item.short:nth-child(2),
    .work-wrap .work-list .item.short:nth-child(3){
        padding-top: calc(33.33% - .56em);
    }
}
@media screen and (min-width: 768px){
    .tall {
        padding-top: calc(66.66% - .4em);
        height: 0;
    }
}
@media screen and (max-width: 767px){
    .tall {
        padding-top: 100%;
        height: 0;
    }
}
@media screen and (min-width: 768px){
    .work-wrap .work-list .item:nth-child(2),
    .work-wrap .work-list .item:nth-child(3),
    .work-wrap .work-list .item:nth-child(5),
    .work-wrap .work-list .item:nth-child(7),
    .work-wrap .work-list .item:nth-child(8),
    .work-wrap .work-list .item:nth-child(10),
    .work-wrap .work-list .item:nth-child(12){
        margin-left: .76em;
    }
    .work-wrap .work-list .item.had-margin-left{
        margin-left: .76em;
    }
}
@media screen and (max-width: 767px){
    .short {
        padding-top: 50%;
    }
    .work-wrap .work-list .item:nth-child(3),
    .work-wrap .work-list .item:nth-child(6),
    .work-wrap .work-list .item:nth-child(8),
    .work-wrap .work-list .item:nth-child(11){
        margin-left: .76em;
    }
}
@media screen and (max-width: 767px){
    .dynamic-wrap .article{
        width: 96%;
    }
}
.dynamic-wrap .entry .item{
    margin-bottom: 5px;
}
@media screen and (max-width: 767px){
    .dynamic-wrap .entry .wide{
        width: 100%;
    }
    .dynamic-wrap .entry .narrow {
        width: calc(50% - .5em);
    }
}
.entry .item a{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    box-shadow: none;
}
.entry  .item .pic{
    width: 100%;
    display: block;
    transition-duration: .4s;
    -moz-transition-duration: .4s; /* Firefox 4 */
    -webkit-transition-duration: .4s; /* Safari å’Œ Chrome */
    -o-transition-duration: .4s;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}
.entry  .item:hover .pic{
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -o-transform:scale(1.05);
}
.work-wrap .entry .item  a>p{
    opacity: 0;
}
.entry  .item .client{
    font-size: .8rem;
    opacity: 0;
    z-index: 2;
    padding: 10px;
    position: absolute;
    width: 90%;
    left: 5%;
    top: 8%;
    color: #cbcbcb;
    text-align: center;
    transition-duration: .4s;
    -moz-transition-duration: .4s;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
}
.work-wrap .entry  .item.tall .client{
    font-size: 1rem;
}
.work-wrap .entry  .item.tall .desc span{
    font-size: 1.23rem;
}
.work-wrap .entry  .item.tall .title{
    font-size: 1rem;
}
.entry  .item:hover .client{
    top: 12%;
    opacity: 1
}
.entry  .item.tall:hover .client{
    top: 25%;
    opacity: 1
}
.entry  .item .desc{
    z-index: 2;
    opacity: 0;
    position: absolute;
    width: 92%;
    left: 0;
    bottom:50%;
    color: #fff;
    text-align: center;
    transition-duration: .4s;
    -moz-transition-duration: .4s;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
}
.entry  .item .desc:after{
    content: '';
    display: block;
    height: 2px;
    background: #ffffff;
    left: 50%;
    position: absolute;
    bottom: -8px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.entry  .item.wide .desc:after{
    width: 65%;
}
.entry  .item.narrow .desc:after{
    width: 86%;
}
.entry  .item:hover .desc{
    opacity: 1;
    left:4%;
}
.entry  .item .desc span{
    font-size: 1rem;
}
.work-wrap .entry .item  span{
    display: block;
}
.entry  .item .title{
    font-size: .8rem;
    opacity: 0;
    z-index: 2;
    position: absolute;
    width: 90%;
    left: 5%;
    top: 70%;
    color: #cbcbcb;
    text-align: center;
    transition-duration: .4s;
    -moz-transition-duration: .4s;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
}
.entry  .item:hover .title{
    opacity: 1;
    top: 50%;
    margin-top: 24px;
}
.entry  .item .cover{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
    background: rgba(0,0,0,.7);
    opacity: 0;
    z-index:1;
    transition-duration: .4s;
    -moz-transition-duration: .4s;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
}
.entry  .item .top{
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    z-index: 3;
    height: 10px;
    background: #3e3a39;
    transition-duration: .4s;
    -moz-transition-duration: .4s; /* Firefox 4 */
    -webkit-transition-duration: .4s; /* Safari å’Œ Chrome */
    -o-transition-duration: .4s; /* Opera */
    display: none;
}
.entry  .item .right{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 10px;
    height: 0px;
    z-index: 3;
    background: #3e3a39;
    transition-duration: .4s;
    -moz-transition-duration: .4s; /* Firefox 4 */
    -webkit-transition-duration: .4s; /* Safari å’Œ Chrome */
    -o-transition-duration: .4s; /* Opera */
    display: none;
}
.entry  .item .bottom{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 10px;
    z-index: 3;
    background: #3e3a39;
    transition-duration: .4s;
    -moz-transition-duration: .4s; /* Firefox 4 */
    -webkit-transition-duration: .4s; /* Safari å’Œ Chrome */
    -o-transition-duration: .4s; /* Opera */
    display: none;
}
.entry  .item .left{
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 0px;
    z-index: 3;
    background: #3e3a39;transition-duration: .4s;
    -moz-transition-duration: .4s; /* Firefox 4 */
    -webkit-transition-duration: .4s; /* Safari å’Œ Chrome */
    -o-transition-duration: .4s; /* Opera */
    display: none;
}
.entry  .item:hover .top{width: 100%;opacity: 1}
.entry  .item:hover .right{height: 100%;opacity: 1}
.entry  .item:hover .bottom{width: 100%;opacity: 1}
.entry  .item:hover .left{height: 100%;opacity: 1}
.entry  .item:hover .cover{
    opacity: .8;
}
.work-wrap .entry  .item:hover .pic{filter: blur(2px);}
.work-wrap .bottom-text{text-align: center;font-size: 18px;margin-bottom: 30px;font-weight: lighter}

.work-wrap .recruit-welfare{
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    margin: 30px auto 8rem;
}
.work-wrap .recruit-welfare .recruit-welfare-left,.work-wrap .recruit-welfare .recruit-welfare-right{
    -ms-flex:1;
    flex: 1;
    color: #3a3e42;
}
.work-wrap .recruit-welfare .recruit-welfare-left{
    text-align: right;
    padding-top: 1.25rem;
}
.work-wrap .recruit-welfare .recruit-welfare-right{
    text-align: left;
    padding-top: 2.5rem;
}
.work-wrap .recruit-welfare h2{
    font-size: 2.35rem;
    line-height: 1;
    font-family: 'medium';
    color: #eb1157;
    font-weight: bold;
    margin: .75rem 0;
}

.work-wrap .recruit-welfare .recruit-welfare-right h2{
    color: #ce8a58;
}
.work-wrap .recruit-welfare h4{
    color: #c0c1c2;
}
.work-wrap .recruit-welfare p{
    font-size: 1rem;
}
.work-wrap .recruit-welfare .welfare1{
}
.work-wrap .recruit-welfare .welfare2{
    margin-top: 6.2rem;
}
.work-wrap .recruit-welfare .welfare3{
    margin-top: 6.5em;
}
.work-wrap .recruit-welfare .welfare4{
     margin-top: 6rem;
 }
.work-wrap .recruit-welfare .welfare5{
    margin-top: 6rem;
}
.work-wrap .recruit-welfare .welfare6{
    margin-top: 6.5rem;
}
.work-wrap .recruit-welfare .welfare7{
    margin-top: 7.5rem;
}
.work-wrap .recruit-welfare .welfare8{
    margin-top: 6rem;
}
.work-wrap .recruit-welfare .welfare9{
    margin-top: 6.5rem;

}
.work-wrap .recruit-welfare .welfare10{
    margin-top: 7.5rem;

}.work-wrap .recruit-welfare .welfare11{
    margin-top: 7.5rem;
}
.work-wrap .recruit-welfare .recruit-welfare-mid{
    flex: 0 0 3.6rem;
    -ms-flex: 0 0 3.6rem;
}
.work-wrap .recruit-welfare .recruit-welfare-mid span{
    font-size: 6rem;
    font-weight: bold;
    color: #e9e9e9;
    line-height: 1;
}
.work-wrap .rongyu{
    position: relative;
    width: 100%;
    margin-bottom: 5rem;
}
.work-wrap .rongyu .title{
    margin: 2rem auto;
}
/*end作品*/
/*联系我们*/
#context-header.contact-header{
    background: #eb1157;/* url(../img/logo4.png)no-repeat left bottom*/
    background-size: auto 86%;
}
.contact-wrap{
    font-size: 1.45rem;
    text-align: center;
}
.contact-wrap .article{
    width: 100% !important;
}
.contact-wrap .article .article-top h1{
    font-size: 1.8rem;
}
.contact-wrap .contact-main{
    margin: 0 auto 30px;
    /*width: 70%;*/
}
.contact-wrap .contact-main .machine-icons{
    width: 180px;
    position: relative;
    margin: 110px auto 10px;
}
.contact-wrap .contact-main .aboutus-icon1 {
    position: absolute;
    width: 32%;
    left: 53%;
    top: 16%;
    animation: xuanzhuan 5s linear 0s infinite;
    -webkit-animation: xuanzhuan 5s linear 0s infinite;
}
.contact-wrap .contact-main .aboutus-icon2 {
    position: absolute;
    width: 27%;
    left: 7%;
    top: 36%;
    animation: xuanzhuan 5s linear 0s infinite;
    -webkit-animation: xuanzhuan 5s linear 0s infinite;
}
.contact-wrap .contact-main .aboutus-icon3 {
    position: absolute;
    width: 24%;
    left: 36%;
    top: 46%;
    animation: xuanzhuan 5s linear 0s infinite;
    -webkit-animation: xuanzhuan 5s linear 0s infinite;
}
.contact-wrap .contact-main .aboutus-icon4 {
    position: absolute;
    width: 16%;
    left: 33%;
    top: 26%;
    animation: xuanzhuan 5s linear 0s infinite;
    -webkit-animation: xuanzhuan 5s linear 0s infinite;
}
@keyframes xuanzhuan{
    from{transform: rotate(0deg);}
    to{transform: rotate(360deg);}
}
@-webkit-keyframes xuanzhuan{
    from{-webkit-transform: rotate(0deg);}
    to{-webkit-transform: rotate(360deg);}
}
.contact-wrap .contact-main img.brain-icon{
    width: 13rem;
    display: inline-block;
    margin: 10px 0 10px;
}
.contact-wrap .contact-main p.title-msg{
    line-height: 2;
    margin-bottom: 2rem;
}
.contact-wrap .contact-main .contact-box{
    margin-bottom: 6rem;
}
.contact-wrap .contact-main p.contact-msg{
    margin-bottom: 35px;
}
.contact-wrap .contact-main p.contact-msg:before{
    content: '';
    display: block;
    width: 4rem;
    height: 4rem;
    margin: 0 auto;
    background-image: url("../img/icon2.png");
    background-repeat: no-repeat;
    background-size: 4rem auto;
}
.contact-wrap .contact-main .contact-box p:nth-of-type(1):before{
    background-position: 50% 0;
}
.contact-wrap .contact-main .contact-box p:nth-of-type(2):before{
    background-position: 50% 32.5%;
}
.contact-wrap .contact-main .contact-box p:nth-of-type(3):before{
    background-position: 50% 66.5%;
}
.contact-wrap .contact-main .contact-box p:nth-of-type(4):before{
    background-position: 50% 100%;
}
/*end联系我们*/
/*最新动态*/
#context-header.dynamic-header{
    background: #eb1157;
}
.dynamic-wrap .short {
    height: 0;
    padding-top: calc(33.33% + 3.5em);
}
@media screen and (max-width: 767px){
    .dynamic-wrap .short {
        padding-top: calc(50% + 3.5em);
    }
}
@media screen and (min-width: 768px){
    .dynamic-wrap .dynamic-list .item:nth-child(2),
    .dynamic-wrap .dynamic-list .item:nth-child(4),
    .dynamic-wrap .dynamic-list .item:nth-child(5),
    .dynamic-wrap .dynamic-list .item:nth-child(7){
        margin-left: .76em;
    }
}
@media screen and (max-width: 767px){
    .dynamic-wrap .dynamic-list .item:nth-child(3),
    .dynamic-wrap .dynamic-list .item:nth-child(5){
        margin-left: 1em;
    }
}
.dynamic-wrap .entry .item .pic{
    height:  calc(100% - 4.25em);
    bottom: auto;
    overflow: hidden;
    border: 1px solid #f0f0f0;
}
@media screen and (max-width: 767px){
    .dynamic-wrap .entry .item .pic{
        height:  calc(100% - 4em);
    }
    .dynamic-wrap .entry .item {
        margin-bottom: 0;
    }
}
.dynamic-wrap  .entry  .item:hover .pic{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
}
.dynamic-wrap .entry .item .pic img{
    width: 100%;
    height: 100%;
    transition-duration: .4s;
    -moz-transition-duration: .4s;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
}
.dynamic-wrap .entry .item .pic img:hover{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
}
.dynamic-wrap  .dynamic-msg{
    position: absolute;
    top: calc(100% - 4.1em);
    left: 0;
    width: 100%;
    text-align: left;
}
.dynamic-wrap  .dynamic-msg p.act-name{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #3e3a39;
    font-family: 'medium';
}
@media screen and (min-width: 1180px){
    .dynamic-wrap  .dynamic-msg p.act-name{
        /*font-size: 1.25rem;*/
    }
}
@media screen and (max-width: 767px){
    .dynamic-wrap  .dynamic-msg p.act-name{
        font-size: .9rem;
    }
}
.dynamic-wrap  .dynamic-msg span.act-time{
    color: #898989;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 90%;
}
@media screen and (max-width: 767px){
    .dynamic-wrap  .dynamic-msg span.act-time{
        font-size: .75rem;
    }
}
/*end最新动态*/
/*招聘*/
#context-header.recruit-header{
    background: #eb1157;
    background-size: auto 86%;
}
.recruit-wrap .article{
    width: 96%;
}
.recruit-wrap .recruit-main{
    margin: 0 auto 20px;
}
.recruit-wrap .recruit-main .recruit-top p{
    color: #3a3e42;
    line-height: 1.8;
    font-size: 1.38rem;
}
.recruit-wrap .recruit-main .recruit-top p:nth-of-type(2){
    margin: 3rem auto;
}
.recruit-wrap .recruit-main img{
    width:80%;
}
@media screen and (min-width: 1180px){
    .recruit-wrap .recruit-main img{
        width: 900px;
    }
}

.recruit-wrap .recruit-mid .recruit-mid-title {
    color: #eb1157;
    border: 2px solid #eb1157;
    display: inline-block;
    font-size: 1.25rem;
    padding: 6px 9rem;
    margin: 100px 0 80px;
}
.recruit-wrap .recruit-mid .recruit-mid-foot{
}
.recruit-wrap .recruit-mid  h5{
    color: #9bb6c9;
    font-size: 1.5rem;
    margin-top:3rem;
}
.recruit-wrap .recruit-mid h5:after{
    content: '';
    width: 1rem;
    height: 2px;
    background: #9bb6c9;
    display: block;
    margin: 8px auto 0;
}
.recruit-wrap .recruit-mid a{
    color: #3a3e42;
}
.recruit-wrap .recruit-welfare{
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    margin: 30px auto 4rem;
}
.recruit-wrap .recruit-welfare .recruit-welfare-left,.recruit-wrap .recruit-welfare .recruit-welfare-right{
    -ms-flex:1;
    flex: 1;
    color: #3a3e42;
}
.recruit-wrap .recruit-welfare .recruit-welfare-left{
    text-align: right;
    padding-right: 1.5em;
}
.recruit-wrap .recruit-welfare .recruit-welfare-right{
    text-align: left;
    padding-left: 1.5em;
}
.recruit-wrap .recruit-welfare h1{
    font-size: 1.75rem;
    line-height: 1;
    font-family: 'medium';
}
.recruit-wrap .recruit-welfare h3{
    font-size: 1.15rem;
    font-family: 'medium';
}
.recruit-wrap .recruit-welfare h4{
    color: #c0c1c2;
}
.recruit-wrap .recruit-welfare p{
    font-size: .9rem;
}
.recruit-wrap .recruit-welfare .welfare1{
}
.recruit-wrap .recruit-welfare .welfare2{
    margin-top: 6.3rem;
}
.recruit-wrap .recruit-welfare .welfare3{
    margin-top: 5.5em;
}
.recruit-wrap .recruit-welfare .welfare4{
    margin-top: 6.5rem;
}
.recruit-wrap .recruit-welfare .welfare5{
    margin-top: 5.5rem;
}
.recruit-wrap .recruit-welfare .welfare6{
    margin-top: 8.5rem;
}
.recruit-wrap .recruit-welfare .welfare7{
    margin-top: 7rem;
}
.recruit-wrap .recruit-welfare .recruit-welfare-mid{
    flex: 0 0 3.6rem;
    -ms-flex: 0 0 3.6rem;
}
.recruit-wrap .recruit-welfare .recruit-welfare-mid span{
    font-size: 6rem;
    font-weight: bold;
    color: #e9e9e9;
    line-height: 1;
}
/*end招聘*/
/*企业文化*/
#context-header.culture-header{
    background: #eb1157;
    background-size: auto 86%;
}
.culture-wrap .article{
    width: 100%;
}
.culture-wrap .culture-cont{
    width: 66.4%;
    margin: 108px auto 118px;
}
.culture-wrap .culture-cont .culture-container{
    width: 100%;
}
.culture-wrap .culture-cont .culture-container img{
    width: 100%;
}
.culture-wrap  .culture-main{
    margin-bottom: 5rem;
}
.culture-wrap  .culture-main p{
    font-family: 'regular';
}
.culture-wrap  .culture-main .item h1{
    font-size: 1.65rem;
    font-weight: unset;
    font-family: 'medium';
    color: #4d4d4d;
}
.culture-wrap  .culture-main .item h1:before{
    content: '';
    width: 6px;
    height: 1.2em;
    background: #eb1157;
    display: inline-block;
    vertical-align: sub;
    margin-right: .3em;
}
.culture-wrap  .culture-main .item h2{
    font-size: 1.35rem;
    color: #eb1157;
    margin: 27px auto 15px;
}

.culture-wrap  .company-customer h3{
    font-size: 1.35rem;
    color: #ce8a58;
    margin: 27px auto 15px;
}
.culture-wrap  .culture-main .company-brief{
    width: 66%;
    margin: 0 auto;
    text-align: left;
}
.culture-wrap  .culture-main .company-brief p{
    font-size: 1.35rem;
    line-height: 1.7;
}
.culture-wrap  .culture-main .company-brief p span{
    color: #eb1157;
}
.culture-wrap  .culture-main .company-goodness{
    background: #f5f8f9;
    margin: 33px auto;
    padding: 39px 16.8%;
    text-align: left;
}
.culture-wrap .culture-main .company-goodness.item h1{
    margin-bottom: 42px;
}
.culture-wrap  .culture-main .company-goodness img{
    width: 90%;
}
.culture-wrap .item-bg{
    background: #f5f8f9;
}
.culture-wrap  .culture-main .company-goodness div{
    position: relative;
}
.culture-wrap  .culture-main .company-goodness p{
    position: absolute;
    font-family: 'medium';
    font-size: 1.16rem;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.culture-wrap  .culture-main .company-goodness .txt1{
    top: 52%;
    left: 10.5%;
    width: 11em;
    padding-top: 1rem;
}
.culture-wrap  .culture-main .company-goodness .txt2{
    bottom: 53%;
    left: 36.8%;
    width: 13em;
    padding-bottom: 1rem;
}
.culture-wrap  .culture-main .company-goodness .txt3{
    top: 55%;
    left: 65.6%;
    width: 16em;
    margin-top: 1rem;
}
.culture-wrap  .culture-main .company-goodness .txt4{
    bottom: 54%;
    left: 89.3%;
    width: 13em;
    padding-bottom: 1rem;
}
.culture-wrap .culture-main .company-customer{
    padding: 39px 16%;
    text-align: left;
}
.culture-wrap .culture-main .company-customer img{
    width: 100%;
    padding: 0 1rem;
}
.culture-wrap .recruit-welfare{
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    margin: 30px auto 8rem;
}
.culture-wrap .recruit-welfare .recruit-welfare-left,.culture-wrap .recruit-welfare .recruit-welfare-right{
    -ms-flex:1;
    flex: 1;
    color: #3a3e42;
}
.culture-wrap .recruit-welfare .recruit-welfare-left{
    text-align: right;
    padding-top: 1.25rem;
}
.culture-wrap .recruit-welfare .recruit-welfare-right{
    text-align: left;
    padding-top: 2.5rem;
}
.culture-wrap .recruit-welfare h2{
    font-size: 2.35rem;
    line-height: 1;
    font-family: 'medium';
    color: #eb1157;
    font-weight: bold;
    margin: .75rem 0;
}

.culture-wrap .recruit-welfare .recruit-welfare-right h2{
    color: #ce8a58;
}
.culture-wrap .recruit-welfare h4{
    color: #c0c1c2;
}
.culture-wrap .recruit-welfare p{
    font-size: .8rem;
    text-align: left;
}
.culture-wrap .recruit-welfare .welfare1{
    margin-top: 3.5rem;
}
.culture-wrap .recruit-welfare .welfare2{
    margin-top: 8rem;
}
.culture-wrap .recruit-welfare .welfare3{
    margin-top: 8.5rem;
}
.culture-wrap .recruit-welfare .welfare4{
    margin-top: 7.2rem;
}
.culture-wrap .recruit-welfare .welfare5{
    margin-top: 7rem;
}
.culture-wrap .recruit-welfare .welfare6{
    margin-top: 3.2rem;
}
.culture-wrap .recruit-welfare .welfare7{
    margin-top: 7.5rem;
}
.culture-wrap .recruit-welfare .welfare8{
    margin-top: 6rem;

}
.culture-wrap .recruit-welfare .welfare9{
    margin-top: 5.5rem;

}
.culture-wrap .recruit-welfare .welfare10{
    margin-top: 7rem;

}
.work-wrap .recruit-welfare .recruit-welfare-mid{
    flex: 0 0 3.6rem;
    -ms-flex: 0 0 3.6rem;
}
.work-wrap .recruit-welfare .recruit-welfare-mid span{
    font-size: 6rem;
    font-weight: bold;
    color: #e9e9e9;
    line-height: 1;
}
.culture-wrap .recruit-welfare .recruit-welfare-left p:before{
    content: '';
    background: #eb1157;
    height: 5px;
    width: 5px;
    display: inline-block;
    border-radius: 50%;
    margin: 2px;
}
.culture-wrap .recruit-welfare .recruit-welfare-right p:before{
    content: '';
    background: #ce8a58;
    height: 5px;
    width: 5px;
    display: inline-block;
    border-radius: 50%;
    margin: 2px;
}
@media screen and (min-width: 768px){
    /*.culture-wrap .culture-cont{
        width: 55%;
    }*/
}
@media screen and (min-width: 1180px){
    /*.culture-wrap .culture-cont{
        width: 750px;
    }*/
}
.culture-wrap .article img{
    width: 84%;
    margin: 0 auto;
    text-align: center;
    display: block;
}
@media screen and (min-width: 768px){
   /* .culture-wrap .article img{
        width: 70%;
    }*/
}
@media screen and (min-width: 1180px){
   /* .culture-wrap .article img{
        width: 960px;
    }*/
}
.culture-wrap .page img{
    width: 19em;
}
/*end企业文化*/

.page{
    clear: both;
}
.page img{
    width: 19em;
}
.flexbox {
    -webkit-display:-webkit-flex;
    display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*-webkit-justify-content:center;*/
    /*justify-content:center;*/
    /*-moz-box-pack:center;*/
    /*-webkit--moz-box-pack:center;*/
    /*box-pack:center;*/
}
.page-nav{
    color: #9bb6c9;
    clear: both;
    margin: 0;
    padding: 35px 0 35px;
}
page-nav>*{
    vertical-align: middle;
}
.page-nav:before{
    content: '';
    width: .6rem;
    height: .6rem;
    border-left: 1px solid #c0d1dd;
    border-bottom: 1px solid #c0d1dd;
    display: inline-block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right: -6px;
    margin-bottom: .2em;
}
.page-nav:after{
    content: '';
    width: .6rem;
    height: .6rem;
    border-right: 1px solid #c0d1dd;
    border-top: 1px solid #c0d1dd;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
    margin-left: -6px;
    margin-bottom: .2em;
}
.page-nav a{
    color: #9bb6c9;
}
.page-nav span,.page-nav a{
    margin: 0 5px;
    display: inline-block;
}
.page-nav .current{
    color: #00b6e6;
    border-bottom: 2px solid;
    margin: 0 8px;
}
.page-nav .zxfPagenum {
    color: #9bb6c9;
    margin: 0 8px;
}
.case-wrap{
    margin-top: 120px;
}
.case-wrap .case-main{
    margin-bottom: 180px;
}
.case-wrap .case-main img{
    width: 100%;
    display: block;
}
.case-wrap .cgb-duty-manager{
    width: 46%;
    margin: 0 auto;
    color: #4d4d4d;
    text-align: center;
    font-size: 90%;
    padding: 20px 0 0;
}
.case-wrap .cgb-duty-manager video{
    display: block;
    width: 100%;
}
.case-wrap .cgb-duty-manager p{
    margin: 47px auto 25px;
}
.recruit-main .contact-box p.contact-msg:before{
    content: '';
    display: block;
    width: 4rem;
    height: 4rem;
    margin: 0 auto;
    background-image: url(../img/icon4.png);
    background-repeat: no-repeat;
    background-size: 4rem auto;
}
.recruit-main .contact-box p:nth-of-type(1):before{
    background-position: 50% 0%;
}
.recruit-main .contact-box p:nth-of-type(2):before{
    background-position: 50% 56%
}
.recruit-main .contact-box p:nth-of-type(3):before{
    background-position: 50% 100%;
}
.recruit-main .contact-box{
    padding-bottom: 6rem;
}
.culture-wrap .culture-main .company-bus{
    background: #f5f8f9;
}