* {
    box-sizing: border-box;
    outline: none;
}

html,
input,
button,
option,
textarea,
select {
    font-family: Noto Sans CJK SC, Arial, AlibabaPuHuiTiR, Source Han Sans SC, Source Han Sans CN, sans-serif;
    font-size: inherit;
    font-weight: 400;
}

html {
    width: 100%;
    overflow-x: hidden;
    /* font-size: calc(0.3125vw + 10px); */
    font-size: calc(0.625vw + 4px);
}

body {
    margin: 0;
    /* fontsize = 0.3125vw + 10px
        这样当100vw = 1920时，font-size为16px
        100vw = 1280时，font-size为14px
    */
    color: #242424;
}

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

a {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: #1296db;
}

a.muted,
a.muted:hover {
    color: unset;
    cursor: unset;
}

.wow {
    visibility: hidden;
}

.wow.animated {
    visibility: visible;
}

input,
select,
textarea,
button {
    outline: none;
}

h1,
h2,
h3 {
    font-weight: normal;
}

h1 {
    font-size: 2.8125rem;
}

h2 {
    font-size: 2.125em;
    font-weight: 600;
}

h3 {
    font-size: 1.875em;
    font-weight: 600;
}



section {
    width: 100%;
    overflow: hidden;
}

.wrapper {
    width: 100%;
    /*
    wrapper-width = 72.92vw + 200px
    这样当100vw = 1920px时，width为1600px
    这样当100vw = 960px时，width为900px
    */
    max-width: calc(72.9167vw + 200px + 2.5rem);
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.site-header .wrapper {
    max-width: unset;
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    padding-top: .625rem;
    padding-bottom: .625rem;
}
/*.site-logo {
    position: relative;
    display: block;
    padding: .625rem;
    height: 100%;
}*/
.site-logo-img {
    height: 100%;
    display: block;
    /* object-fit: contain; */
}

.header-nav-toggle {
    display: none;
    cursor: pointer;
    margin-right: -1rem;
    padding: 1rem;
    background: url("../images/icon_menu_toggle.png") center/20px 16px no-repeat;
    box-sizing: content-box;
    width: 20px;
    height: 16px;
}

.header-nav {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    height: 100%;
}

.header-menu {
    display: flex;
}

.header-menu-link {
    padding: .5rem 1.25rem;
    font-size: 1.375rem;
    display: block;
}

.header-menu-item {
    position: relative;
}

.header-menu-item:hover .headerdropdown {
    display: block;
}

.header-menu-item>.active {
    color: red;
}

.header-menu-item:last-of-type .header-menu-link {
    padding-right: 0;
}

.header-menu-item .headerdropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: -22.5%;
    width: 145%;
    background-color: rgba(255, 255, 255, .9);
    box-shadow: 0 0 1rem rgba(0, 0, 0, .1);
}

.header-menu-item .headerdropdown>a {
    display: block;
    padding: 0.4rem 1rem;
    text-align: center;
    color: #333333;
    font-size: 0.9rem;
}

.header-menu-item .headerdropdown>a:hover {
    color: red;
}


/* 2019-10-10 start */

.header-menu-item .headerdropdown>div {
    position: relative;
    display: block;
    padding: 0.4rem 0;
    text-align: center;
    color: #333333;
    font-size: 0.9rem;
}

.header-menu-item .headerdropdown>div:before {
    content: '>';
    color: #333333;
    position: absolute;
    right: 1rem;
}

.header-menu-item .headerdropdown>div>.submenu {
    display: none;
    position: absolute;
    width: 70%;
    right: -70%;
    top: 0;
    background-color: rgba(255, 255, 255, .9);
    box-shadow: 0 0 1rem rgba(0, 0, 0, .1);
}

.header-menu-item .headerdropdown>div>.submenu>a {
    display: block;
    padding: 0.4rem 1rem;
    border-bottom: 1px solid #e4e4e4;
    text-align: center;
    color: #333333;
    font-size: 0.9rem;
}

.header-menu-item .headerdropdown>div>.submenu>a:hover {
    color: red;
}

.header-menu-item .headerdropdown>div:hover .submenu {
    display: block;
}


/* 2019-10-10 end */

.header-bar {
    display: flex;
    align-items: center;
    padding-top: .625rem;
}

.header-bar .share-text {
    padding-right: .5rem;
    font-size: calc(1rem - 2px);
}

.header-bar .share-links {
    display: flex;
    align-items: center;
}

.header-bar .share-links a {
    display: inline-block;
    position: relative;
    padding: .33rem;
}

.header-bar .share-links a:hover {
    background-color: rgba(0, 0, 0, .05);
}

.header-bar .share-links a:hover>div {
    display: block;
}

.header-bar .share-links a>div {
    display: none;
    position: absolute;
    top: 105%;
    left: 0;
    width: 6rem;
    height: 6rem;
}

.header-bar .share-links a>div>img {
    width: 100%;
    height: 100%;
}

.header-bar>* {
    margin: 0 .75rem;
}

.header-bar>*:last-child {
    margin-right: 0;
}

.header-link {
    font-size: calc(1rem - 2px);
}

.language-switcher {
    display: flex;
}

.language-switcher a {
    display: inline-block;
    width: calc(2rem + 2px);
    height: calc(2rem + 2px);
    margin: 0 0.32rem;
    border-radius: 50%;
    border: 1px solid #666666;
    text-align: center;
    font-size: .75em;
    color: #666666;
    line-height: 1.2rem;
    padding: .4rem 0;
}

.language-switcher a:hover {
    color: #f00;
    border-color: #f00;
}

.language-switcher a.active {
    color: white;
    background-color: #f00;
    border-color: #f00;
}

.search-button {
    margin: calc(1px - .5rem);
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: url("../images/icon_search.png") transparent center no-repeat;
    background-size: initial;
    border: none;
    cursor: pointer;
    display: block;
}

.search-button:hover {
    background-color: rgba(0, 0, 0, .1);
}

#page-ctn>section.banner {
    padding: 0;
}

.section-title {
    color: #000;
    line-height: 1em;
    margin: -0.5rem 0 calc(2.5rem + 3px);
    padding: 1.25rem 0;
    text-align: center;
    position: relative;
}

.section-title::after {
    content: "";
    width: 3.75rem;
    height: 3px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #f00;
    bottom: -3px;
}

footer {
    background-color: #122747;
    color: white;
}

footer .wrapper {
    padding-left: 5rem;
    padding-right: 5rem;
}

.bottom-nav-ctn {
    display: flex;
    margin-right: -3rem;
    padding-bottom: 1rem;
}

.bottom-col {
    margin-right: 3rem;
    flex: 2;
    position: relative;
}

.bottom-share-nav {
    flex: 5;
}

.bottom-share {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 9rem;
}

.bottom-logo {
    width: 9.125rem;
    height: 5rem;
    /* object-fit: contain; */
}

.bottom-share-nav .right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.bottom-share-nav .share-list {
    display: flex;
}

.share-title {
    padding-left: .25rem;
    margin-bottom: 1rem;
}

.share-list-item a {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    border: 1px solid white;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}

.share-list-item a:hover>div {
    display: block;
}

.share-list-item a>div {
    display: none;
    position: absolute;
    top: 0;
    left: 150%;
    width: 6rem;
    height: 6rem;
}

.share-list-item a>div>img {
    width: 100%;
    height: 100%;
}

.share-list-item {
    margin: 0 0.625rem;
}

.bottom-nav-header {
    height: 2.25rem;
    padding-left: 3.125rem;
    position: relative;
}

.bottom-nav-header>a {
    display: block;
}

.bottom-nav-list {
    padding-left: 3.125rem;
}

.bottom-nav-header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #5a687f;
    height: 3.125rem;
    width: 1px;
}

.bottom-nav-number {
    font-size: calc(1rem - 2px);
    position: absolute;
    left: .6rem;
    top: 0;
}

.bottom-nav-list {
    display: flex;
    flex-direction: column;
}

.bottom-nav-item {
    font-size: calc(1rem - 1px);
}

.bottom-nav-item a {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    line-height: 1em;
    display: block;
}

.bottom-share-nav {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #5a687f;
}

.bottom-link-list {
    border-top: 1px solid #5a687f;
    border-bottom: 1px solid #5a687f;
    height: 3.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(1em - 1px);
}

.bottom-link-item {
    margin: .25rem 1rem;
}

.banner {
    position: relative;
}

.banner-back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.copyright {
    display: flex;
    justify-content: space-between;
    font-size: calc(1em - 1px);
    opacity: .6;
    padding-top: 1rem;
}

@media(max-width: 1440px) {
    .header-menu-link {
        font-size: 1.2rem;
        padding: .4rem .75rem
    }
    .bottom-col {
        margin-right: 1rem;
    }
    .bottom-nav-ctn {
        width: auto;
        margin-right: -1rem;
    }
}

@media(max-width: 1280px) {
    .bottom-link-item {
        margin: .25rem .6rem;
    }
}

@media(max-width: 960px) {
    html {
        font-size: calc(0.3125vw + 11px);
    }
    .site-header {
       /* height: 50px;*/
    }
    .header-nav-toggle {
        display: block;
    }
    .header-nav {
        display: none;
    }
    .bottom-nav-ctn {
        flex-wrap: wrap;
        padding-bottom: 0;
    }
    .bottom-nav {
        margin-bottom: 3rem;
    }
    .bottom-nav-header {
        padding-left: 2.5rem;
    }
    .bottom-nav-list {
        padding-left: 2.5rem;
    }
    .bottom-col {
        flex: 0 0 calc(100% / 3 - 1rem);
    }
    .bottom-share-nav {
        flex: 0 0 calc(100% - 1rem);
    }
}

@media (max-width: 640px) {
    .copyright {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .copyright .left {
        margin-bottom: .5rem;
    }
    footer .wrapper {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .bottom-nav-header {
        padding-left: 1rem;
        padding-top: 2rem;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        height: auto;
    }
    .bottom-nav-number {
        left: 1rem;
    }
    .bottom-nav-list {
        padding-left: 1rem;
    }
}


/* 2019-9-2 start Loen */

.bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.contentcontainer {
    position: relative;
    width: 100rem;
    margin: 0 auto;
	overflow: hidden;
}

.maincontainer {}

.bannerpart {
    width: 100%;
    height: 28.125rem;
}
.crumbs {
    position: relative;
    padding: 1rem 0;
    color: #999999;
    /*font-size: 0.9rem;*/
	border-bottom: 1px solid #ccc;
	z-index: 99;
}
.crumbs .toindex {
    color: #000000;
}

.crumbs .menu {
    position: absolute;
    right: 0;
    top: -5rem;
    width: 21.25rem;
    height: 24.375rem;
    background-color: #f6f6f7;
    z-index: 2;
}

.crumbs .menu .menutit {
    height: 5rem;
    line-height: 5rem;
    font-size: 1.5rem;
    color: #000000;
    padding: 0 3rem;
}

.crumbs .menu>a {
    display: block;
    font-size: 1rem;
    color: #333333;
    padding: .5rem 3rem;
    border-left: 2px solid transparent;
}

.crumbs .menu>a:hover {
    border-left: 2px solid #1296db;
    background-color: #ffffff;
    color: #1296db;
}

.crumbs .menu>a.active {
    border-left: 2px solid #1296db;
    background-color: #ffffff;
    color: #1296db;
}

.crumbs .newsmenu {
    height: 12rem;
}

.ourservice {}

.ourservice .bigtitle {
    color: #1296db;
    font-size: 3rem;
    padding: 1rem 0;
    border-bottom: 1px solid #e6e6e6;
    width: 75rem;
}

.ourservice .subtit {
    font-size: 2.5rem;
    color: #333333;
    padding: 1rem 0;
    width: 75rem;
}

.ourservice .content {
    width: 75rem;
}

.ourservice .content .left {
    float: left;
    max-width: 44.5rem;
}

.ourservice .content .left>p {
    font-size: 1.125rem;
    color: #333333;
    margin-top: 2rem;
    line-height: 1.8rem;
}

.ourservice .content .left>p:first-child {
    margin-top: 0;
}

.ourservice .content .right {
    float: right;
}

.ourservice .content .right .reddiv {
    width: 17.8rem;
    height: 4.165rem;
    background-color: #1296db;
    float: right;
    position: relative;
}

.ourservice .content .right .bluediv {
    width: 4.165rem;
    height: 4.165rem;
    position: absolute;
    left: -2.0825rem;
    top: -2.0825rem;
    background-color: #122747;
    opacity: 0.8;
}

.meng {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000000;
    opacity: 0.4;
    -webkit-opacity: 0.4;
    z-index: 1;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
}

.gradientmeng {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 1));
    background: -o-linear-gradient(transparent, rgba(0, 0, 0, 1));
    background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 1));
    background: linear-gradient(transparent, rgba(0, 0, 0, 1));
    opacity: 0.4;
    -webkit-opacity: 0.4;
    z-index: 1;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
}

.swiperdiv {
    margin-top: 4.6875rem;
    margin-bottom: 4.6875rem;
}

.swiperdiv .ourserviceswiper {
    height: 36.25rem;
    overflow: visible;
}

.swiperdiv .ourserviceswiper .osprev {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1.72rem;
    margin: auto;
    width: 3.44rem;
    height: 3.44rem;
    background-color: #ffffff;
    border-radius: 50%;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiperdiv .ourserviceswiper .osprev:hover {
    background-color: #1296db;
}

.swiperdiv .ourserviceswiper .osprev:hover .unactive {
    display: none;
}

.swiperdiv .ourserviceswiper .osprev:hover .active {
    display: inline-block;
}

.swiperdiv .ourserviceswiper .osnext {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1.72rem;
    margin: auto;
    width: 3.44rem;
    height: 3.44rem;
    background-color: #ffffff;
    border-radius: 50%;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiperdiv .ourserviceswiper .osnext:hover {
    background-color: #1296db;
}

.swiperdiv .ourserviceswiper .osnext:hover .unactive {
    display: none;
}

.swiperdiv .ourserviceswiper .osnext:hover .active {
    display: inline-block;
}

.swiperdiv .ourserviceswiper .active {
    display: none;
}

.swiperdiv .ourserviceswiper .item {
    background-color: #000;
}

.swiperdiv .ourserviceswiper .item * {
    color: #ffffff;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
}

.swiperdiv .ourserviceswiper .item .num {
    position: absolute;
    left: 2.5rem;
    top: 3rem;
    font-size: 1rem;
    z-index: 2;
}

.swiperdiv .ourserviceswiper .item .content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.swiperdiv .ourserviceswiper .item .content .itemtit {
    font-size: 1.875rem;
    color: #ffffff;
    font-weight: 400;
    margin-top: 1rem;
}

.swiperdiv .ourserviceswiper .item .content .redline {
    width: 1.25rem;
    height: 0;
    margin: 0;
    background-color: #1296db;
}

.swiperdiv .ourserviceswiper .item .content .desc {}

.swiperdiv .ourserviceswiper .item .content .desc p {
    font-size: 0rem;
    margin-top: 0rem;
    text-align: center;
    height: 0;
    line-height: 0;
    opacity: 0;
    transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
}

.swiperdiv .ourserviceswiper .item .content .tolink {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    background-color: #1296db;
    border-radius: 50%;
    margin-top: 0;
}

.swiperdiv .ourserviceswiper .item .content .desc p:first-child {
    margin-top: 0;
}

.swiperdiv .ourserviceswiper .item:hover .meng {
    opacity: .7;
}

.swiperdiv .ourserviceswiper .item:hover .content .redline {
    height: 2px;
    margin: 1rem 0;
}

.swiperdiv .ourserviceswiper .item:hover .content .desc p {
    font-size: 1rem;
    margin-top: 0.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    opacity: 1;
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
}

.swiperdiv .ourserviceswiper .item:hover .content .tolink {
    width: 3.125rem;
    height: 3.125rem;
    margin-top: 2rem;
}

.crumbs .joinusmenu {
    height: 16.6rem;
}

.joinus .bigtitle {
    color: #1296db;
    font-size: 3rem;
    /* padding: 1rem 0; */
    width: 75rem;
}

.joinus .subtit {
    font-size: 1.875rem;
    color: #333333;
    padding: 1rem 0;
    width: 75rem;
}

.joinus .content {
    width: 75rem;
}

.joinus .content>p {
    font-size: 1.125rem;
    color: #333333;
    margin-top: 2rem;
}

.joinus .content>p:first-child {
    margin-top: 0;
}

.joinus .joinuslist {
    margin-top: 2rem;
    margin-bottom: 4rem;
}

.joinus .joinuslist .item {
    width: 100%;
}

.joinus .joinuslist .item .text {
    width: 50%;
    height: 21.25rem;
}

.joinus .joinuslist .item .img {
    width: 50%;
    height: 21.25rem;
}

.joinus .joinuslist .item:nth-child(odd) .text {
    position: relative;
    float: left;
}

.joinus .joinuslist .item:nth-child(odd) .img {
    float: right;
}

.joinus .joinuslist .item:nth-child(even) .text {
    float: right;
}

.joinus .joinuslist .item:nth-child(even) .img {
    float: left;
}

.joinus .joinuslist .item:nth-child(odd) .text .word {
    padding-left: 9.375rem;
    word-break: break-all;
}

.joinus .joinuslist .item:nth-child(even) .text .word {
    padding-left: 4.375rem;
    word-break: break-all;
}

.joinus .joinuslist .item .text .word h1 {
    font-size: 2.5rem;
    color: #333333;
}

.joinus .joinuslist .item .text .word p {
    font-size: 1.125rem;
    color: #333333;
    margin-top: 1rem;
    line-height: 2rem;
}

.recruitment {
    margin-bottom: 4rem;
}

.recruitment .bigtitle {
    color: #1296db;
    font-size: 38px;
    padding: 90px 0 30px 0;
    width: 75rem;
}

.recruitment .content {
    width: 75rem;
}

.recruitment .content>p {
    font-size: 1.125rem;
    color: #333333;
    margin-top: 2rem;
}

.recruitment .content>p:first-child {
    margin-top: 0;
}

.recruitment .recruitmentlist {
    margin-top: 2rem;
}

.recruitment .recruitmentlist .contentcontainer>* {
    margin-top: 0.5rem;
}

.recruitment .recruitmentlist .contentcontainer>div:first-child {
    margin-top: 0;
}

.recruitment .recruitmentlist .contentcontainer>.itemtit {
    background-color: #f6f6f7;
    padding: 1rem 3rem;
    cursor: pointer;
}

.recruitment .recruitmentlist .contentcontainer>.itemtit>span {
    position: relative;
    float: left;
    font-size: 1.5rem;
    color: #333333;
}

.recruitment .recruitmentlist .contentcontainer>.itemtit>span>img {
    display: inline-block;
    width: 33px;
    position: absolute;
    top: -8px;
    right: -40px;
}

.recruitment .recruitmentlist .contentcontainer>.itemtit>div {
    float: right;
    width: 1.875rem;
    height: 1.875rem;
    color: #1296db;
    font-size: 1.5rem;
    border: 2px solid #1296db;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recruitment .recruitmentlist .contentcontainer>.itemtit>div>span:nth-child(2) {
    display: none;
}

.recruitment .recruitmentlist .contentcontainer>.itemtit.active>span {
    color: #1296db;
}

.recruitment .recruitmentlist .contentcontainer>.itemtit.active>div {
    background-color: #1296db;
    color: #ffffff;
}

.recruitment .recruitmentlist .contentcontainer>.itemtit.active>div>span:first-child {
    display: none;
}

.recruitment .recruitmentlist .contentcontainer>.itemtit.active>div>span:nth-child(2) {
    display: inline;
}

.recruitment .recruitmentlist .contentcontainer>.itemtit>div:hover {
    background-color: #1296db;
    color: #ffffff;
}

.recruitment .recruitmentlist .contentcontainer>.itemcontent {
    padding: 0.1rem 3rem 3rem;
    background-color: #f6f6f7;
    display: none;
}

.recruitment .recruitmentlist .contentcontainer>.itemcontent * {
    font-size: 1.125rem;
    color: #333333;
    line-height: 1.8rem;
}

.recruitment .recruitmentlist .contentcontainer>.itemcontent p {
    margin-top: 2rem;
}

.recruitment .recruitmentlist .contentcontainer>.itemcontent a {
    color: #1296db;
}

.digitalSolution {}

.digitalSolution .bigtitle {
    color: #1296db;
    font-size: 3rem;
    padding: 2rem 0;
    border-bottom: 1px solid #e6e6e6;
    width: 75rem;
	
}

.digitalSolution .content {
    width: 75rem;
}

.digitalSolution .content>p {
    font-size: 1.125rem;
    color: #333333;
    margin-top: 2rem;
}

.digitalSolution .digitalSolutionlist {
    margin-top: 5rem;
    margin-bottom: 4rem;
}

.digitalSolution .digitalSolutionlist .item {
    position: relative;
    width: 100%;
    height: 34.375rem;
    margin-top: 4rem;
}

.digitalSolution .digitalSolutionlist .item:hover .text {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    transform: translateY(-1rem);
    -moz-transform: translateY(-1rem);
    -webkit-transform: translateY(-1rem);
    -o-transform: translateY(-1rem);
}

.digitalSolution .digitalSolutionlist .item:first-child {
    margin-top: 0;
}

.digitalSolution .digitalSolutionlist .item .text {
    position: absolute;
    left: 0;
	right: 50%;
    top: 3.4rem;
    /* bottom: 0; */
    margin: auto;
    width: 50%;
    height: 80%;
    background-color: #f6f6f7;
    padding-left: calc( 50% - 50rem);
    /* padding-top: 5.25rem;
    padding-bottom: 5.25rem; */
    padding-right: 3.75rem;
    z-index: 1;
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
}

.digitalSolution .digitalSolutionlist .item .img {
    position: absolute;
    right: 0;
    top: 0;
    width: 55%;
    height: 100%;
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
}

.digitalSolution .digitalSolutionlist .item:hover .img {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    transform: translateX(1rem);
    -moz-transform: translateX(1rem);
    -webkit-transform: translateX(1rem);
    -o-transform: translateX(1rem);
}

.digitalSolution .digitalSolutionlist .itemright:hover .img {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    transform: translateX(-1rem);
    -moz-transform: translateX(-1rem);
    -webkit-transform: translateX(-1rem);
    -o-transform: translateX(-1rem);
}

.digitalSolution .digitalSolutionlist .itemright .text {
    left: 50%;
    right: 0;
    padding-right: calc( 50% - 50rem);
    padding-left: 3.75rem;
}

.digitalSolution .digitalSolutionlist .itemright .img {
    left: 0;
}

.digitalSolution .digitalSolutionlist .item .text .word {}

.digitalSolution .digitalSolutionlist .item .text .word .redlinevertical {
    float: left;
    width: 1px;
    height: 7.5rem;
    background-color: #1296db;
    margin-right: 2.5rem;
}

.digitalSolution .digitalSolutionlist .item .text .word .txt {
    float: left;
    width: 94%;
}

.digitalSolution .digitalSolutionlist .item .text .word .txt h1 {
    font-size: 2.5rem;
    line-height: 2.4rem;
    color: #333333;
}

.digitalSolution .digitalSolutionlist .item .text .word .txt p {
    font-size: 16px;
    color: #333333;
    margin-top: 1rem;
    line-height: 1.8rem;
}

.successcase {
    padding: 4.375rem 0;
    background-color: #f6f6f7;
}

.successcase .title {
    font-size: 1.875rem;
    color: #1296db;
}

.successcase .twopicture {
    margin-top: 2.5rem;
}

.successcase .twopicture .pic {
    position: absolute;
    left: 0;
    width: 100%;
    height: 25.125rem;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}

.successcase .twopicture .left {
    position: relative;
    float: left;
    width: 48%;
    height: 35.125rem;
}

.successcase .twopicture .left:hover .pic {
    margin-top: 1rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.successcase .twopicture .left:hover .pic .content {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    bottom: -4rem;
}

.successcase .twopicture .left:hover .redSquare {
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.successcase .twopicture .left .pic {
    top: 0;
}

.successcase .twopicture .left .pic .content {
    position: absolute;
    width: 40rem;
    height: 10rem;
    left: 0;
    right: 0;
    bottom: -6rem;
    margin: auto;
    background-color: #ffffff;
    padding: 1.875rem 3.75rem;
    z-index: 1;
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
}

.successcase .twopicture .left .pic .content h3 {
    font-size: 1.25rem;
    color: #1296db;
}

.successcase .twopicture .left .pic .content p {
    font-size: 1rem;
    color: #666666;
    margin-top: 1rem;
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.successcase .twopicture .left .pic .content p.fwservice {
    margin-top: 0.3rem;
}

.successcase .twopicture .left .redSquare {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 5.625rem;
    height: 5.625rem;
    background-color: #1296db;
    z-index: 2;
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
}

.successcase .twopicture .right {
    position: relative;
    float: right;
    width: 48%;
    height: 35.125rem;
}

.successcase .twopicture .right:hover .pic {
    margin-bottom: 1rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.successcase .twopicture .right:hover .pic .content {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    top: -4rem;
}

.successcase .twopicture .right:hover .redSquare {
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.successcase .twopicture .right .pic {
    bottom: 0;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}

.successcase .twopicture .right .pic .content {
    position: absolute;
    width: 40rem;
    height: 10rem;
    left: 0;
    right: 0;
    top: -6rem;
    margin: auto;
    background-color: #ffffff;
    padding: 1.875rem 3.75rem;
    z-index: 1;
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
}

.successcase .twopicture .right .pic .content h3 {
    font-size: 1.25rem;
    color: #1296db;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.successcase .twopicture .right .pic .content p {
    font-size: 1rem;
    color: #666666;
    margin-top: 1rem;
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}


.successcase .twopicture .right .pic .content p.fwservice {
    margin-top: 0.3rem;
}

.successcase .twopicture .right .redSquare {
    position: absolute;
    right: 0;
    top: 0;
    width: 5.625rem;
    height: 5.625rem;
    background-color: #1296db;
    z-index: 2;
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
}

.servicemarket {
    margin-bottom: 4rem;
}

.servicemarket .bigtitle {
    color: #1296db;
    font-size: 3rem;
    padding: 1rem 0;
}

.servicemarket .servicemarketlist {}

.servicemarket .servicemarketlist .item {
    position: relative;
    width: 100%;
    height: 46.25rem;
    margin-top: 5rem;
}

.servicemarket .servicemarketlist .item:first-child {
    margin-top: 0;
}

.servicemarket .servicemarketlist .item .img {
    position: absolute;
    right: 0;
    top: 0;
    width: 87.5rem;
    height: 100%;
    z-index: 1;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
}

.servicemarket .servicemarketlist .item .img .swipers {
    width: 100%;
    height: 100%;
}

.servicemarket .servicemarketlist .item .img .swiper-pagination-bullets {
    width: unset;
    left: unset;
    right: 2.5rem;
    bottom: 3rem;
}

.servicemarket .servicemarketlist .item:nth-child(even) .img .swiper-pagination-bullets {
    width: unset;
    left: 2.5rem;
    right: unset;
    bottom: 3rem;
}

.servicemarket .servicemarketlist .item .img .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #ffffff;
    opacity: 1;
    margin: 0 1rem;
}

.servicemarket .servicemarketlist .item .img .swiper-pagination-bullet-active {
    opacity: 1;
    background: #1296db;
}

.servicemarket .servicemarketlist .item:nth-child(even) .img {
    right: unset;
    left: 0;
}

.servicemarket .servicemarketlist .item .img .swipers .one {}

.servicemarket .servicemarketlist .item .img .swipers .one .play {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    z-index: 3;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}

.servicemarket .servicemarketlist .item .img .swipers .one .play:hover {
    opacity: 0.8;
    transform: scale(0.95);
    -ms-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -o-transform: scale(0.95);
}

.servicemarket .servicemarketlist .item .img .swipers .one>video {
    object-fit: cover;
}

.servicemarket .servicemarketlist .item .img .swipers .one .words {
    position: absolute;
    bottom: 4rem;
    left: 12.5rem;
    z-index: 2;
}

.servicemarket .servicemarketlist .item .img .swipers .one .words .title {
    font-size: 1.875rem;
    color: #ffffff;
}

.servicemarket .servicemarketlist .item .img .swipers .one .words .name {
    font-size: 1.375rem;
    color: #ffffff;
    margin-top: 1.5rem;
}

.servicemarket .servicemarketlist .item .img .swipers .one .words .pattern {
    font-size: 1.375rem;
    color: #ffffff;
    margin-top: 0.8rem;
}

.servicemarket .servicemarketlist .item .text {
    position: absolute;
    /* left: 0; */
    top: 4.7rem;
    /* bottom: 0; */
    margin: auto;
    width: 38.75rem;
    height: 36.875rem;
    background-color: #ffffff;
    z-index: 2;
    padding-left: calc( 50% - 50rem);
    padding-right: 3.75rem;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}

.servicemarket .servicemarketlist .item:hover .text {
    box-shadow: 0 0 16px #cbcbcd;
    transform: translateX(-1rem);
    -moz-transform: translateX(-1rem);
    -webkit-transform: translateX(-1rem);
    -o-transform: translateX(-1rem);
}

.servicemarket .servicemarketlist .item:hover .img {
    box-shadow: 0 0 16px #cbcbcd;
    transform: translateX(1rem);
    -moz-transform: translateX(1rem);
    -webkit-transform: translateX(1rem);
    -o-transform: translateX(1rem);
}

.servicemarket .servicemarketlist .item:nth-child(even):hover .text {
    box-shadow: 0 0 16px #cbcbcd;
    transform: translateX(1rem);
    -moz-transform: translateX(1rem);
    -webkit-transform: translateX(1rem);
    -o-transform: translateX(1rem);
}

.servicemarket .servicemarketlist .item:nth-child(even):hover .img {
    box-shadow: 0 0 16px #cbcbcd;
    transform: translateX(-1rem);
    -moz-transform: translateX(-1rem);
    -webkit-transform: translateX(-1rem);
    -o-transform: translateX(-1rem);
}

.servicemarket .servicemarketlist .item:nth-child(even) .text {
    left: unset;
    right: 0;
    padding-left: 3.75rem;
    padding-right: calc( 50% - 50rem);
}

.servicemarket .servicemarketlist .item .text .word {}

.servicemarket .servicemarketlist .item .text .word .redlinevertical {
    float: left;
    width: 2px;
    height: 13.6875rem;
    background-color: #1296db;
}

.servicemarket .servicemarketlist .item .text .word .content {
    margin-left: 2.5rem;
}

.servicemarket .servicemarketlist .item .text .word .content>h3 {
    font-size: 2.5rem;
    color: #333333;
    line-height: 2.5rem;
}

.servicemarket .servicemarketlist .item .text .word .content>p {
    font-size: 1.125rem;
    color: #666666;
    margin-top: 1.8rem;
}

.servicemarket .servicemarketlist .item .text .word .content>a {
    margin-top: 2.5rem;
    display: block;
}

.servicemarket .servicemarketlist .item .text .word .content>img {
    margin-top: 2.625rem;
}

.companynews .bigtitle {
    position: relative;
    color: #1296db;
    font-size: 3rem;
    padding: 1rem 0;
    width: 75rem;
}

.companynews .topnews {
    height: 25rem;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}

.companynews .topnews:hover {
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, .3);
}

.companynews .topnews .left {
    float: left;
    width: 50%;
    height: 100%;
}

.companynews .topnews .right {
    position: relative;
    float: left;
    width: 50%;
    height: 100%;
    background-color: #f6f6f7;
    padding: 2.1875rem 2.5rem;
}

.companynews .topnews .right .day {
    font-size: 3rem;
    color: #333333;
}

.companynews .topnews .right .yearmonth {
    font-size: 1rem;
    color: #999999;
}

.companynews .topnews .right .newstitle {
    display: block;
    font-size: 1.775rem;
    color: #000000;
    margin-top: 1rem;
    line-height: 2.4rem;
    font-weight: 500;
}

.companynews .topnews .right .newstitle:hover {
    color: #1296db;
}

.companynews .topnews .right .newsdesc {
    font-size: 1rem;
    color: #787878;
    margin-top: 1rem;
    text-align: justify;
}

.companynews .topnews .right .blackbtn {
    display: block;
    color: #333333;
    border-bottom-color: #333333 !important;
    padding: .5rem 0;
    margin-top: 1rem;
}

.companynews .topnews .right .blackbtn:hover {
    color: #1296db;
    border-bottom-color: #1296db !important;
}

.companynews {
    margin-bottom: 4rem;
}

.companynews .newslist {
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}

.companynews .newslist:hover {
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, .3);
}

.companynews .newslist .news {
    width: 100%;
    height: 12.5rem;
    background-color: #f6f6f7;
    padding: 1.25rem;
    margin-top: 1.25rem;
}

.companynews .newslist .news .pic {
    width: 20rem;
    height: 100%;
}

.companynews .newslist .news .text {
    padding: 0 2.5rem;
}

.companynews .newslist .news .text .tt {}

.companynews .newslist .news .text .tt>a {
    float: left;
    font-size: 1.375rem;
    font-weight: 500;
    color: #333333;
}

.companynews .newslist .news .text .tt>a:hover {
    color: #1296db;
}

.companynews .newslist .news .text .tt span {
    float: right;
    font-size: 1rem;
    color: #787878;
}

.companynews .newslist .news .text p {
    font-size: 1rem;
    color: #787878;
    margin-top: 0.8rem;
    text-align: justify;
}

.companynews .newslist .news .text>a {
    display: block;
    color: #333333;
    border-bottom-color: #333333 !important;
    padding: .5rem 0;
    margin-top: 0.8rem;
}

.companynews .newslist .news .text>a:hover {
    color: #1296db;
    border-bottom-color: #1296db !important;
}

.introduction .bigtitle {
    color: #1296db;
    font-size: 3rem;
    padding: 1rem 0;
    width: 75rem;
}

.introduction .subtit {
    font-size: 2.5rem;
    color: #333333;
    padding: 0 0 2rem;
    margin-bottom: 2rem;
    width: 75rem;
    border-bottom: 1px solid #e6e6e6;
}

.introduction .content {}

.introduction .content .title1 {
    font-size: 2.5rem;
    color: #333333;
}

.introduction .content>p {
    font-size: 1.125rem;
    color: #333333;
    margin-top: 1rem;
}

.introduction .content>a {
    display: inline-block;
    padding-bottom: 0.2rem;
    margin-bottom: 3rem;
    margin-top: 1rem;
    color: #1296db;
    border-bottom: 1px solid #1296db;
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
}

.crumbs .introductionmenu {
    height: 21.375rem;
}

.engineer {
    width: 100%;
    padding: 3.75rem 0;
    background-color: #f6f6f7;
}

.engineer .title {
    font-size: 2.5rem;
    color: #333333;
    margin-bottom: 1rem;
}

.engineer .engineervideo {
    width: 100%;
}

.engineer .engineervideo .left {
    float: left;
    width: 75rem;
}

.engineer .engineervideo .left .topvideo {
    width: 100%;
}

.engineer .engineervideo .left .topvideo .top_v {
    position: relative;
    float: left;
    width: 30rem;
    height: 15rem;
}

.engineer .engineervideo .left .topvideo .top_v img {
    position: absolute;
    top: 4rem;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    z-index: 2;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
}

.engineer .engineervideo .left .topvideo .top_v img:hover {
    opacity: 0.8;
    transform: scale(0.95);
    -ms-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -o-transform: scale(0.95);
}

.engineer .engineervideo .left .topvideo .top_v p {
    position: absolute;
    top: 10rem;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 1.25rem;
    color: #ffffff;
    z-index: 2;
}

.engineer .engineervideo .left .topvideo .txt {
    float: right;
    width: 42.5rem;
    height: 15rem;
    position: relative;
    border-bottom: 1px solid #d7d7d7;
}

.engineer .engineervideo .left .topvideo .txt p {
    font-size: 1.125rem;
    color: #333333;
    line-height: 2rem;
    text-align: justify;
}

.engineer .engineervideo .left .topvideo .txt .pdfbtn {
    position: absolute;
    left: 0;
    bottom: 1.25rem;
}

.engineer .engineervideo .left .topvideo .txt .pdfbtn img {
    float: left;
}

.engineer .engineervideo .left .topvideo .txt .pdfbtn span {
    float: left;
    margin-left: 0.8rem;
    font-size: 1rem;
    color: #1296db;
    padding-bottom: 0.3rem;
    border-bottom: 2px solid #1296db;
}

.engineer .engineervideo .left .videolist {
    margin-top: 3.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.engineer .engineervideo .left .videolist .vid {
    cursor: pointer;
}

.engineer .engineervideo .left .videolist .vid .pic {
    position: relative;
    width: 22.25rem;
    height: 11.625rem;
    overflow: hidden;
}

.engineer .engineervideo .left .videolist .vid .pic .backg {
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
}

.engineer .engineervideo .left .videolist .vid .pic .icon {
    position: absolute;
    /* width: 4.75rem; */
    /* height: 5.5625rem; */
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
}

.engineer .engineervideo .left .videolist .vid:hover .pic .icon {
    transform: scale(0.9);
    -ms-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
}

.engineer .engineervideo .left .videolist .vid:hover .pic .backg {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.engineer .engineervideo .left .videolist .vid .text {
    margin-top: 1rem;
}

.engineer .engineervideo .left .videolist .vid .text * {
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
}

.engineer .engineervideo .left .videolist .vid .text span {
    font-size: 1.25rem;
    color: #666666;
}

.engineer .engineervideo .left .videolist .vid .text img {
    margin-left: 0.5rem;
}

.engineer .engineervideo .left .videolist .vid:hover .text span {
    color: #1296db;
}

.engineer .engineervideo .left .videolist .vid:hover .text img {
    margin-left: 1rem;
}

.engineer .engineervideo .right {
    float: right;
}

.engineer .engineervideo .right .list {
    position: relative;
    display: block;
    width: 21.25rem;
    border-bottom: 1px solid #d7d7d7;
    padding: 1.2rem 1.875rem 1.2rem 0.625rem;
}

.engineer .engineervideo .right .list:first-child {
    border-top: 1px solid #d7d7d7;
}

.engineer .engineervideo .right .list p {
    margin-left: 1.25rem;
}

.engineer .engineervideo .right .list>.icon {
    width: 2.5rem;
}

.engineer .engineervideo .right .list .smright {
    position: absolute;
    right: 1.875rem;
    top: 0;
    bottom: 0;
    margin: auto;
}

.introduction .values {
    background-color: #ffffff;
    padding: 3.75rem 0;
}

.introduction .values>.title {
    font-size: 3.125rem;
    color: #1296db;
}

.introduction .values>.item {
    height: 21.25rem;
}

.introduction .values>.item>.text {
    float: left;
    width: 50%;
    height: 100%;
    padding-left: calc(50% - 50rem);
    padding-right: 4rem;
}

.introduction .values>.item>.img {
    float: right;
    width: 50%;
    height: 100%;
}

.introduction .values>.itemContrary>.text {
    float: right;
    padding-right: calc(50% - 50rem);
    padding-left: 4rem;
}

.introduction .values>.itemContrary>.img {
    float: left;
}

.introduction .values>.item>.text h3 {
    font-size: 2.5rem;
    color: #333333;
}

.introduction .values>.item>.text p {
    font-size: 1.125rem;
    color: #333333;
    margin-top: 1rem;
    line-height: 2rem;
}

.introduction .socialresponsibility {
    background-color: #f6f6f7;
    width: 100%;
    height: 41.25rem;
    padding: 3.75rem 0;
}

.introduction .socialresponsibility .title {}

.introduction .socialresponsibility .title>h3 {
    float: left;
    font-size: 3.125rem;
    color: #1296db;
}

.introduction .socialresponsibility .title>p {
    float: right;
    font-size: 1.125rem;
    color: #333333;
    line-height: 2rem;
    max-width: 81.25rem;
}

.introduction .socialresponsibility .piccontainer {
    margin: 0 auto;
}

.introduction .socialresponsibility .piccontainer>img {
    margin: 0 auto;
    margin-top: 1.5rem;
}

.introduction .history {
    width: 100%;
    height: 41.875rem;
    padding: 4.375rem 0;
}

.introduction .history .title {
    font-size: 3.125rem;
    color: #ffffff;
}

.introduction .history .historylist {
    margin-top: 4rem;
    height: 18.75rem;
}

.introduction .history .historylist * {
    transition: opacity 0.8s cubic-bezier(0, 0.1, 0.3, 1), transform 0.8s cubic-bezier(0, 0.1, 0.3, 1), width 0.8s cubic-bezier(0, 0.1, 0.3, 1), padding-left 0.8s cubic-bezier(0, 0.1, 0.3, 1), line-height 0.8s cubic-bezier(0, 0.1, 0.3, 1), margin 0.8s cubic-bezier(0, 0.1, 0.3, 1);
    -webkit-transition: opacity 0.8s cubic-bezier(0, 0.1, 0.3, 1), transform 0.8s cubic-bezier(0, 0.1, 0.3, 1), width 0.8s cubic-bezier(0, 0.1, 0.3, 1), padding-left 0.8s cubic-bezier(0, 0.1, 0.3, 1), line-height 0.8s cubic-bezier(0, 0.1, 0.3, 1), margin 0.8s cubic-bezier(0, 0.1, 0.3, 1);
    -moz-transition: opacity 0.8s cubic-bezier(0, 0.1, 0.3, 1), transform 0.8s cubic-bezier(0, 0.1, 0.3, 1), width 0.8s cubic-bezier(0, 0.1, 0.3, 1), padding-left 0.8s cubic-bezier(0, 0.1, 0.3, 1), line-height 0.8s cubic-bezier(0, 0.1, 0.3, 1), margin 0.8s cubic-bezier(0, 0.1, 0.3, 1);
}

.introduction .history .historylist .item {
    float: left;
    width: 25%;
    height: 100%;
    cursor: pointer;
    border-left: 1px solid rgba(215, 215, 215, 0.4);
    overflow: hidden;
}

.introduction .history .historylist .item:first-child {
    border-left: none;
}

.introduction .history .historylist .item>div>p {
    font-size: 1rem;
    color: #ffffff;
    padding-left: calc(50% - 2rem);
}

.introduction .history .historylist .item>div>.title {
    font-size: 1.875rem;
    color: #ffffff;
    margin-top: 1rem;
    padding-left: calc(50% - 4.5rem);
}

.introduction .history .historylist .item>div>.subtt {
    color: #ffffff;
    opacity: 0;
    transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
}

.introduction .history .historylist .item>div>.redlinecontainer {
    padding-left: calc(50% - 2rem);
}

.introduction .history .historylist .item>div>.redlinecontainer>.redline {
    background-color: #1296db;
    opacity: 0;
    transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
}

.introduction .history .historylist .item>div>ul {
    opacity: 0;
    transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
}

.introduction .history .historylist .item>div>ul li {
    font-size: 0;
    color: #ffffff;
    line-height: 0;
}

.introduction .history .historylist .item.active {
    width: 50%;
    padding: 0 2.5rem;
}

.introduction .history .historylist .item.active>div>p {
    font-size: 1.5rem;
    color: #ffffff;
    padding-left: 0;
}

.introduction .history .historylist .item.active>div>.title {
    font-size: 3.125rem;
    color: #ffffff;
    margin-top: 0;
    padding-left: 0;
}

.introduction .history .historylist .item.active>div>.subtt {
    font-size: 1.5rem;
    color: #ffffff;
    opacity: 1;
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
}

.introduction .history .historylist .item.active>div>.redlinecontainer {
    padding-left: 0;
}

.introduction .history .historylist .item.active>div>.redlinecontainer .redline {
    width: 1.875rem;
    height: 0.25rem;
    background-color: #1296db;
    margin: 1.2rem 0;
    opacity: 1;
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
}

.introduction .history .historylist .item.active>div>ul {
    opacity: 1;
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
}

.introduction .history .historylist .item.active>div>ul li {
    font-size: 1.125rem;
    color: #ffffff;
    line-height: 2rem;
}

.introduction .professionalethics {
    padding: 3.75rem 0;
}

.introduction .professionalethics .title {
    font-size: 3.125rem;
    color: #1296db;
}

.introduction .professionalethics .content {
    font-size: 3.125rem;
    color: #1296db;
}

.introduction .professionalethics .content .text {
    float: left;
    max-width: 42.5rem;
    margin-top: 2rem;
}

.introduction .professionalethics .content .text>p {
    font-size: 1.125rem;
    color: #333333;
    line-height: 2rem;
    margin-top: 0;
}

.introduction .professionalethics .content .rightpart {
    float: left;
    max-width: 42.5rem;
    margin-top: 2rem;
}

.introduction .professionalethics .content .rightpart .item {
    float: left;
    margin-left: 3rem;
}

.introduction .professionalethics .content .rightpart .item .pic {
    width: 17rem;
    height: 9.5625rem;
}

.introduction .professionalethics .content .rightpart .item p {
    font-size: 1.125rem;
    color: #333333;
    margin-top: 1rem;
}

.introduction .professionalethics .content .rightpart .item a {
    display: inline-block;
}

.introduction .professionalethics .content .rightpart .item a span {
    font-size: 0.875rem;
    color: #666666;
}

.techinnovation {
    padding-bottom: 7.1875rem;
}

.techinnovation .bigtitle {
    color: #1296db;
    font-size: 3rem;
    padding: 1rem 0;
    border-bottom: 1px solid #e6e6e6;
    width: 75rem;
}

.techinnovation .subtit {
    font-size: 2.5rem;
    color: #333333;
    padding: 1rem 0;
    width: 75rem;
}

.techinnovation .desc {}

.techinnovation .desc .pic {
    float: left;
    position: relative;
    width: 27.5rem;
    height: 15.375rem;
}

.techinnovation .desc .pic .fang {
    position: absolute;
    left: 0;
    bottom: -2.075rem;
    width: 4.125rem;
    height: 4.125rem;
    background-color: #122747;
    opacity: 0.8;
    z-index: 2;
}

.techinnovation .desc .pic .chang {
    position: absolute;
    left: 2.075rem;
    bottom: -4.125rem;
    width: 17.8125rem;
    height: 4.125rem;
    background-color: #1296db;
    z-index: 1;
}

.techinnovation .desc .text {
    float: right;
    max-width: 70rem;
}

.techinnovation .desc .text p {
    font-size: 1.125rem;
    color: #333333;
    line-height: 2rem;
}

.techinnovation .desc .text ul li {
    font-size: 1.125rem;
    color: #333333;
    line-height: 2rem;
    list-style: outside;
    list-style-position: inside;
}

.tabs {
    padding: 3.75rem 0;
    background-color: #ffffff;
}

.tabs>.contentcontainer>.title {
    font-size: 2.5rem;
    color: #333333;
}

.tabs .tablist {
    width: 100%;
    margin-top: 3rem;
}

.tabs .tablist * {
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
}

.tabs .tablist .tab {
    position: relative;
    cursor: pointer;
    padding: 0.875rem 1.75rem;
    background-color: #e7e7e7;
    border-top: 2px solid transparent;
}

.tabs .tablist .tab.swiper-slide-thumb-active {
    border-top: 2px solid #1296db;
    background-color: transparent;
}

.tabs .tablist .tab.swiper-slide-thumb-active .right {
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.tabs .tablist .tab .icon {
    height: 1.875rem;
}

.tabs .tablist .tab span {
    margin-left: 1rem;
}

.tabs .tablist .tab .right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.75rem;
    margin: auto;
}

.tabs .contentlist {}

.tabs .contentlist .content {
    padding: 2.5rem 1.875rem;
    width: 100%;
}

.tabs .contentlist .content .title {
    font-size: 1.875rem;
    color: #1296db;
}

.tabs .contentlist .content .subtit {
    font-size: 1.125rem;
    color: #333333;
    margin-top: 0.5rem;
}

.tabs .contentlist .content .list {
    /* margin-top: 2rem; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.tabs .contentlist .content .list .one {
    display: inline-block;
    width: 49%;
    margin-top: 2rem;
    padding: 1rem;
    background-color: #f6f6f7;
    /* cursor: pointer; */
}

.tabs .contentlist .content .list .hand {
    cursor: pointer;
}

.tabs .contentlist .content .list .hand:hover .right h3 {
    color: red;
}

.tabs .contentlist .content .list .one .left {
    background-color: #ffffff;
}

.tabs .contentlist .content .list .one .right {
    margin-left: 1rem;
    max-width: 30rem;
}

.tabs .contentlist .content .list .one .right h3 {
    font-size: 1.125rem;
    color: #333333;
}

.tabs .contentlist .content .list .one .right p {
    font-size: 0.875rem;
    color: #666666;
    margin-top: 0.5rem;
}

.tabs .contentlist .content .list .one .right img {
    display: block;
    margin-top: 0.5rem;
}

.media .bigtitle {
    color: #1296db;
    font-size: 3rem;
    padding: 1rem 0;
    width: 75rem;
}

.media .subtit {
    font-size: 1.125rem;
    color: #333333;
    width: 75rem;
}

.media .mediapart {
    position: relative;
    width: 100%;
    max-height: 10.625rem;
    background-color: #f6f6f7;
    padding: 1.875rem 0;
    margin-top: 1rem;
    margin-bottom: 4rem;
}

.media .mediapart .redline {
    float: left;
    width: 2px;
    height: 5.1875rem;
    background-color: #1296db;
    margin-right: 1.875rem;
}

.media .mediapart .text {
    float: left;
}

.media .mediapart .text .name {
    font-size: 1.125rem;
    color: #1296db;
}

.media .mediapart .text .contact {}

.media .mediapart .text .contact .left {
    float: left;
    margin-left: 6.25rem;
}

.media .mediapart .text .contact .left:first-child {
    margin-left: 0;
}

.media .mediapart .text .contact .left p {
    font-size: 1.125rem;
    color: #333333;
    line-height: 2rem;
}

.chemicalindustry .bigtitle {
    color: #333;
    font-size: 38px;
    padding: 1rem 0;
    border-bottom: 1px solid #e6e6e6;
    width: 75rem;
}

.chemicalindustry .list {
    margin-bottom: 4rem;
}

.chemicalindustry .list .one {
    border-bottom: 1px solid #e4e4e4;
}

.chemicalindustry .list .one:first-child {
    border-top: 1px solid #e4e4e4;
}

.chemicalindustry .list .one .title {
    width: 100%;
    padding: 1.875rem;
    cursor: pointer;
}

.chemicalindustry .list .one .title>span {
    float: left;
    font-size: 24px;
    color: #333;
}

.chemicalindustry .list .one .title>div {
    float: right;
    width: 40px;
    height: 40px;
    border: 2px solid #1296db;
    font-size: 24px;
    color: #1296db;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
	line-height: 0;
}

.chemicalindustry .list .one .title>div .jian {
    display: none;
}

.chemicalindustry .list .one .title>div.active {
    background-color: #1296db;
    color: #ffffff;
}

.chemicalindustry .list .one .title>div.active .jia {
    display: none;
}

.chemicalindustry .list .one .title>div.active .jian {
    display: inline;
}

.chemicalindustry .list .one .title>div:hover {
    background-color: #1296db;
    color: #ffffff;
}

.chemicalindustry .list .one .title>div>span {
    text-align: center;
}

.chemicalindustry .list .one .content {
    display: none;
    margin-left: -1.6875rem;
    margin-bottom: 1rem;
}

.chemicalindustry .list .one .content>.item {
    float: left;
    width: 25%;
    height: 13.75rem;
    padding-left: 1.6875rem;
    margin-bottom: 1.6875rem;
}

.chemicalindustry .list .one .content>.item>.contain {
    width: 100%;
    height: 100%;
    background-color: #f6f6f7;
    border-bottom: 2px solid #1296db;
    padding: 1.875rem;
}

.chemicalindustry .list .one .content>.item>.contain>.tt {
    font-size: 1.25rem;
    color: #1296db;
}

.chemicalindustry .list .one .content>.item>.contain>.xiangmu {
    margin-top: 1rem;
}

.chemicalindustry .list .one .content>.item>.contain>.xiangmu>p {
    float: left;
    max-width: 14.75rem;
    font-size: 1rem;
    color: #333333;
}

.chemicalindustry .list .one .content>.item>.contain>.fuwu {
    margin-top: 0.5rem;
}

.chemicalindustry .list .one .content>.item>.contain>.fuwu>p {
    float: left;
    max-width: 14.75rem;
    line-height: 1rem;
    font-size: 1rem;
    color: #333333;
}

.crumbs .contactusmenu {
    height: 11.375rem;
}

.contactus .bigtitle {
    color: #1296db;
    font-size: 3rem;
    padding: 1rem 0;
    width: 75rem;
}

.contactus .select {
    width: 50%;
    margin: 0 auto;
    position: relative;
}

.contactus .select .area {
    position: relative;
    width: 24.375rem;
    border: 1px solid #e2e2e2;
    padding: 0.875rem 1.25rem;
    font-size: 1.5rem;
    color: #333333;
    margin: 0 auto;
    cursor: pointer;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}

.contactus .select .area:hover {
    box-shadow: 0 0 0.2rem red;
}

.contactus .select .area>span {}

.contactus .select .area>img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 1.25rem;
}

.contactus .select .dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
    width: 24.375rem;
    background-color: #f6f6f7;
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, .1);
    z-index: 2;
}

.contactus .select .dropdown>a {
    display: block;
    padding: 1rem;
    font-size: 1rem;
}

.contactus .list {
    margin-top: 2.5rem;
    margin-left: -2.25rem;
    margin-bottom: 2rem;
}

.contactus .list .item {
    float: left;
    width: 33.33%;
    height: 18.125rem;
    padding-left: 2.25rem;
    margin-bottom: 2.25rem;
}

.contactus .list .item .content {
    width: 100%;
    height: 100%;
    padding: 2.5rem;
    background-color: #f6f6f7;
    border-bottom: 2px solid #1296db;
}

.contactus .list .item .content>p {
    font-size: 1rem;
    color: #333333;
    line-height: 1.8rem;
}

.contactus .list .item .content>p:first-child {
    font-size: 1.125rem;
    color: #1296db;
    margin-bottom: 1rem;
}


/* map start */

.contactus .map {
    text-align: center;
}

.dot {
    fill: #AAAAAA;
    transition: .3s cubic-bezier(0, 1.25, 1, 1);
}

.dot[data-location] {
    fill: #1296db;
    cursor: pointer;
    transform-origin: calc(100% - 2.125px) calc(100% - 2.125px);
}

.dot-big {
    fill: #1296db;
    cursor: pointer;
}

.dot-scale {
    animation: dotScale .3s cubic-bezier(.8, 0, 0, .8) forwards;
}

.location-incidator-ctn {
    opacity: 0;
    visibility: hidden;
}

.location-indicator {
    filter: url(#indicatorShadow);
}

.ind-show {
    visibility: visible;
    opacity: 1;
}

.location-address {
    text-align: left;
}

@keyframes dotScale {
    from {
        r: 4.5px;
    }
    to {
        r: 10px;
    }
}

@media (max-width: 960px) {
    .location-name-desc {
        font-size: 14px;
    }
    .location-name-text {
        font-size: 18px;
    }
}

@media (max-width: 960px) {
    .location-indicator {
        filter: none;
        stroke: #ccc;
        stroke-width: 1px;
    }
}

@media (max-width: 640px) {
    .location-incidator-ctn {
        font-size: .8rem;
    }
}


/* map end */


/* 2019-9-2 end Loen */


/* 2019-9-5 start */

.outermost {
    display: none;
}

.hcover {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    right: -100%;
    top: 0;
    z-index: 99;
}

.mobile-nav {
    width: 70%;
    height: 100%;
    position: fixed;
    top: 0;
    left: -70%;
    z-index: 999;
    /* overflow: hidden; */
    background: #fff;
    color: #fff;
}

.mobile-nav .menu {
    margin: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /* overflow-x: hidden; */
    overflow-y: auto;
    padding-top: 20px;
    text-align: left;
}

.mbigtitle {
    float: left;
    margin: 0;
    width: 100%;
    position: relative;
    font-size: 18px;
    color: #002554;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mitem {
    float: left;
    margin: 0;
    width: 100%;
    position: relative;
}

.mitem:after {
    content: '';
    display: block;
    /* width: 100%; */
    border-bottom: 1px solid #e6e6e6;
    /* margin-left: 20px; */
    width: 85%;
    margin: 0 auto;
}

.mitem>a {
    display: block;
    line-height: 50px;
    font-size: 16px;
    line-height: 1.8;
    color: #4989c8;
    padding: 10px 10px 10px 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 40px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.mitem i {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
}

.mitem i:before {
    content: '';
    display: block;
    height: 100%;
    border-left: 1px solid #e6e6e6;
    position: absolute;
    top: 0;
    left: 0;
}

.mitem i:after {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    margin-bottom: -5px;
    border: 2px solid #002554;
    border-top: 0;
    border-left: 0;
    position: absolute;
    bottom: 50%;
    right: 18px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.returnPrev {
    display: block;
}

.returnPrev a {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 10px 10px 10px 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #002554;
    background-color: #e9e9e9;
    text-indent: 20px;
    position: relative;
}

.returnPrev a:before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    bottom: 50%;
    left: 22px;
    margin-bottom: -4px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border: 2px solid #002554;
    border-right: 0;
    border-bottom: 0;
}


/* 2019-9-5 end */


/* 2019-9-6 start */

.btn-disabled {
    cursor: not-allowed;
}


/* 2019-9-6 end */


/* 2019-9-9 start */

.newsdetail {}

.newsdetail .newscontainer {
    width: 75rem;
    margin: 0 auto;
}

.newsdetail .title {
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
}

.newsdetail .time {
    font-size: 1rem;
    color: #333333;
    text-align: center;
    margin-top: 1rem;
}

.newsdetail .content {
    margin-top: 3rem;
    margin-bottom: 4rem;
}

.newsdetail .content p {
    font-size: 1.2rem;
    color: #333333;
    line-height: 2.5rem;
}


/* 2019-9-9 end */


/* 2019-9-17 start */

.newspagination {
    margin-top: 4rem;
}

.newspagination>ul {
    text-align: center;
    vertical-align: middle;
}

.newspagination>ul>li {
    display: inline-block;
    color: #122747;
}

.newspagination>ul>li>a {
    padding: 0.8rem 1rem;
}

.newspagination>ul>li.selected>a {
    color: #ffffff;
    background-color: #122747;
}

.newspagination>ul>li>a:hover {
    color: #ffffff;
    background-color: #122747;
}

.newspagination>ul>li.first {
    display: none;
}

.newspagination>ul>li.last {
    display: none;
}

.newspagination>ul>li.page {}

.covernewsbg {
    height: 10rem;
}

.nextNews {
    width: 75rem;
    margin: 0 auto;
    margin-bottom: 4rem;
}

.nextNews>a {
    float: right;
}

.nextNews>a:first-child {
    float: left;
}

.header-menu-item {
    position: relative;
}

/*.search {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 999;
}*/

.search .searchmeng {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000000;
    opacity: 0.3;
    z-index: 1;
}

.search .shdiv {
    position: absolute;
    width: 31.25rem;
    height: 8rem;
    padding: 1.875rem;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #1b365d;
    border-radius: 4px;
    z-index: 2;
    box-shadow: 0 0 1.5rem black;
}

.search .shdiv form {
    width: 100%;
    margin-top: 0.9rem;
}

.search .shdiv form .input {
    width: 90%;
    background: transparent;
    color: #fff;
    border-bottom: 1px solid #fff;
    padding: 5px 10px;
    font-size: 20px;
}

.search .shdiv form .btn-submit {
    width: 2rem;
    height: 1.5rem;
    border: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
}

.searchdiv {
    width: 100rem;
    margin: 7.5rem auto 4rem;
}

.searchdiv .searchtit {
    padding: 3.125rem 0;
    font-size: 1.375rem;
}

.searchdiv .searchpart {}

.searchdiv .searchpart .searchbox {
    padding: 0 0 1.875rem;
}

.searchdiv .searchpart .searchbox .searchform {}

.searchdiv .searchpart .searchbox .searchform .icpsearch {
    width: 94%;
    border-bottom: 1px solid black;
    padding: 5px 10px;
    font-size: 1.25rem;
    color: #002554;
    float: left;
}

.searchdiv .searchpart .searchbox .searchform .search_submit {
    width: 5%;
    border: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    background-position: center center;
    float: right;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
}

.searchdiv .searchpart .searchbox .searchform .search_submit:hover {
    opacity: .5;
}

.searchdiv .searchpart .searchbox .searchform .icpsearch:focus {
    outline: 0;
    border-bottom: 1px solid #002554;
}

.searchdiv .searchpart .searchtransactionstitle {
    font-size: 2rem;
    color: #002554;
    font-weight: bold;
    margin-top: 2rem;
}


/* 搜索内容样式 */

.searchdiv .list {
    margin-top: 2.5rem;
    margin-left: -2.25rem;
    /* margin-bottom: 2rem; */
}

.searchdiv .list .item {
    float: left;
    width: 33.33%;
    height: 18.125rem;
    padding-left: 2.25rem;
    margin-bottom: 2.25rem;
}

.searchdiv .list .item .content {
    width: 100%;
    height: 100%;
    padding: 2.5rem;
    background-color: #f6f6f7;
    border-bottom: 2px solid #1296db;
}

.searchdiv .list .item .content>p {
    font-size: 1rem;
    color: #333333;
    line-height: 1.8rem;
}

.searchdiv .list .item .content>p:first-child {
    font-size: 1.125rem;
    color: #1296db;
    margin-bottom: 1rem;
}

.searchdiv .searchrecruitment {
    width: 100%;
}

.searchdiv .searchrecruitment>* {
    margin-top: 0.5rem;
}

.searchdiv .searchrecruitment>.itemtit {
    background-color: #f6f6f7;
    padding: 1rem 3rem;
    cursor: pointer;
}

.searchdiv .searchrecruitment>.itemtit>span {
    float: left;
    font-size: 1.5rem;
    color: #333333;
}

.searchdiv .searchrecruitment>.itemtit>div {
    float: right;
    width: 1.875rem;
    height: 1.875rem;
    color: #1296db;
    font-size: 1.5rem;
    border: 2px solid #1296db;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.searchdiv .searchrecruitment>.itemtit>div>span:nth-child(2) {
    display: none;
}

.searchdiv .searchrecruitment>.itemtit.active>span {
    color: #1296db;
}

.searchdiv .searchrecruitment>.itemtit.active>div {
    background-color: #1296db;
    color: #ffffff;
}

.searchdiv .searchrecruitment>.itemtit.active>div>span:first-child {
    display: none;
}

.searchdiv .searchrecruitment>.itemtit.active>div>span:nth-child(2) {
    display: inline;
}

.searchdiv .searchrecruitment>.itemtit>div:hover {
    background-color: #1296db;
    color: #ffffff;
}

.searchdiv .searchrecruitment>.itemcontent {
    padding: 0.1rem 3rem 3rem;
    background-color: #f6f6f7;
    display: none;
}

.searchdiv .searchrecruitment>.itemcontent * {
    font-size: 1.125rem;
    color: #333333;
    line-height: 1.8rem;
}

.searchdiv .searchrecruitment>.itemcontent p {
    margin-top: 2rem;
}

.searchdiv .searchrecruitment>.itemcontent a {
    color: #1296db;
}

.searchdiv .showall {
    display: block;
    margin-top: 1.5rem;
}

.searchdiv .jishuchuangxin {
    margin-top: 1.5rem;
}

.searchdiv .jishuchuangxin>a {
    display: block;
}


/* 2019-9-17 end */


/* 2019-9-20 start */

.lawcontainer {
    width: 75rem;
    margin: 4rem auto;
    padding-top: 4rem;
}

.lawcontainer .title {
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
}

.lawcontainer .content {
    margin-top: 3rem;
    margin-bottom: 4rem;
}

.lawcontainer .content p {
    font-size: 1.2rem;
    color: #333333;
    line-height: 2.5rem;
}


/* 2019-9-20 end */


/* 2019-9-24 start */

.partner {
    background-color: #f6f6f7;
    padding: 4rem 0;
}

.partner .title {
    font-size: 2.5rem;
    color: #333333;
}

.partner .partnerlist {
    margin-top: 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.partner .partnerlist>.item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15rem;
    height: 7.5rem;
    background-color: #ffffff;
}

.honor {
    padding: 4rem 0;
    background-color: #ffffff;
}

.honor .left {
    float: left;
}

.honor .left h3 {
    font-size: 2.5rem;
    color: #333333;
    font-weight: normal;
}

.honor .left p {
    margin-top: 0.3rem;
}

.honor .left p:nth-child(2) {
    margin-top: 1rem;
}

.honor .left p>span {
    display: inline-block;
}

.honor .left p>span:first-child {
    color: red;
    margin-right: 0.5rem;
    font-weight: bold;
}

.honor .left p>span:last-child {
    color: #333333;
    font-size: 1.125rem;
}

.honor .right {
    float: right;
    margin: 0 6rem;
    width: 39rem;
}

.direction {
    position: relative;
    background-color: #f6f6f7;
    padding: 4rem 0;
}

.direction .title {
    font-size: 2.5rem;
    color: #333333;
}

.direction>.contentcontainer>p {
    font-size: 1.125rem;
    color: #333333;
    margin-top: 1rem;
}

.direction>div>img {
    margin: 3rem auto;
}

.direction .imglist {
    margin-top: 2rem;
}

.direction .imglist .imgct {
    float: left;
    width: 25%;
    overflow: hidden;
}

.direction .imglist .imgct img {
    width: 100%;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}

.direction .imglist .imgct:hover img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.direction .dicontent {
    position: absolute;
    width: 100%;
    z-index: 2;
    top: 34rem;
}

.direction .dicontent .item {
    float: left;
    width: 50%;
    padding-bottom: 3rem;
    padding-left: 3rem;
    border-left: 1px solid red;
}

.direction .dicontent .item>h3 {
    font-size: 1.875rem;
    color: #ffffff;
}

.direction .dicontent .item>p {
    font-size: 1.125rem;
    color: #333333;
    margin-top: 0.5rem;
}

.direction .dicontent .item>p:nth-child(2) {
    margin-top: 3rem;
}

.direction .dicontent .dibottom {
    float: left;
    width: 100%;
    height: 7.5rem;
    background-color: #e7e7e7;
    padding: 2rem 0;
    margin-top: 2rem;
}

.direction .dicontent .dibottom>p {
    font-size: 1.125rem;
    color: #333333;
    line-height: 1.5rem;
    text-align: center;
}

.explore {
    background-color: #f6f6f7;
    padding: 4rem 0;
}

.explore .title {
    font-size: 2.5rem;
    color: #333333;
}

.explore>.contentcontainer>p {
    font-size: 1.125rem;
    color: #333333;
    margin-top: 1rem;
}

.explore>div>img {
    margin: 2rem auto;
}

.explore .expcontent {
    margin-top: 2rem;
}

.explore .expcontent .top {}

.explore .expcontent .top>img {
    float: left;
    width: 33.33333%;
}

.explore .expcontent .bottom {
    margin-top: 1rem;
    padding-top: 1.5rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.explore .expcontent .bottom .item {
    width: 30%;
}

.explore .expcontent .bottom .item>p {
    margin-top: 0.3rem;
}

.explore .expcontent .bottom .item>p>span {
    display: inline-block;
}

.explore .expcontent .bottom .item>p>span:first-child {
    color: red;
    margin-right: 0.5rem;
    font-weight: bold;
}

.explore .expcontent .bottom .item>p>span:last-child {
    color: #333333;
    font-size: 1.125rem;
    max-width: 90%;
}


/* 2019-9-24 end */


/* 2019-9-30 start */

.mobile-lang {
    float: left;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    margin-top: 3rem;
}


/* 2019-9-30 end */

.mobile-search {
    display: none;
}

.joinus .joinuslist .item .text .word p {
    word-break: break-word;
}

/*2019-11-1 start*/
.crumbs .menu {
    height: 21.375rem;
}
/*2019-11-1 end*/

/* 2019-11-14 start */

.banner .banner-item {
    height: calc(100vh - 28.375rem) !important;
}
.banner-text {
    font-size: 1.8125rem;
}
section.news-center {
    padding-top: 2.75rem;
}
.news-center .section-title {
    display: none;
}
.news-item.cover-news {
    flex: 5;
}
.news-info {
    flex: 0 0 8.25rem !important;
}
.news-desc {
    display: none !important;
}
/* 2019-11-14 end */

/* 2019-11-11 start */
.chemicalindustry .content {
    width: 100%;
    margin-bottom: 4rem;
}

.chemicalindustry .content p {
    font-size: 18px;
    color: #333333;
}

.chemicalindustry .bigtitle {
    border-bottom: none;
}
/* 2019-11-11 end */

/* 2019-11-15 start */
.servicemarket .servicemarketlist .item .text .word .content>img {
    width: 7.375rem;
}
.chemicalindustry .list .one .content {
    margin-left: 0;
}
.chemicalindustry .list .one .content img {
    width: 100%;
    margin-top: 2rem;
}
.engineer .engineervideo .left .videolist .vid .pic .backg {
    width: 100%;
}
.engineer .engineervideo .left .videolist .vid .pic .icon {
    height: 5.75rem;
}
.videolist .swiper-container {
    padding-bottom: 1.875rem;
}
.videolist .swiper-container .swiper-pagination {
    bottom: 0;
}
.videolist .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: red;
}
.chemicalindustry .list .one .title {
    cursor: initial;
}
/* 2019-11-15 end */
#world-map-svg {
    width: 1280px;
    height: 665px;
    margin: auto;
    max-width: 100%;
}

@media (max-width: 960px) {

    #world-map-svg {
        height: auto;
    }
}

/* 2019-12-2 start */
.bottom-nav-ctn {
    overflow: visible;
}
.bottom-share {
    justify-content: space-around;
}
/* 2019-12-2 end */

/* 2019-12-10 start */
.techinnovation .desc .text {
    float: left;
    margin-left: 2.5rem;
}
.techinnovation .desc .text .col {
    margin-left: -0.625rem;
    margin-top: 2rem;
}
.techinnovation .desc .text .col .one {
    float: left;
    width: 50%;
    padding-left: 0.625rem;
    margin-bottom: 0.625rem;
}
.techinnovation .desc .text .col .one .cover {
    padding: 1.0625rem 0.875rem 1.0625rem 1.4rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #f6f6f7;
    border-left: 4px solid red;
    height: 4.8125rem;
}
.techinnovation .desc .text .col .one .cover img {
    width: 2rem;
}
.techinnovation .desc .text .col .one .cover p {
    font-size: 1rem;
    color: #333333;
    line-height: 1.4;
    margin-left: 1rem;
}
.techinnovation .bigtitle {
    width: 100%;
}
.partner {
    background-color: #ffffff;
}
.tabs {
    background-color: #f6f6f7;
}
.tabs .contentlist .content .list .one {
    background-color: #ffffff;
    border-radius: 4px;
}
/*.honor {
    background-color: #f6f6f7;
}*/
.honor h3 {
    margin-bottom: 1.875rem;
}
.honor .list {
    margin-left: -1.25rem;
}
.honor .list .one {
    float: left;
    width: 33.33333%;
    padding-left: 1.25rem;
    margin-bottom: 1.25rem;
}
.honor .list .one .cover {
    background-color: #e7e7e7;
    padding: 1.5625rem 1.875rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.honor .list .one .cover .num {
    width: 1.875rem;
    height: 1.875rem;
    background-color: red;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.875rem;
    color: #ffffff;
    border-radius: 50%;
}
.honor .list .one .cover p {
    font-size: 1.125rem;
    color: #333333;
    margin-left: 1.25rem;
}
.partner .title {
    font-size: 1.875rem;
}
.honor h3 {
    font-size: 2.5rem;
    font-weight: 400;
}
.direction .title {
    font-size: 1.875rem;
}
.direction2 .title {
    font-size: 2.5rem;
}
.partner .partnerlist>.item {
    border: 1px solid #e6e6e6;
}
/* 2019-12-10 end */

/* 2019-12-11 start */
.direction>div>img {
    width: 70%;
}
/* 2019-12-11 end */

/* 2019-12-12 start */
.tabs .contentlist .content .list .one .right {
    vertical-align: top;
}
/* 2019-12-12 end */

/* 2019-12-13 start */
.news-title {
    display: initial;
    -webkit-box-orient: initial;
    text-overflow: initial;
    overflow: initial;
}

/*隐藏视频*/
/*.engineer .engineervideo .left .topvideo .top_v img {
	display: none;
}
.engineer .engineervideo .left .topvideo .top_v p {
	display: none;
}*/
/* 2019-12-13 end */

/* 2020-2-21 start */
.honesty .bigtitle {
    color: #1296db;
    font-size: 3rem;
    padding: 1rem 0;
    width: 75rem;
}
.honesty .formcontainer {
    width: 50%;
    margin: 40px auto 120px;
}

.honesty .half {
    float: left;
    width: 50%;
    padding: 0 20px;
    margin-top: 12px;
}

.honesty .tit {
    position: relative;
    font-size: 1rem;
}

.honesty .tit span {
    display: inline-block;
    padding-right: 12px;
}

.honesty .tit.required:after {
    content: '必填';
    position: absolute;
    background-color: red;
    color: #ffffff;
    font-size: 14px;
    top: 3px;
    padding: 0 2px;
}

.honesty .inner {
    position: relative;
    border: 1px solid #000000;
    margin-top: 12px;
}

.honesty .inner input,select,textarea {
    width: 100%;
    border: none;
    padding: 9px 12px;
}

.honesty .inner #trueCode {
    position: absolute;
    right: 0;
    top: 0;
    width: 4rem;
    height: 100%;
    border-left: 1px solid #000000;
    cursor: pointer;
    font-size: 1.2rem;
    text-align: center;
    padding: 7px;
}

.honesty .full {
    float: left;
    width: 100%;
    padding: 0 1.25rem;
    margin-top: 12px;
}

.honesty .selectfilebtn {
    text-align: center;
    color: #000;
    width: 100%;
    padding: 9px 12px;
    cursor: pointer;
}

.honesty .selectfilebtn:hover {
    color: red;
}

input[type="button"], input[type="submit"]  {
    /*width: 11.875rem;
    height: 3.75rem;
    line-height: 3.75rem;
    text-align: center;
    margin-right: 1.25rem;
    font-size: 1rem;
    border: 0;
    cursor: pointer;
    background: #1296db;
    color: #fff;*/
}

input[type="reset"] {
    /*width: 11.875rem;
    height: 3.75rem;
    line-height: 3.75rem;
    text-align: center;
    margin-right: 1.25rem;
    font-size: 1rem;
    border: 0;
    cursor: pointer;
    color: #333;
    background: #e4e4e4;*/
}
/* 2020-2-21 end */

/* 2020-2-24 start */
.honesty .inner .yzm {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border-left: 1px solid #000000;
}
/* 2020-2-24 end */

/* 2020-4-22 start */
.newsdetail li {
    list-style-type: disc;
    list-style-position: inside;
}
/* 2020-4-22 end */
.crumbs a{color:#999;text-decoration: none;}
#page{max-width:100%;}
.map2{height: 600px;overflow: hidden; background: #fff;max-width:1280px;margin: 0 auto;margin-top: 95px;margin-bottom: 95px;}
.map-box22 {float: right;height: 620px;width: 50%;overflow: hidden;position:relative}
.txts { width: 50%;float: left;}
.txts .pa {padding: 9% 9% 0 9%;}
.txts .name{border-bottom: 1px solid #1296db;padding: 20px 0;font-size: 32px;}
.mapbox .txts .name {
    font-size: 24px;
    color: #333297;
    border-bottom: 1px solid #ccc;
    padding-bottom: 24px
}
.ctas {
    margin-top: 32px;
}
.ctas p {
    display: block;
    color: #666;
    font-size: 16px;
    line-height: 56px;
    position: relative;
	padding-left:56px;
}
.ctas .ic1{background: url(../../images/icon_04.jpg) no-repeat left center;}
.ctas .ic2{background: url(../../images/icon_07.jpg) no-repeat left 9px;}
.ctas .ic3{background: url(../../images/icon_09.jpg) no-repeat left center;}
.ctas .ic4{background: url(../../images/icon_11.jpg) no-repeat left 9px;}
/*企业文化*/
.pic-box li {background: #f3f3f3;width: 100%;overflow: hidden;margin-left: 0;margin-bottom: 0;}
.pic-box  .pic-text{width:50%;float:left;padding: 5%;padding-bottom: 0;}
.pic-text h1{font-size:24px;color:#000;line-height: 36px;padding-bottom: 20px;}
.pic-box .pic-text p{font-size:14px;color:#333;max-height: 170px;overflow-y: auto;}
.pic-box  .pic-img{width:50%;float:right;}
.culture .tit{font-size: 48px;color:#000;padding: 95px 0 50px 0;}
.pic-box .li2  .pic-text{float:right;}
.pic-box .li2  .pic-img{float:left;}
.pic-box{margin-bottom: 95px;}
/*码头*/
.pc-n{float:right;}
.pc-n a{padding: 0 20px;}
.pc-n a:hover{color:#1296db;}
.pc-n .active{color:#1296db;}
.fa-bottom{width: 100%;padding: 250px 0;position: relative;}
.fa-bottom h1{font-size: 44px;color: #fff;text-align: center;position: relative;z-index: 2}
.fa-bottom p{font-size: 16px;color: #fff;text-align: center;position: relative;z-index: 2}
.fa-text .t1{font-size: 44px;font-weight:bold;color:#333;color: #1296db;
    font-size: 50px;
    height: auto;
    line-height: 1;
    margin-top: 15px;
    margin-bottom: 10px;
    position: relative;
	font-family: 'beba';
}
.fa-text .t2{font-size: 14px;color: #666;}
.fa-text .f-cb{text-align: center; display: flex;width: 620px;margin: 0 auto;}
.fa-text .li{text-align: center;margin: 40px;}
.fa-text .t1 .jia {
    position: absolute;
    bottom: 0;
    margin: auto;
	font-size: 36px;
	font-weight: normal;
}
.fa-text .content{width:75%;margin: 0 auto;}
/*项目管理系统*/
.project .tit{text-align: center;}
.project .pro-deta{text-align: center;padding-bottom: 60px;}
.project-img{padding: 90px 0;}
.project-img img{display:block;margin: 0 auto;}
/*质量管理*/
.sale-box2 .items .words .img{width: 100%;}
.sale-box2  .items:nth-child(3n+1){margin-left: 1%;}
.sale-box2 .items:nth-child(1){margin-left: 0;}
.sale-box2 .items{width:24%;margin-left:1%;}
.sale-box .items .words .img{height: auto;}
.sale-box2 .items .words .img h3{font-size:24px;font-weight: normal;}
.sale-box2 .items .words .t2{-webkit-line-clamp:5;padding: 0 20px;font-size: 15px;height: auto;}
.project-img2{background: #fff;}
/*安全*/
.safety{width:100%;background: #f3f3f3;overflow: hidden;padding:20px 0;}
.safety ul{width: 960px;margin: 0 auto}
.safety ul li{width:240px;height: 240px;border-radius: 50%;border:1px solid #1296db;float:left;text-align: center;margin: 40px}
.safety ul li img{display: block;margin: 0 auto;padding: 40px 0 20px 0;}
.safety ul li p{font-size: 18px;}
.safety ul li span{font-size: 14px;}
.security{padding: 1.875rem;background: #f3f3f3;}


.digitalSolution .content>p strong{font-weight: bold;}
.wharf-img-box img{display: block;margin: 0 auto;}
.fa-text .bigtitle{border-bottom: none;}
.fa-bottom-bg{position:absolute;left:0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);z-index: 1;}
.fa-text .fa-left{float: left;width: 28%;display: block;}
.digitalSolution .fa-text .fa-right{float:right;width: 67%;padding-bottom: 90px;}
.fa-text .fa-left .li{display: block;text-align: left;margin-left: 0;}
.fa-text .fa-left .t1 .jia{position: inherit;right: 0;}
.w2-1{float: left;width: 33.33%}

/*港口配置设施*/
.w3-box{width:100%;overflow: hidden;margin-bottom: 90px;}
.job_sec1_list {
    width: 25%;
    float: left;
    position: relative;
    cursor: pointer;
    margin-top: 20px;
}
.job_sec1_img {
    width: 100%;
    overflow: hidden;
}
.job_sec1_zi {
    width: 100%;
	min-height: 268px;
    background: #f3f3f3;
    position: relative;
}
.culture_sec1_zi {
    width: 100%;
    position: relative;
    text-align: center;
    padding-top: 50px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
/*.job_sanj1 {
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #f3f3f3;
    position: absolute;
    top: -14px;
    left: 50%;
    z-index: 99;
    margin-left: -7px;
}*/
.culture_sec1_zi h5 {
    font-size: 24px;
    color: #333;
    letter-spacing: 1px;
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: normal;
}
.culture_sec1_zi p {
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    color: #666;
    letter-spacing: 1px;
    text-align: center;
    line-height: 22px;
}
.job_sec1_list2{width:100%;overflow: hidden;background: #f3f3f3;margin-top: 0;}
.w5-right{width:50%;float: right}
.w5-left{width:50%;float: left}
/*装卸工艺*/
.w3-box2 .job_sec1_list{width:20%;}
.w3-box2 .job_sec1_zi{min-height: auto;}
.w3-box span{padding: 3px;border: 1px solid #333;border-radius: 3px;margin-right: 10px;font-size: 14px;}
.w3-box .paix{padding: 10px 0;}