@font-face {
    font-family: 'HarmonyOS_Sans_SC_Regular';
    src: url("../Fonts/HarmonyOS_Sans_SC_Regular.ttf");
    font-display: swap;
}

@font-face {
    font-family: 'Oswald-Bold';
    src: url("../Fonts/Oswald-Bold.ttf");
    font-display: swap;
}

body {
    font-family: 'HarmonyOS_Sans_SC_Regular';
}

.w1400 {
    width: 90%;
    max-width: 1400px
}

html {
    -webkit-text-size-adjust: 100%;
    font-size: 100px
}

@media (max-width:640px) {
    html {
        font-size: 20vw
    }
}

body,
input,
pre,
select,
table th,
table td,
textarea {
    font-size: 0.16rem;
    font-weight: 400;
    overflow-x: hidden;
}

/*Top003156 */
.Top003156 .auto {
    position: relative;
    z-index: 3;
}

.Top003156 .logo {
    display: table;
}

.Top003156 .logo a {
    display: table-cell;
    vertical-align: middle;
}

.Top003156 .top-right {
    position: absolute;
    right: 0;
    top: 0;
    display: table;
}

.Top003156 .top-right>* {
    display: table-cell;
    vertical-align: middle;
}

.Top003156 .top-right dd a:not(:hover) {
    color: #888888;
}

.Top003156 .top-right dd a:not(:last-child):after {
    width: 1px;
    height: 0.625em;
    background-color: #d9d9d9;
    display: inline-block;
    content: '';
    margin: 0 0.625em;
}

.Top003156 .top-right .language {
    color: #999;
}

.Top003156 .top-right .language a {
    color: #999;
    font-size: 0.14rem
}

.Top003156 .top-right .language a:hover {
    color: #1ba3d5;
}

.open-search {
    cursor: pointer;
    ;
    display: block;
    width: 1.375em;
    height: 1.375em;
    background: url(../images/Top003156-search.svg) no-repeat center center;
    background-size: contain;
}

.open-search.on:before,
.open-search.on:after {
    background-color: #1ba3d5;
}

.top-search {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 100;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}

.top-search .text {
    width: 100%;
    height: 3.125em;
    line-height: 3.125em;
    padding: 0 3.125em 0 0.625em;
    font-size: 1em;
}

.top-search .btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 3.125em;
    height: 100%;
    background: url(../images/Top003156-search.svg) no-repeat center center;
    background-size: auto 60%;
}

.Top003156 menu li span,
.Top003156 menu li span a {
    display: block;
}

.Top003156 menu li span {
    position: relative;
    z-index: 2;
}

.Top003156 menu li span:after {
    position: absolute;
    content: '';
    left: 50%;
    height: 3px;
    background-color: #1ba3d5;
    transform: translateX(-50%);
    transition: 0.3s;
    bottom: 0;
    width: 0;
}

.Top003156 menu li span a:hover,
.Top003156 menu li.aon span a {
    color: #1ba3d5;
}

.Top003156 menu li:hover span:after,
.Top003156 menu li.aon span:after {
    width: 100%;
}

.Top003156 menu li span a:hover,
.Top003156 menu li.cur span a {
    color: #1ba3d5;
}

.Top003156 menu li:hover span:after,
.Top003156 menu li.cur span:after {
    width: 100%;
}


.Top003156 menu li span a {}

@media (min-width:1025px) {
    .Top003156 header {
        padding: 0 10% 0 20%;
    }

    .Top003156 menu {
        margin: 0 auto;
        display: table;
    }

    .Top003156 menu li {
        float: left;
    }

    .Top003156 menu li+li {
        margin-left: 3vw;
    }

    .Top003156 menu li span a {
        line-height: 5.555;
    }

    .Top003156 menu li .sub {
        position: absolute;
        top: 100%;
        background-color: #fff;
        border-radius: 0 0 5px 5px;
        overflow: hidden;
    }

    .Top003156 .logo {
        max-width: 19%;
        position: absolute;
        left: 0;
        top: 0;
        height: 5.45em;
    }

    .Top003156 .logo img {
        height: 3.5em;
    }

    .Top003156 .top-right {
        height: 5.45em;
    }

    .open-search {
        margin-left: 2.125em;
    }

    .top-search {
        width: 25em;
    }
}

@media (max-width:1024px) {
    .Top003156 .root-w-1560 .auto {
        width: 96%;
    }

    .Top003156 menu {
        position: absolute;
        right: 0;
        top: 100%;
        width: 200px;
        padding: 0.625em;
        box-shadow: 0 0 0.625em rgba(0, 0, 0, 0.3);
        border-radius: 0.625em;
        visibility: hidden;
        transform: translateY(5em);
        transition: 0.3s;
        opacity: 0;
        background: #fff
    }

    .menu-show .Top003156 menu {
        transform: translateY(0);
        opacity: 1;
        visibility: inherit;
    }

    .Top003156 menu li span a {
        padding: 0.5em 0;
        text-align: center;
    }

    .Top003156 .logo {
        max-width: 30%;
        height: 5.5em;
        padding: 10px 0
    }

    .Top003156 .top-right {
        height: 5.5em;
    }

    .Top003156 .top-right dd {
        font-size: 0.875em;
    }

    .Top003156 .top-right dt {
        padding-left: 1em;
    }

    .Top003156 .open-menu {
        display: block;
        width: 2em;
        height: 2em;
    }

    .Top003156 .open-menu i {
        background-color: #1ba3d5;
    }

    .Top003156 .open-menu:not(.on) i:nth-child(1) {
        margin-top: -0.625em;
    }

    .Top003156 .open-menu:not(.on) i:nth-child(3) {
        margin-top: calc(0.625em - 3px);
    }

    .top-search {
        width: 100%;
    }
}



/*Banner003158 */
.Banner003158 li.slick-slide {
    position: relative;
    z-index: 1;
}

.Banner003158 .txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    text-align: center;
    color: #0735a8;
}

.Banner003158 .txt .ytable {
    height: 100%;
    table-layout: fixed;
}

.Banner003158 .tit,
.Banner003158 .desc,
.Banner003158 .more {
    transform: translateY(30px);
    opacity: 0;
    transition-duration: 0.3s;
    transition-delay: 0.3s;
}

.Banner003158 .tit {
    font-size: 5em;
    text-shadow: 0 2px 0 #fff;
    line-height: 1.2;
}

.Banner003158 .desc {
    text-shadow: 0 1px 0 #fff;
    margin-bottom: 2.5em;
    transition-delay: 0.6s;
}

.Banner003158 .more {
    display: inline-block;
    width: 10em;
    line-height: 3.125;
    border: solid 2px #0735a8;
    color: #0735a8;
    transition-delay: 0.9s;
}

.Banner003158 .more:after {
    display: inline-block;
    content: '';
    width: 8px;
    height: 13px;
    margin-left: 5px;
    background-image: url(../images/Banner003158-more.svg);
    vertical-align: middle;
}

.Banner003158 .more:hover {
    background-color: #0735a8;
    color: #fff;
}

.Banner003158 .more:hover:after {
    background-image: url(../images/Banner003158-more-white.svg);
}

.Banner003158 .ani-show .tit,
.Banner003158 .ani-show .desc,
.Banner003158 .ani-show .more {
    transform: translateY(0);
    opacity: 1;
}

.Banner003158 .slick-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    bottom: 1em;
}

.Banner003158 .slick-dots li {
    float: left;
}

.Banner003158 .slick-dots li button {
    border: 0;
    overflow: hidden;
    ;
    font-size: 1em;
    text-indent: -999em;
    width: 0.625em;
    height: 0.625em;
    background-color: #ffffff;
    border-radius: 50%;
    margin: 0 0.625em;
    display: inline-block;
    padding: 0;
    vertical-align: middle;
}

.Banner003158 .slick-dots li:after {
    display: inline-block;
    content: '';
    width: 0;
    height: 2px;
    background-color: #ffffff;
    transition: 0.3s;
    vertical-align: middle;
}

.Banner003158 .slick-dots li.slick-active:after {
    width: 50px;
}

@media (min-width:1025px) {
    .Banner003158 .wap {
        display: none;
    }
}

@media (max-width:1024px) {
    .Banner003158 .pc {
        display: none;
    }

    .Banner003158 .tit {
        font-size: 2em;
    }

    .Banner003158 .desc {
        font-size: 0.875em;
    }

    .Banner003158 .more {
        line-height: 2.5;
        width: 7em;
    }
}



.home-title {
    font-size: 0.38rem;
    color: #333;
}

.home-title span {
    font-size: 0.18rem;
    color: #333;
    display: block;
}

.home-btn {
    width: 180px;
    height: 56px;
    border-radius: 36px;
    line-height: 56px;
    background: url(../images/home-btn.png)no-repeat center right 30px #1ba3d5;
    padding-left: 30px;
    color: #fff;
    display: inline-block;
    margin-top: 3vw;
    transition: 0.3s
}

.home-btn:hover {
    background: url(../images/home-btn.png)no-repeat center right 30px #06cbb4;
    color: #fff
}


.Home_about {
    padding: 8vw 0;
    background: url(../images/about-bg.jpg)no-repeat center;
    overflow: hidden;
}

.Home_about h3 {
    color: #333;
    font-weight: normal;
    font-size: 0.24rem;
    margin: 0;
    padding: 2vw 0
}

.Home_about p {
    color: #666;
    line-height: 2;
    margin: 0
}

.Home_about .pic img {
    border-radius: 20px
}

@media(min-width:1025px) {
    .Home_about .word {
        width: 50%;
        padding-right: 5%
    }

    .Home_about .pic {
        width: 50%;
    }

}

@media(max-width:1024px) {
    .home-btn {
        width: 150px;
        height: 40px;
        line-height: 40px;
    }

    .Home_about .word,
    .Home_about .pic {
        display: block;
        width: 100%;
        margin-bottom: 20px
    }
}



/*Floor003100 */
.Floor003100 {}

.Floor003100 li {
    position: relative;
    overflow: hidden
}

.Floor003100 li .txt {
    position: absolute;
    left: 6.25vw;
    right: 6.25vw;
    top: 0;
    height: 100%;
    text-align: center;
    z-index: 10
}

.Floor003100 li .pic {
    position: relative;
    z-index: 2;
}

.Floor003100 li .ytable {
    height: 100%;
}

.Floor003100 li .tit {
    font-size: 0.32rem;
    color: #fff;
    margin-top: 10px;
}

.Floor003100 li .txt p {
    margin: 0;
}

.Floor003100 li img {
    transition: 0.3s;
}

.Floor003100 li:hover .icon {
    transform: rotateY(360deg);
}

.Floor003100 li:hover .pic {
    transform: scale(1.1);
}

@media(min-width:1025px) {
    .Floor003100 li {
        float: left;
        width: 33.3%;
    }
}

@media(max-width:768px) {
    .Floor003100 li .tit {}

    .Floor003100 li .txt p {}
}

@media(max-width:480px) {
    .Floor003100 li {
        margin-bottom: 1px
    }
}




.Floor002767 {
    padding: 5vw 0;
}

.Floor002767 li {
    position: relative;
    overflow: hidden;
}

.Floor002767 li>img {
    float: right;
    width: 100%;
    max-width: none;
}

.Floor002767 li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.Floor002767 li .ytable {
    height: 100%;
}

.Floor002767 li .inner {
    padding-left: 10.417%;
    max-width: 60%;
    font-size: 100px;
}

.Floor002767 li .t-1 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

.Floor002767 li .t-1:after {
    display: block;
    width: 0.90909em;
    height: 0.04545em;
    background: rgba(255, 255, 255, 0.8);
    content: '';
    margin: 0.636363em 0;
}

.Floor002767 li .t-2 {
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 2.08333em;
}

.Floor002767 li .more {
    display: block;
    width: 60%;
    max-width: 11em;
    line-height: 2.8125em;
    position: relative;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.16em;
    text-align: center;
    transition: 0.3s 0.5s;
}

.Floor002767 li .more:before,
.Floor002767 li .more:after {
    position: absolute;
    content: '';
    height: 1px;
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
    transition: 0.5s;
}

.Floor002767 li .more:before {
    left: 0;
    top: 0;
}

.Floor002767 li .more:after {
    right: 0;
    bottom: 0;
}

.Floor002767 li .more:hover:before,
.Floor002767 li .more:hover:after {
    width: 0;
}

.Floor002767 li .more:hover {
    background: #fff;
    color: #000;
}

@media(max-width:1366px) {
    .Floor002767 li .inner {
        font-size: 80px;
    }
}

@media(min-width:769px) and (max-width:1024px) {
    .Floor002767 li .inner {
        font-size: 60px;
    }
}

@media(min-width:769px) {
    .Floor002767 li {
        float: left;
        width: 49%;
    }

    .Floor002767 li:nth-child(2) {
        float: right;
    }
}

@media(max-width:480px) {
    .Floor002767 li .inner {
        font-size: 50px;
        padding-left: 5%;
    }
}



/*Floor002921 */
.Floor002921 {
    padding: 5vw 0 11vw;
}

.Floor002921 .home-title {
    text-align: center;
}

.Floor002921 .title {
    font-size: 0.24rem;
    color: #333333;
    margin-bottom: 1.2em;
}

.Floor002921 .tab {
    position: relative;
    z-index: 1;
    margin: 1.875em 0;
}

.Floor002921 .tab .slick-dots {
    overflow: hidden;
}

.Floor002921 .tab .slick-dots li {
    float: left;
    list-style: none;
    text-align: center;
    padding-bottom: 10px;
}

.Floor002921 .tab aside {
    padding: 20px;
    border-radius: 5px;
    position: relative;
}

.Floor002921 .slick-active aside {
    background: #1ba3d5;
}

.Floor002921 .tab aside:before {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: 10px;
    bottom: -10px;
    background: url(../images/Floor002921-arrow.svg) no-repeat center top;
    background-size: contain;
    opacity: 0;
}

.Floor002921 .slick-active aside:before {
    opacity: 1;
}

.Floor002921 .tab .icon {}

.Floor002921 .tab .icon img {
    max-height: 45px;
    min-height: 45px;
}

.Floor002921 .tab .tit {
    font-size: 16px;
    padding-top: 15px;
}

.Floor002921 .slick-active .tit {
    color: #fff;
}

.Floor002921 .tab .slick-dots li.slick-active .icon .on,
.Floor002921 .tab .slick-dots li:not(.slick-active) .icon .off {
    display: none;
}

@media(max-width:640px) {
    .Floor002921 .tab {
        margin-bottom: 6vw;
    }

    .Floor002921 .tab .tit {
        font-size: 3.5vw;min-height: 69px;
    }
}

.Floor002921 .slider li a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

.Floor002921 .slider li .Ispic {
    padding-bottom: 36%;
    position: relative;
    z-index: 1;
}

.Floor002921 .slider li .Ispic:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    opacity: 0.5;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(27, 163, 213, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(27, 163, 213, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1ba3d5', GradientType=0);
    /* IE6-9 */
}


.Floor002921 .slick-arrow {
    top: 50%;
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: url(../images/Floor002921-btn.svg) no-repeat center center #e2e9e9;
    background-size: auto 13px;
    z-index: 20;
    transition: 0.3s;
    margin-top: -25px;
    text-indent: 999em;
}

.Floor002921 .slick-arrow:hover {
    background-color: #1ba3d5;
}

.Floor002921 .slick-prev {
    left: 0;
    margin-left: -80px
}

.Floor002921 .slick-next {
    right: 0;
    margin-right: -80px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

@media(max-width:1400px) {
    .Floor002921 .slick-prev {
        margin-left: 0px
    }

    .Floor002921 .slick-next {
        margin-right: 0px;
    }
}

@media(max-width:640px) {
    .Floor002921 .slider li .Ispic {
        padding-bottom: 45%;
    }

    .Floor002921 .slick-arrow {
        width: 10vw;
        height: 10vw;
        margin-top: -17px
    }
}






.Home_contact {
    background: url(../images/contact-bg.png)no-repeat center bottom #1ba3d5;
    padding: 0vw 0 5vw;
}

.Home_contact .auto {
    position: relative;
}

.Home_contact .home-title,
.Home_contact .home-title span {
    color: #fff;
}

.Home_contact p {
    color: #fff;
}

.Home_contact .home-btn {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px
}

.Home_contact .enter {
    margin-bottom: 5vw;
}

.Home_contact .enter li {
    position: relative;
    overflow: hidden;
    box-shadow: 0 3px 24px rgba(0, 0, 0, .2)
}

.Home_contact .enter li:first-child {
    border-radius: 20px 0 0 20px;
}

.Home_contact .enter li:last-child {
    border-radius: 0 20px 20px 0;
}

.Home_contact .enter li:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(27, 163, 213, .48), rgba(6, 203, 180, .28));
    display: none
}

.Home_contact .enter li .txt {
    position: absolute;
    z-index: 5;
    left: 40px;
    right: 40px;
    padding: 60px 0 90px;
    top: 0;
    z-index: 10;
    background: url(../images/home-btn.png) no-repeat left bottom;
}

.Home_contact .enter li .tit {
    font-size: 0.32rem;
    color: #fff;
    line-height: 1;
}

.Home_contact .enter li p {
    color: #fff;
}

.Home_contact .enter li img {
    transition: 0.3s ease-out;
}

.Home_contact .enter li a:hover img {
    transform: scale(1.1);
}

@media (min-width:641px) {
    .Home_contact .enter li {
        float: left;
        width: 50%;
        margin-top: -5vw;
    }
}

@media (max-width:640px) {
    .Home_contact {
        margin-top: 10%;
    }

    .Home_contact .enter li {
        clear: both;
        border-radius: 20px !important
    }

    .Home_contact .enter li:first-child {
        margin-top: -15vw;
        float: left;
        width: 100%;
        margin-bottom: 5px
    }

    .Home_contact .home-btn {
        position: relative;
        right: 0;
        top: 0%;
        margin-top: 20px
    }
}




.Bottom003043 {
    background: #f8f9fb;
}

.Bottom003043 .auto {
    max-width: 1375px;
}

.Bottom003043,
.Bottom003043 a {
    color: #999;
}

.Bottom003043 a:hover {
    color: #1ba3d5;
}

.Bottom003043 .b-top {
    padding: 5vw 0;
}

.Bottom003043 .contact {
    width: 30%;
}

.Bottom003043 .contact ul {
    display: table;
}

.Bottom003043 .contact ul>* {
    display: table-cell;
    vertical-align: middle;
}

.Bottom003043 .contact ol {
    width: 124px;
}

.Bottom003043 .contact ol img {
    border: 1px solid #ebebeb;
}

.Bottom003043 .contact li {
    padding-left: 1.41vw;
}

.Bottom003043 .contact .tel {
    font-size: 0.3rem;
    color: #1ba3d5;
    margin-bottom: 0.3em
}

.Bottom003043 .contact p {
    margin-bottom: 0;
    line-height: 1.785em;
    margin-top: 0;
}

@media(max-width:640px) {
    .Bottom003043 .contact ol {
        width: 22vw;
    }

    .Bottom003043 .contact li {
        padding-left: 3vw;
    }

    .Bottom003043 .contact .tel {
        font-size: 5.5vw;
    }

    .Bottom003043 .contact p {
        font-size: 3vw;
    }
}

.Bottom003043 .b-top nav {
    width: 60.819%;
}

.Bottom003043 .b-top nav dl {
    float: left;
    max-width: 120px;
}

.Bottom003043 .b-top nav dl.row2 {
    max-width: 200px;
}

.Bottom003043 .b-top nav dl.row2 dd {
    float: left;
    width: 50%;
}

.Bottom003043 .b-top nav dt {
    font-size: 0.18rem;
    margin-bottom: 15px;
}

.Bottom003043 .b-top nav dt a {
    color: #333;
}

.Bottom003043 .b-top nav dd {
    padding: 5px 0 5px 0px;
    line-height: 20px;
}

.Bottom003043 .b-bottom .auto {
    border-top: 1px solid #ededef;
    padding: 30px 0;
}

.Bottom003043 .b-bottom nav {
    float: left;
}

.Bottom003043 .b-bottom .copyright {
    float: right;
}

.Bottom003043 .b-bottom nav a {
    display: inline-block;
}

.Bottom003043 .b-bottom nav a:not(:last-child):after {
    display: inline-block;
    content: '';
    width: 1px;
    height: 10px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0 10px;
    vertical-align: middle;
}

@media(max-width:1024px) {
    .Bottom003043 .b-top nav {
        display: none;
    }
}




/*Banner003144 */
.Banner003144 {
    position: relative
}

.Banner003144 .pc {
    background-position: center center;
    background-repeat: no-repeat;
    height: 23.13em;
    background-size: cover;
}

.Banner003144 .auto {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: 100%
}

.Banner003144 .contact_box {
    position: absolute;
    width: 100%;
    max-width: 800px;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    padding: 0.7rem 0.6rem 0.4rem;
    border-radius: 20px;
    overflow: hidden;
    text-align: center;
    display: none
}

.Banner003144 .contact_box h1 {
    font-size: 0.74rem;
    color: #fff;
    display: block;
    font-family: 'Oswald-Bold';
    opacity: 0.2;
    line-height: 10px;
    text-transform: uppercase;
    margin: 0
}

.Banner003144 .contact_box h4 {
    font-size: 0.45rem;
    color: #fff;
    margin: 0 0 15px 0;
}

.Banner003144 .contact_box p {
    font-size: 0.2rem;
    color: #fff;
    line-height: 1.75;
    margin: 0;
}

@media (min-width:1025px) {
    .Banner003144 .wap {
        display: none;
    }
}

@media (max-width:1024px) {
    .Banner003144 .pc {
        display: none;
    }
}

/*Menu003135 */
.Menu003135 {
    background: #f3f7fa
}

.Menu003135 .current {
    font-size: 0.16rem;
    padding-left: 1.21428em;
    background: url(../images/Menu003135-icon.svg) no-repeat left center;
    background-size: 1em auto;
    line-height: 6.238;
}

.Menu003135 .current,
.Menu003135 .current a:not(:hover) {
    color: #999;
}

.Menu003135 .current span {
    color: #333;
}

.Menu003135 .nav-menu li {
    float: left;
    font-size: 0.18rem;
    line-height: 5.54444;
}

.Menu003135 .nav-menu li:not(:last-child) {
    margin-right: 2.222em;
}

.Menu003135 .nav-menu li a {
    display: block;
    position: relative;
}

.Menu003135 .nav-menu li a:hover,
.Menu003135 .nav-menu li.aon a {
    color: #1ba3d5;
}

.Menu003135 .nav-menu li.aon a:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: #1ba3d5;
}
.Menu003135 .nav-menu li a:hover,
.Menu003156 .nav-menu li.cur a {
    color: #1ba3d5;
}

.Menu003156 .nav-menu li.cur a:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: #1ba3d5;
}

@media (max-width:1024px) {
    .Menu003135 .current {
        display: none;
    }
}




/*RighInfo003141 */
.RighInfo003141 {
    padding: 5% 0 3%;
    overflow: hidden;
}

.RighInfo003141 .intro {
    margin-bottom: 2.5625em;
}

.RighInfo003141 .intro .title {
    font-size: 0.34rem;
    color: #333333;
    margin-bottom: 1.5em;
    font-weight: bold;
}

.RighInfo003141 .intro .info {
    font-size: 0.16rem;
    line-height: 2;
}

.RighInfo003141 .intro .info p {
    color: #777;
    margin: 0 0 1em
}

.RighInfo003141 .intro .img {
    border-radius: 20px;
    overflow: hidden;
}


.RighInfo003141 .right_side {
    padding: 20px 0 25px;
    background: url(../images/RighInfo003141-bg.jpg)no-repeat center;
    border-radius: 20px;
    overflow: hidden;
    background-size: cover
}

.RighInfo003141 .right_side li {
    float: left;
    width: 25%;
    text-align: center;
    position: relative
}

.RighInfo003141 .right_side li::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 50px;
    right: 0;
    top: 50%;
    background: rgba(256, 256, 256, .3);
    margin-top: -18px;
}

.RighInfo003141 .right_side li:last-child::before {
    display: none
}

.RighInfo003141 .right_side li .num {
    font-size: 0.48rem;
    color: #fff;
}

.RighInfo003141 .right_side li .num>* {
    vertical-align: middle;
}

.RighInfo003141 .right_side li .num sub {
    display: inline-block;
    line-height: 0.7em;
    margin-top: -0.2em;
}

.RighInfo003141 .right_side li p {
    margin: 0;
    font-size: 0.16rem;
    color: #fff;
}

.RighInfo003141 .plate dd {}

.RighInfo003141 .plate dd .txt {
    box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.05);
    padding: 8.375em 3.875em 4em;
    background: url(../images/RighInfo003141-bg.png)no-repeat center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    border-radius: 20px
}

.RighInfo003141 .plate dd ol {
    position: absolute;
}

.RighInfo003141 .plate dd:nth-child(1) ol {
    right: -50px;
    top: -38px
}

.RighInfo003141 .plate dd:nth-child(2) ol {
    right: 10px;
    top: -60px
}

.RighInfo003141 .plate dd:nth-child(3) ol {
    right: -50px;
    top: -60px
}

.RighInfo003141 .plate dd li {}

.RighInfo003141 .plate dd li aside {
    font-size: 0.24rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px
}

.RighInfo003141 .plate dd li aside::before {
    content: '';
    display: block;
    width: 30px;
    height: 3px;
    background: #1ba3d5;
    margin-bottom: 15px
}

.RighInfo003141 .plate dd li p {
    margin: 0;
    font-size: 0.15rem;
    color: #43474a;
    line-height: 1.5;
    height: 70px;
    overflow: hidden
}

@media (min-width:1025px) {
    .RighInfo003141 .intro .info {
        width: 50%;
    }

    .RighInfo003141 .intro .title {
        line-height: 1;
    }

    .RighInfo003141 .intro .img {
        width: 45%;
    }

    .RighInfo003141 .number-count ul {
        display: table;
        margin: 0 auto;
    }

    .RighInfo003141 .number-count li {
        float: left;
    }

    .RighInfo003141 .number-count li:not(:last-child) {
        margin-right: 3.5em;
    }

    .RighInfo003141 .plate dd {
        float: left;
        width: 31.429%;
    }

    .RighInfo003141 .plate dd:not(:last-child) {
        margin-right: 2.8565%;
    }
}

@media (max-width:1024px) {

    .RighInfo003141 .right_side li {
        float: left;
        width: 50%;
        padding: 20px 0
    }

    .RighInfo003141 .number-count li {
        text-align: center;
        padding: 1em 0
    }

    .RighInfo003141 .number-count {
        margin: 2em 0;
        padding: 2em 0;
    }

    .RighInfo003141 .intro {
        padding-top: 2em;
        margin-bottom: 2em;
    }
}




.Timeline003058 {
    padding: 5% 0
}

.Timeline003058 .list {
    overflow: hidden;
    padding-bottom: 1vw
}

.Timeline003058 .year {
    position: relative;
    z-index: 1;
}

.Timeline003058 .year .slider:after {
    position: absolute;
    content: '';
    left: 0;
    top: 38px;
    width: 100%;
    height: 8px;
    border-radius: 4px;
}

.Timeline003058 .year .slick-list {
    margin: 0 4.5vw
}

.Timeline003058 .year li {
    padding-bottom: 11px;
    text-align: center;
    background: url(../images/Timeline003058-line1.png)no-repeat left -26px bottom 13px;
    position: relative
}

.Timeline003058 .year li::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 19px;
    background: rgba(256, 256, 256, .2);
    left: 0;
    bottom: 4px
}

.Timeline003058 .year li.slick-current {}

.Timeline003058 .year li span {
    color: #333;
    display: inline-block;
    padding: 0 0.889em;
    line-height: 40px;
    font-family: 'Arial';
    font-size: 0.24rem;
}

.Timeline003058 .year li span::after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border: 1px solid #1ba3d5;
    background: #fff;
    border-radius: 50%;
    margin: 30px auto 0
}

.Timeline003058 .year li.slick-current span {
    font-size: 0.36rem;
    color: #1ba3d5
}

.Timeline003058 .slick-arrow {
    position: absolute;
    z-index: 30;
    top: 50%;
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.18);
    padding: 0;
    border-radius: 50%;
    transition: 0.3s;
}

.Timeline003058 .slick-prev {
    left: 0vw;
    background: url(../images/left.png)no-repeat center
}

.Timeline003058 .slick-next {
    right: 0vw;
    background: url(../images/right.png)no-repeat center
}

.Timeline003058 .slider-list {
    position: relative;
}

.Timeline003058 .slider-list li {
    padding: 0 0 4vw 0;
}

.Timeline003058 .slider-list .inner {
    background-color: #f8f9fb;
    border-top: solid 8px #1ba3d5;
    padding: 2.92vw 2.08vw;
    margin: 0 1.405vw;
    transition: 0.3s;
    border-radius: 0 0 20px 20px
}

.Timeline003058 .slider-list .inner time {
    width: 30%;
    font-size: 0.36rem;
    color: #1ba3d5;
    transform: translateX(-134px);
}

.Timeline003058 .slider-list .p {
    font-size: 0.16rem;
    line-height: 2;
    color: #666;
    font-weight: lighter;
    height: 6.5em;
    width: 70%;
    padding: 0 4vw;
}

.Timeline003058 .slider-list p {
    margin: 0
}

.Timeline003058 .slider-list .btn .slick-arrow {
    position: absolute;
    top: 50%;
    border: solid 4px #8696a9;
    width: 32px;
    height: 32px;
    transform: rotate(45deg);
    border-right: 0;
    border-top: 0;
    border-radius: 4px;
}

.Timeline003058 .slider-list .btn .slick-next {
    transform: rotate(-135deg);
}

.Timeline003058 .slider-list .btn .slick-arrow:hover {
    border-color: #1ba3d5;
}

@media(min-width:1601px) {
    .Timeline003058 .slider-list .btn .slick-prev {
        left: -3.07vw;
    }

    .Timeline003058 .slider-list .btn .slick-next {
        right: -3.07vw;
    }

    .Timeline003058 .slider-list .slider {
        margin: 0 -1.405vw;
    }
}

@media(max-width:1600px) {
    .Timeline003058 .year li {
        background: url(../images/Timeline003058-line1.png)no-repeat center bottom 13px;
    }

    .Timeline003058 .slider-list .btn .slick-prev {
        left: 0;
    }

    .Timeline003058 .slider-list .btn .slick-next {
        right: 0;
    }

    .Timeline003058 .slider-list .inner {
        margin: 0 1vw;
    }

    .Timeline003058 .slider-list .slider {}
}

@media(max-width:1400px) {
    .Timeline003058 .slider-list .inner time {
        transform: translateX(-120px);
    }
}

@media(max-width:640px) {
    .Timeline003058 {
        padding-top: 0vw;
    }

    .Timeline003058 .pic {
        margin-bottom: 30px
    }

    .Timeline003058 .pic figure {
        padding-bottom: 60%
    }

    .Timeline003058 .list {
        padding-right: 0%;
    }

    .Timeline003058 .slider-list {
        padding: 0;
    }

    .Timeline003058 .slider-list li {
        padding: 0;
    }

    .Timeline003058 .slider-list .pic {
        margin: 4vw 0;
    }

    .Timeline003058 .slider-list .btn .slick-arrow {
        width: 5vw;
        height: 5vw;
        margin-top: -2.5vw;
    }

    .Timeline003058 .slider-list .slider {}

    .Timeline003058 .slider-list .inner {
        margin: 0;
        padding: 20px
    }

    .Timeline003058 .slider-list .inner time {
        transform: translateX(0px);
        display: block;
        font-size: 30px
    }

    .Timeline003058 .slider-list .p {
        font-size: 16px;
        display: block;
        width: 100%;
        height: 10.5em
    }

    .Timeline003058 .year {
        padding: 0 5vw;
        margin-top: 30px
    }

    .Timeline003058 .year .slider:after {
        height: 5px;
        top: 28px;
    }

    .Timeline003058 .year li span {
        font-size: 4vw;
    }

    .Timeline003058 .year li span::after {
        margin: 10px auto 0
    }

    .Timeline003058 .slick-prev {
        left: 0vw;
        width: 30px;
        height: 30px;
        background-size: contain
    }

    .Timeline003058 .slick-next {
        right: 0vw;
        width: 30px;
        height: 30px;
        background-size: contain
    }
}




.PicList002925 {
    padding: 1% 0 5%;
    overflow: hidden;
}

.PicList002925 li {
    text-align: center;
    position: relative;
    background: #fff;
    box-shadow: 0px 0.625em 4.375em rgb(0 0 0 / 5%);
    padding: 1.875em;
}

.PicList002925_1 li {
    padding: 0;
    background: #f6f6f6;
    box-shadow: none;
    border-radius: 20px
}

.PicList002925 li a {
    display: block;
    position: relative;
    z-index: 3;
}

.PicList002925 li .pic {}

.PicList002925 li .Ispic {
    padding-bottom: 55%;
    background-size: contain;
}

.PicList002925 li .tit {
    padding-top: 20px;
}

.PicList002925 li .tit aside {
    font-size: 0.16rem;
    line-height: 1.25em;
    height: 2.5em;
}

.PicList002925 .list {
    position: relative
}

.PicList002925 .list::before {
    content: '';
    position: absolute;
    width: 10%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    background: -moz-linear-gradient(left, #fff 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, #fff 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, #fff 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
}

.PicList002925 .list::after {
    content: '';
    position: absolute;
    width: 10%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 100;
    background: -moz-linear-gradient(right, #fff 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(right, #fff 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to left, #fff 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
}

.PicList002925 .list li {
    display: inline-block;
    width: 300px;
    margin: 10px;
}





/*Page003143 */
.Page003143 .Pages {
    padding: 0 0 5vw 0;
    text-align: center;
}

.Page003143 .Pages .p_page a.a_first,
.Page003143 .Pages .p_page a.a_end,
.Page003143 .Pages>span:not(.p_page) {
    display: none;
}

.Page003143 .Pages .p_page {
    display: table;
    margin: 0 auto;
}

.Page003143 .Pages .p_page * {
    float: left;
}

.Page003143 .Pages .p_page a {
    border: solid 1px #ebebeb;
    line-height: 48px;
    transition: 0.3s;
    font-size: 1.16em
}

.Page003143 .Pages .p_page>a {
    border-radius: 50%;
    padding: 0 15px;
    width: 50px;
}

.Page003143 .Pages .p_page em {
    font-style: normal;
    margin: 0 30px;
}

.Page003143 .Pages .p_page em a {
    width: 50px;
    border-radius: 50%;
    margin: 0 5px;
}

.Page003143 .Pages .p_page a:hover,
.Page003143 .Pages .p_page a.a_cur {
    color: #fff;
    background-color: #1ba3d5;
    border-color: #1ba3d5;
}

@media (max-width:1024px) {
    .Page003143 .Pages {
        padding: 0 0 2em 0;
    }

    .Page003143 .Pages .p_page em {
        display: none;
    }

    .Page003143 .Pages .p_page>a {
        margin: 0 10px;
    }
}




.RighInfo002810 {
    padding: 5% 0;
    overflow: hidden;
}

.RighInfo002810 .auto {
    background: url(../images/RighInfo002810-bg.png)no-repeat top 30px left 480px;
}

.RighInfo002810 .txt-list .pic img {
    border-radius: 20px;
}

.RighInfo002810 .txt-list .box:not(:last-child) {
    margin-bottom: 6%;
}

.RighInfo002810 .txt-list .info {
    line-height: 2;
}

.RighInfo002810 .txt-list .red {
    color: #333;
    font-size: 0.30rem;
    position: relative;
    display: inline-block
}

.RighInfo002810 .txt-list .red::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 2px;
    background: #1ba3d5;
    top: 50%;
    right: -60px
}


.RighInfo002810 li {
    float: left;
    width: 48%;
    position: relative;
    margin-right: 2%
}

.RighInfo002810 li:not(:nth-child(2n)) {
    padding-right: 5vw;
}

.RighInfo002810 li::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 50px;
    right: 14%;
    top: 50%;
    background: rgba(0, 0, 0, .3);
    margin-top: -18px;
}

.RighInfo002810 li:nth-child(2n)::before {
    display: none
}

.RighInfo002810 li:last-child {
    margin-right: 0
}

.RighInfo002810 li:last-child::before {
    display: none
}

.RighInfo002810 li .num {
    font-size: 0.48rem;
    color: #1ba3d5;
}

.RighInfo002810 li .num>* {
    vertical-align: middle;
}

.RighInfo002810 li .num sub {
    display: inline-block;
    line-height: 0.7em;
    margin-top: -0.2em;
}

.RighInfo002810 li p {
    margin: 0;
    font-size: 0.16rem;
    color: #333;
}

@media(min-width:769px) {
    .RighInfo002810 .txt-logo .ytable-cell {
        width: 50%;
        text-align: center;
    }

    .RighInfo002810 .txt-logo .txt {}

    .RighInfo002810 .txt-list .pic {
        width: 55.667%;
    }

    .RighInfo002810 .txt-list .pic img {
        max-width: 92.858%;
    }

    .RighInfo002810 .txt-list .box:nth-child(2n) .pic {
        text-align: right;
    }

    .RighInfo002810 .txt-list .info {
        color: #555
    }
}

@media(max-width:768px) {
    .RighInfo002810 {
        padding: 30px 0
    }

    .RighInfo002810 li {
        float: none;
        width: 100%;
        margin-right: 0%
    }

    .RighInfo002810 li::before {
        display: none;
    }

    .RighInfo002810 .ytable,
    .RighInfo002810 .ytable-cell {
        display: block;
    }

    .RighInfo002810 .txt-logo {
        text-align: center;
    }

    .RighInfo002810 .txt-list .pic img {
        display: block;
        width: 100%;
    }
}


.Floor002143 {
    margin-top: 5%;
}

.Floor002143 .auto {
    position: relative;
    border-radius: 20px;
    overflow: hidden
}

.Floor002143 .pic img {
    display: block;
    width: 100%;
}

.Floor002143 .pic img.phone {
    display: none;
}

.Floor002143 .click,
.Floor002143 .file,
.Floor002143 .file video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.Floor002143 .click {
    background: url(../images/Floor002143-video.png) no-repeat center center;
    cursor: pointer;
}

.Floor002143 .file {
    display: none;
    z-index: 10;
    background: #000;
}

@media(max-width:1200px) {
    .Floor002143 .pic img {
        display: none;
    }

    .Floor002143 .pic img.phone {
        display: block;
    }
}





.product-service {
    padding: 5% 0
}

.product-service .box {
    position: relative;
    padding-bottom: 31.7%;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 5%
}

.product-service .ytable {
    height: 100%;
    position: absolute;
    width: 66%;
    padding: 0 10%
}

.product-service .info h3 {
    font-size: 0.3rem;
    color: #fff;
    margin-top: 0
}

.product-service .info {
    font-size: 0.16rem;
    color: #fff;
    line-height: 1.8;
    margin: 0
}

.product-service img {
    display: block;
    margin: auto
}




.Floor002438 {
    padding: 5% 0
}

.Floor002438 .title {
    text-align: center;
    color: #333;
    font-size: 0.34rem;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 30px
}

.Floor002438 .tabs {
    display: flex;
    flex-wrap: wrap;
}

.Floor002438 .tabs aside {
    float: left;
    width: 12.5%;
    padding: 20px;
    border-radius: 5px;
    position: relative;
    text-align: center;
    cursor: pointer;
}

.Floor002438 .tabs aside.active {
    background: #1ba3d5;
}

.Floor002438 .tabs .icon img {
    max-height: 45px;
}

.Floor002438 .tabs aside.active .icon .on,
.Floor002438 .tabs aside:not(.active) .icon .off {
    display: none;
}

.Floor002438 .tabs .tit {
    font-size: 0.16rem;
    padding-top: 15px;
}

.Floor002438 .tabs aside.active .tit {
    color: #fff
}

.Floor002438 .tabs aside:before {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: 10px;
    bottom: -10px;
    background: url(../images/Floor002921-arrow.svg) no-repeat center top;
    background-size: contain;
    opacity: 0;
}

.Floor002438 aside.active:before {
    opacity: 1;
}


.Floor002438 .list {
    padding-top: 4%;
}

.Floor002438 .list .box {}

.Floor002438 .list .pic .Ispic {
    padding-bottom: 36%;
    position: relative;
    z-index: 1;
    border-radius: 20px;
    overflow: hidden
}

.Floor002438 .list .pic .Ispic:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    opacity: 0.5;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(27, 163, 213, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(27, 163, 213, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1ba3d5', GradientType=0);
}


.Floor002438 .list ul {
    margin-top: 4%;
    border: 1px solid #ebebeb;
    border-radius: 20px;
    overflow: hidden
}

.Floor002438 .list ul ol {
    background: #1ba3d5;
}

.Floor002438 .list ul ol span {
    float: left;
    line-height: 3.5;
    padding-left: 30px;
    color: #fff;
}

.Floor002438 .list ul li span {
    line-height: 1.8;
    padding: 20px 30px;
    color: #666;
}

.Floor002438 .list ul li span:nth-child(1) {
    color: #333
}

.Floor002438 .list ul li:hover span:nth-child(1) {
    color: #1ba3d5
}

.Floor002438 .list ul li:nth-child(2n+1) {
    background: #f7f8fb
}

.Floor002438 .list ul ol span:nth-child(1),
.Floor002438 .list ul li span:nth-child(1) {
    width: 35%
}

.Floor002438 .list ul ol span:nth-child(2),
.Floor002438 .list ul li span:nth-child(2) {
    width: 15%
}

.Floor002438 .list ul ol span:nth-child(3),
.Floor002438 .list ul li span:nth-child(3) {
    width: 15%
}
.Floor002438 .list ul ol span:nth-child(4),
.Floor002438 .list ul li span:nth-child(4) {
    width: 35%
}


@media(max-width:1024px) {
    .Floor002438 .tabs aside {
        width: 25%;
    }

    .Floor002438 .list ul ol span {
        padding-left: 20px;
    }

    .Floor002438 .list ul li span {
        padding: 20px 0 20px 20px;
    }
}



.RighInfo002226 {
    padding: 5% 0;
}

.RighInfo002226 h3 {
    font-size: 0.26rem;
    color: #333;
    margin: 0;
    padding-bottom: 5%
}

.RighInfo002226 .dl {
    padding: 10px 0;
    display: table;
    width: 100%;
    border-bottom: 1px solid #f0f0f0
}

.RighInfo002226 .dl dt,
.RighInfo002226 .dl dd {
    display: table-cell;
    vertical-align: middle;
}

.RighInfo002226 .dl dt {
    width: 150px;
    font-size: 0.18rem;
    color: #333;
    text-align: right;
    line-height: 2
}

.RighInfo002226 .dl dd {
    padding-left: 50px;
    line-height: 2
}

.RighInfo002226 .pic {
    text-align: center;
    margin-bottom: 20px
}

.RighInfo002226 .pic img {
    max-height: 500px
}

@media(min-width:1025px) {
    .RighInfo002226 .word {
        float: right;
        width: 55%
    }

    .RighInfo002226 .pic {
        float: left;
        width: 40%;
        margin-bottom: 0
    }
}




/*Menu002937 */
.Menu002937 {
    padding: 5% 0 3%;
}

.Menu002937 .ul {
    display: table;
    line-height: normal;
    text-align: center
}

.Menu002937 .ul li {
    display: inline-block;
    margin: 0px 10px 10px 10px;
}

.Menu002937 .ul li a {
    display: block;
    line-height: 2.72em;
    padding: 0 3em;
    font-size: 0.14rem;
    border: 1px solid rgba(102, 102, 102, 1);
    text-align: center;
    border-radius: 20px;
    color: #666
}

.Menu002937 .ul li.aon a,
.Menu002937 .ul li a:hover {
    color: #fff;
    background: #1ba3d5;
    border-color: #1ba3d5
}

@media(max-width:768px) {
    .Menu002937 .ul li {
        margin: 0 5px 10px 5px;
    }

    .Menu002937 .ul li a {
        padding: 0 1.2em;
        font-size: 3.5vw;
    }
}

@media(max-width:480px) {
    .Menu002937 .ul li a {
        line-height: 2em;
    }
}





/*PicList002097 */
.PicList002097 {
    padding-bottom: 3%
}

.PicList002097 li {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 5%;
}
.PicList002097 li img{
    border: none; 
    vertical-align: middle;
	max-width:100%;
}


.PicList002097 li:nth-child(4n) {
    margin-right: 0%;
}

.PicList002097 li .Ispic {
    display: block;
    padding-bottom: 100%;
    border-radius: 20px;
}

.PicList002097 li .tit {
    text-align: center;
    padding: 5% 5% 0 5%;
    height: 4em;
    overflow: hidden
}


@media(max-width:1024px) {
    .PicList002097 li {
        width: 49%;
    }

    .PicList002097 li:nth-child(2n) {
        margin-right: 0%;
    }

    .PicList002097 li .tit {
        height: 5em;
    }
}



/*PicList003142 */
.PicList003142 .auto {
    padding-top: 5%;
    margin-bottom: 1em;
}

.PicList003142 li {
    float: left;
    margin-bottom: 2.5em;
}

.PicList003142 li .txt {
    box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.05);
    padding: 1.875em;
}

.PicList003142 li .tit {
    font-size: 0.18rem;
    line-height: 1.6666;
    min-height: 3.3332em;
}

.PicList003142 li p {
    font-size: 0.15rem;
    line-height: 1.78571;
    min-height: 3.57142em;
    color: #999999;
}

.PicList003142 li .pic {
    overflow: hidden;
}

.PicList003142 li .Ispic {
    padding-bottom: 62.223%;
    transition: 0.3s;
    border-radius: 20px 20px 0 0;
}

.PicList003142 li a:hover .Ispic {
    transform: scale(1.1);
}

.PicList003142 li a:hover {
    color: #1ba3d5;
}

.PicList003142 li time {
    color: #999999;
    display: block;
    background: url(../images/PicList003142-icon.svg) no-repeat right center;
    font-size: 0.14rem
}

.PicList003142 li a:hover time {
    background-image: url(../images/PicList003142-icon-red.svg);
}

@media (min-width:1025px) {
    .PicList003142 li {
        width: 32.143%;
    }

    .PicList003142 li:not(:nth-child(3n)) {
        margin-right: 1.7855%;
    }

    .PicList003142 li:nth-child(3n+1) {
        clear: left;
    }
}

@media (max-width:1024px) {
    .PicList003142 .auto {
        margin-top: 2em;
    }

    .PicList003142 li {
        width: 48%;
    }

    .PicList003142 li:not(:nth-child(2n)) {
        margin-right: 4%;
    }

    .PicList003142 li:nth-child(2n+1) {
        clear: left;
    }

    .PicList003142 li .txt {
        padding: 1em;
    }
}




.RighInfo0028101 {
    padding: 5% 0;
}

.RighInfo0028101 .txt-list .pic img {
    border-radius: 20px;
}

.RighInfo0028101 .txt-list .box:not(:last-child) {
    margin-bottom: 6%;
}

.RighInfo0028101 .txt-list .info {
    line-height: 2;
}

.RighInfo0028101 .txt-list h3 {
    margin: 0;
    color: #333;
    font-size: 0.26rem;
    padding-bottom: 10px;
}

.RighInfo0028101 .txt-list li {
    display: inline-block;
    width: 100%;
    position: relative;
    padding-left: 30px;
}

.RighInfo0028101 .txt-list li:not(:last-child) {
    margin-bottom: 20px
}

.RighInfo0028101 .txt-list li::before {
    content: '';
    position: absolute;
    height: 76%;
    width: 4px;
    background: #1ba3d5;
    left: 0;
    top: 8px;
}

.RighInfo0028101 .txt-list li:nth-child(2),
.RighInfo0028101 .txt-list li:nth-child(3) {
    width: 40%
}

.RighInfo0028101 .txt-list p {
    margin: 0;
    font-size: 0.16rem;
}

.RighInfo0028101 .txt-list p img {
    max-width: 30px;
    margin-right: 10px;
    display: inline-block
}

.RighInfo0028101 .txt-list span {
    font-size: 0.20rem;
    color: #333;
}

.RighInfo0028101 .txt-list span.phone {
    font-size: 0.24rem;
}

@media(min-width:769px) {
    .RighInfo0028101 .txt-logo .ytable-cell {
        width: 50%;
        text-align: center;
    }

    .RighInfo0028101 .txt-logo .txt {}

    .RighInfo0028101 .txt-list .pic {
        width: 55.667%;
    }

    .RighInfo0028101 .txt-list .pic img {
        max-width: 92.858%;
    }

    .RighInfo0028101 .txt-list .box:nth-child(2n) .pic {
        text-align: right;
    }

    .RighInfo0028101 .txt-list .info {
        color: #555
    }
}

@media(max-width:768px) {

    .RighInfo0028101 .ytable,
    .RighInfo0028101 .ytable-cell {
        display: block;
    }

    .RighInfo0028101 .txt-logo {
        text-align: center;
    }

    .RighInfo0028101 .txt-list .pic img {
        display: block;
        width: 100%;
    }
}




.pro_service {
    padding: 5% 0 3%
}

.pro_service .title {
    font-size: 0.34rem;
    color: #333333;
    margin-bottom: 1.5em;
    font-weight: bold;
    text-align: center
}

.pro_service li {
    float: left;
    width: 30.66%;
    margin-bottom: 6%;
    text-align: center;
    margin-right: 4%;
    position: relative
}

.pro_service li::before {
    content: '';
    position: absolute;
    width: 17px;
    height: 25px;
    background: url(../images/pro_service-icon.png)no-repeat center;
    right: -37px;
    top: 35px;
}



.pro_service li .number {
    text-align: center;
    font-size: 0.44rem;
    color: #1ba3d5;
    border: 6px solid #1ba3d5;
    border-radius: 50px;
    line-height: 80px;
    margin-bottom: 30px;
    transition: 0.3s
}

.pro_service li .tit {
    text-align: center;
    color: #000;
    font-size: 0.20rem
}

.pro_service li p {
    text-align: center;
    line-height: 1.5;
    color: #333;
    padding: 0 5%
}

.pro_service li:hover .number {
    transform: translateY(-10px)
}

@media(min-width:1025px) {
    .pro_service ul:nth-child(2n) li {
        float: right;
    }

    .pro_service ul:nth-child(2n) li::before {
        transform: rotate(180deg)
    }

    .pro_service li:nth-child(3) {
        margin-right: 0
    }

    .pro_service ul:nth-child(1) li:nth-child(3)::before {
        transform: rotate(90deg);
        bottom: -30px;
        left: 50%;
        top: auto;
        right: auto
    }

    .pro_service ul:nth-child(2n) li:nth-child(1) {
        margin-right: 0
    }

    .pro_service ul:nth-child(2n) li:nth-child(1)::before {
        display: none
    }

    .pro_service ul:nth-child(2n) li:nth-child(3) {
        margin-right: 4%
    }
}


@media(max-width:1024px) {
    .pro_service {
        padding: 30px 0
    }

    .pro_service li {
        float: none;
        width: 100%;
        margin-bottom: 10%;
        margin-right: 0%;
        padding-bottom: 24px
    }

    .pro_service li::before {
        right: auto;
        bottom: 0;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
        transform: rotate(90deg);
        margin-left: -8px
    }

    .pro_service ul:last-child li:last-child::before {
        display: none
    }
}




.partner {
    padding: 5% 0
}

.partner .title {
    font-size: 0.34rem;
    color: #333333;
    margin-bottom: 1.5em;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.partner .title aside {
    display: inline-block;
    position: relative
}

.partner .title aside::before {
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 50%;
    right: -23px;
    top: -12px;
    z-index: -1;
    background: -moz-linear-gradient(left, #1ba3d5 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, #1ba3d5 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, #1ba3d5 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
}

.partner .title span {
    font-size: 0.74rem;
    color: #000;
    display: block;
    font-family: 'Oswald-Bold';
    opacity: 0.02;
    line-height: 10px;
}

.partner .title2 {
    margin-bottom: 2em;
    text-align: center
}

.partner .title2 span {
    font-size: 0.5rem;
    color: #1ba3d5;
    display: inline-block;
    font-family: 'Oswald-Bold';
    text-transform: uppercase;
    font-weight: bold;
    background-image: -webkit-linear-gradient(left, #1ba3d5, #72bec8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center
}

.partner .title2 .t-1 {
    opacity: 0.6;
}

.partner .title2 .t-2 {
    margin-top: -0.7em;
}

.partner .con {
    padding: 4% 10%;
    background: #f7f8fb;
    text-align: center;
    color: #333;
    font-size: 0.20rem;
    line-height: 2;
    margin-bottom: 4%
}

.partner_2 .slick-slide>div {
    float: left;
    width: 15%;
    margin-right: 2%;
    margin-bottom: 2%;
    overflow: hidden
}

.partner_1 li {
    float: left;
    width: 15%;
    margin-right: 2%;
    background: #eee;
    margin-bottom: 2%;
    overflow: hidden
}

.partner li figure {
    padding-bottom: 52.4%;
    background-size: contain;
}

.partner_1 li figure {
    padding-bottom: 37.4%;
    transition: 0.3s ease-in
}

.partner_1 li:hover figure {
    transform: scale(1.1)
}

.partner_2 .slick-dots {
    text-align: center;
}

.partner_2 .slick-dots li {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 10px 0;
    position: relative;
    list-style: none;
    margin: 0 9px;
}

.partner_2 .slick-dots li button {
    font-size: 0;
    width: 4px;
    height: 4px;
    background: rgba(0, 0, 0, 0.2);
    border: 0;
    padding: 0;
    position: absolute;
    border-radius: 50%;
}

.partner_2 .slick-dots li:not(.slick-active) button {
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
}

.partner_2 .slick-dots li.slick-active button {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #1ba3d5;
}


@media(min-width:1025px) {
    .partner_1 li {
        width: 18.4%;
        background: #f7f8fc
    }

    .partner_2 .slick-slide>div:nth-child(6n) {
        margin-right: 0%;
    }

    .partner_1 li:nth-child(5n) {
        margin-right: 0%;
    }

    .partner_1 li:nth-child(6n) {
        margin-right: 2%;
    }
}

@media(max-width:1024px) {
    .partner .title {
        margin-bottom: 1.0em;
        margin-top: 1.5em
    }

    .partner .title span {
        font-size: 0.44rem;
    }

    .partner_1 li {
        width: 49%;
        margin-right: 2%;
        background: #fff
    }

    .partner_1 li:nth-child(2n) {
        margin-right: 0%;
    }

    .partner_2 .slick-slide>div {
        width: 49%;
        margin-right: 2%;
        background: #fff
    }

    .partner_2 .slick-slide>div:nth-child(2n) {
        margin-right: 0%;
    }
}




.RighInfo002928 {
    padding: 5% 0;
    background: #1ba3d5
}

.RighInfo002928 .auto {
    max-width: 1200px;
}

.RighInfo002928 .auto .tit {
    width: 100%;
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    min-height: 90px;
    color: #fff;
}

.RighInfo002928 .title {
    font-weight: bold;
    width: 49%;
    margin: 0 auto;
    border: 1px solid #fff;
    padding: 2vw 3vw;
    border-radius: 30px;
}

.RighInfo002928 .title:nth-child(2) {
    margin-top: 20px
}

.RighInfo002928 .title .cn {
    font-size: 0.32rem;
    color: #fff;
    line-height: 1em;
    padding-bottom: 35px;
    text-align: center
}

.RighInfo002928 .title h5 {
    font-size: 0.20rem;
    color: #fff;
    line-height: 1em;
    padding-bottom: 15px;
    margin: 0
}

.RighInfo002928 .title p {
    font-size: 0.16rem;
    color: #fff;
    line-height: 1em;
    padding-bottom: 15px;
    font-weight: normal;
    margin: 0
}

.RighInfo002928 .contact {
    background: #fff;
    padding: 1.88vw 0;
    box-shadow: 0 0 73px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 4;
}

.RighInfo002928 .contact .inner {
    max-width: 270px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    top: 0;
    transition: top 0.3s, background 0.3s;
}

.RighInfo002928 .contact .icon {
    width: 70px;
    height: 70px;
    background-color: #1ba3d5;
    ;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto 25px;
}

.RighInfo002928 .box-1 .icon {
    background-image: url("../images/RighInfo002928_add.png");
}

.RighInfo002928 .box-2 .icon {
    background-image: url("../images/RighInfo002928_tel.png");
}

.RighInfo002928 .box-3 .icon {
    background-image: url("../images/RighInfo002928_call.png");
}

.RighInfo002928 .contact .name {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    padding-bottom: 10px;
}

.RighInfo002928 .contact p {
    color: #979797;
    margin: 0 auto;
    max-width: 200px;
}

.RighInfo002928 .box-2 p,
.RighInfo002928 .box-3 p {
    color: #1ba3d5;
    font-size: 26px;
}

.RighInfo002928 .map #allmap * {
    box-sizing: content-box;
}

.RighInfo002928 .map #allmap img {
    max-width: none;
}

.RighInfo002928 .map #allmap .BMap_bubble_content b {
    display: block;
    font-size: 16px;
}

@media(min-width:641px) {
    .RighInfo002928 .contact {
        max-width: 1095px;
        width: 90%;
        margin: 0 auto;
    }

    .RighInfo002928 .contact .ytable-cell {
        width: 33.3333%;
        height: 167px;
    }

    .RighInfo002928 .contact .ytable-cell:not(:last-child) {
        border-right: 1px solid #d0cbcb;
    }

    .RighInfo002928 .map {
        margin-top: -4.89vw;
        position: relative;
        z-index: 3;
    }

    .RighInfo002928 .ytable-cell:hover {
        position: relative;
    }

    .RighInfo002928 .ytable-cell:hover .inner {
        background: #1ba3d5;
        padding: 28px 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -56px;
        box-shadow: 6px 15px 32px rgba(165, 45, 52, 0.3);
    }

    .RighInfo002928 .ytable-cell:hover .name {
        color: #fff;
    }

    .RighInfo002928 .ytable-cell:hover p {
        opacity: 0.5;
        color: #fff;
    }

    .RighInfo002928 .ytable-cell:hover .icon {
        background-color: rgba(255, 255, 255, 0.06);
    }
}

@media(min-width:1401px) {
    .RighInfo002928 .map #allmap {
        height: 620px;
    }
}

@media(max-width:1400px) {
    .RighInfo002928 .map #allmap {
        height: 44.286vw;
    }
}

@media(max-width:640px) {

    .RighInfo002928 .contact,
    .RighInfo002928 .contact .ytable-cell {
        display: block;
    }

    .RighInfo002928 .contact .ytable-cell {
        padding: 5vw 0;
    }

    .RighInfo002928 .contact .ytable-cell:not(:last-child) {
        border-bottom: 1px solid #d0cbcb;
    }

    .RighInfo002928 .contact {
        padding: 0 5vw;
    }

    .RighInfo002928 .map #allmap {
        height: 60vw;
    }

    .RighInfo002928 .title .cn {
        font-size: 24px;
    }
}



.Timeline000913 {
    padding: 5% 0;
}

.Timeline000913 .title {
    margin-bottom: 2vw;
    text-align: center;
}

.Timeline000913 .title .cn {
    font-size: 30px;
    color: #1ba3d5;
    padding-bottom: 10px;
    font-weight: bold;
}

.Timeline000913 .title .en {
    color: #d2d2d2;
    letter-spacing: 2px;
}

@media(max-width:768px) {
    .Timeline000913 .title {
        padding-bottom: 6vw;
    }
}

@media(max-width:640px) {
    .Timeline000913 .title .cn {
        font-size: 6vw;
    }
}

.Timeline000913 .main {
    position: relative;
    z-index: 1;
    padding-bottom: 7.396vw;
}

.Timeline000913 .main .quan {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #dedede;
}

.Timeline000913 .main:before {
    position: absolute;
    content: '';
    width: 1px;
    top: 10px;
    bottom: 0;
    background: #d9d9d9;
}

@media(min-width:769px) {
    .Timeline000913 .main .quan {
        margin: 0 auto;
    }

    .Timeline000913 .main:before {
        left: 50%;
    }

    .Timeline000913 .outer>.ytable-cell {
        width: 50%;
    }
}

@media(max-width:768px) {

    .Timeline000913 .outer,
    .Timeline000913 .outer>.ytable-cell {
        display: block;
    }

    .Timeline000913 .main:before {
        left: 5px;
    }
}

.Timeline000913 .item {
    position: relative;
    z-index: 4;
}

.Timeline000913 .item:not(:last-child) {
    margin-bottom: 2.08vw;
}

.Timeline000913 .info {
    position: relative;
}

.Timeline000913 .inner {
    transition: 0.3s all
}

.Timeline000913 .item .info .inner:hover {
    transform: translateY(-10px)
}

.Timeline000913 .info:before {
    position: absolute;
    content: '';
    top: 50%;
    margin-top: -16px;
    border: 16px solid transparent;
}

.Timeline000913 .info .inner {
    background: #f0f0f0;
    padding: 3vw 1.5vw;
    border-radius: 20px
}

.Timeline000913 .pic {
    width: 32.787%;
}

.Timeline000913 .pre pre {
    font-size: 15px;
    line-height: 1.867em;
}

.Timeline000913 .year {
    color: #1ba3d5;
    font-size: 36px;
    position: relative;
}

.Timeline000913 .year aside {
    position: absolute;
    background: #1ba3d5;
    color: #fff;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    border-radius: 50%;
    left: -140px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100
}

@media(min-width:769px) {
    .Timeline000913 .item:nth-of-type(2n-1) .info {
        padding-right: 80px;
    }

    .Timeline000913 .item:nth-of-type(2n-1) .info .inner {
        padding-right: 100px;
    }

    .Timeline000913 .item:nth-of-type(2n) .info {
        padding-left: 80px;
    }

    .Timeline000913 .item:nth-of-type(2n) .info .inner {
        padding-left: 100px;
    }

    .Timeline000913 .item:nth-of-type(2n-1) .info:before {
        right: 0;
        border-left-color: #f0f0f0;
    }

    .Timeline000913 .item:nth-of-type(2n) .info:before {
        left: 0;
        border-right-color: #f0f0f0;
    }

    .Timeline000913 .item:nth-of-type(2n-1) .pre {}

    .Timeline000913 .item:nth-of-type(2n) .pre {}

    .Timeline000913 .item:nth-of-type(2n-1) .year aside {
        background-position: left center;
    }

    .Timeline000913 .item:nth-of-type(2n-1) .year aside:before,
    .Timeline000913 .item:nth-of-type(2n) .year aside:after {
        display: inline-block;
        content: '';
        width: 21px;
        height: 21px;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-image: url("../images/Timeline000913_icon.png");
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 130px
    }

    .Timeline000913 .item:nth-of-type(2n) .year aside:after {
        left: auto;
        right: 130px
    }

    .Timeline000913 .item:nth-of-type(2n) .year aside {
        left: auto;
        right: -140px;
    }
}

@media(max-width:768px) {
    .Timeline000913 .main {
        margin-left: 3vw;
    }

    .Timeline000913 .year {
        font-size: 7vw;
    }

    .Timeline000913 .year aside {
        position: relative;
        left: auto;
        top: auto;
        transform: translateY(0);
        width: 60px;
        height: 60px;
        line-height: 60px;
        margin-left: 10px;
        font-size: 20px;
    }

    .Timeline000913 .info {
        padding: 3vw;
    }

    .Timeline000913 .pre {
        padding-left: 3vw;
    }
}

@media(max-width:480px) {
    .Timeline000913 .pic {
        width: 45%;
    }

    .Timeline000913 .pre pre {
        font-size: 3.5vw;
    }
}





.honor {
    padding: 5% 0 0
}

.honor li {
    width: 31.251%;
    float: left;
    background: url(../images/honor.svg)no-repeat center right 10px #f7f8fb;
    background-size: 130px;
    height: 130px;
    position: relative;
    margin-bottom: calc((100% - 31.251% * 3) / 4);
    border-radius: 20px;
    transition: 0.3s all
}

.honor li:hover {
    background: url(../images/honor2.svg)no-repeat center right 10px #1ba3d5;
    background-size: 130px;
}

.honor li:not(:nth-child(3n)) {
    margin-right: calc((100% - 31.251% * 3) / 2);
}

.honor li .ytable {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 1vw 3vw;
    left: 0;
    top: 0;
    text-align: center;
    font-size: 0.20rem;
    color: #333;
    transition: 0.3s all
}

.honor li:hover .ytable {
    color: #fff
}

@media(max-width:1024px) {
    .honor li {
        width: 100%;
        float: none;
        height: 100px;
    }

    .honor li .ytable {
        padding: 1vw 7vw;
    }
}


.pwservice {
    padding: 5% 0
}

.pwservice .tit {
    text-align: center;
}

.pwservice .tit h4 {
    font-size: 0.4rem;
    margin: 0;
    color: #333;
    position: relative;
    margin-bottom: 20px
}

.pwservice .tit h4 span {
    position: relative;
    z-index: 10
}

.pwservice .tit h4::after {
    content: '';
    position: absolute;
    width: 156px;
    height: 10px;
    background: #1ba3d5;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%)
}

.pwservice .tit p {
    font-size: 0.18rem;
    margin: 0 auto;
    color: #666;
    max-width: 70%;
    line-height: 2;
    position: relative;
    z-index: 10;
}

.pwservice .tit p::before {
    width: 53px;
    height: 44px;
    display: block;
    position: absolute;
    content: '';
    background: url(../uploadfiles/zs.png) no-repeat;
    z-index: 8;
    left: -60px;
    top: -15px;
}

.pwservice .tit p::after {
    width: 53px;
    height: 44px;
    display: block;
    position: absolute;
    content: '';
    background: url(../uploadfiles/zs.png) no-repeat;
    z-index: 8;
    right: -60px;
    bottom: -15px;
    transform: rotate(180deg);
}




.solution {
    padding: 5% 0;
    overflow: hidden;
}

.solution .list {
    padding-left: 30%;
    position: relative;
}

.solution .list .right li {
    width: 31.251%;
    float: left;
    border-radius: 20px;
    border: 1px solid rgb(221, 221, 221);
    margin-bottom: calc((100% - 31.251% * 3) / 2);
    padding: 0.3rem;
    transition: 0.3s ease-out
}

.solution .list .right li h4 {
    font-size: 0.2rem;
    color: #000;
    margin: 0;
    padding: 20px 0 10px;
}

.solution .list .right li p {
    color: #333;
    margin: 0;
    line-height: 1.5
}

.solution .list .right li:hover {
    transform: translateY(-10px)
}

.solution .list .left {
    position: absolute;
    height: 100%;
    width: 27.7%;
    left: 0;
    top: 0;
    background: #000;
    border-radius: 20px;
    overflow: hidden;
    padding: 0.4rem
}

.solution .list .left h3 {
    font-size: 0.36rem;
    color: #fff;
    margin: 0;
    line-height: 1.2;
}

.solution .list .left p {
    font-size: 0.16rem;
    color: #fff;
    margin: 0;
    line-height: 2;
    padding-top: 2vw
}

.solution .list .left .more {
    position: absolute;
    width: 80%;
    left: 0.4rem;
    bottom: 0.4rem;
    background: #fff;
    line-height: 50px;
    color: #333;
    text-align: center;
    border-radius: 36px;
    transition: 0.3s ease-out
}

.solution .list .left .more:hover {
    background: #1ba3d5;
    color: #fff;
}

@media(min-width:1025px) {
    .solution .list .right li:not(:nth-child(3n)) {
        margin-right: calc((100% - 31.251% * 3) / 2);
    }

    .solution .list .right li:nth-child(3)~li {
        margin-bottom: 0;
    }
}

@media(max-width:1024px) {
    .solution .list {
        padding-left: 0%;
    }

    .solution .list .left {
        position: relative;
        width: 100%;
        left: auto;
        top: auto;
        margin-bottom: 3%
    }

    .solution .list .left .more {
        position: relative;
        width: 100%;
        left: auto;
        bottom: auto;
        margin-top: 20px;
        display: inline-block
    }

    .solution .list .right li {
        width: 100%;
        float: none;
    }
}




/*
 .Form002802
 */
.Form002802 {
    padding: 5% 0;
}

.Form002802 .from {
    margin: 0 auto;
}

.Form002802 .from p.p1 {
    font-size: 30px;
    color: #666;
    position: relative;
    padding-bottom: 30px;
    margin-top: 0
}

.Form002802 .from p.p1::after {
    content: "";
    display: block;
    width: 4px;
    height: 80%;
    background: #1ba3d5;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: none
}

.Form002802 .from td {
    padding-right: 5%;
    padding-bottom: 1.5%;
}

.Form002802 .from td p {
    margin: 0;
    color: #999;
    text-align: center;
}

.Form002802 .from td div {
    position: relative;
}

.Form002802 .from label {
    position: absolute;
    left: 15px;
    top: 0;
    font-size: 0.16rem;
    line-height: 60px;
    color: #999;
}

.Form002802 .from .text {
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-indent: 20px;
    border: none;
    background: #f5f5f5;
    border-radius: 20px;
    padding-left: 50px;
}

.Form002802 .from .five {
    padding-left: 80px;
}

.Form002802 .from textarea.text {
    height: 132px;
}

.Form002802 .from .btn {
    padding-bottom: 1.5%;
    text-align: center;
}

.Form002802 .from .btn input {
    background: #1ba3d5;
    cursor: pointer;
    padding: 0;
    border: none;
    width: 260px;
    height: 60px;
    font-size: 0.18rem;
    color: #fff;
    text-transForm002802: uppercase;
    border-radius: 99px;
}

@media(min-width:641px) {

    .Form002802 .from td:nth-child(3n),
    .Form002802 .from .textareas,
    .Form002802 .from .btn,
    .Form002802 .from .tip {
        padding-right: 0;
    }
}

@media(max-width:640px) {
    .Form002802 .from td {
        display: block;
        padding-right: 0;
    }

    .Form002802 .address dd {
        float: none;
        width: auto;
        padding-left: 0;
    }
}







.About2 {
    padding: 5% 0;
    background: #f7f8fb
}

.About2 .word {
    width: 55%;
    padding-right: 10%
}

.About2 .word h4 {
    font-size: 0.36rem;
    color: #333;
    margin: 0;
    padding-bottom: 3vw
}

.About2 .word h4 strong {
    font-size: 0.40rem;
    color: #1ba3d5;
}

.About2 .word p {
    line-height: 2;
    color: #333;
    margin: 0
}

.About2 .pic {
    width: 45%
}

.About2 .pic li {
    float: left;
    width: 25%;
    text-align: center;
    margin: 20px 0
}

.About2 .pic li img {
    max-width: 117px;
    max-height: 117px;
    transition: 0.3s
}

.About2 .pic li:hover img {
    transform: translateY(-10px)
}

@media(max-width:1024px) {
    .About2 .word {
        width: 100%;
        padding-right: 0%;
        display: block
    }

    .About2 .pic {
        width: 100%;
        display: block
    }

    .About2 .pic li {
        width: 50%;
    }
}


.aboutBlock {
    padding: 5% 0;
    background: url(../images/66.jpg) no-repeat center center;
    background-size: cover;
}

.aboutBlock .title {
    padding-bottom: 5%;
}

.aboutBlock .contact {
    position: relative;
}

.aboutBlock .contact .content {
    font-size: 0.3rem;
    line-height: 1.8;
}

.aboutBlock .contact .content h4 {
    margin: 0;
    font-size: 0.4rem;
    color: #1ba3d5;
    line-height: 1;
    font-weight: normal;
    margin-bottom: 20px;
}

.aboutBlock .contact .content .tel {
    color: #1ba3d5;
    margin-bottom: 0;
}

.aboutBlock .contact .content .tel b {
    display: block;
    font-size: 32px;
    line-height: 1;
    font-family: 'Oswald-r';
}

.aboutBlock .contact .content p {
    margin: 0;
}

.aboutBlock .contact .content .ul {
    margin-top: 30px;
    font-size: 0;
}

.aboutBlock .contact .content .ul li {
    list-style-type: none;
    display: inline-block;
    font-size: 0.3rem;
    margin-right: 5%;
    line-height: 1.8;
    color: #666;
    max-width: 47.5%;
    vertical-align: top;
}

.aboutBlock .contact .content .ul li:nth-child(2n) {
    margin-right: 0;
}

.aboutBlock .contact .content .ul li .p1 {
    font-size: 0.18rem;
    color: #333;
    margin: 15px 0 5px;
}

.aboutBlock .contact .content .ul li img {
    width: 165px;
    height: 165px;
}

.aboutBlock .contact .contactMap {
    position: absolute;
    right: 0;
    top: 0;
    left: 584px;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
}


@media(max-width:1024px) {
    .aboutBlock .contact .content {
        font-size: 0.2rem;
    }

    .aboutBlock .contact .content h4 {
        font-size: 0.3rem;
    }
    .aboutBlock .contact .content .ul li {
    max-width:100%;
}
}



#map {
    width: 100%;
    height: 100%;
}

#map .anchorBL {
    display: none !important;
}





/*RighInfo002939 */
.RighInfo002939 {
    padding: 4% 0;
}

.RighInfo002939 .con {
    background: #fff;
}

.RighInfo002939 .name {
    border-bottom: 1px solid #ededed;
    text-align: center;
    margin-bottom: 40px;
}

.RighInfo002939 .name h1 {
    font-size: 1.875em;
    font-weight: normal;
    color: #333;
}

.RighInfo002939 .time {
    color: #1ba3d5;
    padding-bottom: 20px;
    line-height: 16px;
}

.RighInfo002939 .edit-info {
    line-height: 2.142em;
    font-size: 0.16rem;
    color: #666;
    text-align: justify;
    padding-bottom: 4vw;
}

.RighInfo002939 .info-page {
    border-top: 1px solid #ededed;
    margin-top: 40px;
    padding-top: 40px;
}

.RighInfo002939 .info-page dd {
    line-height: 40px;
}

.RighInfo002939 .info-page dd a {
    padding-right: 20px;
    color: #666;
}

.RighInfo002939 .info-page dd a:hover {
    color: #1ba3d5;
}

.RighInfo002939 .info-page dd a span {
    color: #666;
}

.RighInfo002939 .Hmore {
    text-align: center;
}

@media(min-width:641px) {
    .RighInfo002939 .info-page dd {
        float: left;
        width: 50%;
    }

    .RighInfo002939 .info-page dd:nth-child(2) {
        text-align: right;
    }
}

@media(max-width:640px) {
    .RighInfo002939 .con {
        padding: 1.875em;
    }

    .RighInfo002939 .name h1 {
        margin-top: 0;
    }

    .RighInfo002939 .info-page dd:nth-child(2) {
        border-top: 1px solid #eee;
    }

    .RighInfo002939 .share {
        display: block;
        padding-top: 10px;
    }

    .RighInfo002939 .info-page {
        margin-top: 0px;
    }
}



/*搜索*/
.TextList002322 {
    padding: 4% 0;
}

.TextList002322 h3 {
    font-size: 24px;
    color: #333;
    font-weight: normal;
}

.TextList002322 .list li {
    position: relative;
    padding: 10px 100px 10px 0;
    line-height: 22px;
}

.TextList002322 .list li * {
    color: #777;
}

.TextList002322 .list li time {
    position: absolute;
    right: 0;
    top: 10px;
    display: block;
}

.TextList002322 .list li a {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-left: 15px;
}

.TextList002322 .list li a:before {
    display: table;
    content: ">";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 20px;
}

.TextList002322 .list li a:hover {
    color: #1ba3d5;
}

@media only screen and (max-width:767px) {
    .TextList002322 {
        padding: 20px 3%;
    }
}

.aboutBlock {
    overflow: hidden;
}


@media screen and (max-width: 1020px) {
    .Bottom003043 .contact {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .About2 .pic li img {
        max-width: 65px;
    }

    .About2 .pic li {
        margin-bottom: 0;
    }

    .partner .title2 span {
        font-size: 0.3rem;
    }

    .Timeline000913 .outer {
        display: flex;
    }
    .pro_service li .number {
        font-size: 0.28rem;
        line-height: 60px;
    }
}