@charset "utf-8";

@font-face {
    font-family: 'YouSheBiaoTiHei';
    src: url('../fonts/YouSheBiaoTiHei.ttf') format('truetype');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'zhimangxing';
    src: url('../fonts/zhimangxing.ttf') format('truetype');
    font-style: normal;
    font-display: swap;
}

/*初始化样式*/
* {
    -webkit-tap-highlight-color: transparent;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*html5设置*/
article, aside, details, figcaption, figure, footer, header, main, nav, section {
    display: block;
}

html, body, div, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, p, h1, h2, h3, h4, h5, h6, dl, dd, ol, ul, li {
    margin: 0;
    padding: 0;
}

body {
    background-color: #fff;
    color: #2d2d2d;
    font: normal 0.83334vw/1.875em 'Arial','Sans-serif';
    overflow-x: hidden;
    word-wrap: break-word;
    text-align: justify;
}

a {
    text-decoration: none;
    outline: none;
    color: #2d2d2d;
}

    a:focus {
        outline: none;
        -moz-outline: none;
    }

    a:hover {
        color: #103a6e;
    }

    a img {
        border: none;
    }

img {
    vertical-align: middle;
    max-width: 100%;
}

li {
    list-style: none;
}

select, input, textarea, button {
    border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    outline: none;
    font-family: 'Arial','Sans-serif';
    font-size: 1em;
}

    input:focus {
        outline: none;
    }

textarea {
    resize: none;
}

input::-moz-placeholder {
    opacity: 0.75;
    color: inherit;
}

input:-moz-placeholder {
    opacity: 0.75;
    color: inherit;
}

input::-webkit-input-placeholder {
    opacity: 0.75;
    color: inherit;
}

input:-ms-input-placeholder {
    opacity: 0.75;
    color: inherit;
}

table {
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    box-sizing: border-box;
}

    table th {
        text-align: center;
        box-sizing: border-box;
    }

    table td {
        box-sizing: border-box;
    }

/*全局样式*/
.inner {
    width: 93.75%;
    max-width: 87.5em;
    margin: 0 auto;
}

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
}

.image {
    overflow: hidden;
    position: relative;
}

    .image figure {
        overflow: hidden;
    }

    .image a {
        display: block;
        position: relative;
        overflow: hidden;
    }

    .image img {
        display: block;
        width: 100%;
        height: auto;
        transition: all .3s;
    }

    .image .img {
        background: no-repeat center center;
        background-size: cover;
        display: block;
        transition: all .3s;
    }

        .image img:hover, .image .img:hover {
            transform: scale(1.07);
        }

.rows {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.wot {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.submit {
    cursor: pointer;
}

/*flexbox*/
.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    flex-flow: wrap;
}

.table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

/*entry*/
.entry img {
    max-width: 100%;
    height: auto !important;
}

.entry ul, .entry ol {
    margin-left: 2em;
}

    .entry ul li {
        list-style: outside disc none;
    }

    .entry ol li {
        list-style: outside decimal none;
    }

.entry h1 {
    font-size: 1.5em;
}

.entry h2 {
    font-size: 1.25em;
}

.entry h3 {
    font-size: 1.125em;
}

.entry h4 {
    font-size: 1em;
}

.entry h5 {
    font-size: 0.875em;
}

.entry h6 {
    font-size: 0.75em;
}

.entry blockquote {
    margin: 0 2em;
    font-style: italic;
    opacity: 0.95;
    padding: 1em;
    border: 1px solid #e8e8e8;
    background-color: #f9f9f9;
}

.entry hr {
    border: none;
    clear: both;
    border-bottom: 1px solid #e6e6e6;
}

/*header*/
#header {
    background-color: #fff;
}

    #header .inner {
        display: table;
        table-layout: fixed;
    }

/*logo*/
#logo {
    width: 15.875em;
    font-size: 1em;
    position: relative;
    z-index: 10;
    display: table-cell;
    vertical-align: middle;
}

    #logo a {
        display: block;
        overflow: hidden;
        padding-bottom: 25.59055118%;
        position: relative;
        background: no-repeat left center;
        background-size: contain;
    }

    #logo i {
        position: absolute;
        width: 100%;
        height: 100%;
        text-indent: -99999em;
        display: block;
        overflow: hidden;
    }

/*button*/
#button {
    display: table-cell;
    vertical-align: middle;
    width: 21.42857143%;
}

/*search*/
#search .input {
    background-color: #ebebeb;
    border-radius: 1.25em;
    overflow: hidden;
    position: relative;
}

#search .text {
    display: block;
    width: 100%;
    height: 2.85714286em;
    line-height: 1.71428571em;
    padding: 0.57142857em 1.42857143em 0.57142857em 3.57142857em;
    background: url(../images/search_01.png) no-repeat 1.42857143em center;
    background-size: 1.42857143em auto;
    font-size: 0.875em;
    color: #555;
}

#search .go {
    position: absolute;
    right: 0;
    top: 0;
}

/*navi*/
#navi {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.125em;
    padding-right: 7.85714286%;
    padding-left: 2.85714286%;
    line-height: 2.22222222em;
}

    #navi .menu {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: wrap;
        -moz-flex-flow: wrap;
        -ms-flex-flow: wrap;
        -o-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    #navi .parent {
        position: relative;
        padding: 1.11111111em 0;
    }

    #navi a {
        display: block;
    }

    #navi .on > a, #navi .cur > a {
        color: #103a6e;
    }

    #navi .drop {
        position: absolute;
        top: 100%;
        z-index: 5;
        left: 50%;
        transform: translateX(-50%);
        background-color: #fff;
        min-width: 100%;
        text-align: center;
        display: none;
        font-size: 0.88888889em;
        line-height: 1.875em;
        padding: 0.5em 0;
    }

        #navi .drop li {
            padding: 0.25em 0;
        }

        #navi .drop a {
            padding: 0 1.5em;
            white-space: nowrap;
        }

    #navi em {
        display: none;
    }

/*banner*/
#banner {
    color: #fff;
    position: relative;
    padding-bottom: 25%;
    background: no-repeat center center;
    background-size: cover;
}

    #banner .name {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 100%;
        z-index: 2;
        text-align: center;
        font-family: 'YouSheBiaoTiHei';
        font-size: 3.125vw;
        line-height: 1.125em;
        font-weight: normal;
    }

/*copyright*/
#copyright {
    background-color: #103a6e;
    color: #fff;
    font-size: 0.75em;
    line-height: 1.66666667em;
    padding: 1.66666667em 0;
}

    #copyright p {
        white-space: pre-wrap;
    }

    #copyright a {
        color: #fff;
        display: inline-block;
    }

        #copyright a:hover {
            color: rgba(255,255,255,0.75);
        }

    #copyright img {
        height: 1.66666667em;
        display: inline-block;
        width: auto;
        margin-top: -0.25em;
    }

/*footer*/
#footer {
    background-color: #f9f9f9;
    padding: 5.98958333% 0 7.70833333%;
}

    #footer .inner {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

/*share*/
#share {
    width: 3.375em;
}

    #share .name {
        font-size: 1.125em;
        line-height: 1.5em;
        margin-bottom: 0.77777778em;
    }

    #share li {
        width: 2.0625em;
        margin: 0 auto 0.625em;
        position: relative;
    }

    #share a {
        display: block;
        overflow: hidden;
    }

    #share i {
        display: block;
        overflow: hidden;
        padding-bottom: 100%;
        background: no-repeat center center;
        background-size: contain;
    }

    #share .wb i {
        background-image: url(../images/share_wb.png);
    }

    #share .wx i {
        background-image: url(../images/share_wx.png);
    }

    #share .qq i {
        background-image: url(../images/share_qq.png);
    }

    #share .qr {
        position: absolute;
        right: 100%;
        margin-right: 1em;
        top: 50%;
        transform: translateY(-50%);
        background-color: #fff;
        border-radius: 0.5em;
        padding: 3px;
        width: 7.5em;
        display: none;
        z-index: 5;
    }

        #share .qr:after {
            border-left: 0.5em solid #fff;
            border-top: 0.5em solid transparent;
            border-bottom: 0.5em solid transparent;
            content: '';
            display: block;
            position: absolute;
            left: 100%;
            top: 50%;
            transform: translateY(-50%);
        }

        #share .qr img {
            display: block;
            width: 100%;
            height: auto;
        }

    #share li .bshare-weixin {
        background: url(../images/share_wx.png) !important;
        margin: 0 !important;
        padding: 0 0 100% !important;
        height: auto !important;
        opacity: 1 !important;
    }

#bsWXBox {
    width: auto !important;
    height: auto !important;
}



/*menu*/
#menu {
    width: calc(100% - 3.375em);
}

    #menu dl {
        width: 16.666%;
    }

    #menu dt {
        font-size: 1.125em;
        line-height: 1.5em;
        color: #103a6e;
        font-weight: bold;
        margin-bottom: 0.22222222em;
    }

        #menu dt a {
            color: #103a6e;
        }

    #menu dd {
        line-height: 2.25em;
    }

    #menu a {
        display: inline-block;
    }

/*bar*/
#bar {
    border-bottom: 1px solid #f0f0f0;
}

    #bar .inner {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        flex-direction: row-reverse;
        align-items: center;
    }

/*submenu*/
#submenu {
    font-size: 0.9375em;
}

    #submenu li {
        position: relative;
        margin-right: 2em;
        line-height: 2em;
        padding: 1.66666667em 0;
    }

        #submenu li:after {
            width: 0;
            height: 1px;
            background-color: #103a6e;
            content: '';
            display: block;
            position: absolute;
            left: 0;
            bottom: -1px;
        }

    #submenu a {
        color: #666;
        display: block;
    }

        #submenu a:hover {
            color: #103a6e;
        }

    #submenu .cur:after {
        width: 100%;
    }

    #submenu .cur a {
        color: #103a6e;
    }

/*breadcrumb*/
#breadcrumb {
    font-size: 0.9375em;
    color: #8c8c8c;
    line-height: 2em;
    padding: 1.66666667em 0;
}

    #breadcrumb a, #breadcrumb i, #breadcrumb span {
        display: inline-block;
        vertical-align: middle;
        color: #8c8c8c;
    }

        #breadcrumb a:first-child {
            background: url(../images/home.png) no-repeat left 0.26666667em;
            background-size: auto 1.2em;
            padding-left: 1.86666667em;
        }

        #breadcrumb a:hover {
            color: #103a6e;
        }

    #breadcrumb i {
        width: 0.33333333em;
        height: 0.53333333em;
        background: url(../images/arrow_01.png) no-repeat center center;
        background-size: contain;
        font-style: normal;
        margin: 0 1em;
    }

/*wrapper*/
#wrapper {
    overflow: hidden;
    padding: 4.32291667% 0 5.20833333%;
}

/*container*/
#container {
    overflow: hidden;
    padding: 2.60416667% 0 4.6875%;
}

/*columninfo*/
.columninfo {
    margin-bottom: 3.07142857%;
}

    .columninfo.center {
        text-align: center;
    }

/*columnname*/
.columnname {
    color: #103a6e;
    font-weight: normal;
    font-size: 2.125em;
    line-height: 1.35em;
}

    .columnname.center {
        text-align: center;
    }

/*columnintro*/
.columnintro {
    font-size: 1.125em;
    color: #737373;
    line-height: 1.66666667em;
    margin-top: 0.44444444em;
}

/*structure*/
#structure img {
    display: block;
    width: 100%;
    height: auto;
}

/*about*/
#about {
    overflow: hidden;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

    #about .image {
        width: 47.85714286%;
    }

        #about .image figure {
            overflow: hidden;
        }

    #about .text {
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 48.85714286%;
        padding: 1.07142857% 0;
    }

    #about .name {
        font-size: 1.5em;
        color: #103a6e;
        line-height: 1.25em;
        margin-bottom: 0.75em;
    }

    #about .intro {
        margin-bottom: 1.6875em;
    }

    #about .data {
        color: #737373;
        line-height: 1.5em;
        width: 100%;
    }

        #about .data li {
            border-left: 2px solid #ffd152;
            justify-content: center;
            padding: 0.15625em 2%;
        }

            #about .data li:nth-child(1) {
                width: 26.9005848%;
            }

            #about .data li:nth-child(2) {
                width: 33.33333333%;
            }

            #about .data li:nth-child(3) {
                width: 29.23976608%;
            }

        #about .data span {
            color: #103a6e;
            font-size: 1.875em;
            line-height: 1em;
            font-weight: bold;
        }

    #about .meta {
        text-align: center;
        color: #333;
        width: 100%;
    }

        #about .meta li {
            margin-right: 8.77192982%;
        }

            #about .meta li:last-child {
                margin-right: 0;
            }

        #about .meta .alias {
            font-size: 1.125em;
            color: #103a6e;
            font-style: italic;
            font-family: 'Georgia';
            position: relative;
            margin-bottom: 0.83333333em;
        }

            #about .meta .alias:before {
                width: 1.11111111em;
                height: 2.22222222em;
                background-color: #103a6e;
                opacity: 0.1;
                display: block;
                content: '';
                margin: 0 auto;
                transform: skew(-25deg);
            }

            #about .meta .alias span {
                display: block;
                overflow: hidden;
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                width: 100%;
                z-index: 2;
            }

        #about .meta .title {
            font-weight: bold;
            line-height: 1.5em;
        }

/*talent*/
#talent {
    overflow: hidden;
}

    #talent .list {
        width: 101.78571429%;
    }

    #talent .item {
        width: 25%;
        padding-right: 1.75438596%;
        padding-bottom: 1.75438596%;
    }

    #talent .info {
        position: relative;
        height: 100%;
        background-color: #f9f9f9;
        padding: 24.16918429% 12.08459215%;
    }

    #talent .icon {
        margin-bottom: 9.15350022%;
    }

        #talent .icon i {
            padding-bottom: 2.875em;
            background: no-repeat left center;
            background-size: contain;
            display: block;
        }

    #talent .name {
        font-size: 1.5em;
        font-weight: normal;
        line-height: 1.375em;
        margin-bottom: 7.95956541%;
    }

    #talent .intro {
        color: #737373;
        line-height: 1.625em;
    }

/*readmore*/
.readmore .span, .readmore a {
    color: #103a6e;
    display: block;
    overflow: hidden;
}

.readmore i {
    font-style: normal;
    display: inline-block;
    background: url(../images/arrow_02.png) no-repeat right center;
    background-size: 0.4375em auto;
    padding-right: 1.125em;
}

/*pagenavi*/
#pagenavi {
    justify-content: center;
    font-size: 0.9375em;
    align-items: center;
}

    #pagenavi a {
        display: block;
        margin: 0.13333333em;
        color: #2d2d2d;
        border: 1px solid #d9d9d9;
        height: 3.33333333em;
        line-height: 3.33333333em;
        min-width: 3.33333333em;
        text-align: center;
        padding: 0 0.33333333em;
        position: relative;
        background-color: #fff;
    }

        #pagenavi a:hover, #pagenavi .a_cur {
            color: #fff;
            background-color: #103a6e;
            border-color: #103a6e;
        }

    #pagenavi .a_prev, #pagenavi .a_next {
        color: #686868;
        width: 5.33333333em;
    }

    #pagenavi .a_prev {
        margin-right: 1.86666667em;
    }

    #pagenavi .a_next {
        margin-left: 1.86666667em;
    }

    #pagenavi span {
        display: block;
        margin: 0 0.53333333em;
    }

/*disclosure*/
#disclosure {
    overflow: hidden;
    margin-bottom: 1.86666667em;
}

    #disclosure .item {
        border-bottom: 1px solid #f0f0f0;
        padding-bottom: 1.125em;
        margin-bottom: 1.25em;
    }

    #disclosure .title {
        font-size: 1.25em;
        line-height: 1.35em;
        margin-bottom: 0.4em;
    }

    #disclosure .excerpt {
        color: #737373;
        height: 3.75em;
        -webkit-line-clamp: 2;
        margin-bottom: 0.875em;
    }

    #disclosure .meta {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        align-items: center;
    }

    #disclosure .date {
        color: #8c8c8c;
    }

/*inditem*/
#industry {
    margin-bottom: 1.5625em;
    overflow: hidden;
}

    #industry .item {
        border-bottom: 1px solid #f0f0f0;
        padding-bottom: 1.5625em;
        margin-bottom: 1.5625em;
    }

    #industry .image {
        display: table-cell;
        vertical-align: middle;
        width: 18.75em;
    }

    #industry .img {
        padding-bottom: 60%;
    }

    #industry .text {
        display: table-cell;
        vertical-align: middle;
        padding-left: 1.875em;
    }

    #industry .title {
        font-size: 1.25em;
        line-height: 1.35em;
        margin-bottom: 0.4em;
    }

    #industry .excerpt {
        color: #737373;
        height: 3.75em;
        -webkit-line-clamp: 2;
        margin-bottom: 0.875em;
    }

/*newstop*/
.newstop {
    border-bottom: 1px solid #f0f0f0;
    align-items: center;
    padding-bottom: 3.57142857%;
    margin-bottom: 1.5625em;
}

    .newstop .image {
        width: 50%;
    }

    .newstop .img {
        padding-bottom: 60%;
    }

    .newstop .text {
        width: 50%;
        padding: 0 5.71428571% 0 4.28571429%;
    }

    .newstop .date {
        font-size: 0.9375em;
        color: #737373;
        margin-bottom: 1.78571429%;
    }

    .newstop .title {
        font-size: 1.5em;
        line-height: 1.35em;
        margin-bottom: 2.32142857%;
    }

        .newstop .title a {
            color: #103a6e;
        }

            .newstop .title a:hover {
                color: #2d2d2d;
            }

    .newstop .excerpt {
        color: #737373;
        height: 7.5em;
        -webkit-line-clamp: 4;
        margin-bottom: 10.35714286%;
    }

/*newslist*/
#newslist {
    overflow: hidden;
    margin-bottom: 1.5625em;
}

    #newslist .date {
        display: table-cell;
        vertical-align: middle;
        width: 5.55555556em;
        font-size: 1.125em;
        color: #103a6e;
        line-height: 1.75em;
    }

        #newslist .date time {
            border: 2px solid #103a6e;
            padding: 1.11111111em 1.11111111em;
            display: block;
        }

        #newslist .date i {
            display: block;
            position: relative;
            font-style: normal;
            line-height: 1.125em;
            margin-bottom: 0.27777778em;
        }

            #newslist .date i:after {
                height: 1px;
                background-color: #103a6e;
                width: 1.11111111em;
                content: '';
                display: block;
                position: absolute;
                bottom: 0;
                left: 0;
            }

    #newslist .text {
        display: table-cell;
        vertical-align: middle;
        padding-left: 1.875em;
    }

    #newslist .title {
        font-size: 1.25em;
        line-height: 1.35em;
        margin-bottom: 0.4em;
    }

    #newslist .excerpt {
        color: #737373;
        height: 3.75em;
        -webkit-line-clamp: 2;
    }

    #newslist .item {
        margin-bottom: 1.5625em;
        padding-bottom: 1.5625em;
        border-bottom: 1px solid #f0f0f0;
    }

/*newspost*/
#newspost {
    background-color: #f9f9f9;
    padding: 2.6875em 1.875em 5.1875em;
}

    #newspost .title {
        text-align: center;
        font-size: 1.5em;
        margin-bottom: 0.5em;
        line-height: 1.5em;
    }

    #newspost .meta {
        text-align: center;
        font-size: 0.75em;
        margin-bottom: 1.66666667em;
        line-height: 1.5em;
    }

        #newspost .meta span {
            display: inline-block;
            vertical-align: middle;
        }

    #newspost .entry {
        font-size: 1.125em;
        line-height: 1.66666667em;
    }
	#newspost .entry video{ max-width:100%!important; height:auto;}

/*sform*/
#sform {
    max-width: 45em;
    margin: 0 auto;
    border: 1px solid #d9d9d9;
    position: relative;
    padding-right: 6.875em;
    padding-left: 6.75em;
    margin-bottom: 2.625em;
}

    #sform .rang {
        font-size: 1.25em;
        width: 5.4em;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: wrap;
        -moz-flex-flow: wrap;
        -ms-flex-flow: wrap;
        -o-flex-flow: wrap;
        flex-flow: wrap;
        height: 100%;
        position: absolute;
        left: 0;
        align-items: center;
        justify-content: center;
        padding: 0 0.5em;
        border-right: 1px solid #d9d9d9;
        color: #737373;
    }

    #sform .text {
        height: 3em;
        line-height: 1.5em;
        padding: 0.75em 0.625em;
        color: #555;
    }

    #sform .submit {
        background-color: #103a6e;
        color: #fff;
        font-size: 1.25em;
        width: 5.5em;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
    }

/*results*/
#results .name {
    font-size: 1.25em;
    color: #737373;
    font-weight: normal;
    line-height: 1.5em;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 0.6em;
}

#results .item {
    border-bottom: 1px solid #f0f0f0;
    padding: 1.3125em 0 1em;
}

#results .title {
    font-size: 1.125em;
    color: #103a6e;
    line-height: 1.5em;
    margin-bottom: 0.4375em;
}

#results .excerpt {
    color: #737373;
    max-height: 3.75em;
    -webkit-line-clamp: 2;
    margin-bottom: 0.5em;
}

#results .tag {
    color: #8c8c8c;
}

    #results .tag span {
        display: inline-block;
        color: #2d2d2d;
    }

body.hidden {
    overflow: hidden;
}

body.gray #footer {
    background-color: #fff;
}

/*popup*/
.popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background-color: rgba(0,0,0,0.6);
    z-index: 10;
    -webkit-overflow-scrolling: touch;
    display: none;
    cursor: pointer;
}

    .popup .box {
        width: 100%;
        min-height: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 1vh 0;
    }

    .popup .info {
        background-color: #fff;
        position: relative;
    }

    .popup .title {
        font-size: 1.5em;
        text-align: center;
        line-height: 1.5em;
        margin-bottom: 1.375em;
        color: #2d2d2d;
    }

/*jobapp*/
.jobapp .info {
    width: 50em;
    max-width: 88%;
    padding: 3.3125em 0 4.25em;
}

.jobapp .form {
    width: 28.125em;
    max-width: 80%;
    margin: 0 auto;
}

.jobapp .input {
    border: 1px solid #d9d9d9;
    position: relative;
    padding-left: 5em;
    margin-bottom: 0.625em;
}

.jobapp .label {
    color: #737373;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    flex-flow: wrap;
    align-items: center;
    padding: 0 1.5em;
}

.jobapp .text {
    display: block;
    width: 100%;
    height: 3.625em;
    line-height: 2em;
    padding: 0.8125em;
}

.jobapp .upload {
    padding-right: 5em;
    padding-left: 10em;
}

    .jobapp .upload a {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 1.5em;
        right: 0.8125em;
        padding: 0 0.6875em;
        border-left: 1px solid #d9d9d9;
        color: #8c8c8c;
    }

        .jobapp .upload a #filebut {
            position: absolute;
            right: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
        }

.jobapp .btn {
    margin-top: 1.25em;
}

.jobapp .submit {
    font-size: 1.125em;
    width: 7.77777778em;
    height: 2.77777778em;
    background-color: #103a6e;
    color: #fff;
    margin: 0 auto;
    display: block;
}

/*jobmeta*/
.jobmeta {
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: center;
}

    .jobmeta span {
        display: table-cell;
        vertical-align: middle;
        padding: 0 0.5%;
        width: 15.71428571%;
    }

    .jobmeta .span1 {
        text-align: left;
        width: 17.85714286%;
        padding: 0 2.14285714%;
    }

    .jobmeta .span5 {
        width: 10.71428571%;
    }

    .jobmeta .span7 {
        width: 8.57142857%;
    }

/*jobtop*/
#jobtop {
    background-color: #103a6e;
    color: #fff;
    font-size: 1.25em;
    line-height: 1.5em;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    margin-bottom: 1.25em;
}

/*joblist*/
#joblist {
    overflow: hidden;
    margin-bottom: 1.875em;
}

    #joblist .item {
        margin-bottom: 1.25em;
        background-color: #f9f9f9;
    }

    #joblist .meta {
        font-size: 1.125em;
        line-height: 1.66666667em;
        padding-top: 1.38888889em;
        padding-bottom: 1.38888889em;
        cursor: pointer;
    }

        #joblist .meta i {
            width: 0.38888889em;
            height: 0.66666667em;
            background: url(../images/arrow_02.png) no-repeat center center;
            background-size: contain;
            display: block;
            margin: 0 auto;
            transition: all 0.3s;
        }

    #joblist .drop {
        margin: 0 2.14285714%;
        border-top: 1px solid #d8d8d8;
        padding: 3.21428571% 0 6.42857143%;
        display: none;
    }

    #joblist .entry {
        font-size: 1.125em;
        line-height: 1.66666667em;
        margin-bottom: 1.83333333em;
    }

        #joblist .entry h3 {
            color: #103a6e;
            line-height: 1.5em;
            margin-bottom: 0.35em;
        }

    #joblist .apply a {
        display: block;
        overflow: hidden;
        width: 10em;
        height: 2.8125em;
        text-align: center;
        line-height: 2.8125em;
        background-color: #103a6e;
        color: #fff;
        border: 1px solid #d9d9d9;
    }

    #joblist .apply i {
        font-style: normal;
        display: inline-block;
    }

    #joblist .active .meta i {
        transform: rotate(90deg);
    }

/*contact*/
#contact {
    padding: 3.125em 0 4.0625em;
    overflow: hidden;
}

/*headoffice*/
.headoffice {
    background-color: #f9f9f9;
    margin-bottom: 1.5625em;
}

    .headoffice .map {
        display: table-cell;
        vertical-align: top;
        width: 57.14285714%;
    }

        .headoffice .map img {
            display: block;
            width: 100%;
            height: auto;
        }

    .headoffice .text {
        display: table-cell;
        vertical-align: middle;
        padding: 1em 4.28571429%;
    }

    .headoffice .title {
        font-size: 2.125em;
        color: #103a6e;
        position: relative;
        text-transform: uppercase;
        padding-bottom: 0.76470588em;
    }

        .headoffice .title:after {
            width: 1.08333333em;
            height: 2px;
            content: '';
            display: block;
            position: absolute;
            background-color: #6d86a6;
            left: 0;
            bottom: 0;
        }

    .headoffice .name {
        font-size: 1em;
        line-height: 1.35em;
    }

    .headoffice .alias {
        font-size: 0.52941176em;
        font-weight: normal;
        line-height: 1.35em;
    }

    .headoffice ul {
        margin-top: 6.25%;
    }

    .headoffice li {
        font-size: 1.125em;
        line-height: 1.77777778em;
        display: table;
    }

        .headoffice li span {
            display: table-cell;
            vertical-align: top;
        }

        .headoffice li .left {
            white-space: nowrap;
            color: #737373;
        }

        .headoffice li .right {
            color: #333;
        }

/*subsidiary*/
.subsidiary {
    width: 101.78571429%;
    color: #333;
}

    .subsidiary .item {
        width: 33.333%;
        padding-right: 1.75438596%;
        padding-bottom: 1.75438596%;
    }

    .subsidiary .info {
        position: relative;
        height: 100%;
        background-color: #f9f9f9;
        padding: 7.77777778% 8.88888889%;
    }

    .subsidiary .name {
        font-size: 1.25em;
        margin-bottom: 0.75em;
        line-height: 1.5em;
        border-bottom: 1px solid #efefef;
        padding-bottom: 0.15em;
    }

    .subsidiary li {
        padding-left: 1.875em;
        background: no-repeat left 0.34375em;
        line-height: 1.5em;
        margin-bottom: 0.375em;
    }

    .subsidiary .tel {
        background-image: url(../images/icon_tel.svg);
        background-size: 1em auto;
    }

    .subsidiary .addr {
        background-image: url(../images/icon_addr.svg);
        background-size: 0.75em auto;
        background-position: left 0.28125em;
    }

        .subsidiary .addr a {
            font-size: 0.875em;
            color: #999;
            line-height: 1.5em;
            border-bottom: 1px solid #999;
        }

/*message*/
#message {
    background-color: #f9f9f9;
    padding: 4.27083333% 0 4.6875%;
}

    #message .columnname {
        color: #2d2d2d;
    }

    #message .item {
        margin-bottom: 1.25em;
    }

    #message .text {
        background-color: #fff;
        color: #737373;
        height: 3.75em;
        line-height: 1.875em;
        padding: 0.9375em 1.25em;
        display: block;
        width: 100%;
    }

        #message .text:focus {
            color: #2d2d2d;
        }

    #message textarea.text {
        height: 16.25em;
        resize: vertical;
    }

    #message .column {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: wrap;
        -moz-flex-flow: wrap;
        -ms-flex-flow: wrap;
        -o-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

        #message .column .item {
            width: 49.28571429%;
        }

    #message .submit {
        width: 6.875em;
        height: 2.8125em;
        display: block;
        margin: 1.875em auto 0;
        color: #fff;
        background-color: #103a6e;
    }

/*category*/
.category {
    font-size: 1.125em;
    line-height: 2.77777778em;
    text-align: center;
    margin-bottom: 3.71428571%;
}

    .category li {
        margin-right: 5%;
        margin-bottom: 1em;
    }

    .category a {
        display: block;
        overflow: hidden;
    }

        .category a:hover {
            color: #103a6e;
        }

    .category .cur a {
        min-width: 8.88888889em;
        padding: 0 1em;
        background-color: #103a6e;
        color: #fff;
    }

        .category .cur a:hover {
            color: #fff;
        }

/*swiper-button-arrow*/
.swiper-button-arrow {
    margin-top: 0;
    transform: translateY(-50%);
    width: 1.375em;
    background: no-repeat center center;
    background-size: contain;
    opacity: 0.4;
    z-index: 5;
    height: auto;
}

    .swiper-button-arrow:hover {
        opacity: 1;
    }

    .swiper-button-arrow.swiper-button-prev {
        left: -3.125vw;
    }

    .swiper-button-arrow.swiper-button-next {
        right: -3.125vw;
    }

#honor {
    margin: 0 -0.625em;
    position: relative;
}

    #honor .swiper-slide {
        height: auto;
        overflow: hidden;
    }

    #honor .info {
        position: relative;
        height: 100%;
        margin: 0.625em;
        background-color: #f9f9f9;
        padding: 17.91044776% 10.29850746% 15.52238806%;
        text-align: center;
    }

    #honor .image {
        border: 0.25em solid #d9d9d9;
        margin-bottom: 0.25em;
		background-size: contain;
		background-repeat:no-repeat;
		background-position:center;
    }

    #honor .img {
        padding-bottom: 65.50387597%;
    }

    #honor .title {
        font-size: 1em;
        line-height: 1.75em;
    }

/*history*/
#history {
    position: relative;
    margin-top: 6.42857143%;
}

    #history .swiper {
        width: 85.71428571%;
        margin: 0 auto;
        padding: 0 5em;
    }

        #history .swiper:before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 100%;
            height: 0.375em;
            background-color: #f7f7f7;
            border-radius: 0.1875em;
        }

    #history .swiper-slide {
        height: auto;
        min-height: 27.5em;
        z-index: 2;
        width: 15.8125em;
    }

    #history .info {
        position: relative;
        height: 100%;
        min-height: 27.5em;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: wrap;
        -moz-flex-flow: wrap;
        -ms-flex-flow: wrap;
        -o-flex-flow: wrap;
        flex-flow: wrap;
    }

    #history .year {
        height: 50%;
        font-size: 2.25em;
        color: #103a6e;
        line-height: 1.125em;
        width: 100%;
        font-weight: bold;
        position: relative;
    }

        #history .year span {
            display: block;
            position: absolute;
            white-space: nowrap;
        }

            #history .year span:before {
                height: 100%;
                width: 0;
                border-left: 1px dashed #989898;
                content: '';
                display: block;
                position: absolute;
                top: 0;
            }

    #history .intro {
        height: 50%;
        font-size: 1.25em;
        color: #103a6e;
        line-height: 2em;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: wrap;
        -moz-flex-flow: wrap;
        -ms-flex-flow: wrap;
        -o-flex-flow: wrap;
        flex-flow: wrap;
        position: relative;
    }

        #history .intro:before {
            height: 100%;
            width: 0;
            border-left: 1px dashed #989898;
            content: '';
            display: block;
            position: absolute;
            left: 0.475em;
            top: 0;
        }

    #history .list {
        margin-right: -50%;
        width: 150%;
    }

    #history .dot {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: #fff;
        border-radius: 50%;
        width: 1.25em;
        height: 1.25em;
        border: 0.25em solid #103a6e;
        left: 0;
        z-index: 5;
    }

    #history .swiper-slide:nth-child(2n-1) .info {
		/* flex-direction: column; */
        align-items: flex-end;
    }

    #history .swiper-slide:nth-child(2n-1) .intro {
        align-items: flex-end;
    }

    #history .swiper-slide:nth-child(2n-1) .list {
        padding-left: 1.5em;
    }

    #history .swiper-slide:nth-child(2n-1) .year span {
        padding-bottom: 1.25em;
        right: 100%;
        bottom: 0;
        padding-right: 0.27777778em;
        margin-right: -0.27777778em;
    }

        #history .swiper-slide:nth-child(2n-1) .year span:before {
            right: 0;
        }

    #history .swiper-slide:nth-child(2n) .info {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    #history .swiper-slide:nth-child(2n) .intro {
        align-items: flex-start;
    }

    #history .swiper-slide:nth-child(2n) .list {
        transform: translateX(-100%);
        padding-right: 0.5em;
        text-align: right;
    }

    #history .swiper-slide:nth-child(2n) .year span {
        left: 0;
        top: 0;
        padding-left: 0.55555556em;
        padding-top: 1.25em;
    }

        #history .swiper-slide:nth-child(2n) .year span:before {
            left: 0.27777778em;
        }

    #history .swiper-button-arrow::after {
        color: #666;
    }


/*fieldtop*/
.fieldtop {
    align-items: center;
    background-color: #f9f9f9;
    margin-bottom: 5%;
}

    .fieldtop .image {
        width: 50%;
    }

        .fieldtop .image figure {
            overflow: hidden;
        }

    .fieldtop .text {
        width: 50%;
        padding: 1.5em 5.35714286%;
    }

    .fieldtop .title {
        color: #103a6e;
        font-size: 1.25em;
        line-height: 1.5em;
        border-bottom: 1px solid #e5e5e5;
        position: relative;
        padding-bottom: 0.75em;
        margin-bottom: 1.1em;
    }

        .fieldtop .title:after {
            height: 1px;
            background-color: #103a6e;
            content: '';
            display: block;
            position: absolute;
            left: 0;
            bottom: -1px;
            width: 3em;
        }

    .fieldtop .intro {
        color: #888;
        line-height: 1.75em;
    }

/*fieldbtm*/
.fieldbtm {
    background-color: #f7f7f7;
    margin-bottom: 4.28571429%;
}

    .fieldbtm .title {
        text-align: center;
        color: #103a6e;
        background-color: #efefef;
        font-size: 1.25em;
        line-height: 1.5em;
        padding: 1.78571429%;
        margin-bottom: 0.4em;
    }

    .fieldbtm .entry {
        line-height: 1.75em;
        color: #888;
        padding: 2.5% 4.28571429% 3.71428571%;
    }

        .fieldbtm .entry h4 {
            font-size: 1.125em;
            line-height: 1.55555556em;
            color: #333;
        }

/*button*/
.button {
    width: 10em;
    height: 2.8125em;
    text-align: center;
    line-height: 2.8125em;
    color: #fff;
    background-color: #103a6e;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    transition: all 0.3s;
}

    .button i {
        font-style: normal;
        display: inline-block;
        background: url(../images/arrow_03.png) no-repeat right center;
        background-size: 0.4375em auto;
        padding-right: 1em;
    }

    .button:hover {
        color: rgba(255,255,255,0.75);
    }

/*field*/
.field {
    overflow: hidden;
    padding: 4.32291667% 0 4.6875%;
}

/*hotel*/
#hotel {
    margin-top: 4.28571429%;
    position: relative;
}

    #hotel .img {
        padding-bottom: 74.62686567%;
    }

/*aggregate*/
.aggregate {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 5.71428571%;
}

    .aggregate .item {
        background-color: #f9f9f9;
        width: 48.57142857%;
        padding: 5.35714286% 4.28571429% 5.71428571%;
        margin-bottom: 2.85714286%;
    }

    .aggregate .title {
        font-size: 1.5em;
        color: #103a6e;
        line-height: 1.5em;
        margin-bottom: 0.58333333em;
    }

    .aggregate table {
        font-size: 1.25em;
        color: #333;
        line-height: 1.8em;
        width: auto;
        max-width: 100%;
    }

    .aggregate td {
        vertical-align: top;
    }

    .aggregate .name {
        padding-right: 1.5em;
    }

    .aggregate .date {
        white-space: nowrap;
    }

/*eproject*/
.eproject {
    overflow: hidden;
    background-color: #f9f9f9;
    padding: 4.16666667% 0 3.38541667%;
}

    .eproject .list {
        width: 101.78571429%;
    }

    .eproject .columnname {
        margin-bottom: 3.21428571%;
    }

    .eproject .item {
        width: 33.333%;
        padding-right: 1.75438596%;
        padding-bottom: 1.75438596%;
    }

    .eproject .img {
        padding-bottom: 66.66666667%;
    }

    .eproject .text {
        background-color: #fff;
        position: relative;
        padding: 0.9375em 8.88888889%;
    }

    .eproject .title {
        font-size: 1.25em;
        line-height: 1.5em;
        font-weight: normal;
        padding-right: 2.5em;
    }

    .eproject .more {
        width: 2.5em;
        height: 2.5em;
        background: url(../images/arrow_04.png) no-repeat center center;
        background-size: contain;
        position: absolute;
        right: 8.88888889%;
        top: 0;
        transform: translateY(-50%);
    }

/*eBiz*/
.eBiz {
    padding: 4.16666667% 0 3.38541667%;
}

    .eBiz .list {
        width: 101.78571429%;
    }

    .eBiz .columnname {
        margin-bottom: 3.21428571%;
    }

    .eBiz .item {
        width: 33.333%;
        padding-right: 1.75438596%;
        padding-bottom: 1.75438596%;
    }

    .eBiz .info {
        background-color: #f9f9f9;
        padding: 18.44444444% 8.88888889% 16%;
        position: relative;
        height: 100%;
    }

    .eBiz .icon {
        width: 2.9375em;
        margin-bottom: 1.75em;
    }

        .eBiz .icon i {
            display: block;
            overflow: hidden;
            padding-bottom: 100%;
            background: no-repeat center center;
            background-size: contain;
        }

    .eBiz .title {
        font-size: 1.5em;
        color: #333;
        line-height: 1.25em;
        margin-bottom: 0.83333333em;
    }

    .eBiz .entry {
        color: #737373;
    }

        .eBiz .entry h4 {
            font-size: 1.125em;
            color: #333;
            line-height: 1.44444444em;
        }

/*cement*/
.cproduct {
    background-color: #f9f9f9;
    padding: 4.32291667% 0 4.6875%;
}

/*cement*/
.cement {
    position: relative;
}

    .cement .image {
        margin-bottom: 9.81818182%;
    }

    .cement .img {
        padding-bottom: 76.36363636%;
    }

    .cement .title {
        font-size: 1.5em;
        line-height: 1.25em;
        text-align: center;
        margin-bottom: 5.09090909%;
    }

    .cement .meta {
        color: #737373;
        line-height: 1.625em;
        margin-bottom: 9.09090909%;
    }

        .cement .meta strong {
            color: #2d2d2d;
        }

    .cement .readmore {
        text-align: center;
    }

    .cement a {
        display: block;
        overflow: hidden;
        padding: 8.95522388% 8.95522388%;
        background-color: #fff;
        position: relative;
        height: 100%;
    }

    .cement .swiper-slide {
        height: auto;
    }

/*cbranch*/
.cbranch {
    padding: 4.16666667% 0 5.20833333%;
}

    .cbranch .item {
        background-color: #f9f9f9;
        align-items: center;
		margin-bottom:1%;
    }

    .cbranch .image {
        width: 50%;
    }

    .cbranch .img {
        padding-bottom: 65.71428571%;
    }

    .cbranch .text {
        width: 50%;
        padding:3% 4.28571429%;
    }

    .cbranch .title {
        font-size: 1.5em;
        color: #103a6e;
        margin-bottom: 6.89655172%;
    }

        .cbranch .title a {
            color: #103a6e;
        }

    .cbranch .excerpt {
        margin-bottom: 9.48275862%;
    }

    .cbranch .item:nth-child(2n) {
        flex-direction: row-reverse;
    }

/*cshow*/
.cshow {
    background-color: #f9f9f9;
    padding: 4.84375% 0 3.38541667%;
    overflow: hidden;
}

    .cshow ul {
        width: 101.78571429%;
    }

    .cshow li {
        width: 33.333%;
        padding-right: 1.75438596%;
        padding-bottom: 1.75438596%;
    }

    .cshow .img {
        padding-bottom: 122.22222222%;
    }

    .cshow .title {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
        font-size: 1.5em;
        line-height: 2em;
        padding: 2.44444444%;
        background-color: rgba(0,0,0,0.5);
        transition: all .2s;
    }

    .cshow a {
        display: block;
        overflow: hidden;
        position: relative;
        color: #fff;
    }

    .cshow .text {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        padding: 0.9375em 1.25em;
        align-items: flex-end;
        transition: all 0.2s;
        opacity: 0;
        align-items: center;
        justify-content: center;
        background-color: rgba(0,0,0,0.6);
    }

    .cshow .info {
        width: 100%;
        transition: all 0.2s;
    }

    .cshow .tit {
        text-align: center;
        font-size: 1.25em;
        line-height: 1.5em;
        width: 100%;
        transition: all 0.2s;
    }

    .cshow .intro {
        font-size: 1.125em;
        line-height: 1.77777778em;
        height: 3.55555556em;
        -webkit-line-clamp: 2;
        margin-top: 0.88888889em;
        transition: all 0.2s;
    }

    .cshow a:hover .img {
        transform: scale(1.07);
    }

    .cshow a:hover .text {
        opacity: 1;
    }

    .cshow a:hover .title {
        opacity: 0;
    }

/*programme*/
#programme {
    padding: 4.16666667% 0 4.94791667%;
}

    #programme .list {
        padding-top: 0.71428571%;
    }

    #programme .item {
        width: 33.333%;
        text-align: center;
        border-right: 1px solid #f0f0f0;
        padding: 0 2%;
        margin-bottom: 2%;
    }

        #programme .item:nth-child(3n) {
            border-right: none;
        }

    #programme .icon {
        width: 4.0625em;
        margin: 0 auto 1.4375em;
    }

        #programme .icon i {
            display: block;
            overflow: hidden;
            padding-bottom: 73.84615385%;
            background: no-repeat center center;
            background-size: contain;
        }

    #programme .title {
        font-size: 1.5em;
        line-height: 1.5em;
        margin-bottom: 0.20833333em;
    }

    #programme .intro {
        color: #737373;
        font-size: 1.125em;
        line-height: 1.77777778em;
    }

/*execute*/
#execute {
    overflow: hidden;
    background-color: #f9f9f9;
    padding: 2.23958333% 0 5.20833333%;
}

/*concept*/
.concept {
    overflow: hidden;
    margin-bottom: 1.07142857%;
    width: 101.78571429%;
}

    .concept .item {
        width: 33.333%;
        padding-right: 1.75438596%;
        padding-bottom: 1.75438596%;
    }

    .concept .info {
        position: relative;
        height: 100%;
        background-color: #fff;
    }

    .concept .img {
        padding-bottom: 66.66666667%;
    }

    .concept .text {
        text-align: center;
        padding: 1.5em 1.25em 1.25em;
    }

    .concept .title {
        font-size: 1.25em;
        line-height: 1.5em;
        margin-bottom: 0.35em;
    }

    .concept .intro {
        font-size: 1.125em;
        line-height: 1.88888889em;
        color: #737373;
    }

/*tview*/
.tview {
    background-color: #fff;
    padding: 3.21428571% 0 1.64285714%;
}

    .tview .item {
        width: 20%;
        text-align: center;
        padding: 1%;
    }

    .tview .name {
        font-size: 1.5em;
        color: #080809;
        line-height: 1.25em;
        text-align: center;
        margin-bottom: 0.5em;
    }

    .tview .icon {
        margin: 0 auto 1.25em;
        width: 2.5em;
    }

        .tview .icon i {
            display: block;
            overflow: hidden;
            padding-bottom: 90%;
            background: no-repeat center center;
            background-size: contain;
        }

    .tview .title {
        font-size: 1.125em;
        line-height: 1.66666667em;
        margin-bottom: 0.27777778em;
    }

    .tview .intro {
        color: #737373;
    }

/*responsibility*/
#responsibility {
    padding: 4.32291667% 0 4.6875%;
}

    #responsibility .box {
        background-color: #f9f9f9;
        align-items: center;
    }

    #responsibility .image {
        width: 50%;
    }

    #responsibility .text {
        width: 50%;
        padding: 1.5em 4.28571429%;
        color: #737373;
        font-size: 1.125em;
        line-height: 1.66666667em;
    }

/*care*/
#care {
    background-color: #f9f9f9;
    padding: 4.32291667% 0 4.16666667%;
}

    #care .list {
        overflow: hidden;
        width: 101.78571429%;
    }

    #care .item {
        width: 33.333%;
        padding-right: 1.75438596%;
        padding-bottom: 1.75438596%;
    }

    #care .info {
        position: relative;
        height: 100%;
        background-color: #fff;
    }

    #care .img {
        padding-bottom: 64%;
    }

    #care .text {
        padding: 7.55555556% 8.88888889% 10%;
    }

    #care .title {
        font-size: 1.5em;
        line-height: 1.5em;
        margin-bottom: 0.25em;
    }

    #care .intro {
        line-height: 1.75em;
        color: #737373;
    }

/*growth*/
#growth {
    padding: 4.32291667% 0 3.64583333%;
}

    #growth .list {
        overflow: hidden;
        width: 101.85714286%;
    }

    #growth .img {
        padding-bottom: 64.41441441%;
    }

    #growth .item {
        padding-right: 1.82328191%;
        padding-bottom: 1.82328191%;
        width: 32.95932679%;
        float: left;
    }

        #growth .item:nth-child(3n+1) {
            width: 67.04067321%;
        }

            #growth .item:nth-child(3n+1) .img {
                padding-bottom: 64.30107527%;
            }

    #growth .info {
        position: relative;
    }

    #growth .text {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: rgba(0,0,0,0.4);
        color: #fff;
        padding: 0.875em 4.30107527%;
    }

    #growth .title {
        font-size: 1.5em;
        line-height: 1.25em;
        font-weight: normal;
    }

    #growth .intro {
        line-height: 1.75em;
        margin-top: 0.25em;
    }

/*learnmore*/
.learnmore a {
    background-color: #103a6e;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    width: 10em;
    height: 2.8125em;
    line-height: 2.875em;
    display: block;
    overflow: hidden;
}

.learnmore i {
    display: inline-block;
    background: url(../images/arrow_03.png) no-repeat right center;
    padding-right: 1em;
    background-size: 0.4375em auto;
    font-style: normal;
}

.swiper-pagination-bullet {
    width: 0.625em;
    height: 0.625em;
    border: 1px solid #fff;
    background: none;
    opacity: 1;
    transition: all 0.3s;
    margin: 0 0.3125em;
}

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

/*slides*/
#slides .img {
    padding-bottom: 44.79166667%;
}

    #slides .img:hover {
        transform: none;
    }

#slides .text {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-25%);
    width: 100%;
    color: #fff;
}

#slides .intro {
    font-size: 3em;
    line-height: 1.45em;
}


    #slides .intro .zt {
        display: inline-block;
        font-family: 'zhimangxing';
        font-size: 4.16666667em;
        transform: translateY(-0.05em);
    }

    #slides .intro span:first-child {
        transform: translateY(-0.25em);
    }

#slides .text .left {
    justify-content: flex-start;
}

#slides .text .right {
    justify-content: flex-end;
}

#slides .swiper-pagination {
    justify-content: center;
    bottom: 3.48837209%;
}

#slides .swiper-button-arrow {
    width: 1.45833333%;
    opacity: 1;
}

    #slides .swiper-button-arrow:after {
        color: #ffffff;
    }

#slides .swiper-button-prev {
    left: 2.60416667%;
}

#slides .swiper-button-next {
    right: 2.60416667%;
}

/*ishome*/
.ishome .columnname {
    color: #464646;
    margin-bottom: 2.42857143%;
}

.ishome #footer {
    background-color: #fff;
}

/*hmbox*/
.hmbox {
    padding: 4.27083333% 0 4.6875%;
    overflow: hidden;
}

/*hmabout*/
#hmabout .entry {
    font-size: 1.25em;
    line-height: 1.8em;
    text-align: center;
    max-width: 50.2em;
    margin: 0 auto 3.07142857%;
}

/*hmfield*/
#hmfield .img {
    padding-bottom: 208.21917808%;
}

#hmfield .text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 0.9375em 1.25em;
    align-items: flex-end;
    transition: all 0.2s;
}

#hmfield .title {
    font-size: 1.25em;
    line-height: 1.5em;
    width: 100%;
    transition: all 0.2s;
}

#hmfield .info {
    width: 100%;
    transition: all 0.2s;
}

#hmfield .intro {
    font-size: 1.125em;
    line-height: 1.77777778em;
    height: 3.55555556em;
    -webkit-line-clamp: 2;
    margin-top: 0.88888889em;
    display: none;
    transition: all 0.2s;
}

#hmfield .readmore {
    text-align: center;
    margin-top: 10.9375vw;
    display: none;
    transition: all 0.2s;
}

    #hmfield .readmore .span {
        color: #fff;
        display: inline-block;
    }

    #hmfield .readmore i {
        background-image: url(../images/arrow_03.png);
    }

#hmfield .box {
    position: relative;
    display: block;
    overflow: hidden;
    color: #fff;
}

    #hmfield .box:hover .title {
        text-align: center;
    }

    #hmfield .box:hover .text {
        align-items: center;
        justify-content: center;
        background-color: rgba(0,0,0,0.6);
    }

    #hmfield .box:hover .info {
        transform: translateY(25%);
    }

    #hmfield .box:hover .intro,
    #hmfield .box:hover .readmore {
        display: block;
    }


/*hmnews*/
#hmnews {
    background-color: #f7f7f7;
}

    #hmnews .box {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin-bottom: 2.85714286%;
        overflow: hidden;
    }

    #hmnews .info .info {
        position: relative;
        display: block;
        overflow: hidden;
    }

    #hmnews .date {
        font-size: 0.9375em;
        line-height: 1.5em;
        margin-bottom: 1.92307692%;
    }

    #hmnews .meta {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        background-color: rgba(0,0,0,0.24);
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 3.71428571% 4.28571429%;
        z-index: 5;
        align-items: center;
    }

    #hmnews .swiper-pagination {
        width: auto;
        position: static;
    }

    #hmnews .more {
        width: 0.875em;
        background: url(../images/arrow_05.png) no-repeat center center;
        background-size: contain;
        cursor: pointer;
    }

        #hmnews .more:after {
            padding-bottom: 164.28571429%;
            display: block;
            content: '';
        }

    #hmnews .top {
        width: 50%;
        overflow: hidden;
    }

        #hmnews .top .img {
            padding-bottom: 60%;
        }

        #hmnews .top .text {
            position: absolute;
            left: 0;
            bottom: 0.5em;
            width: 57.14285714%;
            left: 4.28571429%;
            margin-bottom: 10.71428571%;
        }

        #hmnews .top .title {
            font-size: 1.25em;
            line-height: 2em;
            height: 4em;
            -webkit-line-clamp: 2;
        }

        #hmnews .top a {
            color: #fff;
        }

    #hmnews .list {
        width: 22.85714286%;
    }

        #hmnews .list .img {
            padding-bottom: 66.875%;
        }

        #hmnews .list .text {
            background-color: #fff;
            padding: 7.1875% 9.375% 7.8125%;
            position: relative;
        }

        #hmnews .list .date {
            color: #686868;
        }

        #hmnews .list .title {
            font-size: 1.125em;
            line-height: 1.44444444em;
            margin-bottom: 21.15384615%;
            -webkit-line-clamp: 2;
            height: 2.88888889em;
        }

        #hmnews .list .tag {
            color: #103a6e;
            font-size: 0.875em;
            line-height: 1.5em;
        }

        #hmnews .list .arrow {
            position: absolute;
            top: 0;
            transform: translateY(-50%);
            right: 9.375%;
            background: url(../images/arrow_04.png) no-repeat center center;
            background-size: contain;
            width: 12.5%;
            padding-bottom: 12.5%;
        }

        #hmnews .list .info:hover .img {
            transform: scale(1.07);
        }

/*hmlayout*/
#hmlayout {
    background-color: #f8f8f8;
}

    #hmlayout .box {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        flex-direction: row-reverse;
        margin-top: 2.85714286%;
    }

    #hmlayout .mapbox {
        width: 70.28571429%;
        position: relative;
    }

        #hmlayout .mapbox li {
            position: absolute;
            width: 3.04878049%;
        }

        #hmlayout .mapbox .icon {
            padding-bottom: 160%;
            background: no-repeat center center;
            background-size: contain;
        }

        #hmlayout .mapbox .name {
            white-space: nowrap;
            position: relative;
            left: 50%;
            transform: translateX(-50%);
            font-size: 0.75em;
            line-height: 1.5em;
        }

        #hmlayout .mapbox .blue {
            color: #0060ad;
        }

            #hmlayout .mapbox .blue .icon {
                background-image: url(../images/mark_blue.png);
            }

        #hmlayout .mapbox .yellow {
            color: #ffb32a;
        }

            #hmlayout .mapbox .yellow .icon {
                background-image: url(../images/mark_yellow.png);
            }

        #hmlayout .mapbox .gansu {
            left: 42.68292683%;
            top: 37.96561605%;
        }

        #hmlayout .mapbox .hebei {
            left: 61.48373984%;
            top: 36.81948424%;
        }

        #hmlayout .mapbox .hubei {
            left: 57.72357724%;
            top: 56.87679083%;
        }

        #hmlayout .mapbox .zhejiang {
            left: 70.0203252%;
            top: 61.46131805%;
        }

        #hmlayout .mapbox .guangxi {
            left: 51.32113821%;
            top: 75.35816619%;
        }

    #hmlayout .map {
        padding-bottom: 70.93495935%;
        background: no-repeat center center;
        background-size: contain;
    }

    #hmlayout .info {
        width: 20.71428571%;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    #hmlayout .top {
        overflow: hidden;
    }

    #hmlayout .tab {
        margin-bottom: 17.24137931%;
    }

        #hmlayout .tab span {
            display: block;
            font-size: 1.25em;
            width: 4.5em;
            height: 2.5em;
            text-align: center;
            line-height: 2.5em;
            background-color: #d4d4d4;
            cursor: pointer;
            max-width: 50%;
        }

        #hmlayout .tab .cur {
            color: #fff;
            background-color: #ffb329;
        }

    #hmlayout .list {
        margin-bottom: 17.24137931%;
    }

        #hmlayout .list .item {
            display: none;
        }

        #hmlayout .list .title {
            font-size: 1.5em;
            font-weight: normal;
            line-height: 1.35em;
            margin-bottom: 15.51724138%;
        }

        #hmlayout .list li {
            font-size: 0.9375em;
            line-height: 2em;
            position: relative;
            padding-left: 1.06666667em;
        }

            #hmlayout .list li:before {
                border-radius: 50%;
                content: '';
                display: block;
                position: absolute;
                left: 0;
                top: 0.83333333em;
                width: 0.33333333em;
                height: 0.33333333em;
                background-color: #103a6e;
            }

    #hmlayout .tips {
        font-size: 1.125em;
        line-height: 2em;
        margin-bottom: 24.13793103%;
    }

        #hmlayout .tips p {
            position: relative;
            padding-left: 0.81818182em;
        }

            #hmlayout .tips p:before {
                border-radius: 50%;
                content: '';
                display: block;
                position: absolute;
                left: 0;
                top: 0.72222222em;
                width: 0.55555556em;
                height: 0.55555556em;
            }

        #hmlayout .tips .blue:before {
            background-color: #103a6e;
        }

        #hmlayout .tips .yellow:before {
            background-color: #ffb329;
        }

@media only screen and (max-width:1280px) {
    body {
        font-size: 14px;
    }

    /*1280px*/
    #navi {
        padding: 0;
    }

        #navi .menu {
            justify-content: space-evenly;
        }

    /*1280px*/
    .swiper-button-arrow.swiper-button-prev {
        left: 0;
    }

    .swiper-button-arrow.swiper-button-next {
        right: 0;
    }

    /*1280px*/
    #slides .intro {
        font-size: 2.5vw;
    }
}

@media only screen and (max-width:1024px) {

    /*1024px*/
    #header .inner {
        padding: 1em 0;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    /*1024px*/
    #logo {
        display: block;
        width: 15.89285714em;
    }

    /*1024px*/
    #button {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        align-items: center;
        width: 18em;
    }

    /*1024px*/
    #search {
        width: calc(100% - 2.85em);
    }

    /*1024px*/
    #navbtn {
        position: relative;
        cursor: pointer;
        width: 1.78571429em;
        height: 1.42857143em;
        transition: all 0.3s;
        display: block;
        z-index: 10;
    }

        #navbtn:before, #navbtn:after, #navbtn i {
            width: 100%;
            height: 2px;
            background-color: #666;
            display: block;
            position: absolute;
            left: 0;
            border-radius: 1px;
            transition: all 0.3s;
            content: '';
        }

        #navbtn:before {
            top: 0.1em;
        }

        #navbtn:after {
            bottom: 0.1em;
        }

        #navbtn i {
            top: 50%;
            transform: translateY(-50%);
        }

        #navbtn.active:before {
            transform: rotate(45deg);
            top: 48%;
        }

        #navbtn.active:after {
            transform: rotate(-45deg);
            bottom: auto;
            top: 48%;
        }

        #navbtn.active i {
            opacity: 0;
        }

    /*1024px*/
    #navi {
        font-size: 1.14285714em;
        position: fixed;
        width: 21.875em;
        max-width: 50%;
        background-color: #fff;
        z-index: 9;
        right: 0;
        -webkit-overflow-scrolling: touch;
        top: 5.3125em;
        overflow-x: hidden;
        overflow-y: auto;
        height: calc(100vh - 5.3125em);
        transform: translateX(100%);
        text-align: left;
        box-shadow: 0px 0px 1em rgba(0,0,0,0.1);
        transition: transform 0.2s;
    }

        #navi.active {
            transform: translateX(0);
        }

        #navi .menu {
            display: block;
        }

        #navi a {
            color: #333;
            padding: 0.75em 2em;
        }

        #navi .parent {
            border-bottom: 1px solid #ededed;
            padding: 0;
        }

        #navi .drop {
            position: static;
            transform: none;
            background-color: transparent;
            line-height: 2.2em;
            font-size: 1em;
            min-width: 0;
            text-align: left;
            padding: 0;
        }

            #navi .drop li {
                border-top: 1px dashed #e4e4e4;
            }

            #navi .drop a {
                padding: 0.25em 2em 0.25em 4em;
                white-space: normal;
                color: #333;
            }

                #navi .drop a:hover {
                    background-color: transparent;
                    color: #333;
                }

        #navi em {
            display: block;
            position: absolute;
            right: 0;
            width: 3.75em;
            height: 3.75em;
            z-index: 2;
            top: 0;
            cursor: pointer;
        }

            #navi em:after {
                width: 0.40909091em;
                height: 0.40909091em;
                border-right: 0.09090909em solid #333;
                border-bottom: 0.09090909em solid #333;
                content: '';
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: rotate(-45deg);
                background-color: transparent;
                margin: -4px 0 0 -5px;
                transition: all 0.3s;
            }

        #navi .on > a, #navi .cur > a {
            background-color: transparent;
        }

        #navi .on em:after {
            border-right-color: #103a6e;
            border-bottom-color: #103a6e;
            transform: rotate(45deg);
        }

    /*1024px*/
    #bar .inner {
        display: block;
    }

    /*1024px*/
    #breadcrumb {
        padding: 0.75em 0;
    }

    /*1024px*/
    #submenu ul {
        flex-wrap: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #submenu li {
        padding: 0 0 0.75em;
    }

    #submenu a {
        white-space: nowrap;
    }

    /*1024px*/
    #about .data li:nth-child(1) {
        width: 30%;
    }

    #about .data li:nth-child(2) {
        width: 38%;
    }

    #about .data li:nth-child(3) {
        width: 32%;
    }

    #about .meta li {
        margin-top: 3%;
    }

    /*1024px*/
    #talent .item {
        width: 50%;
    }

    /*1024px*/
    #container {
        padding: 2em 0 3.57142857em;
    }

    /*1024px*/
    .headoffice {
        display: block;
    }

        .headoffice .map {
            display: block;
            width: auto;
        }

        .headoffice .text {
            display: block;
            padding: 5%;
        }

        .headoffice ul {
            margin-top: 1.25em;
        }

    /*1024px*/
    .subsidiary .item {
        width: 50%;
    }

    /*1024px*/
    #growth .item {
        width: 50%;
    }

        #growth .item:nth-child(3n+1) {
            width: 100%;
        }

    /*1024px*/
    #hmnews .top {
        width: 100%;
        margin-bottom: 3%;
    }

    #hmnews .list {
        width: 48.5%;
    }
}

@media only screen and (max-width:768px) {

    /*768px*/
    body {
        font-size: 3.125vw;
    }

    /*768px*/
    #logo {
        width: 13.83333333em;
    }

    /*768px*/
    #button {
        width: 15em;
    }

    /*768px*/
    #search .text {
        font-size: 1em;
    }

    /*768px*/
    #navi {
        font-size: 1.16666667em;
        top: 4.74821429em;
        height: calc(100% - 4.748214em);
    }

    /*768px*/
    #banner {
        padding-bottom: 50%;
    }

        #banner .name {
            font-size: 2em;
        }

    /*768px*/
    #copyright {
        text-align: center;
        font-size: 1em;
        line-height: 1.75em;
        padding: 1.35em 0;
    }

        #copyright p {
            white-space: normal;
        }

    /*768px*/
    #footer .inner {
        display: block;
    }

    /*768px*/
    #menu {
        display: none;
    }

    /*768px*/
    #share {
        text-align: center;
        width: auto;
    }

        #share ul {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            justify-content: center;
        }

        #share li {
            margin: 0 0.5em;
        }

        #share .qr {
            right: 50%;
            margin-right: 0;
            margin-bottom: 1em;
            transform: translateX(50%);
            top: auto;
            bottom: 100%;
        }

            #share .qr:after {
                border-top: 0.5em solid #fff;
                border-bottom: none;
                border-left: 0.5em solid transparent;
                border-right: 0.5em solid transparent;
                left: 50%;
                top: 100%;
                transform: translateX(-50%);
            }

    /*768px*/
    .columninfo {
        margin-bottom: 5%;
    }

    /*768px*/
    #wrapper {
        padding: 2.5em 0 3em;
        min-height: 39vh;
    }

    /*768px*/
    #about {
        display: block;
    }

        #about .image {
            width: auto;
            margin-bottom: 5%;
            float: none;
        }

        #about .text {
            padding: 0;
            width: auto;
            float: none;
        }

        #about .meta ul {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
        }

        #about .meta li {
            margin: 0;
        }

    /*768px*/
    #pagenavi span, #pagenavi .a_num {
        display: none;
    }

    /*768px*/
    .swiper-button-arrow {
        width: 1em;
        opacity: 1;
    }

        .swiper-button-arrow.swiper-button-prev {
            left: 1em;
        }

        .swiper-button-arrow.swiper-button-next {
            right: 1em;
        }

    /*768px*/
    #industry .item {
        display: block;
    }

    #industry .image {
        display: block;
        width: auto;
        margin-bottom: 1.5em;
    }

    #industry .text {
        display: block;
        padding-left: 0;
    }

    /*768px*/
    .newstop {
        display: block;
        padding-bottom: 5%;
    }

        .newstop .image {
            width: auto;
            margin-bottom: 1.5em;
        }

        .newstop .text {
            width: auto;
            padding: 0;
        }

        .newstop .excerpt {
            margin-bottom: 3.5%;
        }

    /*768px*/
    #newslist .text {
        padding-left: 1.35em;
    }

    /*768px*/
    #newspost {
        padding: 2em 1.5em 3em;
    }

        #newspost .meta {
            font-size: 0.85714286em;
        }

    /*768px*/
    .jobapp .info {
        padding: 2.5em 0 3em;
    }

    /*768px*/
    .jobmeta {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }

        .jobmeta span {
            padding: 0 1.5%;
        }

        .jobmeta .span6, .jobmeta .span7 {
            display: none;
        }

    /*768px*/
    #joblist .drop {
        padding: 5% 3%;
    }

    /*768px*/
    #contact {
        padding: 6% 0;
    }

    /*768px*/
    .subsidiary .item {
        width: 100%;
    }

    /*768px*/
    #message {
        padding: 2em 0;
    }

        #message .column {
            display: block;
        }

            #message .column .item {
                width: auto;
            }

    /*768px*/
    #honor .info {
        padding: 10% 6% 8%;
    }

    #honor .image {
        margin-bottom: 1em;
    }

    /*768px*/
    #history .swiper-slide:nth-child(2n) .list {
        transform: none;
        text-align: left;
        padding-right: 0;
        padding-left: 1.5em;
    }

    #history .swiper-slide:nth-child(2n) .year span {
        left: auto;
        right: 100%;
        padding-left: 0;
        padding-right: 0.27777778em;
        margin-right: -0.27777778em;
    }

        #history .swiper-slide:nth-child(2n) .year span:before {
            left: auto;
            right: 0;
        }

    /*768px*/
    .field {
        padding: 2em 0 2.5em;
    }

    /*768px*/
    .fieldtop {
        display: block;
    }

        .fieldtop .image {
            width: auto;
        }

        .fieldtop .text {
            width: auto;
            padding: 5%;
        }

    /*768px*/
    .fieldbtm .title {
        padding: 1em;
    }

    .fieldbtm .entry {
        padding: 1.5em;
    }

    /*768px*/
    .aggregate .item {
        width: 100%;
    }

    /*768px*/
    .eproject, .eBiz {
        padding: 7% 0;
    }

        .eproject .list, .eBiz .list {
            display: block;
            width: auto;
        }

        .eproject .columnname, .eBiz .columnname {
            margin-bottom: 5%;
        }

        .eproject .item, .eBiz .item {
            width: auto;
        }

        /*768px*/
        .eBiz .info {
            padding: 10% 8%;
        }

    /*768px*/
    .cproduct {
        padding: 7% 0;
    }

    /*768px*/
    .cbranch {
        padding: 7% 0;
    }

        .cbranch .image {
            width: 100%;
        }

        .cbranch .text {
            width: 100%;
            padding: 8%;
        }

    /*768px*/
    .cshow {
        padding: 7% 0 6%;
    }

        .cshow li {
            width: 50%;
        }

    /*768px*/
    #programme {
        padding: 8% 0 6%;
    }

        #programme .item {
            width: 100%;
            border-right: none;
            border-bottom: 1px solid #f0f0f0;
            padding: 1.5em 0;
        }

            #programme .item:last-child {
                border-bottom: none;
            }

    /*768px*/
    #execute {
        padding: 8% 0 6%;
    }

    /*768px*/
    .concept .item {
        width: 100%;
    }

    /*768px*/
    .tview {
        padding: 8% 0 4%;
    }

        .tview .item {
            width: 100%;
            padding: 1.5em;
        }

    /*768px*/
    #responsibility {
        padding: 7% 0 8%;
    }

        #responsibility .box {
            display: block;
        }

        #responsibility .text {
            width: auto;
            padding: 5%;
        }

        #responsibility .image {
            width: auto;
        }

    /*768px*/
    #care, #growth {
        padding: 8% 0;
    }

        #care .item, #growth .item {
            width: 100%;
        }

    /*768px*/
    #slides .img {
        padding-bottom: 75%;
    }

    #slides .intro {
        font-size: 1.16666667em;
    }

    #slides .swiper-button-arrow {
        display: none;
        width: 1em;
    }

    /*768px*/
    .ishome .columnname {
        margin-bottom: 0.75em;
    }

    /*768px*/
    .hmbox {
        padding: 2.5em 0;
    }

    /*768px*/
    #hmabout .entry {
        margin-bottom: 1.5em;
    }

    /*768px*/
    #hmnews .box {
        margin-bottom: 5%;
    }

    #hmlayout .box {
        display: block;
    }

    #hmlayout .mapbox {
        width: auto;
    }

    #hmlayout .info {
        width: auto;
        display: block;
    }

    #hmlayout .tab, #hmlayout .tips {
        margin-bottom: 2em;
    }

    #hmlayout .list {
        margin-bottom: 1.5em;
    }

        #hmlayout .list .title {
            margin-bottom: 1em;
        }
}