* {
    margin: 0;
    padding: 0;
    white-space: normal !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #222;
    transition: all .5s;
    -webkit-transition: all .5s;
}

a:hover {
    //color: #007fc6;
  	color: #21509C;
    transition: all .5s;
    -webkit-transition: all .5s;
}

li {
    list-style: none;
}

.sf-body {
    width: 100%;
    overflow: hidden;
}

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

img.max {
    width: 100%;
}

.bjimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@font-face {
    font-family: BaiJamjuree-Bold;
    src: url('../images/BaiJamjuree-Bold.woff2'), url('../images/BaiJamjuree-Bold.TTF'), url('../images/BaiJamjuree-Bold.eot');
}

.fm-BJ-B {
    font-family: BaiJamjuree-Bold;
}

body {
    width: 100%;
    font-size: 14px;
    color: #222;
    line-height: 1.4;
    width: 100%;
    overflow: hidden;
}

header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 19;
}

.industry {
    position: relative;
    width: 100%;
    font-size: 0;
    height: 56.25vw;
}

.industry-li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.industry-div-ps {}

.industry-div {
    color: #fff;
    padding-top: 12.5vw;
}

.industry-max {
    width: 31%;
    display: inline-block;
    border-top: 3px solid #fff;
    margin-top: 5vw;
    opacity: 0;
}

.industry-li.on .industry-max {
    margin: 0;
    opacity: 1;
}

.industry-ab {
    overflow: hidden;
}

.industry-a {
    float: left;
}

.industry-b {
    height: 2.08vw;
    float: right;
    margin-left: 1.5vw;
    height: 2.5vw;
    line-height: 2.5vw;
}

.industry-c {
    opacity: .6;
    text-align: justify;
}

.industry-d {
    font-size: 0;
}

.industry-dli {
    display: inline-block;
    vertical-align: top;
    width: 6.78vw;
    line-height: 2.8vw;
    border-radius: 1.5vw;
    //border: 1px solid #fff;
    color: #fff;
    text-align: center;
    margin-right: .8vw;
}

.industry-dli2 {
    background: #fff;
    color: #21509C;
}

.industry-dli:hover {
    background: #21509C;
    color: #fff;
    border-color: #21509C;
}

.industry-nav-ps {
    position: absolute;
    top: 12.5vw;
    right: 14.5vw;
    font-size: 0;
    width: 14.5vw;
}

.industry-nav-ps:after {
    content: '';
    width: .55vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: url(../images/ico03.png);
    background-size: 100% auto;
}

.industry-nav {
    position: relative;
    z-index: 2;
}

.industry-navli {
    /*display: inline-block;	vertical-align: top;*/
    text-align: right;
    color: #fff;
    padding-right: 1.83vw;
    margin-top: 1.2vw;
    position: relative;
    opacity: .3;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.industry-navli:first-child {
    margin-top: 0;
}

.industry-navli:after {
    content: '';
    width: .55vw;
    height: 0%;
    position: absolute;
    right: 0;
    top: 50%;
    background: #fff;
    border-radius: .3vw;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.industry-navli:hover,
.industry-navli.on {
    opacity: 1;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.industry-navli:hover:after,
.industry-navli.on:after {
    height: 100%;
    top: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
}

@media(max-width:1200px) {
    .industry {
        height: 84vw;
    }

    .industry-div {
        padding-top: 20vw;
    }

    .industry-max {
        width: 45%;
    }

    .industry-b {
        height: 35px;
    }

    .industry-dli {
        width: 140px;
        line-height: 45px;
        border-radius: 25px;
    }

    .industry-nav-ps {
        width: 20vw;
        right: 5%;
        top: 20vw;
    }

    .industry-navli {
        padding-right: 20px;
        margin-top: 15px;
    }

    .industry-navli:after {
        width: 8px;
    }

    .industry-nav-ps:after {
        width: 8px;
    }
}

@media(max-width:750px) {
    .industry {
        height: 100vh;
    }

    .industry-div {
        padding-top: 2rem;
    }

    .industry-nav-ps {
        width: 100%;
        top: initial;
        bottom: 1rem;
        right: 0;
        height: .8rem;
        overflow: hidden;
    }

    .industry-nav {
        width: 100%;
        overflow-x: auto;
        padding: 0 .4rem;
        white-space: nowrap !important;
    }

    .industry-navli {
        display: inline-block;
        vertical-align: text-top;
        margin: 0 .15rem;
        padding-right: 0;
        line-height: .4rem;
        padding-bottom: .5rem;
    }

    .industry-nav-ps:after {
        width: 100%;
        background: rgba(255, 255, 255, .2);
        height: .1rem;
        left: 0;
        top: initial;
        bottom: .1em;
    }

    .industry-navli:after {
        width: 0%;
        height: .1rem;
        top: initial;
        left: 50%;
        bottom: .1rem;
        border-radius: .05rem;
    }

    .industry-navli:hover:after,
    .industry-navli.on:after {
        height: .1rem;
        width: 100%;
        left: 0;
        top: initial;
    }

    .industry-max {
        width: 80%;
    }

    .industry-b {
        height: 25px;
    }

    .industry-dli {
        width: 1.8rem;
        height: .7rem;
        line-height: .7rem;
        border-radius: .4rem;
        margin-right: .1rem;
        font-size: .24rem;
    }
}

.indinfo-bj {
    width: 100%;
    background: url(../images/img02.jpg) no-repeat center;
    background-size: cover;
}

.indinfo {
    padding-top: 11vw;
    padding-bottom: 6.25vw;
    font-size: 0;
}

.indinfo-lt {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding-right: 3.125vw;
    color: #fff;
}

.indinfo-b {
    opacity: .3;
}

.indinfo-c .industry-dli2 {
    color: #fff;
    background: #007fc6;
    border-color: #007fc6;
}

.indinfo-c .industry-dli:hover {
    color: #007fc6;
    background: #fff;
    border-color: #fff;
}

.indinfo-rt {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.indinfo-d {
    text-align: right;
}

.indinfo-dli {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 8.85vw;
    height: 13vw;
    border-radius: 1vw;
    position: relative;
    background: #fff;
    padding: 2vw .7vw;
    margin-left: .7vw;
    margin-bottom: .7vw;
}

.indinfo-d2 {
    width: 100%;
    height: 7.3vw;
    line-height: 7.3vw;
}

.indinfo-d2 img {
    max-height: 100%;
    min-height: 70%;
}

.indinfo-d3 {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 1vw .7vw;
}

.indinfo-cnt {
    background: #121212;
    padding-top: 9.375vw;
    padding-bottom: 7.8125vw;
}

.indinfo-e {
    font-size: 0;
    position: relative;
}

.indinfo-eps {
    position: absolute;
    top: 30%;
    left: 50%;
    z-index: 2;
    color: #fff;
    max-width: 18vw;
    text-align: center;
    transform: translate(-50%, -50%);
    -webkit-transform: ranslate(-50%, -50%);
}

.indinfo-e3 {
    opacity: .3;
}

@media(max-width:1200px) {
    .indinfo-dli {
        width: 140px;
        height: 200px;
        padding: 20px 10px;
        margin-bottom: 5px;
        margin-left: 5px;
    }

    .indinfo-d2 {
        height: 120px;
        line-height: 120px;
    }

    .indinfo-eps {
        max-width: 25vw;
    }

    .indinfo {
        padding-top: 140px;
    }
}

@media(max-width:1000px) {
    .indinfo-lt {
        width: 70%;
        padding: 0;
    }

    .indinfo-rt {
        width: 100%;
        margin-top: 40px;
    }
}

@media(max-width:750px) {
    .indinfo-bj {
        background-image: url(../images/img02_m.jpg);
    }

    .indinfo {
        padding-top: 2rem;
        padding-bottom: .65rem;
    }

    .indinfo-lt {
        width: 80%;
    }

    .indinfo-b {
        opacity: 1;
    }

    .indinfo-rt {
        margin-top: .6rem;
    }

    .indinfo-dli {
        width: 1.6rem;
        height: 2.6rem;
        padding: .3rem .15rem;
        border-radius: .15rem;
    }

    .indinfo-d2 {
        height: 1.3rem;
        line-height: 1.3rem;
    }

    .indinfo-d3 {
        padding: .2rem .15rem;
        line-height: 1.4;
        font-size: .24rem;
    }

    .indinfo-eps {
        top: 50%;
        max-width: initial;
        width: 80%;
    }

    .indinfo-e3 {
        opacity: .6;
        margin-top: .2rem;
        font-size: .24rem;
    }
}

.mgtop {
    margin-top: 7.3vw;
}

.download {
    padding: 4.16vw 0;
    font-size: 0;
}

.download-lt {
    width: 28%;
    padding-right: 2vw;
    display: inline-block;
    vertical-align: top;
}

.download-b2 {
    display: inline-block;
    padding-right: 2.35vw;
    position: relative;
    margin-bottom: 1.2vw;
    opacity: .5;
}

.download-b2:after {
    content: '';
    width: 1.56vw;
    height: 1.56vw;
    background: url(../images/ico06.png) no-repeat center;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.78vw;
    opacity: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.download-b2:hover,
.download-b2.on {
    opacity: 1;
}

.download-b2:hover:after,
.download-b2.on:after {
    opacity: 1;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.download-rt {
    width: 72%;
    display: inline-block;
    vertical-align: top;
}

.download-ul {}

.download-li {
    display: block;
    width: 100%;
    padding: 1.5vw 0;
    padding-right: 2vw;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    background: url(../images/ico07_1.png) no-repeat right center;
    background-size: 1vw auto;
}

.download-li:hover {
    background-image: url(../images/ico07_2.png);
    border-color: rgba(0, 0, 0, 1);
}

.gymr-but {
    color: #999;
    border-color: #eee;
    margin-top: 3.125vw;
}

@media(max-width:1200px) {
    .mgtop {
        margin-top: 80px;
    }

    .download {
        padding: 60px 0;
        min-height: 55vh;
    }

    .download-li {
        padding: 15px 0;
        padding-right: 25px;
        background-size: 18px auto;
    }
}

@media(max-width:750px) {
    .mgtop {
        margin-top: 1rem;
    }

    .download {
        padding: .8rem 0;
    }

    .download-lt {
        width: 100%;
        padding: 0 5vw;
        text-align: center;
    }

    .download-b {
        /*width: 100vw;		margin-left: -10vw;		padding: 0 10vw;		overflow-x:auto;		white-space: nowrap !important;*/
        width: 100%;
    }

    .download-bli {
        display: inline-block;
        margin: 0 .1rem;
        padding: 0;
    }

    .download-b2 {
        padding: 0;
        margin: 0;
    }

    .download-b2:after {
        display: none;
    }

    .download-rt {
        width: 100%;
        padding: 0 5vw;
        margin-top: .8rem;
    }

    .download-li {
        padding: .3rem 0;
        padding-right: .4rem;
        font-size: .24rem;
        background-size: .25rem auto;
    }

    .gymr-but {
        margin-top: .5rem;
        margin-left: calc(50% - 1rem);
    }
}

.contact-bj {
    position: relative;
}

.contact-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40.625%;
    height: 100%;
}

.contact {
    padding: 5vw 0 5.16vw 0;
    font-size: 0;
    position: relative;
    z-index: 2;
}

.contact-lt {
    width: 42%;
    display: inline-block;
    vertical-align: top;
    padding-right: 2.25vw;
    color: #fff;
}

.contact-rt {
    width: 58%;
    display: inline-block;
    vertical-align: top;
}

.contact-b {
    line-height: 1.6;
}

.contact-fm {
    font-size: 0;
}

.contact-rt .contact-fm {
    margin-top: 3vw;
}

.contact-c {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 1.3vw;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    position: relative;
}

.contact-c2 {
    display: block;
    width: 100%;
    height: 3.125vw;
    border: 0;
    background: initial;
}

.contact-ctxt {
    height: 8vw;
    line-height: 2vw;
    resize: none;
}

.contact-crt {
    margin-left: 4%;
}

.contact-cwd {
    width: 100%;
}

.contact-c:after {
    content: '';
    width: 0%;
    height: 2px;
    background: #007fc6;
    position: absolute;
    left: 0;
    border: -1px;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.contact-c.on:after {
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.contact-c.on .contact-c2 {
    color: #007FC6;
}

.contact-c3 {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(../images/ico08.png) no-repeat right center;
}

.contact-c4 {
    width: 100%;
    max-height: 10vw;
    overflow-y: auto;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
    background: #fff;
    padding: 1vw;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 1px;
    display: none;
}

.contact-cps {
    z-index: 2;
}

.contact-c5 {
    display: block;
    margin: 5px 0;
    cursor: pointer;
}

.contact-c5:hover {
    color: #007FC6;
}

.contact-csub {
    width: 5.16vw;
    height: 2.6vw;
    border-radius: 1.3vw;
    background: #21509C;
    color: #fff;
    border: 0;
    margin-top: 1.3vw;
}

.contact-btm-bj {
    background: url(../images/img05.jpg) no-repeat center;
    background-size: cover;
}

.contact-btm {
    padding: 6.25vw 0;
    font-size: 0;
}

.contact-d {
    color: #222;
}

.contact-f {
    width: 100%;
}

.contact-fli {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 2.1vw 0;
    padding-left: 2vw;
    background: no-repeat left 2.5vw;
    background-size: auto 1.3vw;
    text-align: right;
    line-height: 2.1vw;
    position: relative;
}

.contact-fli:last-child {
    border: 0;
}

.contact-f2 {
    /*width: 6.78vw;	position: absolute;	left: 0;	top: 2.1vw;	display: none;*/
    text-align: right;
    width: 100%;
    padding-top: .6vw;
}

.contact-f2 img {
    width: 7vw;
}

@media(max-width:1200px) {
    .contact-rt {
        padding-left: 3%;
    }

    .contact-rt .contact-fm {
        margin-top: 30px;
    }

    .contact {
        padding-top: 60px;
    }

    .contact-c2 {
        height: 40px;
    }

    .contact-c {
        margin-bottom: 20px;
    }

    .contact-ctxt {
        height: 120px;
        line-height: 30px;
    }

    .contact-csub {
        width: 80px;
        height: 40px;
        border-radius: 20px;
    }

    .contact-fli {
        line-height: 30px;
        padding: 20px 0;
        padding-left: 25px;
        background-size: auto 25px;
        background-position-y: 24px;
    }

    .contact-b,
    .contact-e {
        font-size: 17px;
    }

    .contact-c4 {
        max-height: 150px
    }

    .contact-f2 img {
        width: 110px;
    }
}

@media(max-width:750px) {
    .contact-lt {
        width: 100%;
        padding: 0;
        text-align: center;
        height: 4rem;
    }

    .contact {
        padding: 0 4%;
        padding-top: 2.2rem;
        padding-bottom: 1rem;
    }

    .contact-img {
        width: 100%;
        height: 6.15rem;
    }

    .contact-b,
    .contact-e {
        font-size: .24rem;
        margin-top: .3rem;
    }

    .contact-rt {
        width: 100%;
        margin-top: .8rem;
        padding: 0;
    }

    .contact-c {
        width: 100%;
        margin-bottom: .2rem;
    }

    .contact-crt {
        margin-left: 0;
    }

    .contact-ctxt {
        height: 1.5rem;
    }

    .contact-csub {
        width: 1.4rem;
        height: .6rem;
        margin-top: .3rem;
    }

    .contact-btm {
        padding: .8rem 4%;
    }

    .contact-btm .contact-lt {
        height: auto;
    }

    .contact-fli {
        padding: .3rem 0;
        padding-left: .3rem;
        background-size: auto .3rem;
        line-height: .45rem;
        font-size: .28rem;
        background-position-y: .35rem;
    }

    .contact-f2 {
        padding-top: .2rem;
    }

    .contact-f2 img {
        width: 1.5rem;
    }
}

.join-bj {
    position: relative;
    min-height: 100vh;
}

.join {
    padding: 16.66vw 0 10vw 0;
    font-size: 0;
    position: relative;
    z-index: 2;
}

.join-lt {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    color: #fff;
}

.join-rt {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    text-align: center;
}

.join-bc {
    display: inline-block;
    width: 21vw;
    border-top: 4px solid #fff;
    text-align: left;
}

.join-b {
    color: #fff;
    padding-top: 1.6vw;
}

.join-c {
    margin-top: 3.125vw;
    font-size: 0;
    width: 102%;
}

.join-cli {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-right: 2%;
    height: 10vw;
    padding: 1vw;
    border: 2px solid rgba(255, 255, 255, .5);
    border-radius: 1vw;
    color: #fff !important;
    position: relative;
    top: 0;
}

.join-cli img {
    height: 2.34vw;
    position: absolute;
    bottom: 1vw;
    right: 1vw;
}

.join-cli:nth-child(2) {
    background: #fff;
    color: #999 !important;
}

.join-cli:hover {
    top: -1vw;
}

.join-d-bj {
    background: url(../images/img07.jpg) no-repeat center bottom;
    background-size: 100% auto;
}

.join-d {
    padding: 10.5vw 0;
}

.join-eg-bj {
    width: 100%;
    background: url(../images/img08.jpg) no-repeat center;
    background-size: cover;
    padding: 6.25vw 0;
}

.join-eg {
    position: relative;
    padding-right: 44vw;
    color: #fff;
}

.join-e span {
    display: block;
}

.join-f {
    position: absolute;
    top: 0;
    right: 0;
    width: 41.5vw;
}

.join-fsw {
    position: relative;
}

.join-fsd {
    overflow: hidden;
    border-radius: 1.5vw;
}

.join-fsp span {
    opacity: 1;
    background: initial;
    border: 1px solid #fff;
}

.join-fsp span.swiper-pagination-bullet-active {
    background: #fff;
}

.join-g {
    height: 21vw;
    width: 100%;
    position: relative;
}

.join-gsc {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.join-gli {
    color: #fff;
    opacity: .3;
    margin-top: .5vw;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.join-gli:hover,
.join-gli.on {
    opacity: 1;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.join-cnt {
    padding: 6.25vw 0;
}

.join-hi {
    font-size: 0;
}

.join-h {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    font-weight: 100;
}

.join-i {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-left: 6.2vw;
}

.join-j {
    margin-top: 3.7vw;
    width: calc(100% + 20vw);
    padding-right: 20vw;
}

.join-jsd {
    width: 27.6vw;
    border-radius: 1vw;
    margin-right: 1vw;
    overflow: hidden;
}

.join-j2 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 1vw 1.5vw;
    background: rgba(255, 255, 255, .5);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    color: #fff;
}

.join-k {
    display: inline-block;
    margin-top: 2.34vw;
    font-size: 0;
}

.join-kprev,
.join-knext {
    width: 2.55vw;
    height: 2.55vw;
    position: initial;
    left: initial;
    top: initial;
    right: inherit;
    display: inline-block;
    margin: 0;
    margin-right: 5px;
}

.join-kprev {
    background: url(../images/ico12_1.png) no-repeat center;
    background-size: 99%;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.join-kprev:hover {
    background-image: url(../images/ico12_3.png);
    transition: all .5s;
    -webkit-transition: all .5s;
}

.join-knext {
    background: url(../images/ico12_2.png) no-repeat center;
    background-size: 99%;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.join-knext:hover {
    background-image: url(../images/ico12_4.png);
    transition: all .5s;
    -webkit-transition: all .5s;
}

@media(max-width:1200px) {
    .join-bj {
        min-height: 60vw;
    }

    .join-bc {
        width: 33vw;
    }

    .join-cli {
        height: 150px;
        padding: 15px;
    }

    .join-cli img {
        height: 40px;
        right: 15px;
        bottom: 15px;
    }

    .join-f {
        width: 50vw;
    }

    .join-eg {
        min-height: 40vw;
        padding-right: 60vw;
    }

    .join-g {
        height: 25vw;
    }

    .join-jsd {
        width: 36vw;
    }

    .join-k {
        margin-top: 25px;
    }

    .join-kprev,
    .join-knext {
        width: 40px;
        height: 40px;
    }

    .join-j2 {
        padding: 15px 20px;
    }

    .join {
        padding-top: 140px;
    }
}

@media(max-width:750px) {
    .join-bj {
        height: 100vh;
    }

    .join-lt {
        display: none;
    }

    .join {
        padding-top: 4rem;
    }

    .join-rt {
        padding: 0 5vw;
        width: 100%;
    }

    .join-bc {
        width: 100%;
        border: 0;
    }

    .join-b {
        font-size: .6rem;
        line-height: 1.3;
    }

    .join-c {
        margin-top: .5rem;
    }

    .join-cli {
        width: 2.6rem;
        height: 1.6rem;
        padding: .2rem;
    }

    .join-cli img {
        height: .5rem;
        resize: .2rem;
        bottom: .2rem;
    }

    .join-d {
        padding: .8rem 5vw;
    }

    .join-d2 {
        font-size: .26rem;
        line-height: 2;
    }

    .join-eg-bj {
        background-image: url(../images/img08_m.jpg);
        padding: .8rem 0;
    }

    .join-eg {
        min-height: auto;
        padding: 0 5vw;
    }

    .join-e {
        width: 100%;
        text-align: center;
    }

    .join-e span {
        display: inline-block;
        margin-left: .2rem;
    }

    .join-f {
        position: relative;
        width: 100%;
        margin: .6rem 0;
    }

    .join-fsd {
        border-radius: .15rem;
    }

    .join-g {
        width: 100vw;
        margin-left: -10vw;
        height: .8rem;
        overflow: hidden;
    }

    .join-gsc {
        width: 100%;
        vertical-align: top;
        padding: 0 8vw;
        overflow-x: auto;
        height: 1rem;
        white-space: nowrap !important;
    }

    .join-gli {
        display: inline-block;
        margin: 0 2vw;
        font-size: .3rem;
        line-height: .8rem;
    }

    .join-cnt {
        padding: .8rem 5vw;
    }

    .join-h {
        width: 100%;
        font-size: .24rem;
    }

    .join-i {
        width: 100%;
        padding: 0;
        margin-top: .2rem;
    }

    .join-j {
        margin-top: .8rem;
    }

    .join-jsd {
        width: 60vw;
        border-radius: .2rem;
    }

    .join-j2 {
        padding: .2rem .3rem;
    }

    .join-kprev,
    .join-knext {
        width: .6rem;
        height: .6rem;
    }
}

.about-bj {
    padding: 6.25vw 0 10vw 0;
    background: url(../images/ico14.png) no-repeat center bottom;
    background-size: 100% auto;
}

.about-a {
    text-align: center;
}

.about-a span {
    display: inline-block;
    vertical-align: top;
    font-size: 2.5vw;
}

.about-b {
    margin-top: 3vw;
    text-align: center;
}

.about-c {
    margin-top: 4.1vw;
    /*border-radius: 2vw;*/
    /*overflow: hidden;*/
    position: relative;
}

.about-c .max {
    border-radius: 2vw;
    display: none;
}

.about-cvd {
    width: 67.7vw;
    min-width: 67.7vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.about-cvd2 {
    width: 100vw;
    z-index: -1;
    opacity: 0;
}

.about-cvd1 {
    position: absolute;
    z-index: 2;
}

.about-ci {
    background: url(../images/ico13.png) no-repeat center;
    background-size: 5vw auto;
    cursor: pointer;
    display: none;
}

.about-d {
    width: 102%;
    margin-top: 10vw;
    font-size: 0;
}

.about-dli {
    display: inline-block;
    vertical-align: top;
    width: 23%;
    margin-right: 2%;
    height: 15vw;
    border-radius: 1vw;
    background: #efefef;
    position: relative;
    padding: 2.0vw 2.1vw;
}

.about-d3 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 2.1vw;
}

.about-dli:nth-child(2),
.about-dli:nth-child(4) {
    background: #dfe8ed;
    margin-top: -3.7vw;
}

@media(max-width: 750px){
.about-dli:nth-child(2),
.about-dli:nth-child(4) {
    margin-top: 0;
}
}

/*.about-dli:nth-child(4){	background: #000;	margin-top: -3.7vw;}*/
/*.about-dli:nth-child(4) .about-d2{	color: #fff;}*/
.history-bj {
    background: #000;
    padding: 7.8125vw 0;
    color: #fff;
}

.history {
    position: relative;
}

.history-a {
    width: 15.6vw;
}

.history-a3 {
    opacity: .4;
}

.history-b {
    margin-top: ;
}

.history-bli {
    position: relative;
    display: none;
}

.history-b2 {
    font-size: 27.5vw;
    text-align: center;
    line-height: .8;
    padding-top: 6.25vw;
}

.history-b3 {
    width: 50%;
    position: absolute;
    left: 50%;
    margin-left: -25%;
    top: -5.5vw;
}

.history-b3 img {
    border-radius: 1vw;
}

.history-b4 {
    width: 23%;
    position: absolute;
    top: -5.5vw;
    right: 0;
}

.history-c {
    position: absolute;
    top: 0;
    right: -11.5vw;
    width: 100%;
    width: 5vw;
}

.history-csw {
    width: 100%;
    height: 33.85vw;
}

.history-csd {
    text-align: right;
    opacity: .4;
    cursor: pointer;
}

.history-csd.on,
.history-csd:hover {
    opacity: 1;
}

.history-csp {
    display: none;
}

.advantages {
    padding: 6.78vw 0;
    font-size: 0;
}

.advantages-a {
    width: 52%;
    display: inline-block;
    vertical-align: top;
}

.advantages-b {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

.advantages-bli {
    margin-top: 3.2vw;
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 1.2vw;
    padding-left: 0 !important;
    position: relative;
}

.advantages-bli:first-child {
    margin-top: 0;
}

.advantages-b2 {
    position: absolute;
    left: 0;
    top: .5vw;
    opacity: .3;
    display: none;
}

.advantages-c {
    margin-top: 3.125vw;
}

.advantages-d {
    display: flex;
    margin-top: 4.75vw;
    justify-content: space-between;
}

.advantages-dli {
    display: inline-block;
    max-width: 10%;
    text-align: center;
}

.advantages-d2 {
    height: 3.38vw;
}

.global-bj {
    width: 100%;
    position: relative;
    min-height: 48.17vw;
    background: #000;
}

.global-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.global {
    padding: 6.25vw 0;
    font-size: 0;
    color: #fff;
}

.global-lt {
    width: 77%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 2;
}

.global-rt {
    width: 23%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 2;
}

.global-ul {
    width: 100%;
}

.global-li {
    width: 100%;
    padding-top: 1.2vw;
    border-top: 2px solid #fff;
    margin-top: 3.125vw;
}

.global-li:first-child {
    margin-top: 0;
}

.global-ab {
    font-size: 0;
}

.global-a {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}

.global-a span {
    vertical-align: top;
}

.global-a .sp1 {
    line-height: .7;
}

.global-b {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    padding-left: 10%;
    text-align: right;
}

.global-c {
    opacity: .4;
}

.culture {
    padding: 7.8125vw 0 5.16vw 0;
}

.culture-ab-bj {
    background: #f2f2f2 url(../images/img25.jpg) ;
    background-size: 100% auto;
}

.culture-ab {
    padding: 6.25vw 0;
}

.culture-a {
    font-size: 0;
}

.culture-a1 {
    display: inline-block;
    vertical-align: top;
    width: 35.4%;
    padding-right: 3.4%;
}

.culture-a2 {
    display: inline-block;
    vertical-align: top;
    width: 64.6%;
}

.culture-b {
    margin-top: 5.16vw;
    width: 100%;
    font-size: 0;
}

.culture-bli {
    width: 100%;
    padding: 3.75vw 0;
    font-size: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.culture-b2 {
    display: inline-block;
    vertical-align: top;
    width: 35.4%;
}

.culture-b3 {
    display: inline-block;
    vertical-align: top;
    width: 64.6%;
}

.culture-bli:nth-child(3) .culture-b3 {
}

.culture-c {
    /*padding-top: 6.25vw;*/
}

.culture-d {
    font-size: 0;
    margin-top: 3.125vw;
}

.culture-dli {
    display: inline-block;
    vertical-align: top;
    width: 16.666%;
    height: 5.5vw;
    padding: 1vw;
    line-height: 3.5vw;
    text-align: center;
    margin-bottom: 1vw;
}

.culture-dli img {
    max-height: 100%;
    min-height: 50%;
    /*opacity: .6;	-webkit-filter: grayscale(100%);    -moz-filter: grayscale(100%);    -ms-filter: grayscale(100%);    -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*transition: all .5s;-webkit-transition: all .5s;  */
}

/*.culture-dli:hover img{	-webkit-filter: initial;    -moz-filter: initial;    -ms-filter: initial;    -o-filter: initial;    filter:initial;    opacity: 1;transition: all .5s;-webkit-transition: all .5s;  }*/
@media(max-width:1200px) {
    .about-dli {
        height: 25vw;
    }

    .about-cvd {
        width: 90%;
    }

    .history-c {
        width: 100%;
        height: auto;
        position: relative;
        right: inherit;
        top: inherit;
        margin-top: 6.25vw;
    }

    .history-csw {
        height: auto;
    }

    .history-csd {
        text-align: center;
    }

    .history-b2 {
        font-size: 35vw;
        padding-top: 10vw;
    }

    .history-b4 {
        /*bottom: initial;		top: 0;		bottom: 34vw;*/
        line-height: 1.4;
    }

    .advantages-a {
        width: 40%;
    }

    .advantages-b {
        width: 60%;
    }

    .global-lt {
        width: 65%;
    }

    .global-rt {
        width: 35%;
    }

    .history-csw {
        padding-bottom: 40px;
    }

    .history-csp {
        display: block;
    }

    .history-csp span {
        background: #fff;
    }

    .about-a span {
        font-size: 3vw;
    }
}

@media(max-width:1000px) {
    .about-d {
        width: 104%;
    }

    .about-dli {
        width: 46%;
        margin-right: 4%;
        margin-bottom: 4%;
        padding: 20px;
    }

    .about-d3 {
        padding: 20px;
    }

    .history-a {
        width: 50%;
    }

    .history-b2 {
        padding-top: 0;
        margin-top: 5vw;
    }

    .history-b3 {
        position: relative;
        top: inherit;
        left: initial;
        width: 70%;
        margin: 0;
        margin-top: 5vw;
        margin-left: 15%;
        margin-top: -10vw;
    }

    .history-b4 {
        position: relative;
        top: initial;
        right: initial;
        width: 70%;
        margin-left: 15%;
        margin-top: 3vw;
    }

    .advantages-bli {
        padding-top: 15px;
    }

    .advantages-b2 {
        top: 10px;
    }

    .advantages-d {
        display: block;
        font-size: 0;
    }

    .advantages-dli {
        width: 25%;
        display: inline-block;
        vertical-align: top;
        max-width: initial;
        margin-bottom: 25px;
    }

    .global-lt {
        width: 60%;
    }

    .global-rt {
        width: 40%;
    }

    .advantages-d2 {
        height: 35px;
    }
}

@media(max-width:750px) {
    .about-bj {
        padding: .8rem 0;
        padding-bottom: 1.2rem;
    }

    .about-a {
        font-weight: bold;
    }

    .about-a span {
        font-size: 5vw;
    }

    .about-b {
        margin-top: .5rem;
    }

    .about-c {
        margin-top: .5rem;
    }

    .about-cvd {
        display: none;
    }

    .about-c .max {
        display: block;
    }

    .about-ci {
        background-size: 1rem auto;
        display: block;
    }

    .about-dli {
        height: 3rem;
        padding: .3rem;
        border-radius: .2rem;
    }

    .about-d3 {
        font-size: .24rem;
        padding: .3rem;
        line-height: 1.5;
    }

    .history-bj {
        padding: .8rem 0;
    }

    .history-a {
        width: 100%;
        text-align: center;
    }

    .history-a2 {
        font-weight: bold;
        font-size: .6rem;
    }

    .history-b2 {
        margin-top: .8rem;
    }

    .history-b3 {
        border-radius: .2rem;
        overflow: hidden;
    }

    .history-b4 {
        font-size: .24rem;
        text-align: center;
        margin-top: .3rem;
    }

    .history-c {
        margin-top: 1rem;
    }

    .history-csw {
        padding-bottom: 50px;
    }

    .advantages {
        padding: .8rem 0;
    }

    .advantages-a {
        width: 100%;
        font-size: .6rem;
        font-weight: bold;
    }

    .advantages-b {
        width: 100%;
        margin-top: .7rem;
    }

    .advantages-bli {
        margin-top: .5rem;
        padding-top: .4rem;
        padding-left: .7rem;
    }

    .advantages-b3 {
        font-size: .3rem;
        font-weight: bold;
    }

    .advantages-b4 {
        font-size: .24rem;
    }

    .advantages-b2 {
        font-size: .24rem;
        top: .3rem;
    }

    .advantages-c {
        font-size: .6rem;
        font-weight: bold;
        margin-top: 1.2rem;
    }

    .advantages-d {
        margin-top: .7rem;
    }

    .advantages-d2 {
        height: .6rem;
    }

    .advantages-e {
        margin: 0;
    }

    .global {
      	width: 100%;
        padding: 1rem 0;
    }

    .global-lt {
        text-align: center;
        font-weight: bold;
        font-size: .6rem;
        width: 100%;
    }

    .global-img {
        position: relative;
        margin-top: 0rem;
    }

    .global-rt {
        width: 100%;
    }

    .global-li {
        padding-top: .5rem;
        margin-top: .7rem;
    }

    .global-a .sp1 {
        font-size: .65rem;
    }

    .culture {
        padding: 1rem 0;
    }

    .culture-ab {
        padding: .8rem 0;
    }

    .culture-a {
        font-size: .6rem;
    }

    .culture-a1 {
        width: 100%;
        padding: 0;
        font-weight: bold;
    }

    .culture-a2 {
        width: 100%;
        margin-top: .4rem;
    }

    .culture-b {
        width: 100%;
        margin-top: .8rem;
    }

    .culture-bli {
        width: 100%;
        padding: .4rem 0;
    }

    .culture-b2 {
        width: 100%;
        font-weight: bold;
    }

    .culture-b3 {
        width: 100%;
        margin-top: .2rem;
        font-size: .28rem;
    }

    .culture-c {
        font-size: .6rem;
        font-weight: bold;
    }

    .culture-d {
        margin-top: .7rem;
    }

    .culture-dli {
        width: 25%;
        height: 1.4rem;
        line-height: 1rem;
        padding: .2rem;
        margin-bottom: .2rem;
    }

    .culture-dli img {
        min-height: auto;
    }
}

.product {
    padding: 4.16vw 0 5.16vw 0;
}

.product-ab {
    overflow: hidden;
}

.product-a {
    float: left;
}

.product-b {
    float: right;
    text-align: right;
}

.product-ul {
    width: 101.5%;
    font-size: 0;
    margin-top: 3.125vw;
}

.product-li {
    width: 31.833%;
    margin-right: 1.5%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 1.5%;
    border-radius: 1vw;
    overflow: hidden;
    position: relative;
}

.product-ce {
    display: block;
    background: #eff0f0;
    position: relative;
    width: 100%;
    height: 28.65vw;
    padding: 2.5vw;
}

.product-c {
    text-align: center;
    height: 16vw;
    line-height: 16vw;
    position: relative;
    z-index: 2;
}

.product-c img {
    max-height: 100%;
    min-height: 60%;
}

.product-d {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1.65vw 1.2vw;
    z-index: 3;
}

.product-d2 {
    color: #222;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.product-d3 {
    margin-top: .5vw;
    margin-bottom: 1vw;
    line-height: 1.5vw;
    height: 1.5vw;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.product-d4 {
    display: inline-block;
    padding-right: 1.2vw;
    background: url(../images/ico18_1.png) no-repeat right center;
    background-size: auto .8vw;
    color: #999;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.product-e {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background: #0069a4;
    transition: all .5s;
    -webkit-transition: all .5s;
}

@media(min-width:1201px) {
    .product-ce:hover .product-e {
        height: 60%;
        transition: all .5s;
        -webkit-transition: all .5s;
    }

    .product-ce:hover .product-d2 {
        color: #fff;
        transition: all .5s;
        -webkit-transition: all .5s;
    }

    .product-ce:hover .product-d3 {
        color: #fff;
        margin-bottom: 2vw;
        height: 3vw;
        -webkit-line-clamp: 2;
        transition: all .5s;
        -webkit-transition: all .5s;
    }

    .product-ce:hover .product-d4 {
        color: #fff;
        background-image: url(../images/ico18_2.png);
        transition: all .5s;
        -webkit-transition: all .5s;
    }
}

.product-f {
    position: absolute;
    top: 1.5vw;
    right: 2vw;
    width: 2.3vw;
    height: 2.3vw;
    z-index: 2;
    display: block;
}

.product-f2 {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background: url(../images/ico19_1.png) no-repeat center;
    background-size: cover;
    position: relative;
    z-index: 2;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.product-f3 {
    width: 0vw;
    line-height: 2.3vw;
    height: 2.3vw;
    padding: 0 1.1vw;
    background: #fff;
    border-radius: 1.2vw;
    color: #999;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.product-f:hover .product-f3 {
    width: 7.5vw;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.product-f:hover .product-f2 {
    background-image: url(../images/ico19_2.png);
    transition: all .5s;
    -webkit-transition: all .5s;
}

.product-g-bj {
    background: #000;
}

.product-gcnt {
    padding: 5vw 0;
    color: #fff;
}

.product-g {
    overflow: hidden;
}

.product-g2 {
    float: left;
}

.product-g3 {
    float: right;
    max-width: 30%;
}

.product-h {
    position: relative;
    padding-bottom: 5.5vw;
}

.product-hsw {
    width: 75%;
    margin-left: 25%;
    margin-top: 1.5vw;
}

.product-hsd {
    /*width:25%;*/
    height: 32.3vw;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.product-himg {
    position: absolute;
    top: 0;
    /*right: 25%;	width: 50%;*/
    left: 0;
    text-align: center;
    padding: 0 0 0 55%;
    height: 100%;
    line-height: 32.3vw;
}

.product-himg img {
    max-height: 100%;
    /*min-height: 60%;*/
}

.product-hsd.swiper-slide-active .product-himg {
    /*width: 50% !important;*/
}

.product-hsd.swiper-slide-active .product-himg {
    width: 128%;
    padding: 0;
    transition: all .5s .1s;
    -webkit-transition: all .5s .1s;
}

.product-hlt {
    width: 17.7vw;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 7.8vw;
    text-align: center;
}

.product-hdiv {
    width: 100%;
    display: none;
}

.product-h3 {
    opacity: .4;
}

.product-h4 {
    margin-top: 3.125vw;
}

.product-h5 {
    width: 7.3vw;
    line-height: 3vw;
    border-radius: 1.5vw;
    background: #fff;
    color: #999 !important;
    text-align: center;
    display: inline-block;
    margin: 3px 5vw;
}

.product-h5-b {
    background: #007FC6;
    color: #fff !important;
}

.product-h5:hover {
    opacity: .8;
}

.product-hsp {
    width: 100%;
    bottom: 1vw;
}

.product-hsp span {
    background: #fff;
    margin: 0 5px;
}

.product-j {
    width: 101%;
}

.product-jli {
    width: 49%;
    margin-right: 1%;
}

.product-jli .product-ce {
    height: 29.16vw;
}

.product-jli .product-c {
    height: 19.23vw;
    line-height: 19.23vw;
}

.product-k {
    width: 100%;
    height: 34.6vw;
    border-radius: 1.5vw;
    background: #eff0f0;
    padding: 2.1vw 1.6vw;
    position: relative;
    margin-bottom: 1.5%;
}

.product-jk {
    padding-bottom: 4.16vw;
}

.product-mn {
    width: 100%;
    height: 21vw;
    margin-top: 1.8vw;
    position: relative;
}

.product-m {
    font-size: 13.5vw;
    color: #d6d6d6;
    text-transform: uppercase;
    line-height: .7;
    padding-top: .4vw;
}

.product-m span {
    display: block;
    padding: 0 5vw;
}

.product-m span:nth-child(2) {
    text-align: right;
}

.product-n {
    display: inline-block;
    position: absolute;
    top: -4vw;
    left: 50%;
    width: 50vw;
    margin-left: -25vw;
    height: 27vw;
    line-height: 27vw;
    text-align: center;
}

.product-n img {
    max-height: 100%;
    min-height: 60%;
}

.product-o {
    width: 25.6vw;
    position: absolute;
    left: 1.6vw;
    bottom: 2vw;
}

.product-o .product-d3 {
    height: 3vw;
    -webkit-line-clamp: 2;
}

.product-d4-b {
    background-image: url(../images/ico18_3.png);
}

.product-o .product-d4 {
    margin-right: 1vw;
}

.product-p {
    position: absolute;
    right: 1.6vw;
    bottom: 2.1vw;
}

.product-pli {
    display: inline-block;
    vertical-align: top;
    width: 7vw;
    height: 5vw;
    padding: 1vw;
    line-height: 3vw;
    text-align: center;
    background: #fff;
    border-radius: .5vw;
    margin-left: 5px;
    overflow: hidden;
    position: relative;
}

.product-p2 {
    max-height: 100%;
}

.product-pli:after {
    content: '';
    width: 0%;
    height: 3px;
    background: #007FC6;
    position: absolute;
    left: 50%;
    bottom: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.product-pli:hover:after,
.product-pli.on:after {
    width: 100%;
    left: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.product-p3,
.product-p4 {
    display: none;
}

.product-g-bj2 {
    background: #f7f7f7;
}

.product-hsp1 span,
.product-hsp3 span {
    background: #000;
}

.product-g-bj2 .product-h {
    color: #222;
}

.product-g-bj2 .product-h5-a {
    background: #eff0f0;
}

.product-g-bj2 .product-g2 {
    color: #222;
}

@media(max-width:1200px) {
    .product-f3 {
        width: 100px;
        height: 30px;
        line-height: 30px;
        border-radius: 15px;
        font-size: 14px;
    }

    .product-f2 {
        width: 30px;
        height: 30px;
        background-image: url(../images/ico19_2.png);
    }

    .product-ce {
        height: 32vw;
        padding: 4vw 3vw;
    }

    .product-d {
        padding: 3vw;
    }

    .product-d4 {
        padding-right: 20px;
        background-size: 12px;
    }

    .product-hsw {
        width: 60%;
        margin-left: 40%;
    }

    .product-hsd {
        height: 40vw;
    }

    .product-hlt {
        width: 25vw;
        padding-top: 3vw;
    }

    .product-h5 {
        width: 120px;
        line-height: 40px;
        border-radius: 20px;
    }

    .product-jli .product-ce {
        height: 35vw;
    }

    .product-k {
        height: 40vw;
        padding: 3vw;
    }

    .product-o {
        padding: 3vw;
        left: 0;
        bottom: 0;
        width: 35vw;
    }

    .product-d3 {
        height: 25px;
        line-height: 25px;
    }

    .product-o .product-d3 {
        height: 50px;
    }
}

@media(max-width:1000px) {
    .product-hlt {
        width: 30vw;
    }
}

@media(max-width:750px) {
    .product {
        padding: 1rem 0;
    }

    .product-a2 {
        font-weight: bold;
    }

    .product-b2 {
        font-size: .6rem;
    }

    .product-b3 {
        margin-top: .1rem;
    }

    .product-ul {
        width: 100%;
        margin-top: .7rem;
    }

    .product-li {
        width: 100%;
        overflow: hidden;
        margin-bottom: .3rem;
    }

    .product-ce {
        height: 7rem;
        padding: .3rem;
        border-radius: .2rem;
    }

    .product-f {
        width: 30px;
        height: 30px;
        top: .3rem;
        right: .3rem;
    }

    .product-f3 {
        font-size: 12px;
        padding: 0 12px;
    }

    .product-d {
        padding: .5rem;
    }

    .product-d3 {
        margin-bottom: .2rem;
    }

    .product-c {
        height: 4rem;
        line-height: 4rem;
        margin-top: .4rem;
    }

    .product-gcnt {
        padding: 1rem 0;
    }

    .product-g3 {
        max-width: 60%;
    }

    .product-h {
        width: 100vw;
        margin-left: -4vw;
    }

    .product-hlt {
        display: none !important;
    }

    .product-hsw {
        width: 100%;
        margin: 0;
        margin-top: .8rem;
        padding-bottom: .6rem;
    }

    .product-himg {
        padding: 0 10%;
    }

    .product-hsd.swiper-slide-active .product-himg {
        width: 100%;
    }

    .product-himg {
        height: 80vw;
        line-height: 80vw;
        position: relative;
    }

    .product-hsd {
        height: auto;
    }

    .product-hdiv {
        display: block;
        opacity: 0;
        text-align: center;
        margin-top: .4rem;
    }

    .product-hsd.swiper-slide-active .product-hdiv {
        opacity: 1;
    }

    .product-h5 {
        width: 2rem;
        font-size: .24rem;
        line-height: .6rem;
        border-radius: .3rem;
        margin: 0 .05rem;
    }

    .product-jk {
        padding-bottom: 0;
    }

    .product-ul {}

    .product-j {
        width: 100%;
        margin-top: .9rem;
    }

    .product-jli .product-ce {
        height: 7rem;
    }

    .product-jli .product-c {
        height: 4rem;
        line-height: 4rem;
    }

    .product-jli {
        width: 100%;
        margin-bottom: .4rem;
    }

    .product-k {
        width: 100vw;
        margin-left: -4vw;
        border-radius: 0;
        height: auto;
        padding: .8rem .5rem;
        padding-bottom: .4rem;
    }

    .product-mn {
        margin-top: .4rem;
        height: 50vw;
        line-height: 50vw;
    }

    .product-o {
        width: 100%;
        position: relative;
    }

    .product-m span {
        padding: 0;
    }

    .product-m {
        padding-top: 1.2rem;
        font-size: 1.3rem;
    }

    .product-n {
        width: 80%;
        height: 50vw;
        line-height: 50vw;
        margin-left: -40%;
        top: 0;
    }

    .product-p {
        width: 100%;
        padding: 0 5%;
        text-align: center;
        margin-top: .8rem;
        font-size: 0;
        position: relative;
    }

    .product-pli {
        width: 1.2rem;
        height: 1.2rem;
        line-height: 1rem;
        padding: .1rem;
        margin: .05rem;
    }
}

.proinfo {
    position: relative;
}

.proinfo-div {
    width: 50%;
    padding-top: 14vw;
    color: #fff;
}

.proinfo-c {
    width: 22vw;
    opacity: .4;
}

.proinfo-d .join-cli {
    width: 11vw;
    height: 8vw;
}

.proinfo-ef {
    padding: 7.5vw 0;
}

.proinfo-f {
    margin-top: 5.16vw;
    width: 107.5%;
    font-size: 0;
}

.proinfo-fli {
    display: inline-block;
    vertical-align: top;
    width: 25.833%;
    margin-right: 7.5%;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-top: 2.5vw;
    padding-bottom: 2.5vw;
}

.proinfo-f2 {
    height: 2.86vw;
    position: absolute;
    right: 0;
    top: 0;
}

.proinfo-g-bj {
    background: #e7e7e7;
}

.proinfo-g {
    padding: 7.8125vw 0;
}

.proinfo-g3 {
    margin-top: -3vw;
}

.proinfo-hi-bj {
    background: #121212;
}

.proinfo-hi {
    padding: 5.16vw 0;
    color: #fff;
}

.proinfo-h {
    font-size: 0;
    position: relative;
    z-index: 2;
}

.proinfo-hlt {
    display: inline-block;
}

.proinfo-hrt {
    float: right;
    position: relative;
}

.proinfo-h2 {
    display: inline-block;
    min-width: 7.8125vw;
    line-height: 2.5vw;
    padding: 0 1vw;
    padding-right: 2.5vw;
    border-radius: 1.3vw;
    background: #fff url(../images/ico08.png) no-repeat right center;
    background-size: .8vw auto;
    background-position-x: calc(100% - 1vw);
}

.proinfo-h3 {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 1.2vw;
    padding: 1vw 0;
    display: none;
}

.proinfo-h3-a {
    line-height: 1.6;
    padding: 0 1vw;
    color: #999;
    cursor: pointer;
}

.proinfo-h3-a:hover {
    color: #007FC6;
}

.proinfo-i {
    width: 102%;
    margin-top: 4.16vw;
    font-size: 0;
}

.proinfo-iul {
    display: none;
}

.proinfo-ili {
    padding: 1.5vw 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
    display: inline-block;
    vertical-align: top;
    width: 31.333%;
    margin-right: 2%;
    color: #fff;
}

.proinfo-i3 {
    opacity: .3;
}

@media(max-width:1200px) {
    .proinfo-c {
        width: 100%;
    }

    .proinfo-d .join-cli {
        width: 140px;
        height: 120px;
    }

    .proinfo-img {
        height: 70vw;
    }

    .proinfo-f {
        width: 103%;
    }

    .proinfo-fli {
        width: 30.333%;
        margin-right: 3%;
    }

    .proinfo-f3 {
        padding-right: 40px;
    }

    .proinfo-f2 {
        width: 33px;
        height: auto;
    }

    .proinfo-f4 {
        margin-top: 10px;
    }

    .proinfo-h2 {
        min-width: 120px;
        padding: 0 15px;
        padding-right: 25px;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
        background-size: 15px auto;
    }

    .proinfo-h3 {
        padding: 10px 0;
    }

    .proinfo-h3-a {
        padding: 0 15px;
    }
}

@media(max-width:1000px) {
    .proinfo-img {
        height: 80vw;
    }

    .proinfo-div {
        padding-top: 120px;
        width: 55%;
    }

    .proinfo-f {
        width: 105%;
    }

    .proinfo-fli {
        width: 45%;
        margin-right: 5%;
    }
}

@media(max-width:750px) {
    .proinfo-img {
        min-height: 14rem;
        height: auto;
    }

    .proinfo-d .join-cli {
        width: 2rem;
        height: 1.6rem;
    }

    .proinfo-div {
        width: 85%;
        padding-top: 10rem;
        padding-bottom: 1rem;
    }

    .proinfo-b {
        font-size: .4rem;
    }

    .proinfo-c {
        font-size: .24rem;
    }

    .proinfo-ef {
        padding: .8rem 0;
    }

    .proinfo-e {
        font-size: .6rem;
        font-weight: bold;
    }

    .proinfo-f {
        width: 100%;
        margin-top: .6rem;
    }

    .proinfo-fli {
        width: 100%;
        margin-bottom: .3rem;
    }

    .proinfo-g {
        padding: .8rem 0;
    }

    .proinfo-g2 {
        font-weight: bold;
        font-size: .6rem;
    }

    .proinfo-hi {
        padding: .8rem 0;
    }

    .proinfo-hlt {
        font-size: .6rem;
        font-weight: bold;
    }

    .proinfo-h2 {
        line-height: 30px;
        height: 30px;
        background-position-x: calc(100% - 10px);
    }

    .proinfo-i {
        width: 100%;
        margin-top: .8rem;
    }

    .proinfo-g3 {
        margin-top: .4rem;
    }

    .proinfo-iul {
        width: 105%;
    }

    .proinfo-ili {
        width: 45%;
        margin-right: 5%;
        margin-bottom: .4rem;
        padding-top: .2rem;
        padding-bottom: .3rem;
    }
}

.idxban-swiper {
    width: 100%;
    height: 50vw;
    max-height: 100vh;
}

.idxban-div {
  height: 100%;
    color: #fff;
    position: relative;
    top: 2vw;
    opacity: 0;
    padding-top: 13vw;
    padding-right: 31.25vw;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.idxban-c {
    font-weight: 100;
}

.idxban-d {
    //margin-top: 3.125vw;
     position: absolute;
    bottom: 8vw;
}

.idxban-ps {
    position: absolute;
    left: 0;
    bottom: 2.5vw;
    width: 100%;
    z-index: 3;
}

.idxban-ef {
    overflow: hidden;
}

.idxban-e {
    height: 1.5vw;
    line-height: 1.5vw;
    float: left;
}

.idxban-e2 {
    display: inline-block;
    margin-right: .6vw;
    cursor: pointer;
}

.idxban-e2:hover {
    opacity: .8;
}

.about-f {
    float: right;
    line-height: 1.5vw;
}

.about-f span {
    display: inline-block;
    vertical-align: top;
    margin-left: .5vw;
    color: #fff;
}

.idxban-sd.swiper-slide-active .idxban-div {
    opacity: 1;
    top: 0;
    transition: all .5s .6s;
    -webkit-transition: all .5s .6s;
}

.idxban-jk {
    position: absolute;
    left: 50%;
    bottom: 4.1vw;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 4;
    border-radius: 2vw;
    background: #fff;
    padding: 1.5vw 2.5vw;
    overflow: hidden;
}

.idxban-j {
    float: left;
    line-height: 2.5vw;
}

.idxban-k {
    float: right;
    margin: 0;
    background: #007fc6;
    border: 0;
    color: #fff;
}

.idxban-m {
    width: 1vw;
    position: absolute;
    top: .6vw;
    right: 1.5vw;
    opacity: .6;
    cursor: pointer;
}

.idxban-m:hover {
    opacity: 1;
}

@media(max-width:1200px) {
    .idxban-swiper {
        height: 60vw;
    }

    .idxban-div {
        padding-top: 18vw;
    }

    .idxban-e {
        height: 25px;
        line-height: 25px;
    }

    .idxban-e2 {
        margin-right: 10px;
    }

    .about-f {
        line-height: 25px;
    }

    .about-f span {
        margin-left: 5px;
    }

    .idxban-jk {
        width: 70vw;
        padding: 20px 30px;
        padding-right: 40px;
    }

    .idxban-j {
        line-height: 40px;
    }

    .idxban-m {
        width: 20px;
    }
}

@media(max-width:1000px) {
    .idxban-swiper {
        height: 65vw;
    }

    .idxban-jk {
        padding: 15px 30px;
        padding-right: 40px;
        bottom: 2vw;
    }
}

@media(max-width:750px) {
    .idxban-swiper {
        height: 100vh;
    }

    .idxban-div {
        padding-top: 2.2rem;
    }

    .idxban-c {
        font-size: .26rem;
        margin-top: .3rem;
    }

    .idxban-d {
        bottom: 20vw;;
    }

    .idxban-e {
        height: 15px;
        line-height: 15px;
    }

    .idxban-e2 {
        height: 15px;
        margin-right: 5px;
    }

    .about-f {
        line-height: .3rempx;
    }

    .about-f span {
        margin-left: 5px;
    }

    .idxban-jk {
        width: 90vw;
        bottom: 1rem;
        padding: .3rem .4rem;
        border-radius: .15rem;
    }

    .idxban-j {
        font-size: .26rem;
        line-height: .6rem;
    }

    .idxban-m {
        width: .3rem;
    }

    .idxban-k {
        line-height: .6rem;
        height: .6rem;
        font-size: .2rem;
    }
}

.idsty-bj {
    background: url(../images/img16.jpg) no-repeat center;
    background-size: cover;
}

.idsty-bj2 {
    background: url(../images/无标题.png) no-repeat center;
    background-size: cover;
}

.idsty-bj3 {
    background: url(../images/1213.png) no-repeat center;
    background-size: cover;
}

.idsty {
    padding: 6.25vw 0;
    color: #fff;
}

.idsty-sw {
    margin-top: 3.2vw;
    height: 22.4vw;
}

.idsty-sd {
    width: 11.5%;
    margin-right: 1%;
    background: #84BAF3;
    padding: 3.125vw 2.5vw;
    border-radius: 3vw;
    overflow: hidden;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.idsty-hd {
    opacity: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.idsty-d {
    max-width: initial;
    position: absolute;
    top: 50%;
    left: 2.5vw;
    height: 15.6vw;
    margin-top: -7.8vw;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.idsty-b {
    line-height: 1.3;
    width: 15vw;
}

.idsty-c {
    position: absolute;
    left: 2.5vw;
    bottom: 3.125vw;
}

.idsty-sd:last-child {
    margin-right: 0;
}

.idsty-sd.on {
    width: 60% !important;
    margin-right: 2.5%;
    background: url(../images/img17.jpg) no-repeat center;
    background-size: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.idsty-sd.on .idsty-d {
    left: 23.4vw;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.idsty-sd.on .idsty-hd {
    opacity: 1;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.idsty-sp {
    display: none;
}

@media(max-width:1200px) {
    .idsty-sw {
        height: 28vw;
    }

    .idsty-d {
        height: 20vw;
        margin-top: -10vw;
        left: 4vw;
    }

    .idsty-sd.on .idsty-d {
        left: 32vw;
    }

    .idsty-b {
        width: 22vw;
    }
}

@media(max-width:750px) {
    idsty-bj {
        background-image: url(../images/img16_m.jpg);
    }

    .idsty {
        padding: .8rem 0;
    }

    .idsty-sw {
        margin-top: 1rem;
        height: auto;
        padding-bottom: 1rem;
    }

    .idsty-sd {
        width: 100%;
        height: 2.9rem;
        margin-right: 2%;
        background-image: url(../images/img17.jpg);
      background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
        padding: .4rem .3rem;
        border-radius: .4rem;
    }

    .idsty-d {
        height: 2rem;
        margin-top: -1rem;
        left: initial;
        right: .8rem;
    }

    .idsty-hd {
        opacity: 1;
    }

    .idsty-b {
        width: 3rem;
        font-size: .34rem;
    }

    .idsty-c {
        width: 1.8rem;
        line-height: .6rem;
        height: .6rem;
        font-size: .2rem;
        left: .3rem;
        bottom: .4rem;
    }

    .idsty-sp {
        display: block;
    }

    .idsty-sp span {
        background: #fff;
    }
}

.isolt {
    position: relative;
    height: 45.833vw;
}

.isolt-li {
    display: none;
}

.isolt-div {
    color: #fff;
    padding-top: 6.77vw;
    position: relative;
    z-index: 2;
    font-size: 0;
}

.isolt-a {
    display: inline-block;
    vertical-align: top;
    width: 46%;
    padding-right: 3vw;
}

.isolt-bc {
    width: 54%;
    display: inline-block;
    vertical-align: top;
}

.isolt-c {
    margin-top: 2.1vw;
}

.isolt-ca {
    width: 17.7vw;
}

.isolt-f {
    position: absolute;
    bottom: 3.125vw;
    left: 0;
    width: 100%;
    text-align: center;
    display: inline-block;
}

.isolt-ful {
    width: 100%;
    text-align: center;
}

.isolt-fli {
    width: 7.2vw;
    height: 5.2vw;
    border-radius: 1vw;
    background: rgba(255, 255, 255, .2);
    background: rgba(255, 255, 255, .5);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    text-align: center;
    padding: 1vw .6vw;
    display: inline-block;
    margin: .1vw;
    cursor: pointer;
}

.isolt-f1 img {
    height: 1.823vw;
}

.isolt-f1 .img2 {
    display: none;
}

.isolt-f1,
.isolt-f2 {
    color: #fff;
    opacity: .5;
}

.isolt-fli.on {
    background: #fff;
}

.isolt-fli.on .img1 {
    display: none;
}

.isolt-fli.on .img2 {
    display: inline-block;
}

.isolt-fli.on .isolt-f1,
.isolt-fli.on .isolt-f2 {
    color: #222;
    opacity: 1;
}

@media(max-width:1200px) {
    .isolt-fli {
        display: inline-block;
        width: 120px;
        height: 100px;
        padding: 10px;
        padding-top: 20px;
    }

    .isolt-f {
        height: 105px;
        overflow: hidden;
    }

    .isolt-ful {
        overflow-x: auto;
        width: 100%;
        height: 120px;
        padding: 0 5%;
        white-space: nowrap !important;
    }

    .isolt-f2 {
        margin-top: 15px;
    }

    .isolt {
        height: 55vw;
    }

    .isolt-f1 img {
        height: 25px;
    }
}

@media(max-width:750px) {
    .isolt {
        height: 11.6rem;
    }

    .isolt-div {
        padding-top: .8rem;
    }

    .isolt-a {
        font-size: .5rem;
        width: 80%;
        font-weight: bold;
    }

    .isolt-bc {
        width: 80%;
    }

    .isolt-b {
        font-size: .24rem;
        line-height: 1.6;
        margin-top: .3rem;
    }

    .isolt-c {
        margin-top: .6rem;
    }

    .isolt-ca {
        width: 32vw;
    }

    .isolt-f1 {
        font-size: 0;
    }

    .isolt-f1 img {
        height: .5rem;
    }

    .isolt-fli {
        height: auto;
        width: auto;
        padding: .2rem;
    }

    .isolt-f {
        height: 1.5rem;
        bottom: .6rem;
    }

    .isolt-ful {
        height: 1.7rem;
    }

    .isolt-f2 {
        margin-top: .2rem;
        f font-size: .24rem;
    }
}

.ipro {
    padding: 8.2vw 0;
    font-size: 0;
    position: relative;
}

.ipro-lt {
    width: 42%;
    display: inline-block;
    vertical-align: top;
    padding-right: 8%;
    padding-top: 1.5vw;
    position: relative;
    z-index: 2;
}

.ipro-lt-li {
    cursor: pointer;
    padding: 1vw;
    border-top: 2px solid rgba(0, 0, 0, .1);
}

.ipro-a {
    color: #dadada;
}

.ipro-bc {
    padding-bottom: 3.125vw;
    display: none;
}

.ipro-b {
    color: #999;
}

.ipro-c {
    background: #21509C;
    color: #fff;
    margin-top: 1.2vw;
}

.ipro-lt-li.on .ipro-a {
    color: #222;
}

.ipro-rt {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    height: 36.45vw;
    position: relative;
    position: relative;
    z-index: 2;
}

.ipro-rt-li {
    text-align: right;
    display: none;
}

.ipro-rt-li img {
    max-height: 100%;
    /*min-height: 80%;*/
}

.ipro-bj {
    width: 64.8vw;
    position: absolute;
    top: 3vw;
    right: -18vw;
    z-index: 1;
}

.ipro-md {
    display: none;
}

.ipro-nav {
    text-align: center;
    position: relative;
    z-index: 3;
    margin-bottom: 2vw;
}

.ipro-list {
    display: none;
}

.ipro-nav-li {
    display: inline-block;
    margin: 1vw;
    cursor: pointer;
    opacity: .3;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.ipro-nav-li:hover,
.ipro-nav-li.on {
    opacity: 1;
    transition: all .5s;
    -webkit-transition: all .5s;
}

@media(max-width:1200px) {
    .ipro-rt-li {
        text-align: center;
    }

    .ipro-bj {
        width: 75vw;
    }

    .ipro {
        padding: 100px 0;
    }
}

@media(max-width:750px) {
    .ipro {
        padding: .8rem 0;
    }

    .ipro-lt {
        width: 100%;
        padding: 0;
    }

    .ipro-c {
        width: 37vw;
        margin-top: .3rem;
    }

    .ipro-a {
        font-size: .45rem;
    }

    .ipro-b {
        font-size: .26rem;
        margin-top: .15rem;
    }

    .ipro-bj {
        width: 130%;
        max-width: initial;
        top: initial;
        bottom: 1.3rem;
        right: -15%;
    }

    .ipro-rt {
        width: 100%;
        margin-top: .6rem;
        height: 5rem;
    }

    .ipro-lt-li {
        display: none;
        text-align: center;
    }

    .ipro-lt-li.on {
        /*display: block;*/
    }

    .ipro-bc {
        display: block !important;
    }

    .ipro-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        padding: 0 .4rem;
        position: relative;
        z-index: 6;
        white-space: nowrap !important;
        margin-top: 1rem;
        width: 100vw;
        margin-left: -5vw;
    }

    .ipro-md div {
        font-size: .3rem;
        color: #dadada;
        display: inline-block;
        margin: 0 .2rem;
        line-height: 2;
    }

    .ipro-md div.on {
        color: #222;
    }

    .ipro-nav-li {
        font-weight: bold;
        font-size: .6rem;
    }

    .ipro-nav {
        margin-bottom: .4rem;
    }

    .ipro-lt-li {
        border: 0;
    }
}

.ijscn-bj {
    background: url(../images/img20.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    z-index: 3;
}

.ijscn {
    text-align: center;
    padding: 6.25vw 0 5.16vw 0;
}

.ijscn-c1 {
    border-color: #ccc;
    color: #999;
}

@media(max-width:750px) {
    .ijscn-bj {
        background-image: url(../images/img20_m.jpg)
    }

    .ijscn {
        padding: .8rem 5vw;
    }

    .ijscn-a {
        font-size: .6rem;
        font-weight: bold;
    }

    .ijscn-b {
        margin-top: .3rem;
    }
}

footer {
    background: #000000;
}

.footer {
    padding: 4.16vw 0 4.25vw 0;
    color: #fff;
    font-size: 0;
}

.footer-lt {
    width: 53.8%;
    display: inline-block;
    vertical-align: top;
}

.footer-nav {
    width: 100%;
}

.footer-nav-li {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    padding-right: 2vw;
    margin-bottom: 1vw;
}

.footer-b {
    margin-top: 1vw;
}

.footer-ba {
    display: inline-block;
    color: #fff;
    opacity: .3;
    margin-bottom: 5px;
}

.footer-ba:hover {
    opacity: 1;
    color: #fff;
}

.footer-bb {
    opacity: 1;
    width: 13.5vw;
    overflow: hidden;
}

.footer-bli2 {
    width: 40%;
    margin-right: 10%;
    text-align: center;
    float: left;
}

.footer-bli2 .footer-ba {
    position: relative;
    opacity: 1;
}

.footer-bli2 .footer-ba .footer-bimg {
    margin-bottom: 5px
        /*position: absolute;	left: 110%;	top: 50%;	height: 6.4vw;	margin-top: -3.2vw;	display: none;	max-width: initial;*/
}

/*.footer-bli2 .footer-ba:hover .footer-bimg{	display: block;}*/
.footer-rt {
    display: inline-block;
    vertical-align: top;
    width: 46.2%;
}

.footer-d {
    display: flex;
    justify-content: space-between;
}

.footer-dli {
    display: inline-block;
    vertical-align: top;
    max-width: 28%;
    text-align: center;
}

.footer-d2 {
    height: 11.8vw;
}

.footer-d3 {
    opacity: .4;
    color: #fff !important;
}

.footer-dli:hover .footer-d3 {
    opacity: 1;
}

.footer-e {
    overflow: hidden;
    padding: 1.2vw 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-top: 3.125vw;
}

.footer-elt {
    float: left;
}

.footer-ert {
    float: right;
}

.footer-f {
    margin-top: 1.6vw;
}

.footer-fa {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    opacity: .8;
    cursor: pointer;
}

.footer-fa:hover,
.footer-fa.on {
    opacity: 1;
    font-weight: bold;
}

.footer-contact{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0px 30px;
}

.footer-contact .contact-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
  	padding: 20px 0;
    border-bottom: 1px solid #ffffff;
}

.footer-contact .contact-item:hover{
	opacity: 0.7;
}

.footer-contact .contact-item p{
  color: #ffffff;
  font-size: 0.9375vw;
}

@media (max-width: 1200px) {
  .footer-contact .contact-item{
    flex-direction: column;
    align-items: start;
  }
  
  .footer-contact .contact-item p{
    font-size: 16px;
  }
}

.footer-g {
    margin-top: 1vw;
}

.footer-gli {
    border-top: 1px solid #fff;
}

.footer-gli:first-child {
    border: 0;
}

.footer-ga {
    line-height: 1.4;
    display: block;
    width: 100%;
    color: #fff !important;
    padding: 1vw 0;
    background: url(../images/ico18_2.png) no-repeat right center;
    background-size: auto .8vw;
    opacity: 1;
}

.footer-ga:hover {
    opacity: .7;
}

.footer-btm-bj {
    width: 100%;
    background: url(../images/img21.jpg) no-repeat center;
    background-size: cover;
}

.footer-btm {
    padding: 1.1vw 0;
    overflow: hidden;
}

.footer-j {
    width: 8.85vw;
    float: left
}

.footer-k {
    float: right;
    opacity: .4;
    color: #fff;
}

@media(max-width:1200px) {
    .footer-d2 {
        height: 16vw;
    }

    .footer-ga {
        line-height: 1.6;
        padding-right: 25px;
        background-size: 15px;
    }

    .footer-elt,
    .footer-ert {
        font-size: 16px;
    }

    .footer-bb {
        width: 22.5vw;
    }

    .footer-bli2 .footer-ba .footer-bimg {
        /*left: 0;		top: initial;		bottom: 120%;		height: 100px;*/
    }

    .footer-nav-li {
        padding-right: 1vw;
        margin-bottom: 10px;
    }
}

@media(max-width:750px) {
    .footer {
        padding: .8rem 0;
        padding-top: 5rem;
        position: relative;
    }

    .footer-lt {
        width: 100%;
    }

    .footer-d {
        position: absolute;
        top: .8rem;
        left: 0;
        width: 100%;
    }

    .footer-dli {
        max-width: 30%;
    }

    .footer-d2 {
        height: auto;
        width: 100%;
    }

    .footer-rt {
        width: 100%;
        margin-top: .7rem;
    }

    .footer-e {
        margin-top: .4rem;
        padding: .3rem 0;
    }

    .footer-f {
        margin-top: .3rem;
    }

    .footer-g {
        margin-top: .2rem;
    }

    .footer-ga {
        background-position-y: .1rem;
    }

    .footer-btm {
        padding: .8rem 0;
    }

    .footer-j {
        width: 3rem;
    }

    .footer-k {
        width: 100%;
        margin-top: .2rem;
    }

    .footer-nav-li {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .footer-a {
        font-size: .32rem;
        line-height: 1.5;
        padding: .3rem 0;
        border-bottom: 1px solid rgba(255, 255, 255, .2);
        background: url(../images/ico29.png) no-repeat right center;
        background-size: .4rem auto;
        font-weight: 500;
    }

    .footer-a.on {
        font-weight: bold;
    }

    .footer-b {
        padding: .2rem 0;
        margin: 0;
        display: none;
    }

    .footer-bb {
        width: 4rem;
    }

    .footer-ba {
        width: 100%;
    }

    .footer-nav-li:nth-child(5) {
        display: none;
    }
}

.logon-tk {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 39;
    background: rgba(255, 255, 255, .5);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    display: none;
}

.logon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    height: 25.6vw;
    border-radius: 2vw;
    overflow: hidden;
    background: #fff;
    font-size: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.logon-lt {
    width: 37.7%;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    background: url(../images/img22.jpg);
    padding: 3vw;
    color: #fff;
    position: relative;
}

.logon-b {
    opacity: .3;
}

.logon-c {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 3vw;
}

.logon-cli {
    margin-top: .6vw;
    position: relative;
    padding-left: 1.5vw;
}

.logon-cli:after {
    content: '';
    width: .8vw;
    height: .8vw;
    border-radius: 100%;
    border: 1px solid #fff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.4vw;
    opacity: .3;
}

.logon-rt {
    width: 62.3%;
    display: inline-block;
    vertical-align: top;
    padding: 3.125vw 1.6vw;
}

.logon-rt .contact-c {
    width: 46%;
    margin-bottom: 2.5vw;
}

.logon-rt .contact-crt {
    margin-left: 8%;
}

.logon-rt .contact-csub {
    margin-top: 0;
}

.logon-gb {
    width: 1.6vw;
    height: 1.6vw;
    position: absolute;
    top: 1.2vw;
    right: 1.2vw;
    background: url(../images/x03.png) no-repeat right;
    background-size: cover;
    opacity: .4;
}

.logon-gb:hover {
    opacity: 1;
}

.logon-yzm {
    width: 5vw;
    line-height: 3.125vw;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
}

.logon-fsz {
    width: 5vw;
    height: 3.125vw;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
}

.logon-fsz div {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    cursor: pointer;
    background: #fff;
    line-height: 3.125vw;
}

.logon-fsz .sp2 {
    display: none;
}

@media(max-width:1200px) {

    /*.logon-tk{		display: block !important; 	}*/
    .logon {
        height: auto;
        overflow: hidden;
    }

    .logon-lt {
        position: absolute;
    }

    .logon-rt {
        float: right;
        padding: 40px 30px;
    }

    .logon-rt .contact-c {
        width: 100%;
        margin-left: 0;
    }

    .logon-yzm {
        width: 8vw;
    }

    .logon-fsz {
        width: 10vw;
        text-align: center;
    }

    .logon-lt {
        padding: 40px 30px;
    }

    .logon-cli {
        padding-left: 30px;
    }

    .logon-cli:after {
        width: 12px;
        height: 12px;
        top: 10px;
    }

    .logon-gb {
        width: 40px;
        height: 40px;
    }
}

@media(max-width:1000px) {
    .logon-lt {
        width: 45%;
    }

    .logon-rt {
        width: 55%;
    }
}

@media(max-width:750px) {
    .logon-lt {
        width: 100%;
        position: relative;
        height: auto;
    }

    .logon-rt {
        width: 100%;
    }

    .logon-c {
        position: relative;
        padding: 0;
        margin-top: .7rem;
    }

    .logon {
        width: 100%;
        top: 0;
        height: 100vh;
        transform: initial;
        left: 0;
        border-radius: 0;
    }

    .logon-cli {
        padding-left: .4rem;
    }

    .logon-cli:after {
        width: .2rem;
        height: .2rem;
        top: .1rem;
    }

    .logon-rt {
        padding: .4rem .5rem;
    }

    .logon-rt .contact-c {
        margin-bottom: .1rem;
    }

    .logon-yzm {
        width: 1rem;
        line-height: .8rem;
    }

    .logon-fsz {
        width: 1.5rem;
        height: .8rem;
        line-height: .8rem;
    }

    .logon-fsz div {
        line-height: .8rem;
    }

    .logon-rt .contact-csub {
        width: 100%;
        margin-top: .3rem;
    }

    .logon-tk {}

    .logon-a {
        font-size: .5rem;
        font-weight: bold;
    }

    .logon-gb {
        width: .5rem;
        height: .5rem;
    	top: 1.5vw;
    	right: 1.5vw;
    }
}

header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 19;
}

.header {
    height: 7.3vw;
}

.logo {
    display: inline-block;
    vertical-align: top;
    width: 10vw;
    line-height: 7.3vw;
}

.logo .img2 {
    display: none;
}

.header-a1 {
    width: 1.3vw;
    height: 100%;
    float: right;
    background: url(../images/ico01_1.png) no-repeat center;
    background-size: 100% auto;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.header-a2 {
    float: right;
    margin-right: 1.2vw;
    line-height: 7.3vw;
    color: #fff;
}

.header-a2:hover {
    color: #fff;
    font-weight: bold;
}

.header-b {
    float: right;
    margin-left: 1.2vw;
    position: relative;
    height: 100%;
}

.header-b1 {
    display: inline-block;
    width: 7vw;
    line-height: 2.5vw;
    border-radius: 1.3vw;
    margin-top: 2.4vw;
    /*background: #fff url(../images/ico02.png) no-repeat 85% center;	background-size: .8vw auto;*/
    color: #777;
    padding: 0 1vw;
    background: #fff;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.header-b2 {
    width: 8vw;
    height: auto;
    background: #fff;
    border-radius: 1vw;
    position: absolute;
    left: 0;
    top: 100%;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    padding: 1vw 1.5vw;
    display: none;
}

.header-nav-li .header-b2 {
    width: 8vw;
}

.header-b2 a {
    display: block;
    margin: 5px 0;
  white-space: nowrap !important;
}

.header-nav {
    display: inline-block;
    float: right;
    margin-right: 5.16vw;
}

.header-nav-li {
    display: inline-block;
    vertical-align: top;
    margin-right: 2.1vw;
}

.header-nav-li:hover .header-c,
.header-nav-li.on .header-c {
    color: #fff;
    opacity: 1;
    font-weight: bold;
}

.header-c {
    display: inline-block;
    color: #fff;
    line-height: 7.3vw;
    opacity: .7;
}

.header-d {
    /*display: none !important; */
}

.header-c:hover {
    color: #fff;
    font-weight: bold;
    opacity: 1;
}

.header-d {
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    background: #f2f2f2;
    padding: 1.5vw;
    text-align: center;
    display: none;
}

.header-da {
    display: inline-block;
    margin: 0 2.5vw;
    text-align: center;
    opacity: 1;
}

.header-da img {
    height: 1.6vw;
    margin-bottom: .5vw;
    opacity: .6;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

.header-da:hover {
    color: #007FC6;
    opacity: 1;
}

.header-da:hover img {
    opacity: 1;
    -webkit-filter: initial;
    -moz-filter: initial;
    -ms-filter: initial;
    -o-filter: initial;
    filter: initial;
}

.header-e {
    margin-left: -1.5vw;
    top: 80%;
}

.header-e a {
    margin: 7px 0;
}

.header-f {
    width: 20vw;
}

.header-fli {
    width: 100%;
}

.header-f2 {
    padding: .5vw 0;
    padding-right: 1vw;
    background: url(../images/ico02.png) no-repeat right center;
    background-size: .7vw auto;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    cursor: pointer;
}

.header-f3 {
    padding: .5vw 0;
    display: none;
}

.header-f3 div {
    display: block;
    width: 100%;
}

.header-f3 a {
    display: block;
    margin: .5vw 0;
    color: #999;
}

.header-f3 a:hover {
    color: #007FC6;
}

.header-fli.on .header-f2 {
    color: #222;
    background-image: url(../images/ico02_2.png);
}

.header-jk {
    width: 100% !important;
    background: #fff;
    min-height: 28vw;
    border-radius: 0;
    padding: 3.2vw 0;
}

.header-jk-cnt {
    width: 100%;
    overflow: hidden;
    display: block;
}

.header-j2 {
    width: 24.5vw;
    padding-left: 4.16vw;
    display: inline-block;
    vertical-align: top;
}

.header-k {
    width: 40vw;
    display: inline-block;
    vertical-align: top;
}

.header-klt {
    width: 14.5vw;
    display: inline-block;
    vertical-align: top;
}

.header-kli {
    display: block;
    padding-right: 1.5w;
    padding: .5vw 0;
    line-height: 1.5;
    border-bottom: 1px solid #eee;
    color: #999;
    background: url(../images/ico18_1.png) no-repeat right center;
    background-size: .8vw auto;
}

.header-kli:hover,
.header-kli.on {
    color: #000;
    border-color: #000;
}

.header-kdiv {
    display: none;
}

.header-krt {
    width: 12vw;
    margin-left: 4vw;
    display: inline-block;
    vertical-align: top;
}

.header-ka {
    display: block;
    color: #ccc;
    line-height: 1.6;
    margin-bottom: 5px;
}

.header-ka.on {
    color: #007FC6;
}

.header-j3 {
    width: 33.33%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/img23.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
}

.header-j3 img {
    max-height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.header-jk-hy .header-j3 img {
    max-height: initial;
    position: initial;
    left: initial;
    top: inherit;
    ransform: tinitial;
    -webkit-transform: initial;
}

header.on {
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
}

header.on .header {
    height: 4.2vw;
}

header.on .logo {
    line-height: 4.2vw;
}

header.on .logo .img1 {
    display: none;
}

header.on .logo .img2 {
    display: inline-block;
}

header.on .header-c {
    color: #222;
    line-height: 4.2vw;
}

header.on .header-nav-li:hover .header-c,
header.on .header-nav-li.on .header-c {
    color: #007FC6;
    opacity: 1;
}

header.on .header-b1 {
    background-color: #007FC6;
    color: #fff;
    /*background-image: url(../images/ico02_1.png);*/
    margin-top: 1vw;
    transition: all .5s;
    -webkit-transition: all .5s;
}

header.on .header-a2 {
    color: #222;
    line-height: 4.2vw;
}

header.on .header-a1 {
    background-image: url(../images/ico01_2.png);
    transition: all .5s;
    -webkit-transition: all .5s;
}

header.bj {
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
}

header.bj .logo .img1 {
    display: none;
}

header.bj .logo .img2 {
    display: inline-block;
}

header.bj .header-c {
    color: #222;
}

header.bj .header-nav-li:hover .header-c,
header.bj .header-nav-li.on .header-c {
    color: #21509C;
    opacity: 1;
}

header.bj .header-b1 {
    background-color: #21509C;
    color: #fff;
    /*background-image: url(../images/ico02_1.png);*/
    transition: all .5s;
    -webkit-transition: all .5s;
}

header.bj .header-a2 {
    color: #222;
}

header.bj .header-a1 {
    background-image: url(../images/ico01_2.png);
    transition: all .5s;
    -webkit-transition: all .5s;
}

.header-nav-li9 {
    display: none;
}

.services-b {
    margin-top: 2.5vw;
    position: relative;
}

.services-b1 {
    height: 5vw;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    padding-left: 2.1vw;
    padding-right: 4.16vw;
    width: 100%;
    background: initial;
}

.services-b>i {
    display: inline-block;
    width: 1.2vw;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/ico01_1.png) no-repeat left center;
    background-size: 1.2vw auto;
    opacity: 1;
}

.services-b2 {
    width: 2.4vw;
    height: 2.4vw;
    background: #fff url(../images/ico18_1.png) no-repeat center;
    background-size: 40%;
    border-radius: 100%;
    border: 0;
    position: absolute;
    right: 0;
    top: 1.3vw;
}

.services-b2:hover {
    background-color: #007FC6;
    background-image: url(../images/ico18_2.png);
}

.header-tk-bj {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 18;
    background: #000;
    display: none;
}

.header-tk {
    width: 100%;
    /*position: absolute;	top: 0;	left: 0;*/
    background: #000;
    min-height: 24vw;
    background-size: cover;
    padding-top: 10vw;
    padding-bottom: 6vw;
    color: #fff;
}

.header-tkw {
    /*width: 92%;	max-width: 1150px;	margin: 0 auto;*/
}

.header-tk-a {
    text-align: center;
}

.header-tk-b {
    width: 100%;
    position: relative;
    margin-top: 50px;
}

.header-tk-b1 {
    width: 100%;
    height: 100px;
    padding-left: 60px;
    padding-right: 100px;
    font-size: 20px;
    background: #fff url(../images/ico01_2.png) no-repeat 25px center;
    ;
    border: 0;
    border-radius: 45px;
}

.header-tk-b2 {
    font-size: 22px;
    height: 100%;
    width: 80px;
    border: 0;
    background: initial;
    color: #EA591D;
    position: absolute;
    top: 0;
    right: 0;
    text-align: left;
}

.header-tk-c {
    margin-top: 40px;
    font-size: 0;
}

.header-tk-c1 {
    font-size: 22px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
    width: 30%;
}

.header-tk-c2 {
    width: 70%;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

.header-tk-c2 div {
    width: 20%;
    float: left;
}

.header-tk-c a {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.6;
    opacity: .5;
}

.header-tk-c a:hover {
    opacity: 1;
    color: #fff;
}

.header-tk-d {
    position: absolute;
    top: 8vw;
    right: 20px;
    opacity: 1;
    width: 40px;
    cursor: pointer;
}

.header-tk-d:hover {
    opacity: 1;
}

.header-tk-div-bj {
    background: #fff;
}

.header-tk-div {
    padding: 2.5vw 0;
    margin-top: 3.75vw;
    min-height: 15vw;
    display: flex;
    justify-content: space-between;
}

.header-tk-li {
    display: inline-block;
    vertical-align: top;
}

.header-tk-k {
    margin-top: 1vw;
}

.header-tk-k a {
    color: #999;
}

.header-tk-k a:hover {
    color: #EA591D;
}

.header-dx {
    width: 35px;
    margin-top: 22px;
    text-align: right;
    margin-left: 40px;
    overflow: hidden;
    float: right;
    display: none;
}

.header-dx1,
.header-dx2,
.header-dx3 {
    width: 100%;
    height: 4px;
    margin-bottom: 8px;
    background: #fff;
    float: right;
}

.header-dx div {
    transition: all .5s;
}

.header-dx.cli .header-dx1 {
    -webkit-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    transform: rotate(44deg);
    transform-origin: 0%;
    -ms-transform-origin: 0%;
    -webkit-transform-origin: 0%;
    -moz-transform-origin: 0%;
    transition: all .5s;
}

.header-dx.cli .header-dx2 {
    opacity: 0;
    transition: all .5s;
}

.header-dx.cli .header-dx3 {
    -webkit-transform: rotate(-44deg);
    -ms-transform: rotate(-44deg);
    transform: rotate(-44deg);
    position: relative;
    top: 1px;
    transform-origin: 0%;
    -ms-transform-origin: 0%;
    -webkit-transform-origin: 0%;
    -moz-transform-origin: 0%;
    transition: all .5s;
}

header.on .header-dx>div {
    background: #000;
}

/*header.hv .header-dx>div{	background: #000;}*/
header.bj .header-dx>div {
    background: #000;
}

.header-nav-li8 {
    display: none;
}

@media(max-width:1200px) {
    .header {
        height: 70px !important;
    }

    .logo {
        line-height: 70px !important;
        width: 130px;
        position: relative;
        z-index: 2;
    }

    .header-c {
        line-height: 70px;
    }

    .header-a1 {
        width: 20px;
    }

    .header-a2 {
        font-size: 18px;
        margin-right: 30px;
        line-height: 70px !important;
    }

    .header-b {
        display: none;
    }

    .header-dx {
        display: block;
    }

    .header-nav {
        display: none;
        position: fixed;
        width: 100%;
        height: 100vh;
        left: 0;
        top: 70px;
        z-index: 16;
        background: #fff;
        background-size: cover;
        color: #fff;
        padding: 4%;
        border-top: 1px solid rgba(0, 0, 0, .1);
        z-index: 1;
    }

    .header-nav-li {
        display: block;
        width: 100%;
        margin: 0;
        position: relative;
    }

    .header-c {
        display: block;
        color: #222 !important;
        line-height: 70px !important;
        /*border-bottom: 1px solid rgba(255,255,255,.1);*/
        font-size: 24px;
        opacity: 1;
    }

    .header-b2,
    .header-d {
        margin: 0;
        position: relative;
        left: initial;
        top: initial;
        /*display: block;*/
        width: 100% !important;
        box-shadow: initial;
        padding: 10px 0;
        padding-top: 0;
        background: initial;
    }

    .header-e a {
        margin: 15px 0;
        padding: 0;
        font-size: 16px;
        color: #fff;
    }

    .header-d {
        padding-top: 0;
        padding-bottom: 20px;
        display: none;
    }

    .header-da img {
        display: none;
    }

    .header-da {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: left;
        opacity: 1;
        white-space: nowrap !important;
        font-size: 16px;
        color: #fff;
        line-height: 1.8;
        margin-bottom: 5px;
    }

    .header-nav-li9 .header-d {
        padding-top: 10px;
    }

    .header-nav-li9 .header-da {
        line-height: 1.6;
        margin-top: 15px;
    }

    .header-f2 {
        padding: 15px 30px;
        color: #222;
        background-size: 12px auto;
    }

    .header-f3 {
        /*display: block;*/
    }

    .header-e a {
        font-size: 16px;
        padding: 0;
        margin: 0;
        margin-bottom: 5px;
    }

    .header-i {
        width: 30%;
        height: 70px;
        position: absolute;
        top: 0;
        right: 0;
        background: url(../images/ico79_1.png) no-repeat right center;
        background-size: 18px;
    }

    .header-i.on {
        background-image: url(../images/ico79_2.png);
    }

    .header-bav-li-w .header-i {
        width: 100%;
    }

    form.services-b {
        margin-top: 25px;
        margin-bottom: 50px;
    }

    .services-b1 {
        height: 70px;
        padding-left: 30px;
        padding-right: 90px;
    }

    .services-b>i {
        width: 30px;
        background-size: 20px auto;
    }

    .services-b2 {
        width: 40px;
        height: 40px;
        top: 15px;
    }

    .header-tk {
        padding-top: 160px;
    }

    .header-tk-d {
        top: 90px;
    }

    .header-dx {
        position: relative;
        z-index: 2;
    }

    .header-jk {
        /*display: block !important;*/
    }

    .header-j2,
    .header-j3,
    .header-krt {
        display: none;
    }

    .header-k {
        width: 100%;
    }

    .header-klt {
        width: 100%;
    }

    .header-kli {
        color: #fff;
        opacity: 1;
        border: 0;
    }

    .header-kli:hover,
    .header-kli.on {
        color: #fff;
        opacity: 1;
        border: 0;
    }

    .header-b2 a {
        font-size: 16px;
        line-height: 1.8;
        margin: 0;
        margin-bottom: 5px;
        background: initial;
    }

    .header-kli2 {
        font-size: 16px;
        background: initial;
    }

    .header-kdiv {
        display: none;
        padding-top: 5px;
    }

    .header-kdiv a {
        opacity: .7;
    }

    .header-nav-li8 {
        display: block;
        border-top: 1px solid rgba(255, 255, 255, .4);
        margin: 2rem 0;
    }

    .header-nav-b {
        color: #fff;
        font-size: 24px;
        font-weight: bold;
        line-height: 2;
        padding: 15px 0;
        display: block;
        background: url(../images/ico30.png) no-repeat right center;
        background-size: .2rem auto;
    }

    .header-nav {
        overflow-y: auto;
    }

    .header-dx2 {
        opacity: 0;
    }
}

@media(max-width:750px) {
    .header {
        height: 1rem !important;
    }

    .logo {
        width: 2rem;
        line-height: 1rem !important;
    }
	.header-kdiv {
        display: block;
        padding-top: 5px;
    }

    .header-dx {
        display: block;
        width: .45rem;
        margin-top: .1rem;
        margin-left: .45rem;
        padding-top: .23rem;
        margin-right: 0;
    }

    .header-dx1,
    .header-dx2,
    .header-dx3 {
        height: .04rem;
        margin-bottom: .11rem;
    }

    .header-a1 {
        width: .35rem;
        background-size: .32rem auto;
    }

    .header-a2 {
        font-size: .3rem;
        margin-right: .3rem;
        line-height: 1rem !important;
    }

    .header-nav {
        top: 1rem;
        height: calc(100vh - 1rem);
    }

    .header-c {
        line-height: .8rem !important;
        font-size: .3rem;
    }

    .header-i {
        height: .8rem;
        background-size: .24rem auto;
    }

    .header-b2 a {
        font-size: .24rem;
        padding: 0;
        margin: .15rem 0;
    }

    .header-e a {
        padding: 0;
    }

    .header-f2 {
        padding: .12rem .3rem;
    }

    .header-f3 a {
        font-size: .24rem;
        padding: 0 .45rem;
    }

    .header-da {
        font-size: .24rem;
        line-height: 1.7;
        padding: 0;
    }

    .header-kli2 {
        font-size: .24rem;
    }

    .header-nav-li9 .header-da {
        margin-top: .2rem;
    }

    form.services-b {
        margin-top: .4rem;
        margin-bottom: .6rem;
    }

    .services {
        padding-top: 1.8rem;
        padding-bottom: .8rem;
    }

    .services-b1 {
        height: 1rem;
        padding-left: .4rem;
        padding-right: 1rem;
    }

    .services-b>i {
        width: .4rem;
        background-size: .3rem auto;
    }

    .services-b2 {
        width: .5rem;
        height: .5rem;
        top: .2rem;
    }

    .header-tk {
        padding-top: 1.8rem;
        box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    }

    .header-tk-d {
        top: 1.2rem;
        width: .5rem;
    }

    .header-tk-c {
        margin-top: .4rem;
    }

    .header-tk-c1 {
        font-size: .4rem;
        width: 100%;
    }

    .header-tk-c a {
        margin-bottom: .15rem;
    }

    .header-tk-c2 {
        width: 100%;
    }

    .header-tk-c2 div {
        width: 25%;
        padding-right: .1rem;
    }

    .header-nav-b {
        font-size: .3rem;
        background-size: .3rem auto;
        padding: .2rem 0;
    }
}

.searchs {
    padding: 11.5vw 0 5.2vw 0;
}

.searchs-a {
    display: inline-block;
}

.searchs-b {
    float: right;
    color: #007FC6;
    padding-top: 1.2vw;
}

.searchs-fm {
    display: block;
    width: 100%;
    position: relative;
    margin-top: 2.6vw;
    border-radius: 1vw;
    overflow: hidden;
}

.searchs-c {
    border: initial;
    border: initial;
    width: 100%;
    background: #e8eff7 url(../images/ico01_2.png) no-repeat 1.8vw center;
    background-size: 1.2vw auto;
    line-height: 6.25vw;
    padding-left: 5.2vw;
    padding-right: 10.4vw;
    border-radius: 1vw;
    color: #007FC6;
}

.searchs-d {
    width: 6.5vw;
    text-align: center;
    line-height: 6.25vw;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    background: initial;
    color: #007FC6;
}

.searchs-ul {
    margin: 4.16vw 0;
}

.searchs-li {
    display: block;
    padding: 3.125vw 0;
    font-size: 0;
    display: block;
    border-bottom: 1px solid #d4dee6;
    color: #222;
    position: relative;
}

.searchs-div {
    overflow: hidden;
    position: relative;
    /*background: url(../images/ico22_1.png) no-repeat right top;*/
    background-size: 2.6vw;
    min-height: 2.6vw;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.searchs-f {
    display: inline-block;
    vertical-align: top;
    width: 80%;
}

.searchs-f span {
    color: #007FC6;
}

.searchs-e {
    display: inline-block;
    vertical-align: top;
    padding-top: .5vw;
    float: right;
}

.searchs-li:hover {
    color: #222;
}

.searchs-li:after {
    content: '';
    width: 0%;
    height: 2px;
    background: #007FC6;
    position: absolute;
    left: 0;
    bottom: -1px;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.searchs-li:hover:after {
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
}

/*.searchs-li:hover .searchs-div{	background-image: url(../images/ico22.png);transition: all .5s;-webkit-transition: all .5s;  }*/
.searchs-mr {
    display: inline-block;
    width: 8.3vw;
    line-height: 3.6vw;
    text-align: center;
    border-radius: 1.8vw;
    border: 1px solid rgba(0, 0, 0, .2);
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s;
}

@media(max-width:1200px) {
    .searchs {
        padding: 150px 0 60px 0;
    }

    .searchs-c {
        height: 80px;
        padding-right: 120px;
    }

    .searchs-d {
        width: 100px;
        line-height: 80px;
    }

    .searchs-mr {
        width: 120px;
        line-height: 50px;
        border-radius: 25px;
    }
}

@media(max-width:750px) {
    .searchs {
        padding: 1.8rem 0 .8rem 0;
    }

    .searchs-fm {
        margin-top: .4rem;
    }

    .searchs-c {
        height: 1rem;
        padding-left: .8rem;
        padding-right: 1.2rem;
        background-position-x: .25rem;
        background-size: .3rem auto;
        border-radius: .2rem;
    }

    .searchs-d {
        width: 1rem;
        height: 1rem;
        line-height: 1rem;
    }

    .searchs-ul {
        margin-top: .8rem
    }

    .searchs-li {
        padding: .35rem 0;
    }

    .searchs-div {
        background-size: .4rem;
        background-position-y: .1rem;
    }

    .searchs-f {
        width: 75%;
        font-size: .26rem;
    }

    .searchs-mr {
        width: 2rem;
        line-height: .8rem;
        margin-top: .6rem;
    }
  
  .box6{
     display: grid !important;
     grid-template-columns: repeat(2, 1fr);
     gap: 20px 0;
  }
  
  .box9{
    padding: 0 !important;
  }
  
  video{
  	width: 100% !important;
    height: auto !important;
  }
}
.box1{
    width: 100%;
    height: 40px;
    text-align: center;
    font-family: Microsoft YaHei;
font-weight: bold;
font-size: 34px;
color: #006ED6;
line-height: 40px;
}
.box2{
    width: 100%;
    height: 20px;
    margin-top: 10px;
    text-align: center;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 20px;
    color: #333333;
}

.box4{
    width: 60%;
}
.box4-1{
    width: 100%;
    text-align: left;
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 24px;
    color: #333333;
    line-height: 30px;
}
.box4-2{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 40px;
}
.box4-3{
    margin-top: 40px;
    width: 100%;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}
.box5{
    width: 40%;
    height: auto;
    margin-left: 40px;
}
.box5-1{
    width: 100%;
    height: 100%;
}
.box6{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
  margin-top:35px;
}
.box6-1{
    /* width: 100px; */
}
.box6-1-1{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box6-img{
    width: 50px;
    height: 50px;
    margin-left: 0;
    margin-right: 0;
    
}
.box6-text{
    width: 100%;
    text-align: center;
    font-family: Microsoft YaHei;
font-weight: 400;
font-size: 20px;
color: #333333;
line-height: 20px;
}
.box7{
    width: 100%;
    height: 50px;
    text-align: center;
    font-family: Microsoft YaHei;
font-weight: 400;
font-size: 44px;
color: #FFFFFF;
line-height: 50px;
}
.box8{
    width: 100%;
    height: 20px;
    margin-top: 10px;
    text-align: center;
    font-family: Microsoft YaHei;
font-weight: 400;
font-size: 20px;
color: #FFFFFF;
line-height: 20px;
}
.box9 {
    position: relative;
    margin-top: 40px;
    padding: 0 40px;
  }
  
  .partner-swiper {
    width: 100%;
    overflow: hidden;
  }
  
  .partner-slide {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .partner-item {
    width: 18%;
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid #eee;
    padding: 15px;
    transition: all 0.3s ease;
  }
  
  .partner-item:hover {
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
  }
  
  .partner-item img {
    max-width: 100%;
    height: auto;
  }
  
  .partner-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 10;
  }
  
  .partner-prev, .partner-next {
    position: absolute;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
  }
  
  .partner-prev {
    left: -20px;
  }
  
  .partner-next {
    right: -20px;
  }
  
  .partner-pagination {
    text-align: center;
    bottom:-10px;left:0;width:100%
    margin-top: 60px;
  }
  
  .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    background: #ccc;
    margin: 0 10px !important;
    opacity: 0.8;
  }
  
  .swiper-pagination-bullet-active {
    background: #ffffff;
    opacity: 1;
  }
@media (max-width: 768px) {
    .partner-item {
      width: 48%;
    }
    
  }
  .box10{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
  }
  .box10-1{
    width: 25%;
    height: 100%;
    margin-left:10px;
  }
  .box10-img{
    width: 100%;
    height: 100%;
}



  .swiper-pagination {
    position: static;
    bottom: auto !important;
    margin-top:30px ;
  }

@media (max-width: 750px) {
  .banner-container{
  margin-top: 1rem !important;
}
  .banner-container.news{
    height: 200px;
  }
  
      .banner-container .banner-content .title{
    	font-size: 32px !important;
    	font-weight: 700;
      }
}

.banner-container{
	width: 100%;
    height: 500px;
    position: relative;
  margin-top: 7.3vw;
}

.banner-container > img{
	width: 100%;
  	height: 100%;
    object-fit: cover;
}

.banner-container .banner-content{
	width: 100%;
  	height: 100%;
    position: absolute;
  	top: 0;
  	left: 0;
      display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
  padding: 15px;
}

.banner-container .banner-content .title{
  color: #fff;
  font-size: 60px;
      text-align: center;
}

.banner-container .banner-content .subtitle{
      width: 800px;
      color: #fff;
      font-size: 22px;
      text-align: justify;
      text-align-last: center;;
}

@media(max-width:1200px) {
    
    .banner-container .banner-content .subtitle{
      	width: auto;
    	font-size: 16px !important;
    }
}