@font-face {
    font-family: 'CenturyGothicBold';
    src: url('/assets/fonts/Century Gothic-Bold.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CenturyGothicRegular';
    src: url('/assets/fonts/Century Gothic-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html {
    height: 100%;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

p {
    margin: 0;
}

h1, h2, h3 {
    margin: 0;
}

body {
    font-size: 16px;
    margin: 0;
    height: 100%;
    font-family: CenturyGothicRegular, Roboto, San Francisco, Helvetica Neue, Helvetica, Arial, PingFangSC-Light, Hiragina Sans GB, WenQuanYi Micro Hei, microsoft yahei ui, microsoft yahei, sans-serif;
}

[class*=table-], [class*=table-]:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

button, input, optgroup, option, select, textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
    cursor: pointer;
}

.container {
    width: 1475px;
    margin: 0 auto;
    overflow: hidden;
}
.containers {
    width: 1294px;
    margin: 0 auto;
    overflow: hidden;
}
.top {
    height: 56px;
    position: absolute;
    top: 0;
    z-index: 999;
    right: 0;
    width: calc(100% - 140px);
    padding: 0 70px;
}

.logo {
    display: flex;
    justify-content: space-between;

}

.nav {
    float: left;
    width: 832px;
    line-height: 54px;
}

.nav ul {
    margin: 0;
    padding: 0;
    text-align: right;
}

.nav li {
    padding: 25px 18px 5px 18px;
    display: inline-block;
}

.nav li:hover a, .nav li.active a {
    border-bottom: solid 2px #FFF;
}

.nav li a {
    font-size: 12px;
    font-family: 'CenturyGothicBold';
    color: #fff;
    display: block;
    height: 42px;
    text-transform: uppercase;
}

.logoimg {
    position: relative;
    left: 0;
    top: 34px;
    height: 24px;
    width: 99px;
}

.logoimg img {
    height: 32px;
}

.newbg {
    height: 735px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    display: flex;
    justify-content: center;
}

.newbg h2 {
    font-size: 50px;
    color: #fff;
}

.ico {
    font-size: 30px;
    margin-top: 27px;
    margin-bottom: 74px;

}

.ico a {
    color: #333;
}

.icobox {
    margin-top: 87px;
}

.new-list {
    background: #f8f8f8;

    height: 305px;
    margin-bottom: 46px;
}

.new-list a {
    display: flex;
    height: 305px;
}

.new-list h4 {
    font-size: 22px;
    color: #141414;
    margin: 11px 0;
}

.new-list p {
    color: #414141;
}

.triangle {
    width: 0;
    height: 0;
    border-left: 200px solid transparent;
    border-top: 66px solid white;
}

.date {
    text-align: center;
    color: #a3a3a3;
    font-weight: bold;
}

.dateD {
    font-size: 50px;
    margin-top: 76px;
}

.dateYM {
    font-size: 20px;
}

.new-box {
    padding-left: 70px;
    padding-top: 80px;
    width: 616px;
    padding-right: 228px;
}

.new-box p {
    font-size: 16px;
    line-height: 29px;
}

.new-img img {
    width: 423px;
    height: 305px;
}

.page {
    text-align: center;
}

.page li {
    display: inline-block;
    background: #f4f4f4;
    margin: 0 5px;

}

.page li a {
    align-items: center;
    color: #419cb7;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;

}

.up, .down {
    background: #419cb7 !important;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.pagination .active {
    background: #419cb7 !important;

}

.pagination .active span {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff !important;
}

.pagination .disabled span {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #ccc !important;
}

.footer {
    background: url("/assets/img/footer.png");
    background-repeat: no-repeat;
    height: 545px;
    width: 100%;
    background-size: cover;
    margin-top: 95px;
    overflow: hidden;
}

.icob {
    font-size: 20px;
    color: #fff;
    background: url("/assets/img/icob.png");
    background-repeat: no-repeat;
    padding-left: 50px;
    height: 40px;
    line-height: 31px;
}

.email {
    background-position: 0px -46px;
}

.adr {
    background-position: 0px -91px;
    line-height: 34px;
}

.adress {
    color: #ffffff;
    font-size: 26px;
    margin-bottom: 30px;
}

.footer .container {
    width: 1253px;
    position: relative;

}

.bottomlogo {
    margin-top: 160px;
    margin-bottom: 26px;
}

.link {
    position: absolute;
    right: 0;
    top: 161px;
}

.link a {
    display: inline-block;
    height: 45px;
    width: 45px;
}

.link a img {
    width: 100%;
    height: 100%;
}

.ic2 {
    margin-right: -2px;
    margin-left: 1px;
}

.new-art-date {
    color: #414141;
    font-size: 18px;
    margin-top: 200px;
    margin-bottom: 80px;
}

.new-art {
    width: 946px;
    line-height: 30px;
}

.body {
    background: #72c9da;
    height: calc(100% - 78px);
    position: relative;
    padding-top: 78px;
}

.leftnav {
    position: absolute;
    left: 90px;
    top: 240px;
    z-index: 999;
}

.leftnav ul {
    margin: 0;
    padding: 0;
}

.leftnav .prev, .leftnav .next
{
    height: 20px;
    width: 1px;
    background-color: #FFF;
    position: relative;
}

.leftnav .prev a, .leftnav .next a
{
    position: absolute;
    display: block;
    height: 16px;
    width: 16px;
    left: 50%;
    transform: translateX(-50%);
    color: #FFF;
    font-size: 20px;
}

.leftnav .prev a:hover, .leftnav .next a:hover
{
    height: 20px;
    width: 20px;
}

.leftnav .next a:hover {
    bottom: -12px;
}

.leftnav .prev a img, .leftnav .next a img
{
    width: 100%;
    height: 100%;
}

.leftnav .prev a {
    top: -7px;
}

.leftnav .next a {
    bottom: -5px;
}

.leftnav ul li {
    height: 40px;
    width: 1px;
    background-color: #FFF;
    position: relative;
}


.leftnav ul li a {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 15px;
    left: -5.5px;
    border-radius: 6px;
    border: solid 1px #FFF;
    background-color: #72c9da;
}

.leftnav ul li.active a {
    background-color: #FFF;
}

.index {
    overflow: hidden;
}

.bodybox {

    margin: 0 auto;
    color: #fff;
}

.bodytit1 h2 {
    font-size: 46px;
    width: 552px;
}

.bodybox p {
    font-size: 15px;
    width: 610px;
    margin-top: 26px;
}

.bodybox .home-note
{
    font-size: 17px;
    line-height: 24px;
}

.bodytit {
    position: relative;
    top: 200px;
    width: 1284px;
    margin: 0 auto;
}

.bodytit h2 {
    font-size: 52px;
    width: 700px;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.dqbg {
    animation: rotate 9s linear infinite;
    width: 1000px;
    height: 1000px;
    position: absolute;
    bottom: -250px;
    left: 100%;
    margin-left: -750px;
}

.dqbg img {
    width: 100%;
    height: 100%;
}

.build {
    animation: rotate 9s linear infinite;
    width: 800px;
    height: 800px;
    position: absolute;
    left: 1%;
    bottom: -300px;
    margin-left: -250px;
}

.build img {
    width: 100%;
    height: 100%;
}

.bodytit1 {
    position: relative;
    top: 200px;
    width: 1284px;
    margin: 0 auto;
    z-index: 998;
}

.bodytit1 h2 {
    font-size: 15px;
    width: 488px;
    line-height: 30px;
    font-weight: normal;

}

.bodytit1 .more {
    display: block;
    width: 63px;
    margin-left: 448px;
    color: #72c9da;
    font-size: 12px;
    background: #fff;
    padding: 5px 20px;
    border-radius: 67px;
}

.bodytit2 h2, .bodytit2 p {
    text-align: center;
    width: 100%;
}

.bodytit2 h2 {
    font-size: 25px;
    letter-spacing: 2px;
}

.bodytit2 {
    position: relative;
    top: 85px;
    width: 1095px;
    margin: 0 auto;
}

.indexcp {
    display: flex;
    justify-content: space-between;
    text-align: center;
    padding-top: 57px;
}

.indexcp.mobile {
    display: none;
}

.indexcp h3 {
    font-size: 20px;
    margin-bottom: 20px;
    letter-spacing: 2px;
}

@keyframes flyin {
    0% {
        bottom: -200px;
    }
    100% {
        bottom: 10px;
    }
}

.indexlink {
    animation: flyin 1s ease;
    animation-fill-mode: forwards;
    position: absolute;
    right: 50px;
    bottom: -200px;
    z-index: 9;
}

@keyframes shake {
    0% {
        margin-right: 0px;
    }
    50% {
        margin-right: 20px;
    }
    100% {
        margin-right: 0;
    }
}

.index-arrow {
    animation: shake .5s linear infinite;
    animation-fill-mode: forwards;
    animation-delay: 5.5s;
}

.indexcpleft, .indexcpright
{
    position: relative;
    width: 353px;
    height: 401px;
}

.indexcpbg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 34px;
    display: none;
    width: 721px;
    height: 504px;
}

.indexcpbg img {
    width: 100%;
    height: 100%;
}

.bodytit4 {
    position: relative;
    top: 100px;
    width: 1255px;
    margin: 0 auto;
}

.bodytit4 h2 {
    text-align: center;
    margin-bottom: 70px;
}

.img-nbox img {
    width: 483px;
    height: 319px;
}

.in-box {
    display: flex;
    justify-content: space-between;
    width: 483px;
    font-size: 15px;
}

.img-nbox {
    width: 483px;
    color: #000;
    background: #fff;

}

.inl-box p {
    width: 226px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    margin-top: 10px;
}

.inl-box {
    padding-left: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.inl-box h3 {
    width: 240px;
    height: 42px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inr-box {
    color: #828282;
    text-align: center;
    width: 78px;
    margin-top: 10px;

}

.inr-box .dateD {
    margin-top: 0;
    font-size: 46px;
}

.inr-box .dateYM {
    margin-top: 0;
    font-weight: bold;
    font-size: 12px;
}

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

.nr-list {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    margin-top: 5px;
}

.nr-list:last-child {
    border: none
}

.nr-box {
    background: #5ba1ae;
    padding: 20px 35px;
    width: 650px;
}

.nr-box .swiper-wrapper, .nr-box .swiper-button-prev, .nr-box .swiper-button-next {
    display: none;
}

.nr-img {
    display: none;
}

.nr-l p {
    font-size: 15px;
    width: 455px;
    margin-top: 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nr-r {
    text-align: center;
}

.nr-r .dateD {
    margin-top: 0;
    font-size: 47px;
    font-weight: bold;
}

.nr-l h4 {
    margin: 0;
    padding: 10px 0;
}

.nr-box a {
    color: #fff;
}

.nr-list-more {
    float: right;
    display: block;
    width: 55px;
    margin-top: 60px;
    margin-left: 448px;
    font-size: 14px;
    color: #fff;
    padding: 5px 34px;
    border-radius: 67px;
    border: 1px solid #fff;
    font-weight: bold;
}

.nr-list-more a {
    color: #fff;
}

.bodytit5 {
    position: relative;
    top: 110px;
    width: 1100px;
    margin: 0 auto;
}

.bodytit5 h2 {
    text-align: center;
    margin-bottom: 70px;
}

.ind-input {
    display: flex;
    justify-content: space-between;
}

.ind-inl input {
    width: 100%;
    margin-bottom: 8px;
    background: none;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 12px 30px 8px 30px;
    color: #fff;
}

::-webkit-input-placeholder { /* Chrome、Safari等 */
    color: #ccffff;
}

::-moz-placeholder {
    color: #ccffff;
}

::-ms-input-placeholder {
    color: #ccffff;
}

::-ms-input-placeholder {
    color: #ccffff;
}

::placeholder {
    color: #ccffff;

}

.ind-inl, .ind-inr {
    width: 472px;
}

.ind-inr textarea {
    width: 100%;
    margin-bottom: 15px;
    background: none;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 12px 30px 8px 30px;
    color: #fff;
    height: 90px;
    resize: none
}
.ind-inr textarea::placeholder {
    color: #ccffff;
    position: relative;
    top:35px;
}
.ind-send button{
    color: #fff;
    display: block;
    width: 535px;
    border-radius: 7px;
    height: 41px;
    line-height: 41px;
    background: #419cb7;
    text-align: center;
    font-size: 15px;
    margin-top: 25px;
    border: none;
}
.ind-lx{
    display: flex;
    line-height: 34px;
    margin-top: 44px;
}
.ind-tell,.ind-emi,.ind-adr{
    display: flex;
}
.ind-tell img,.ind-emi img,.ind-adr img{
    width: 36px;
    height: 32px;
    margin-right: 20px;
}
.ind-tell{
    width: 411px;
}
.ind-emi{
    width: 411px;
}
.aboutbg p{
   color: #fff;
    margin-top: 33px;
    font-size: 24px;
}
.aboutbg a{
    font-size: 24px;
    color: #315c63;
    background: #fff;
    display: block;
    width: 250px;
    text-align: center;
    padding: 13px 13px;
    border-radius: 30px;
    margin-top: 34px;
}
.aboutcp{
    margin-top: 20px;
}
.aboutbg h2{
    margin-top: 80px;
}
.about h3{
    font-size: 18px;
    width: 930px;
    line-height: 40px;
    font-weight: normal;
    padding-top: 200px;
    padding-bottom: 115px;
}
.about-abg{
    background: url("/assets/img/abg1.png") no-repeat;
    height: 1023px;
    background-size: cover;
}
.about-2{
    display: flex;
}
.about-2 h3{
    font-size: 30px;
    margin-top: 22px;
}
.about-2 p{
    font-size: 18px;
    line-height: 34px;
    margin-top: 30px;
}
.about-2-l{
    padding-left: 0;
    width: 572px;
    padding-top: 92px;
}
.about-2-r{
    padding-left: 177px;
    width: 300px;
    padding-top: 92px;
}

.about-4{
    padding-top: 149px;
    position: relative;
    padding-bottom: 125px;
}
.about-4-rbox{
    position: absolute;
    right: 0;
    width: 339px;
    background: #fff;
    padding: 76px 76px;
    bottom: 16px;
    line-height: 46px;
}
.about-4-rbox h3{
    font-size: 30px;
}
.about-4-rbox p{
    font-size: 18px;
}
.about-5{
    margin-top: -71px;
    height: 794px;
    background-size: cover  ;
    background-repeat: no-repeat;
    padding-top: 100px;
}
.about-5 h2{
    font-size: 30px;
    color: #fff;
    margin-top: 30px;
}
.about-5 p{
    font-size: 18px;
    width: 1098px;
    font-weight: normal;
}
.about-5-cp{
    margin-top: 118px;
}

.about-5-cp.other {
    display: none;
}

.about-6-cp{
    position: absolute;
    top: 274px;
}
.about-6{
    height: 1063px;
    position: relative;
    padding-top: 111px;
}
.about-6 h2{
    font-size: 30px;
    margin-top: 20px;
}
.about-6 p{
    width: 690px;
    margin-top: 32px;
    font-size: 18px;
    line-height: 37px;
    z-index: 9999;
    position: relative;
}
.ab1bg .about-title{
    background: rgba(0,0,0,0.5);
    width: 615px;
    padding: 40px 62px;
    margin-top: 80px;
    line-height: 80px;
    font-family: CenturyGothicBold;
}

.ab1bg .about-title h2
{
    margin: 0;
}

.about-8{
    background-image: url(/assets/img/BB.jpg);
    background-repeat: no-repeat;
    padding-top: 120px;
    background-size: 100% 790px;
    height: 1222px;
    background-position: center 176px;
}

.about-img-world {
    display: none;
}

.about-8 h2{
    font-size: 30px;
    margin-top: 15px;
    font-family: CenturyGothicBold;
}
.about-8 h3{
    margin-top: 544px;
    font-size: 30px;
    margin-bottom: 30px;
    width: 731px;
    line-height: 46px;

}
.about-8 p{
    font-size: 18px;
    color: #464646;
    line-height: 32px;
    margin-bottom: 18px;
}

.about-8bb{
    width: 860px;
}
.about-9{

    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;

}
.about-9:last-child{
    border-top: none;
}
.about-9-box{
    flex-wrap: wrap;
    display: flex;
}
.about-9-list{
    width: 33.3%;
    background: url(/assets/img/M.jpg) no-repeat;
    height: 535px;
    background-position: right bottom;
    border: 1px solid #c3c3c3;
    position: relative;
    box-sizing: border-box;
}

.about-9-list:hover .about-9-list-hover {
    display: block;
}

.about-9-list:last-child{
    border-right: 1px solid #c3c3c3;
}
.about-9-list h3{
    font-size: 30px;
    margin-top: 35px;
    margin-left: 41px;
    line-height: 70px;
}
.about-9-list span{
    color: #419cb7;
    font-size: 50px;
}
.about-9-list .line{
    background: #419cb7;
    width: 5px;
    height: 26px;
    display: block;
    top: 56px;
    position: absolute;
    left: 29px;
}
.about-9-list .about-more a{
    background: url(/assets/img/view.png) no-repeat;
    display: block;
    width: 104px;
    height: 30px;
    text-align: center;
    font-size: 15px;
    background-position: 19px 7px;
    position: absolute;
    bottom: 22px;
    left: 17px;
    color: #464646;

}
.about-9-list-hover{
    background: #419cb7;
    color: #fff;
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    display: none;
}
.about-9-list-hover p{
   font-size: 20px;
    margin-top: 50px;
    margin-left: 30px;
    width: calc(100% - 60px);
    line-height: 30px;
}

.about-9-list-hover ul{
    font-size: 12px;
    margin-top: 26px;
    width: 352px;
    margin-left: 9px;
    line-height: 30px;
}
.about-9-list-hover ul li{
    list-style: disc ;
}
.about-10{
    /*background: url(/assets/img/bgg.png);*/
    height: 1629px;
    position: relative;
    margin-top: 400px;
}
.about-10-box1{
    background: #419cb7;
    position: absolute;
    right: 0;
    height: 433px;
    width: 1600px;
    top: -234px;
    display: flex;
}
.a10img{
    margin-left: 50px;
    width: 639px;
    height: 433px;
    overflow: hidden;
    position: relative;
}
.a10box1{
    margin-left: 69px;
    padding-top: 37px;
    width: 530px;
    color: #fff;
}
.a10box1 h3{
    font-size: 30px;
    margin: 30px 0;
}
.a10box1 p{
    font-size: 16px;
   margin-bottom: 17px;
    line-height: 20px;
}
.about-11-box1{
    position: relative;
    top: 257px;
}
.about-10 h3{
    font-size: 30px;
    margin-top: 20px;
    font-family: CenturyGothicBold;
}

.about-10 .cert-container {
    width: calc(100% - 20px);
    padding: 10px;
}

.about-10 .cert-item {
    display: inline-block;
    width: 222px;
    height: 318px;
    margin: 0 23px 34px 0;
}

.about-10 .cert-img {
    background-image: url(/assets/img/E.png);
    width: 222px;
    height: 318px;
}

.about-12-box1{
    top: 365px;
    background: #fff;
    padding-top: 450px;
    position: absolute;
    padding-left: 314px;
}
.form{
    position: fixed;
    top: 100px;
    right: 20px;
    width: 1128px;
    height: 732px;
    display: flex;
    box-shadow: 0 6px 59px 0 rgba(20, 34, 67, .2);
    z-index: 99999;
}

.customized-form-close {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    color: #FFF;
    font-size: 26px;
    font-weight: lighter;
}

.form-l{
    width: 284px;

    color: #419cb7;
    background: url(/assets/img/c-m.png) no-repeat;
    background-color: #fff;

    background-position: left bottom;
}
.form-l h3{
    font-size: 35px;
    font-weight: normal;
    margin-left: 35px;
    margin-top: 121px;
    width: 137px;
}
.form-r{
    background: #419cb7;
    width: 845px;
}

.name{
    color: #fff;
}
.form-r-box{
    width: 599px;
    padding-left: 120px;
    padding-top: 64px;


}
.form-r-box input{
    background: #34869f;
    border: 1px solid #34869f;
    padding: 8px;
    margin-top: 8px;
    margin-bottom: 8px;
    color: #fff;
}

.notice {
    color: #c33;
    width: 243px;
    height: 18px;
    padding: 0;
    margin-bottom: 12px;
    font-size: 12px;
}

.notice-text {
    display: none;
}

.required .name {
    color: #c33;
}

.required input {
    border-color: #c33;
    color: #c33;
}

.required .notice-text {
    display: inline-block;
}

.input{
    float: left;
    margin-right: 36px;
}
.all{
    width: 477px;
}
.form-r-box textarea {
    width: 477px;
    margin-bottom: 15px;
    background: #34869f;
    border: 1px solid #34869f;
    margin-top: 8px;
    padding: 12px 36px 8px 10px;
    color: #fff;
    height: 90px;
    resize: none;
}
.button{
    padding: 10px 38px;
    margin-top: 31px;
    background: none;
    color: #fff;
    border: 1px solid #fff;
}
.form-r-box p{
    color: #fff;
    font-size: 12px;
    width: 560px;
    line-height: 20px;
    margin-top: 30px;
}


.diepic{
    position: relative;
    width: 1200px;
    margin:0 auto 0 auto
}
.diepic h2{font-size:36px;margin-bottom:17px;text-align:center;font-weight:normal;line-height:42px;height:60px;}

.diepic .swiper-container {
    padding-bottom: 60px;
}

.diepic .swiper-slide {
    width: 450px;
    height: 450px;
    cursor: pointer;
    overflow: hidden;
}

.diepic .swiper-slide:hover .first-img {
    display: none;
}

.diepic .swiper-slide img {
    width: 100%;
    display: block;
    height: 450px;
}

.diepic .swiper-slide p {
    line-height: 98px;
    padding-top: 0;
    text-align: center;
    color: #636363;
    font-size: 1.1em;
    margin: 0;
}

.diepic .swiper-pagination {
    width: 100%;
    bottom: -85px;
}

.diepic .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #030000;
    width: 10px;
    height: 10px;
    opacity: .6;
}



.diepic .swiper-button-prev {
    left: 557px;
    top: 455px;
    width: 25px;
    height: 25px;
    background: url("/assets/img/left.png") no-repeat;
}

.diepic .swiper-button-next {
    right: 557px;
    top: 456px;
    width: 25px;
    height: 25px;
    background: url("/assets/img/right.png") no-repeat;
}
.about-3{
    background: linear-gradient(to right, #547193 0%, #212B37 100%);
    margin-top: -596px;
}
.about-gd{
    width: 100%;
    top: 289px;
}
.about-gd .swiper-slide{
    width: 538px;
    height: 363px;
}
.about-gd .swiper-slide img {
    width: 538px;
    display: block;
    height: 363px;
}

.back-to-top {
    display: block;
    height: 85px;
    width: 170px;
    top: 0;
    left: 50%;
    margin-left: -85px;
    position: absolute;
    border-bottom-left-radius: 85px;
    border-bottom-right-radius: 85px;
    background-color: #FFF;
    position: absolute;
}

.back-to-top img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -16px;
    margin-top: -26px;
}

.right-content {
    display: none;
}

.right-content.active {
    display: block;
}

.earth-everywhere {
    animation: rotate 9s linear infinite;
    width: 1000px;
    height: 1000px;
    position: absolute;
    left: 100%;
    bottom: -250px;
    margin-left: -750px;
    display: none;
}

.earth-everywhere img {
    width: 100%;
    height: 100%;
}

.earth-everywhere.switching {
    animation: rotate 0.5s linear infinite;
}

.about-box {
    position: absolute;
    left: 50%;
    top: -77px;
    width: 1200px;
    height: 850px;
    margin-left: -260px;
    text-align: right;
    position: relative;
}

.about-box img {
    height: 100%;
}

.about-box .about-tab {
    position: absolute;
    color: #eee;
    font-size: 20px;
    width: 288px;
    height: 288px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(61% 0%, 100% 61%, 39% 100%, 0% 39%);
}

.about-box .about-tab.achieve {
    left: 96px;
    top: 354px
}

.about-box .about-tab.idea {
    left: 384px;
    top: 418px;
}

.about-box .about-tab.advantage {
    left: 208px;
    top: 530px;
}

.about-box .about-item-img {
    position: absolute;
    width: 294px;
    height: 307px;
    left: 750px;
    top: 376px;
    display: none;
    text-align: left;
    box-sizing: border-box;
    padding: 32px 10px;
    line-height: 26px;
}

.about-box .about-item-img h6 {
    margin: 0;
    width: 100%;
    font-size: 15px;
    font-weight: bolder;
    transform: rotate(6deg);
}

.about-box .about-item-img p {
    padding-left: 0;
    margin: 0;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    transform: rotate(6deg);
}

.about-box .about-tab:hover {
    color: #FFF;
    /*background: #60b7cc;*/
    background: url("/assets/img/hover-bg.png")  no-repeat;
}

.blank-board {
    position: absolute;
    left: 100%;
    top: 100%;
    width: 0;
    height: 0;
    margin-top: 0;
    margin-left: 0;
    background: #fff;
    opacity: 0;
    padding: 40px;
    color: #333;
    /*box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, .1);*/
}

/*@keyframes show {*/
/*    from {*/
/*        opacity: 0;*/
/*    }*/
/*    to {*/
/*        opacity: 1;*/
/*    }*/
/*}*/

/*@keyframes hide {*/
/*    from {*/
/*        opacity: 1;*/
/*    }*/
/*    to {*/
/*        opacity: 0;*/
/*    }*/
/*}*/

.center-image {
    height: 358px;
    width: 353px;
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% + 21px));
}

.center-image:hover {
    width: 721px;
    height: 504px;
}

.center-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.center-image .open-img {
    display: none;
}

.center-image:hover .open-img
{
    display: block;
}

.center-image:hover .close-img
{
    display: none;
}

.center-image:hover + .indexcpbg {
    display: block;
}

.customized-link {
    position: absolute;
    bottom: 68px;
    right: 127px;
    font-size: 22px;
    color: #eee;
    display: none;
}

.customized-link:hover
{
    color: #FFF;
}

.center-image:hover .customized-link
{
    display: block;
}

.mobile-nav {
    display: none;
}

.tools {
    position: fixed;
    z-index: 999;
    bottom: 60px;
    left: 60px;
    width: 60px;
}