@font-face {
    font-family: "pingfang";
    src: url(../fonts/PINGFANG_MEDIUM.TTF);
}


@font-face {
    font-family: "lianmeng";
    src: url(../fonts/lianmeng.ttf);
}

@font-face {
    font-family: "webfont";
    src: url(../fonts/webfont.otf);
}

*,
html,
body {
    padding: 0;
    margin: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
}

body {
    font-family:tahoma,"Source Han Sans CN","\5FAE\8F6F\96C5\9ED1", Arial, Helvetica,sans-serif;
	font-size:14px;
	line-height:1.8;
	margin: 0 auto;
    letter-spacing: 0.5px;
    color: #333;
    background-color: #fff;
    box-sizing: border-box;
	color: #333;
}

ul,
ol,
dl,
li,
dt,
dd {
    padding: 0;
    margin: 0;
    list-style: none;
}

img {
    vertical-align: middle;
    border: 0;
}

a {
    outline: none;
    text-decoration: none;
    color:#333;
    transition: 0.3s;
}

input,
a,
img,
select {
    outline: none;
}


.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display: block;}

.inner {
    width: 90%;
    margin: 0 auto;
    max-width: 1400px;
}

.padd {
    padding: 70px 0;
}

.font {
    font-size: 16px;
    color: #666;
    line-height: 2;
}

.btnMore {
    margin-top: 48px;
}

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

.btnMore a {
    display: inline-block;
    width: 248px;
    height: 51px;
    line-height: 51px;
    border-radius: 3px;
    border: 1px solid #187df2;
    color: #187df2;
    text-align: center;
}

.btnMore.white a {
    color: #fff;
    border-color: #fff;
}


.innBan {
    position: relative;
}

.innBan img {
    display: block;
    width: 100%;
}

.innBan_txt {
    position: absolute;
    top: 54%;
    transform: translateY(-50%);
    left: 14%;
    width: 70%;
}

.innBan_txt span {

    display: block;
    color: #fff;
    font-size: 38px;
    position: relative;
    top: 28px;
    opacity: 0;
    transition: all 0.8s;
}

.innBan_txt p {
    color: #fff;
    font-weight: 300;
    font-size: 24px;
    letter-spacing: 1px;
    font-family: "webfont";
    position: relative;
    top: 28px;
    opacity: 0;
    transition: all 0.8s 0.28s;
}

.innBan_txt p.sm {
    font-size: 18px;
    max-width: 52%;
}

.weMore {
    margin-top: 48px;
}

.weMore .more {
    display: inline-block;
    padding: 12px 28px;
    background: #fff;
    color: #187df2;
    line-height: 1;
    border-radius: 3px;
}

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

.weMore.blue .more {
    background: #187df2;
    color: #fff;
    -webkit-box-shadow: 0 4px 8px 0 rgba(15, 66, 153, 0.2);
    box-shadow: 0 4px 8px 0 rgba(15, 66, 153, 0.2);
}


.innBan .weMore {
    position: relative;
    opacity: 0;
    top: 28px;
    transition: all 0.8s 0.48s;
}

.innBan.show .weMore,
.innBan.show p,
.innBan.show span {
    top: 0;
    opacity: 1;
}




.indI {
    position: relative;
    font-style: inherit;
    font-size: 14px;
    transition: all 0.48s;
    color: #187df2;
}

.indI::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #187df2;
    transform: scale(0);
    transition: all 0.48s;
}

@media(min-width:1025px) {
    .indI:hover::after {
        transform: scale(1);
    }
}


.wgt-fade-animate {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-transform: translateY(150px);
    transform: translateY(150px);
    opacity: 0;
}

.appear {
    -wewgtit-animation: opacity_show 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
    -webkit-animation: opacity_show 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
    animation: opacity_show 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
    opacity: 1 !important;
}

@-wewgtit-keyframes opacity_show {
    0% {
        -webkit-transform: scale(0.3);

        transform: scale(0.3);
        -webkit-transform: translateY(150px);
        transform: translateY(150px);
        opacity: .1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes opacity_show {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        -webkit-transform: translateY(150px);
        transform: translateY(150px);
        opacity: .1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes opacity_show {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        -webkit-transform: translateY(150px);
        transform: translateY(150px);
        opacity: .1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}


.indTop,
.indTit {
    position: relative;
    z-index: 1;
    margin-bottom: 35px;
}

.indTit>span span,
.indTit>span {

font-size: 38px;

letter-spacing: 1px;

line-height: 1.3;
}

.indTit>span {
    display: block;
}

.indTit>span br {
    display: none;
}

.indTit i {
    margin-top: 12px !important;
    display: block;
    width: 32px;
    height: 4px;
    border-radius: 38px;
    background: -webkit-linear-gradient(left, #00bbff, #0078ff);
    background: linear-gradient(left, #00bbff, #0078ff);
}

.indTit a {
    position: relative;
    display: inline-block;
    color: #187df2;
    font-size: 15px;
    margin-top: 6px;
    letter-spacing: .5px;
}

.indTit a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #187df2;
    transform: scale(0);
    transition: all 0.48s;
}

@media(min-width:1025px) {
    .indTit a:hover::after {
        transform: scale(1);
    }
}


.indTit p {
    font-size: 16px;
    letter-spacing: 1px;
    color: #d7eeff;
    margin-top: 8px;
}

.indTit.blue span {
    color: #187df2;
}

.indTit p.blue {
    color: #187df2;
}

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

.indTit.center i {
    margin: 0 auto;
}

.indTit.white span,
.indTit.white a {
    color: #fff;
}

.indTit.white a::after {
    background: #fff;
}

.indTit.white i {
    background: #fff;
}


.indTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}



.indTop .indTit {
    margin: 0;
}

.indNav a {
    position: relative;
    display: inline-block;
    margin-left: 60px;
    font-size: 16px;
    color: #666;
    letter-spacing: 1px;
}



.indNav a::after {
    content: "";
    position: absolute;
    bottom: -31px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #187df2;
    transition: all 0.48s;
    transform: scale(0);
    border-radius: 10px;
}

.indNav a.active {
    color: #187df2;
    font-weight: bold;
}

.indNav a:hover::after,
.indNav a.active::after {

    transform: scale(1);
}


.indMore {
    margin-top: 48px;
}

.indMore .more {
    position: relative;
    display: inline-block;
    letter-spacing: 2px;
    font-size: 14px;
    padding: 10px 38px;
    transition: all 0.48s;
    color: #187df2;
    border: 1px solid rgba(24, 105, 255, .15);
}

.indMore .more:hover {
    background: rgba(255, 255, 255, 0.18);
}

.indMore .more:hover .border {

    padding: 13px 45px;
}

.indMore.white .more {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.38);
}

.indMore.white .border {

    border-color: #fff;
}

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

.indMore.sm .more {
    letter-spacing: 1px;
    font-size: 13px;
    padding: 6px 24px;
}

.indMore.sm .more .border {
    padding: 2px;
}

.indMore.sm .more:hover .border {
    padding: 12px 40px;
}

.border {
    position: absolute;
    padding: 5px;
    border-style: solid;
    border-color: #187df2;
    transition: all 0.8s;
}

.row1 {
    border-width: 1px 0 0 1px;
    top: -1px;
    left: -1px;
}

.row2 {
    border-width: 1px 1px 0 0;
    top: -1px;
    right: -1px;
}

.col1 {
    border-width: 0 0 1px 1px;
    bottom: -1px;
    left: -1px;
}

.col2 {
    border-width: 0 1px 1px 0;
    bottom: -1px;
    right: -1px;
}

/*  */

.smMore .more {
    display: inline-block;
    color: #006fed;
    padding: 5px 18px;
    border: 1px solid #006fed;
    border-radius: 3px;
    font-size: 12px;
    transition: all 0.48s;
}


.smMore .more:hover {
    background: #187df2;
    color: #fff;
}

/*  */
.relative.swiper-pagination {
    position: relative;
}

.swiper-pagination-bullet,
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px;
}


.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 28px;
}

.swiper-pagination-bullet {
    cursor: pointer;
    opacity: 1;
    position: relative;
    border-radius: 38px;
    background: rgba(255, 255, 255, 0.58);
    transition: all 0.48s;
}

.swiper-pagination-bullet-active {
    width: 52px;
    background: rgba(255, 255, 255, 1);
}

.abHor_span .swiper-pagination-bullet {
    background: #187df2;
}

.blue .swiper-pagination-bullet {
    background: #187df2;
}

.blue .swiper-pagination-bullet-active {
    background: #187df2;
}


.listAq_ico2 {
    position: absolute;
    bottom: 0;
    left: 14%;
    width: 30%;
}

.listAq_ico1 {
    position: absolute;
    right: 14px;
    top: 40%;
}

/* list  */

.jqrList {

    background: #fff;
    border-radius: 3px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1);
}

.jqrList_a {
    overflow: hidden;
    position: relative;
    flex: 1;
    padding: 28px 0;
    text-align: center;
    box-shadow: 0 0 1px rgba(31, 119, 246, 0.1);
}

.jqrList_a::after {
    opacity: 0;
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    transition: all 0.48s;
}

.jqrList_a span {
    display: block;
    font-size: 18px;
    transition: all 0.48s;
}

.jqrList_a.active::after {
    opacity: 1;
}

.jqrList_a:hover span,
.jqrList_a.active span {
    color: #187df2;
    font-weight: bold;
    transform: scale(1.1);
}

/* page */

.wePage {
    text-align: center;
    margin-top: 28px;
}

.wePage a {
    cursor: pointer;
    display: inline-block;
    padding: 8px 24px;
    line-height: 1;
    border: 1px solid #eee;
    border-radius: 3px;
    font-size: 13px;
    color: #666;
    transition: all 0.48s;
}

.wePage a:hover {
    color: #187df2;
    border-color: #187df2;
}

.wePage a.active {
    background: #187df2;
    color: #fff;

}



.indNum {
    position: relative;
    top: 0;
    text-align: left;
    transition: all 0.48s;
}

.indNum_top {
    display: inline-block;
}


.indNum_top span {
    position: relative;
    font-size: 48px;
    letter-spacing: 1px;
    color: #fff;
    line-height: 1;
    font-family: "webfont";
}


.indNum_top div {
    display: inline-block;
    vertical-align: bottom;
}

.indNum_top img {
    width: 14px;
    vertical-align: top;
    position: relative;
    margin-left: 5px;
}

.indNum_top label {
    line-height: 1;
    color: #fff;
    font-weight: bold;
    font-size: 48px;
    font-family: "webfont";
    vertical-align: bottom;
}

.indNum_top i {
    color: #fff;

    font-style: inherit;
    font-size: 18px;
}

.indNum_btm {
    margin-top: 10px;
}

.indNum_btm p {
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
}

/*  header =============================================================================== */
.weHead {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: all 0.48s;
}

.weHead::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    transition: all 0.48s;
    background: -webkit-linear-gradient(-webkit-linear-gradient(#0078ff, #00bbff));
    background: -o-linear-gradient(#0078ff, #00bbff);
    background: linear-gradient(#0078ff, #00bbff);
}

.weHead .inner {
    position: relative;
    max-width: 90%
}

.weHead_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.headLogo {
    width: 154px;
}

.headLogo img {
    width: 100%;
}

.headLogo .headLogo_col {
    display: none;
}

.headNav ul {
    display: flex;
    align-items: stretch;
}

.headNav li {
    position: relative;
    padding: 0 38px;
}

.headNav_a {
    padding: 28px 0;
    position: relative;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    letter-spacing: .5px;
    transition: all 0.48s;
}

.headNav_a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -14px;
    width: 28px;
    height: 3px;
    border-radius: 3px;
    background: #fff;
    border-radius: 38px;
    transform: scaleX(0);
    transition: ALL 0.48s;
}

.headNav li:hover .headNav_a::after,
.headNav li.active .headNav_a::after {
    transform: scale(1);
}

.headTel a {
    position: relative;
    color: #fff;
    font-family: "webfont";
    font-size: 28px;
    letter-spacing: 1px;
    padding-left: 40px;
}

.headTel svg {
    position: absolute;
    top: 51%;
    transform: translateY(-50%);
    left: 0;
    width: 24px;
    height: 24px;
    opacity: .68;
}



.headSub {
    display: none;
    position: absolute;
    top: 84px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 168px;
    background: #fff;
    box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1);
}

.headSub.pro {
    left: 0;
    transform: translateX(0);
    width: 808px;
    padding: 35px 48px;
}


.headSub_div {
    padding: 14px;
}

.headSub_div a {
    padding: 10px 0;
    width: 100%;
    display: inline-block;
    text-align: center;
    border-top: 1px solid #eee;
    transition: all 0.48s;
}

.headSub_div a:first-child {
    border-top: 0;
}

.headSub_div a:hover {
    color: #187df2;
}


.headSub_tit {
    color: #187df2;
    font-size: 18px;
    margin-bottom: 14px;
}

.headSub_tit span {
    display: inline-block;
    color: #187df2;
    font-size: 12px;
    letter-spacing: 1px;
}

.headSub_tit img {
    width: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.headSub_list {
    overflow: hidden;
    width: calc(100% - 32px);
    margin-left: 32px;
}

.headSub_item:first-child .headSub_list {
    border-bottom: 1px solid #eee;
    padding-bottom: 28px;
    margin-bottom: 28px;
}

.headSub_list a {
    float: left;
    width: 20%;
    margin-bottom: 10px;
    color: #666;
    transition: all 0.48s;
}

.headSub_list a:hover {
    color: #187df2;
}

/* hover */
.weHead.bg {
    box-shadow: 0 0 10px 1px rgba(24, 105, 255, 0.1);
}

.weHead.bg,
.weHead.color {
    background: #fff;
}

.weHead.bg .headLogo_img,
.weHead.color .headLogo_img {
    display: none;
}

.weHead.bg .headLogo_col,
.weHead.color .headLogo_col {
    display: block;
}

.weHead.bg .headNav_a,
.weHead.color .headNav_a {
    color: #333;
}

.weHead.bg .headNav .active .headNav_a,
.weHead.color .headNav .active .headNav_a {
    color: #187df2;
}






































.weHead.bg .headNav_a::after,
.weHead.color .headNav_a::after {
    background: #187df2;
}

.weHead.bg .headTel path,
.weHead.color .headTel path {
    fill: #187df2;
}

.weHead.bg .headTel a,
.weHead.color .headTel a {
    color: #187df2;
}

/* mobile */
.headMenu {
    position: relative;
    width: 22px;
    height: 20px;
    display: none;
    cursor: pointer;
    margin-top: 5px;
    transform: scale(1.2);
}

.headMenu span {
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    /* background: -webkit-linear-gradient(left, #00bbff, #0078ff);
    background: linear-gradient(left, #00bbff, #0078ff); */
    position: absolute;
    left: 0;
    transition: width 0.3s ease 0s;
}

.headMenu .headMenu_span1 {
    width: 12px;
    top: 0;
}

.headMenu .headMenu_span2 {
    width: 20px;
    top: 6px;
}

.headMenu .headMenu_span3 {
    width: 16px;
    top: 13px;
}

.headMenu.click .headMenu_span1 {
    width: 20px;
    transform: rotate(-45deg) translateY(9px);
}

.headMenu.click .headMenu_span2 {
    opacity: 0;
}

.headMenu.click .headMenu_span3 {
    width: 20px;
    transform: rotate(45deg) translateY(-9px);
}

/*  */
.xyHead {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 999;
    background: -webkit-linear-gradient(left, #00bbff, #0078ff);
    background: linear-gradient(left, #00bbff, #0078ff);
}

.xyHead_cls {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 45px;
    color: #0078ff;
    line-height: 40px;
    background: #fff;
    text-align: center;
    font-size: 32px;
}

.xyHead_box {
    width: 80%;
    margin: 0 auto;
    margin-top: 80px;
}

.xyHead_row {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.xyHead_li {
    position: relative;
    width: 50%;
    text-align: center;
}

.xyHead_tit {
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.38);
    border-bottom: 1px solid rgba(255, 255, 255, 0.38);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
}

.xyHead_li:nth-of-type(2n) .xyHead_tit {
    border-left: 1px solid rgba(255, 255, 255, 0.38);
}

.xyHead_tit a {
    color: #fff;
    font-size: 18px;
}


.xyHead_tit p {
    color: #d7eeff;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 1px;
    min-height: 18px;
}

.xyHead_list {
    display: none;
    position: relative;
    padding: 24px 0 42px;
}

.xyHead_list::before {
    content: "";
    position: absolute;
    top: 20%;
    left: 0;
    width: 1px;
    height: 60%;
    border-left: 1px dashed rgba(255, 255, 255, 0.18);
}

.xyHead_li:first-child .xyHead_list::before {
    content: none;
}

.xyHead_list a {
    display: block;
    color: #d7eeff;
    margin-top: 10px;
    letter-spacing: 1px;
    font-size: 15px;
    line-height: 1.8;
}

/*  footer =============================================================================== */
footer {
    position: relative;
    overflow: hidden;
    background: #161a40;
}

.footBox {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 68px 0 54px;
}

.footL {
    width: 408px;
}

.footLogo {
    position: relative;
    margin-bottom: 38px;
    margin-top: 14px;
}



.footTel a {
    font-size: 36px;
    color: #fff;
    font-family: "webfont";
    letter-spacing: 1px;
    line-height: 1;
    display: block;
}

.footTel p {
    color: #fff;
    margin-top: 5px;
    letter-spacing: 0;
}

.footIco {
    margin-top: 28px;
}

.footIco a {
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

.footIco i {

    width: 32px;

    height: 32px;
    border: 1px solid rgb(255 255 255 / 28%);
    border-radius: 6px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.footIco img {
    width: 58%;
}

.footEwm {
    display: none;
    position: absolute;
    bottom: 42px;
    width: 128px;
    left: -45px;
    text-align: center;
    background: #fff;
    padding: 7px;
}

.footEwm img {
    width: 100%;
    display: block;
}

.footEwm label {
    font-size: 13px;
    color: #666;
    display: block;
    margin-top: 7px;
    letter-spacing: 0;
}

.footIco a:hover .footEwm {
    display: block;
}



.footR {
    width: calc(100% - 508px);
    padding-top: 14px;
}

.footNav {
}

.footNav li {
	width: 24%;display: inline-block;vertical-align: top;float: left;padding-right: 25px;
}

.footNav a {
    color: #9c9daf;
    margin-top: 14px;
    display: block;
    letter-spacing: .5px;
    line-height: 1.3;
}

.footNav a:hover {
    color: #fff;
}

.footNav a:first-of-type {
    display: block;
    font-size: 18px;
    color: #fff;
    margin-bottom: 42px;
}

.footCopy {
    border-top: 1px solid #333;
    padding: 24px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footCopy_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footCopy div,
.footCopy a {
    font-size: 12px;
    color: #9c9daf;
    text-transform: uppercase;
}

.footCopy a {
    display: inline-block;
}

/*  index ================================================================================ */

.banner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: calc(100vh - 68px);
    background: #0a7df7;
}

.banner .swiper-slide,
.banner .swiper-wrapper,
.banner .swiper-container {
    height: 100%;
}

.banner .swiper-slide {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banImg {
    display: none;
}

.banImg img {
    width: 100%;
}

.banTxt {
    position: absolute;
    left: 14%;
    top: 50%;
    transform: translateY(-50%);
}

.banTxt span {
    display: block;
    color: #fff;
}

/* 1 */
.indOne {
    position: relative;
    overflow: hidden;
}

.indOne_box {
    margin-left: -1%;
    margin-right: -1%;
    margin-bottom: -20px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.indOne_a {
    cursor: pointer;
    position: relative;
    width: 23%;
    margin: 1%;
    background: #f2f8ff;
    padding: 38px 42px;
    overflow: hidden;
}

.indOne_a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(#00bbff, #0078ff);
    background: -o-linear-gradient(#00bbff, #0078ff);
    background: linear-gradient(#00bbff, #0078ff);
    transition: all .68s ease;
    opacity: 0;
}


.indOne_a:nth-of-type(-n+3) {
    width: 31.33%;

}

.indOne_a img {
    position: absolute;
    bottom: -10px;
    right: -30px;
    width: 101px;
    z-index: 2;
    opacity: 0.68;
    transition: all 0.48s;
}

.indOne_txt {
    position: relative;
    z-index: 3;
}

.indOne_txt span {
    font-size: 22px;
    transition: all 0.48s;
}

.indOne_txt p {
    color: #999;
    line-height: 1.4;
    letter-spacing: 1px;
    margin-top: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
    margin-bottom: 51px;
    transition: all 0.48s;
}

.indOne_a:nth-of-type(-n+3) .indOne_txt p {

    margin-bottom: 28px;
}

.indOne_a .indI::after {
    background: #fff;
}


.indOne_a:hover::before {
    opacity: 1;
}

.indOne_a:hover img {
    opacity: 0.18;
}

.indOne_a:hover .indOne_txt span,
.indOne_a:hover .indOne_txt p,
.indOne_a:hover .indOne_txt i {
    color: #fff;

}


/* 2 */
.indTwo {

    position: relative;
    overflow: hidden;
    background: -webkit-linear-gradient(#00bbff, #0078ff);
    background: linear-gradient(#00bbff, #0078ff);
}

.indTwo_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.12;
    overflow: hidden;
}

.indTwo_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}


.indTwo .inner {
    position: relative;
    z-index: 3;
}

.indTab {
    padding: 14px 0 38px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 2px solid rgba(255, 255, 255, 0.17);
    position: relative;
}

.indTab_line {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: #fff;
    transition: all 0.48s;
}

.indTab a {
    position: relative;
    text-align: center;
    flex: 1;
}



.indTab_jg {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: -75%;
    width: 1px;
    height: 24px;
    opacity: 0.48;
}

.indTab a:first-of-type .indTab_jg {
    opacity: 0;
}

.indTab_box {
    position: relative;
    min-height: 280px;
}

.indTab_mlb {
    display: none;
    padding: 18px 0;
    width: 100%;
}

.indTab_mlb .indPanl {
    display: none;
    opacity: 1;
    z-index: 21;
    position: relative;
    padding: 28px;
    background: rgba(255, 255, 255, 0.1);
    border-top: 3px solid #187df2;
}


.indPanl {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    padding: 68px 0 0;
    transition: all 0.28s;
}



.indPanl>span {
    position: relative;
    top: 108px;
    opacity: 0;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 14px;
    display: block;
    transition: all 0.48s 0.48s;
}

.indPanl>p {
    position: relative;
    top: 28px;
    opacity: 0;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    transition: all 0.48s 0.8s;

    max-width: 80%;
}

.indPanl .indMore {
    position: relative;
    top: 28px;
    opacity: 0;
    transition: all 0.48s 1.2s;
}

.indPanl.show {
    opacity: 1;
    z-index: 11;
}

.indPanl.show>span {
    opacity: 1;
    top: 0;
}

.indPanl.show>p {
    color: #fff;
    top: 0;
    opacity: 1;
}

.indPanl.show .indMore {
    opacity: 1;
    top: 0;
}

@media(min-width:1025px) {
    /* .indTab a:hover .indNum {
        top: -18px;
    } */
}

/* 3 */
.indThr {

position: relative;

overflow: hidden;
}

.indThr_box {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
}

.indThr_a {
    position: relative;
    padding: 12px;
    width: 33.33%;
    text-align: center;
}

.indThr_a div {
    position: relative;
    transition: all 0.48s;
    padding: 48px 0;
    width: 100%;
    height: 100%;
    background: #f8f8f8
}

.indThr_a div::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: -webkit-linear-gradient(left, #00bbff, #0078ff);
    background: linear-gradient(left, #00bbff, #0078ff);
    transform: scale(0);
    transition: all 0.48s;
}

.indThr_a:hover div {
    background: #fff;
    box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1);
}

.indThr_a:hover div::after {
    transform: scale(1);
}

.indThr_a img {
    width: 62px;
    display: block;
    margin: 0 auto;
}

.indThr_a:hover img {
    animation: gelatine 0.5s 1;
}


@keyframes gelatine {

    from,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);

    }

    75% {
        -webkit-transform: scale(0.95, 1.05);

















        transform: scale(0.95, 1.05);
    }
}

@-webkit-keyframes gelatine {

    from,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }

    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}

.indThr_a svg {
    display: block;
    margin: 0 auto;
    width: 64px;
    height: 64px;
}

.indThr_a span {
    font-size: 20px;
    margin-top: 6px;
    display: block;
    margin-bottom: 20px;
}

/* 4 */
.indFor {
    position: relative;
}

.indFor_box {
    width: 102%;
    position: relative;
    display: block;
    margin-left: -1%;
    margin-right: -1%;
}

.indFor_a {
    position: relative;
    width: 31.333333333%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    background: #f8f8f8;
    display: block;
    transition: all 0.48s;
    overflow: hidden;
}

.indFor_a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: -webkit-linear-gradient(left, #00bbff, #0078ff);
    background: linear-gradient(left, #00bbff, #0078ff);
    transform: scale(0);
    transition: all 0.48s;
}



.indFor_a img {
    width: 58%;
    display: block;
}


.indFor_txt {
    position: relative;
    z-index: 11;
    width: 100%;
    padding: 60px 6% 42px;
    text-align: center;
}

.indFor_num {
    width: 101px;
    height: 101px;
    border-radius: 50%;
    margin: 0 auto 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 30px rgba(27, 105, 255, 0.12);
}

.indFor_num div {
    width: 84%;
    height: 84%;
    border-radius: 50%;
    background: #187df2;
    box-shadow: 0 0 10px 1px rgba(27, 105, 255, 0.12);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    color: #187df2;
    font-family: "webfont";
    letter-spacing: 2px;
}

.indFor_txt>span {
    position: relative;
    top: 0px;
    font-size: 22px;
    transition: all 0.48s;
}


.indFor_txt>p {
    position: relative;
    top: 0px;
    color: #999;
    letter-spacing: 0.5px;
    min-height: 56px;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 60px;
    transition: all 0.48s;
}

.indFor_a .indMore {
    position: relative;
    transition: all 0.48s;
}

@media(min-width:1025px) {
    .indFor_a:hover:after {

        transform: scale(1);
    }

    .indFor_a:hover .indFor_txt>span {
        color: #187df2;
    }

}

/* 5 */
.indFive {
    position: relative;
    overflow: hidden;
    background: linear-gradient(#1b3c75, #1d3654);
}

.indFive .swiper-pagination {
    text-align: center;
    width: 100%;
    margin-top: 28px;
}

.indFive_box {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom-width: 2px;
    margin-bottom: 28px;
}

.indFive_img {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 18px 0;
    overflow: hidden;
}


.indFive_img img {
    max-width: 68%;
    opacity: 1;
    transition: all 0.48s;
}

.indFive_img:hover img {
    opacity: 1;
    transform: scale(1.1);
}

/* 6 */
.indSix {
    position: relative;
    overflow: hidden;
    margin-top: -20px;
}

.indSix .indTit a {
}

.indSix_box {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.indSix_a {
    width: 23.5%;
    box-shadow: 0 0 10px 1px rgba(24, 105, 255, 0.1);

    border-radius: 3px;
    overflow: hidden;
    background: #fff;



}







.indSix_img {
    position: relative;
    padding-top: 90%;
    overflow: hidden;
}


.indSix_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.48s;
}


.indSix_txt {
    padding: 20px 30px 30px;
}

.indSix_txt p {
    font-size: 16px;
    letter-spacing: 1px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 60px;
    margin-bottom: 28px;
}

.indSix_txt span {
    color: #187df2;
    display: block;
    text-align: left;
    font-size: 14px;
    letter-spacing: 0;
}

.indSix_a:hover .indSix_img img {
    transform: scale(1.1);
}

.indSix_a:hover .indSix_txt p {
    color: #187df2;
}

/* 7 */
.indSeven {
    text-align: center;
    padding: 60px 0;
    position: relative;
    overflow: hidden;
    background: -webkit-linear-gradient(#00bbff, #0078ff);
    background: -o-linear-gradient(#00bbff, #0078ff);
    background: linear-gradient(#00bbff, #0078ff);
}

.indSeven_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center 10%;
    background-size: cover;
    opacity: 0.1;
}

.indSeven .inner {
    position: relative;
    max-width: 1000px;
    width: 90%;
}

.indSeven form {
    display: inline-block;
    text-align: left;
}

.indSeven_p a,
.indSeven_p {
    color: #fff;
}

.indSeven_p {
    margin-top: 38px;
    text-align: center;
    font-size: 24px;
    line-height: 1;
    position: relative;
    top: 10px;
}

.indSeven_p svg {

    width: 38px;
    height: 38px;
    vertical-align: middle;
    position: relative;
    top: -3px;
}

.indSeven_p a {
    font-size: 32px;
    line-height: 1;
    letter-spacing: 1.5px;
    margin-left: 10px;
    opacity: 1;
    font-family: "webfont";
    display: inline-block;
    vertical-align: text-bottom;
}

.indSeven_inp {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}


.indSeven input {
    width: 438px;
    height: 54px;
    line-height: 54px;
    background: rgba(255, 255, 255, 0.89);
    color: #999;
    padding: 0 20px;
    font-size: 13px;
    margin-left: 2px;
    border-radius: 0;
}

.indSeven input:first-child {
    margin-left: 0;
    width: 208px;
}


.indSeven input::-webkit-input-placeholder {
    color: #999;
    font-size: 13px;
}

.indSeven .btn {
    display: inline-block;
    background: #187df2;
    height: 54px;
    line-height: 54px;
    padding: 0 34px;
    color: #fff;
    letter-spacing: 1px;
}

.indSeven_ico {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -20px;
    margin-bottom: 24px;
}

.indSeven_ico a {
    position: relative;
    text-align: center;
}

.indSeven_ico a:first-child:before {
    content: none;
}

.indSeven_ico img {
    width: 32px;
    display: block;
    margin: 0 auto;
}

/* .indSeven_ico svg {
    width: 32px;
    height: 32px;
} */

.indSeven_ico p {
    font-size: 15px;
    color: #fff;
}

/*  cases =============================================================================== */
/* 1 */
.casePar_box {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin-left: -1%;
    margin-right: -1%;
}

.casePar_a {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 3px;
    width: 23%;
    margin: 1%;
}

.casePar_img {
    position: relative;
    padding-top: 60%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    overflow: hidden;
}

.casePar_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.48s;
}

.casePar_txt {
    padding: 14px 28px;
    background: #eff5ff;

    display: flex;

    align-items: center;
    justify-content: space-between;
}

.casePar_ico {
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    margin-right: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.casePar_ico img {
    width: 68%;
    opacity: 0.7;
}

.casePar_name {
    width: calc(100% - 78px);
}

.casePar_name span {
    font-weight: bold;
    line-height: 1;
    font-size: 18px;
}

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

@media(min-width: 1025px) {

    .casePar_a:hover .casePar_img img {
        transform: scale(1.1);
    }

    .casePar_a:hover .casePar_name span {
        color: #1869ff;
    }
}

/* 2 */
.caseBox {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.caseBox_div {
    background: #Fff;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.caseBox_img {
    width: 50%;
    padding-top: 34%;
    position: relative;
}

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

.caseBox_txt {
    width: 50%;
    padding: 48px 68px;
}

.caseBox_txt img {
    max-width: 189px;
}

.caseBox_txt p {
    padding-left: 14px;
    position: relative;
    margin-top: 18px;
}

.caseBox_txt p svg {
    position: absolute;
    top: -10px;
    left: -28px;
    width: 28px;
    height: 28px;
    opacity: 0.1;
}

.js_caseBox {
    position: relative;
    padding: 0 108px;
    margin-top: 38px;
}

.js_caseBox .button svg {
    width: 30%;
    height: 30%;
}

.js_caseBox .button path {
    fill: #fff;
}

.js_caseBox .swiper-button-prev svg {
    transform: rotate(180deg);
}

.js_caseBox .swiper-button-prev,
.js_caseBox .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.38);
    display: flex;
    align-items: center;
    justify-content: center;
}

.js_caseBox .swiper-button-prev {
    left: 0;
}

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

/* 3 */
.js_caseLogo {
    position: relative;
}


.caseLogo_img {
    cursor: pointer;
    border: 1px solid #eee;
    text-align: center;
    padding: 18px 0;
    overflow: hidden;
    transition: all 0.48s;
}


.caseLogo_img img {
    max-width: 68%;
    opacity: 1;
    transition: all 0.48s;
}

.js_caseLogo .swiper-container {

    border: 1px solid #eee;
}

.js_caseLogo .swiper-pagination {
    width: 100%;
    text-align: center;
    margin-top: 18px;
}

@media(min-width:1025px) {
    .caseLogo_img:hover {
        z-index: 11;
        border-color: transparent;
        box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.10);
    }

    .caseLogo_img:hover img {
        transform: scale(1.1);
    }
}

/*  join =============================================================================== */
/* 1 */
.joWeBox {
    width: 100%;
    background: #f2f8ff;
}

.joWe {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.joWeImg {
    width: 48%;
    position: relative;
    padding-top: 30%;
}

.joWeImg iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.joWeImg>img {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.joWeImg p {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    color: #fff;
    letter-spacing: 2px;
    text-align: center;
}

.joWeImg p img {
    width: 115px;
    display: block;

    margin: 0 auto;
    margin-bottom: 10px;


}


.joWeText {
    width: 52%;
    padding-left: 90px;


}

.joWeText li {

    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(216, 235, 255, 0.8);
    padding: 32px 0;
}

.joWeText li:first-child {
    padding-top: 0;
}

.joWeText li:last-child {
    border-bottom: none;
}

.icon_yuan {
    width: 84px;
    height: 84px;
    background: rgba(0, 166, 255, 0.1);
    border-radius: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon_yuan::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 86%;
    height: 86%;
    background: rgba(0, 166, 255, 1);
    border-radius: 100%;
}

.icon_yuan img {
    position: relative;
    width: 52%;
}

.joWeText li p {
    font-size: 20px;
    letter-spacing: 1px;
    width: calc(100% - 108px);
}

/* 2 */
.joinTeam_box {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 608px;
}

.joinTeam_img {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.joinTeam_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-filter: grayscale(30%);
    filter: grayscale(30%);
    transition: all 0.48s;
}

.joinTeam_img:hover img {
    transform: scale(1.06);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.joinTeam_a {
    float: left;
    display: block;
    width: 25%;
    height: 50%;
    padding: 5px;
}

.joinTeam_a:first-of-type {
    width: 54%;
}

.joinTeam_a:nth-child(2),
.joinTeam_a:nth-child(3) {
    width: 23%;
}

/* 3 */
.joinFl {
    width: 100%;
    background: #f2f8ff;
}

.joinFl_box ul {
    overflow: hidden;
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.joinFl_box li {
    width: 16.66%;
    text-align: center;
    padding: 10px;
}

.joinFl_box li>div {
    padding: 38px 10px;
    background: #fff;
    border-radius: 3px;
    height: 100%;
}


.joFlImg {
    margin-bottom: 5px;
}

.joFlImg img {
    position: relative;
    top: 0;
    width: 50px;
    transition: all 0.48s;
}

.joinFl_box ul li p {
    font-size: 18px;
}

.joinFl_box ul li:hover .joFlImg img {
    top: -10px;
}

.joinFl_box ul li:hover p {
    color: #187df2;
}

/* 4 */
.joGangWei .indTop {
    border-bottom: none;
    padding-bottom: 0;
}


.joinJob {
    position: relative;
}

.joinJob .swiper-container {
    border-top: 1px solid #dde3ea;
    border-right: 1px solid #dde3ea;

}

.joinJob .swiper-slide {
    cursor: pointer;
    padding: 45px 40px;
    border-left: 1px solid #dde3ea;
    border-bottom: 1px solid #dde3ea;
    background: #f2f8ff;
}

.joinJob_txt span {
    display: block;
    font-size: 22px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.joinJob_txt b {
    color: #666;
    font-weight: normal;
    display: block;
    margin-bottom: 30px;
}

.joinJob_txt .weMore {
    margin: 0;
}

.joinJob .swiper-button-next,
.joinJob .swiper-button-prev {
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 1px solid #0b89ff;
    border-radius: 2px;
    background-image: url(../images/icon_gw_yjt.png);
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center;
    outline: none;
    margin-right: 20px;
}

.joinJob .swiper-button-prev {
    left: 0;
    transform: rotateY(180deg);
}

.zhaoPiBox {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    text-align: right;
}


.zhaoPiImg a {
    display: inline-block;
}



.zhaoPiImg img {


    cursor: pointer;
    height: 28px;
    margin-left: 30px;


    object-fit: contain;
    transition: all 0.48s;
}

.zhaoPiImg img:hover {
    transform: scale(1.1);
}

.zhaoPi p {
    padding-top: 15px;
    color: #0b89ff;
    font-size: 13px;
}

.jo_ipt {
    border: 1px solid #eee;
    background: #f7f7f7;
    margin-left: 10px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    width: 248px;
    padding: 0 10px;
}

.jo_ipt:first-child {
    width: 268px;
}

.jo_ipt select,
.jo_ipt input {
    background: #f7f7f7;
    width: 100%;
    line-height: 38px;
    border-radius: 3px;
    font-size: 14px;
    height: 38px;
}

.jo_ipt img {
    width: 18px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.joinJob .swiper-slide:hover .joinJob_txt span {
    color: #187df2;
}


.joinFix {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.68);
}

.joinFix_div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.joinFix_box {
    position: relative;
    padding: 3% 5%;
    background: #fff;
    border-radius: 3px;
    width: 90%;
    max-width: 1200px;
}

.joinFix_box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: -webkit-linear-gradient(#00bbff, #0078ff);
    background: linear-gradient(#00bbff, #0078ff);
}

.joinFix_top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    border-bottom: 1px solid #eee;
    padding-bottom: 28px;
}

.joinFix_top span {
    color: #999;
    letter-spacing: 0;
}

.joinFix_top p {
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 1px;
}

.joinFix_btm {
    height: 430px;
    overflow: auto;
    margin: 20px 0;
    padding-right: 38px;
}

.joinFix_btm::-webkit-scrollbar {
    width: 3px;
    height: 100%;
    border-radius: 3px;
}

.joinFix_btm::-webkit-scrollbar-track {
    background: #f8f8f8;
}

.joinFix_btm::-webkit-scrollbar-thumb {
    background: -webkit-linear-gradient(rgba(0, 187, 255, 1), rgba(0, 120, 255, 1));
    background: linear-gradient(rgba(0, 187, 255, 1), rgba(0, 120, 255, 1));
}


.joinFix_btm span {
    display: block;
    font-weight: bold;
    font-size: 16px;
    margin-top: 28px;
    margin-bottom: 8px;
}

.joinFix_btn {
    cursor: pointer;
    line-height: 1;
    font-size: 16px;
    padding: 12px 42px;
    text-align: center;
    display: inline-block;
    background: #187df2;
    color: #fff;
    position: relative;
    top: 18px;
    letter-spacing: 4px;
    border-radius: 3px;
    margin-top: 14px;
}

/*  news =============================================================================== */
.news .indTop {
    border-bottom: none;
    margin-bottom: 20px;
}

.news .indNav a::after {
    bottom: -15px;
}

/*  */

.newFlex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.newLeft {
    width: calc(100% - 438px);
}

.newRig {
    width: 389px;
}

.newEwm,
.newList {
    margin-bottom: 28px;
    border-radius: 3px;
    padding: 28px;
    background: -webkit-linear-gradient(#00bbff, #0078ff);
    background: linear-gradient(#00bbff, #0078ff);
}

.newList_top {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.newList_top img {
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 30px;
}

.newList_top span {
    color: #fff;
    font-size: 20px;
    line-height: 1;
    padding-left: 12px;
    display: inline-block;
    border-left: 4px solid #fff;
}



.newList a {

    display: block;
    padding: 10px;
    padding-left: 0;

    white-space: nowrap;


    overflow: hidden;
    text-overflow: ellipsis;
    color: #d7eeff;
}

.newEwm_box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 6%;
}

.newEwm_box div {
    text-align: center;
}

.newEwm_box p {
    color: #fff;
    margin-top: 5px;
    letter-spacing: 0.5px;
}

.newEwm_box img {
    background: #fff;
    padding: 4px;
    width: 108px;
}

/*  */
.newBig_img {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius: 3px;
    padding-top: 38%;
}

.newBig_img::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: -webkit-linear-gradient(rgba(0, 187, 255, 0), #187df2);
    background: linear-gradient(rgba(0, 187, 255, 0), #187df2);

}

.newBig_img img {
    width: 100%;
    border-radius: 3px;
    transition: all 0.48s;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
}

.newBig_img:hover img {
    transform: scale(1.05);
}

.newBig_img .swiper-slide {
    position: relative;
}

.newBig_txt {
    position: absolute;
    left: 40px;
    bottom: 40px;
    width: 75%;
}

.newBig_txt span,
.newBig_txt p {
    color: #fff;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newBig_txt span {
    font-size: 24px;
}

.newBig_txt p {
    margin-top: 10px;
}

.newBig_txt p span {
    font-size: 18px;
    color: #fff;
    margin-left: -10px;
}

.newBig .swiper-pagination {
    bottom: 10px;
    left: initial;
    right: 14px;
    width: auto;
    transform-origin: right;
    transform: scale(0.8);
}

/* .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    border-radius: 0;
    margin: 0 4px !important;
} */

.newBox {
    padding-top: 10px;
    margin-bottom: 50px;
}


.newItem {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius: 3px;
    text-align: right;
    margin-top: 30px;
    box-shadow: 0 0 10px 1px rgba(31, 119, 246, 0.1);
}

.newImg {
    position: absolute;
    left: 0;
    top: 0;
    width: 38%;
    overflow: hidden;
    height: 100%;
}

.newImg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .48s;
}

.newTxt {
    display: inline-block;
    text-align: left;
    width: 62%;
    padding: 40px 50px;
}

.newTxt span {
    display: block;
    color: #999;
    letter-spacing: 0;
}

.newTxt p {
    margin-bottom: 48px;
    font-size: 20px;
    letter-spacing: 1px;
    transition: all 0.48s;
    min-height: 72px;
}

.newsMore .more {
    display: inline-block;
    color: #006fed;
    padding: 5px 18px;
    border: 1px solid #006fed;
    border-radius: 5px;
    font-size: 12px;
}

@media(min-width: 1025px) {
    .newItem:hover .newImg img {
        transform: scale(1.1);
        transition: all .48s;
    }

    .newItem:hover .newTxt p {
        color: #187df2;
    }
}

/*  about =============================================================================== */

/* 1 */
.abAbout_box {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.abAbout_txt {
    width: 50%;
}

.abAbout_p {
    overflow: auto;
    margin-bottom: 49px;
    padding-right: 28px;
}

.abAbout_p::-webkit-scrollbar {
    width: 3px;
    height: 100%;
    border-radius: 3px;
}

.abAbout_p::-webkit-scrollbar-thumb {
    background: -webkit-linear-gradient(rgba(0, 187, 255, 0.6), rgba(0, 120, 255, 0.6));
    background: linear-gradient(rgba(0, 187, 255, 0.6), rgba(0, 120, 255, 0.6));
}

.abAbout_p p {
    margin-bottom: 14px;
    font-size: 16px;
    color: #666;
    line-height: 2;
}

.abNum {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 14px;

}

.abNum_div {
    display: block;


    text-align: center;
}

.abNum span {

    line-height: 1;
    font-size: 48px;
    font-family: "webfont";
    color: #187df2;
}

.abNum i {
    display: block;
    width: 14px;
    height: 2px;
    background: #187df2;
    border-radius: 12px;
    margin: 10px auto;
}

.abAbout_img {
    position: relative;
    width: 45%;
    z-index: 2;
}

.abAbout_img::before {
    position: absolute;
    top: -12px;
    right: -12px;
    width: 100%;
    height: 100%;
    background: #f8f8f8;
}

.abAbout_img::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(24, 125, 242, 0.28);
    z-index: 7;
}

.abAbout_pic {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.abAbout_pic video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.abAbout_pic img {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
    transition: all 0.48s;
}

.abAbout_ico {
    position: absolute;
    z-index: 11;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.abAbout_ico svg {
    position: relative;
    top: 0;
    width: 54px;
    height: 54px;
    transition: all 0.48s;
}

.abAbout_ico p {
    margin-top: 5px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #fff;
}

.abAbout_img:hover img {
    transform: scale(1.1);
}

.abAbout_img:hover .abAbout_ico svg {
    top: -14px;
}

/* 2 */
.abCul {
}

.abCul_box {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.abCul_item {
    border-radius: 3px;
    position: relative;
    z-index: 3;
    width: 32%;
    box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1);
    background: -webkit-linear-gradient(#1b3c75, #1d3654);
    background: linear-gradient(#1b3c75, #1d3654);
    padding: 50px;
    box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1);
}

.abCul_item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bg16.png) no-repeat center;
    background-size: cover;
    opacity: 0.3;
    z-index: -1;
}

.abCul_item img {
    position: relative;
    width: 38px;
    display: block;
    margin-bottom: 14px;
}

.abCul_item span {
    position: relative;
    color: #fff;
    font-size: 20px;
}

.abCul_item i {
    position: relative;
    display: block;
    width: 21px;
    height: 2px;
    background: #fff;
    margin: 6px 0 24px;
    border-radius: 8px;

}

.abCul_item p {
    color: #d7eeff;
    font-size: 16px;
    min-height: 56px;
}

/* 3 */
.abDeve {
    position: relative;
    background: #f2f8ff;
    position: relative;
    overflow: hidden;
}

.abDeve_img {
    margin-top: -38px;
}

.abDeve_img img {
    width: 100%;
    display: block;
}

.abDeve_img_mlb {
    position: relative;
    display: none;
}

.abDeve_img_mlb .indTit {
    position: absolute;
    top: 48px;
    left: 0;
    width: 100%;
}

/* 4 */
.abInd_img {
    position: relative;
    padding-top: 100%;
    overflow: hidden;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.abInd_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.8s;
}

.abInd_p {
    background: #ffffff;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1.4;
    padding: 20px;
    min-height: 84px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    transition: all 0.48s;
}


.abInd .swiper-pagination {
    position: relative;
    bottom: 0;
    margin-top: 24px;
}

.abInd_list {
    margin-top: 38px;
    padding-top: 38px;
    border-top: 1px solid #eee;
    display: flex;
    align-items: stretch;

    justify-content: space-between;
}


.abInd_list::-webkit-scrollbar {
    width: 3px;

    height: 100%;
    border-radius: 3px;
}

.abInd_list::-webkit-scrollbar-track {
    background: #f8f8f8;
}

.abInd_list::-webkit-scrollbar-thumb {
    background: -webkit-linear-gradient(rgba(0, 187, 255, 1), rgba(0, 120, 255, 1));
    background: linear-gradient(rgba(0, 187, 255, 1), rgba(0, 120, 255, 1));
}

.abInd_list li {
    width: 48%;
}

.abInd_list p {
    color: #666;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    padding-left: 18px;
    position: relative;
    font-size: 15px;
    transition: all 0.48s;
    left: 0;
}

.abInd_list p::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #187df2;
    border-radius: 50%;
}


.abInd .swiper-button-next,
.abInd .swiper-button-prev {
    display: block;
    width: 34px;
    height: 84px;
    border: 1px solid #0b89ff;
    border-radius: 2px;
    position: absolute;
    top: calc(50% - 15px);
    transform: translateY(-50%);
    background-image: url(../images/icon_gw_yjt.png);
    background-size: 68%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    outline: none;
}

.abInd .swiper-button-prev {
    left: -60px;
    transform: translateY(-50%) rotateY(180deg);
}

.abInd .swiper-button-next {
    right: -60px;
}



@media(min-width:1025px) {
    .abInd_box .swiper-slide:hover .abInd_img {
    }

    .abInd_box .swiper-slide:hover .abInd_img img {
        transform: scale(1.1);
    }

    .abInd_box .swiper-slide:hover .abInd_p {
        color: #187df2;
    }

    .abInd_list p:hover {
        color: #187df2;
        cursor: pointer;
        left: -14px;
    }
}

/* 5 */
.abHor {
    background: #f2f8ff
}

.abHor_pos {
    position: relative;
}

.abHor_year {
    padding: 89px 0;
    position: absolute;
    top: -10%;
    width: 268px;
    height: 120%;
    text-align: center;
    margin-left: 80px;
    background: -webkit-linear-gradient(#00bbff, #0078ff);
    background: linear-gradient(#00bbff, #0078ff);
    border-radius: 3px;
}

.abHor_year .swiper-container {
    height: 100%;
}

.abHor_year .swiper-slide {
    cursor: pointer;
    font-family: "webfont";
    font-size: 22px;
    letter-spacing: 1px;
    color: #d7eeff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.abHor_year .swiper-slide-active {
    font-size: 28px;
    color: #fff;
}

.abHor_year .swiper-button-next,
.abHor_year .swiper-button-prev {
    background: none;
    position: absolute;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;

}

.abHor_year .swiper-button-next img,
.abHor_year .swiper-button-prev img {
    width: 50%;
}

.abHor_year .swiper-button-prev {
    top: 30px;
}

.abHor_year .swiper-button-next {
    bottom: 30px;
}

.abHor_year .swiper-button-prev img {
    transform: rotate(-90deg);
}

.abHor_year .swiper-button-next img {
    transform: rotate(90deg);
}

.abHor_box {
    border-radius: 3px;
    background: #fff;
    padding: 89px;
    padding-left: 408px;
    overflow: hidden;
    margin-bottom: 48px;
}

.abHor_div {
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    overflow: hidden;
}


.abHor_img {
    width: 36%;
    position: relative;
    z-index: 11;
    text-align: center;
}



.abHor_img_img {
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.8s;
}



.abHor_img_img.active {
    opacity: 1;




}

.abHor_pic {
    height: 100%;
    width: 100%;
    padding: 15px;
}






.abHor_pic img {
    margin: 0 auto;
    height: 100%;

    width: 100%;

    object-fit: contain;

    display: block;

}

.abHor_img_img p {
    line-height: 1.6;

    margin-top: 18px;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 0 14px;
    min-height: 52px;
}

.abHor_txt {
    position: relative;
    width: 64%;
    height: 289px;
    overflow: auto;
    direction: rtl;
    text-align: left;
    padding-left: 8%;
}

.abHor_txt::-webkit-scrollbar {
    width: 3px;
    height: 100%;
    border-radius: 3px;
}

.abHor_txt::-webkit-scrollbar-track {
    background: #f8f8f8;
}

.abHor_txt::-webkit-scrollbar-thumb {
    background: -webkit-linear-gradient(rgba(0, 187, 255, 1), rgba(0, 120, 255, 1));
    background: linear-gradient(rgba(0, 187, 255, 1), rgba(0, 120, 255, 1));
}

.abHor_span {
    position: absolute;
    top: 0;
    left: 8%;
    width: 64%;
    z-index: 3;
    padding-bottom: 14px;
    background: #fff;
    text-align: left;
    direction: ltr;
}

.abHor_span span {
    font-size: 48px;
    line-height: 1;
    color: #187df2;
    font-family: "webfont";
    letter-spacing: 1px;
}


.abHor_span label {
    color: #187df2;
    font-size: 18px;
    position: relative;
    bottom: 2px;
    margin-left: 2px;
}

.abHor_p {
    direction: ltr;
    margin-top: 70px;
}

.abHor_p p {
    letter-spacing: 0;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    margin-bottom: 14px;
    transition: all 0.48s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.abHor_p p.active {
    color: #187df2;
    font-size: 18px;
}


.abFlex {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.68);
    z-index: 9999;

}

.abFlex_wid {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.abFlex_cls {
    position: relative;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 2px solid #fff;
    line-height: 42px;
    text-align: center;
    margin: 32px auto 0;
}

.abFlex_cls::before {
    content: "";
    position: absolute;
    top: -58px;
    left: 50%;
    width: 1px;
    height: 50px;
    border-left: 1px dashed rgba(255, 255, 255, 0.38);
}

.abFlex_cls span {
    font-size: 24px;
    color: #fff;
    line-height: 1;
    display: inline-block;
}

.abFlex_box {
    position: relative;
    width: 90%;
    max-width: 1200px;
    border-radius: 3px;
}

.abFlex_box video {
    position: relative;
    z-index: 3;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
}

/*  service =============================================================================== */
/* 1 */
.serBaoz {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.serBaozItem {
    cursor: pointer;
    position: relative;
    top: 0;
    width: calc(50% - 15px);
    padding: 60px;
    margin-bottom: 30px;
    background: #fff;
    box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1);
    /* background: url(../images/serBz_bg.png) no-repeat bottom right;
    background-size: 100% auto; */
    position: relative;
    transition: all .48s;
    overflow: hidden;
}

.serIco_img {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 89%;
}

.serIco_adv {
    position: absolute;
    left: 0;
    bottom: 0;
}

.serBaozText {
    position: relative;
    z-index: 3;
    transition: all .48s;
}

.serBaozText span {
    display: block;
    font-size: 20px;
    color: #006fed;
    margin-bottom: 20px;
}

.serBaozText p {
    color: #666;
    width: 78%;
    letter-spacing: 1px;
    min-height: 75px;
}

.serBaozIco {
    position: absolute;
    right: 14%;

    top: 50px;
}

.serBaozIco img {

    width: 35px;
}

.serBaozItem svg {
    opacity: 0;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 48px;
    left: 50px;
    z-index: -1;
}


.serBaozItem:hover {
    top: -10px
}

/* 2 */
.serSop {
    position: relative;
    background: url(../images/bg17.jpg) no-repeat center;
    background-size: cover;
}

.serSop_div {
    position: relative;
    margin-bottom: 28px;
}

.serSop_img {
    width: 100%;
    margin: 48px 0;
}

.serSop_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.serSop_item {
    position: absolute;
    width: 25%;
    text-align: center;
}

.serSop_item2,
.serSop_item3,
.serSop_item1 {
    top: 15px;
}

.serSop_item4,
.serSop_item5,
.serSop_item6 {
    bottom: -35px;
}

.serSop_item1,
.serSop_item6 {
    left: 3.5%;
}

.serSop_item2,
.serSop_item5 {
    left: 37.5%;
}

.serSop_item3,
.serSop_item4 {
    right: 5%;
}

.serSop_t {
    margin-bottom: 22px;
}

.serSop_t b,
.serSop_t span {
    font-size: 18px;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    text-transform: capitalize;
}

.serSop_t b {
    margin-left: 3px;
    font-size: 24px;
}

.serSop_c i {
    position: relative;

    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
    margin: 0 auto;
}

.serSop_c i::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform: scale(2);
    background: rgba(255, 255, 255, 0.38);
    animation: beforeAnimate 1s alternate infinite linear;
}

@keyframes beforeAnimate {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }

    100% {
        opacity: 1;
        transform: scale(2.5);
    }
}

.serSop_b {
    margin-top: 10px;
}

.serSop_b p {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.6;
    min-height: 50px;
    margin-top: 5px;
    color: #c0e7ff;
    max-width: 80%;
    margin: 0 auto;
}

.serSop_b span {
    font-size: 20px;
    color: #fff;
}

.serSop_mlb {
    display: none;
    position: absolute;
    top: 46px;
    left: calc(25% - 1px);
    width: 50%;
    height: 66.66%;
    border: 1px dashed rgba(255, 255, 255, 0.28);
}

.serSop_mlb img {
    position: absolute;
    left: 50%;
    width: 12px;
    margin-left: -6px;
}

.serSop_mlb_btm {
    bottom: -9px;
    transform: rotate(180deg);

}

.serSop_mlb_top {
    top: -9px;
}


/* 3 */
.serWangdBox {
    overflow: hidden;
}

.serWangd {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}


.serShuju {
    margin: 80px 0 120px;
}

.serShuju li {
    display: inline-block;
    margin-left: 128px;
}

.serShuju li:first-of-type {
    margin-left: 0;
}

.serShuju li b {
    font-size: 50px;
    color: #006fed;
    font-family: "webfont";
    line-height: 1.2;
}

.serShuju li i {
    font-style: normal;
    font-size: 12px;
    color: #006fed;
}

.serShuju li p {
    color: #006fed;
}

.serYewu {
    max-width: 502px;
    width: 90%;
    font-size: 16px;
}

.serWangdText {
    width: calc(100% - 716px);
}

.serWangdImg {
    width: 716px;
}

.serWangdImg_img {
    position: relative;
    z-index: 3;
}

.serWangdImg_img img {
    width: 100%;
}

.serWangdImg_img .serWangdImg_bg {

    position: absolute;
    top: 7px;
    left: -5px;
    z-index: -1;

}

.map {
    position: relative;
    width: 716px;
    margin: 0 auto;
}


.map a {
    color: #5b5a5a;
    font-size: 12px;
    text-decoration: none;
    line-height: 1.2;
}

.map .city.noBg a {
    color: #5b5a5a !important;
}

.map a:hover {
    color: #fff;
}

.citybg {
    position: absolute;
    opacity: 0;


    z-index: 3;
    cursor: pointer;

    transition: all.48s;

}

.city a.active .citybg {
    display: block;
    z-index: 3;
}

.city a b {
    display: inline-block;
    width: 6px;
    height: 6px;

    border-radius: 50%;
    position: relative;
    transform: translate(-20px, -15px);
    animation: faguang 3s infinite linear;
}

.city a b::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: -webkit-linear-gradient(#00bbff, #0078ff);
    background: linear-gradient(#00bbff, #0078ff);
    z-index: 3;
}

.city a b::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(0, 111, 237, 0.18);
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 0 0 9px 4px rgba(24, 125, 242, 0.8);
    /* transform: scale(0.5); */
    opacity: 0;
    animation: afterAniamte 1s alternate infinite;
}

.city:nth-of-type(2n) a b::after {
    animation: afterAniamte2 1s 0.5s alternate infinite;

}

.city:nth-of-type(3n) a b::after {
    animation: afterAniamte 0.8s 1s alternate infinite;
}

@keyframes afterAniamte {
    0% {
        opacity: 0.2;
    }


    100% {
        opacity: 0.8;
    }
}

@keyframes afterAniamte2 {
    0% {
        opacity: 0;
    }


    100% {
        opacity: 0.6;

    }
}

.citybgImg {
    position: relative;
}

.citybgImgb {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 2px;
    top: -2px;
}


.city.hover .citybg {
    opacity: 1;
    z-index: 9;
    transition: all.48s;
}

.city.hover a {
    color: #fff;
    font-size: 14px;
    transition: all .48s;
}

.city.hover a b::after,
.city.hover a b::before {
    content: none;
}

.city.hover a b::after {
    background: rgba(255 255 255 / 0.3);
}

.anhui {
    top: 314px;
    left: 523px;
    width: 75px;
    height: 90px;
}

/* 4 */
.serJszcBox {
    position: relative;
    z-index: 2;
    width: 100%;
    background: #f0f7ff;
}

.serJszc {
    position: relative;
    z-index: 7;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.serJsItem {
    width: calc(33.33% - 10px);
    margin-bottom: 15px;
    padding: 35px 40px 40px;
    background: #fff;
    border-radius: 3px;
    position: relative;
}

.serJsItem::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background-image: url(../images/serJs_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
    transition: all.48s;
}

.serJsText {
    position: relative;
    top: 0;
    z-index: 2;
    margin-top: 55px;
    min-height: 92px;
    transition: all.48s;
}

.serJsText span {
    display: block;
    font-size: 18px;
    line-height: 1.66;
    color: #006fed;
    margin-bottom: 10px;
    transition: all.48s;
}

.serJsText p {
    font-size: 15px;
    overflow: hidden;
    transition: all.48s;
}

.serJsImg {
    position: absolute;
    left: 40px;
    top: 35px;
    z-index: 2;
    transition: all.48s;
}

.serJsImg img {
    width: 40px;
}

.serJsItem:hover::after {
    opacity: .68;
    transition: all.48s;
}

.serJsItem:hover .serJsImg {
    opacity: 0;
    transition: all.48s;
}

.serJsItem:hover .serJsText {
    margin-top: 0;
    transition: all.48s;
}

.serJsItem:hover .serJsText span {
    color: #fff;
    transition: all.48s;
}

.serJsItem:hover .serJsText p {
    color: #fff;
    overflow: initial;
    transition: all.48s;
}

/*  product =============================================================================== */
/* 1 */

.jqrAb .indTit>span {
    font-size: 32px;
}

.jqrAb_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}




.jqrAb_img {
    width: 48%;
}


.jqrAb_img img {
    max-width: 94%;
}

.jqrAb_txt {

    width: 52%;
    padding: 3% 5%;
    padding-right: 0;
}

.jqrAb_p {
    margin-top: -32px;

}



.jqrAb_p p {
    margin-bottom: 24px;


}



/* 2 */
.jqrXn {
    position: relative;
    background: -webkit-linear-gradient(#00bbff, #0078ff);
    background: linear-gradient(#00bbff, #0078ff);
    overflow: hidden;
}

.jqrXn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bg13.png);
    background-position: center;
    background-size: cover;
    transform: scale(1.1);
    opacity: 0.28;
}

.jqrXn_box {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.jqrXn_item {
    width: 25%;
    position: relative;
    text-align: center;
}


.jqrXn_item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    margin-top: -25px;
    height: 68px;
    background: rgba(255, 255, 255, 0.18);
}


.jqrXn_item:nth-of-type(4n-3):before {
    content: none;
}

.jqrXn_item .indNum {
    display: inline-block;
    text-align: center;
    width: 54%;
    padding: 50px 10px;
}


.jqrXn_item:nth-of-type(-n+4) .indNum {

    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.jqrXn_item .indNum_top span {
    font-size: 62px;
    line-height: 0.5;
}

/* 3 */
.jqrAdv {
    position: relative;
    overflow: hidden;
}

.jqrAdv_box {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.jqrAdv_a {
    position: relative;
    border-radius: 3px;
    width: 22%;
    padding: 24px 28px 60px;
    text-align: center;
}

.jqrAdv_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1);
    transition: all 0.48s;
}

.jqrAdv_bg::after,
.jqrAdv_bg::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    background: -webkit-linear-gradient(left, #00bbff, #0078ff);
    background: linear-gradient(left, #00bbff, #0078ff);
    transition: all 0.48s;
}

.jqrAdv_bg::before {
    top: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.jqrAdv_bg::after {
    bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.jqrAdv_img {
    position: relative;
    padding-top: 72%;
    max-width: 208px;
    margin: 0 auto;

}

.jqrAdv_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
}

.jqrAdv_txt p {
    font-size: 18px;
    margin-top: 38px;
    color: #187df2;
    letter-spacing: 0.5px;
}

.jqrAdv_a:hover .jqrAdv_bg {
    transform: scaleY(1.1);
}

.jqrAdv_a:hover .jqrAdv_bg::before,
.jqrAdv_a:hover .jqrAdv_bg::after {
    height: 4px;
}

/* 4 */
.jqrFun {
    position: relative;
    overflow: hidden;
}

.jqrFun_bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 66%;
}

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

.jqrFun .inner {
    position: relative;
    z-index: 7;
}


.listAq {
    position: relative;
}

.listAq .indTit {
    top: -18px;
}

.listAq_box {
    margin-top: -24px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.listAq_l {
    position: relative;
    width: 52%;
}


.listAq_img {
    position: relative;
    z-index: 3;
}

.listAq_img img {
    display: none;
    width: 100%;
}

.listAq_img img:first-of-type {
    display: block;
}

.listAq_r {
    width: 45%;
    padding-top: 48px;
}

.listAq_tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    margin-bottom: 28px;

}


.listAq_tab a {
    position: relative;
    width: 33.33%;
    font-size: 20px;
    padding: 14px 10px;
    text-align: center;
}

.listAq_tab a::before {

    content: "";

    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 2px;

    background: #187df2;

    transform: scaleX(0);
    transform-origin: left;
    transition: all 0.48s;
}

.listAq_panel div {
    display: none;
}

.listAq_panel div:first-of-type {
    display: block;
}

.listAq_tab a.active {
    color: #187df2;
}

.listAq_tab a.active::before {
    transform: scaleX(1);
}

.listTwo {
    display: flex;
}

.listTwo_item {
    margin-top: 108px;
    position: relative;
    padding: 68px 0;
    flex: 1;
    border-radius: 6px;
    transition: all 0.48s;
    background-image: url(../images/bg11.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.listTwo_img {
    position: absolute;
    top: -128px;
    right: 0;
    width: 54%;
    opacity: 0;
    transition: all 0.48s;
}

.listTwo_img img {
    width: 100%;
}

.listTwo_ico {
    position: absolute;
    bottom: -12px;
    left: -10px;
    width: 14%;
    opacity: 0;
    transition: all 0.48s;
}

.listTwo_txt {
    padding: 0 10%;
    width: 500px;
    transition: all 0.48s;
}

.listTwo_txt span {
    font-size: 32px;
    letter-spacing: 1px;
    font-family: "webfont";
    display: block;
    margin-bottom: 14px;
}

.listTwo_txt img {
    opacity: 0.4;
    margin-top: 48px;
}

.listTwo_item.active {
    flex: 2;
    background-color: #187df2;
}


.listTwo_item.active .listTwo_img {
    opacity: 1;
}

.listTwo_item.active .listTwo_ico {
    opacity: 1;
}

.listTwo_item.active .listTwo_txt {
    padding: 0 8%;
}

.listTwo_item.active .listTwo_txt img {
    opacity: 0;
}

.listTwo_item.active .listTwo_txt p,
.listTwo_item.active .listTwo_txt span {
    color: #fff;
}

.listTwo_mlb {
    display: none;
    margin: 28px 0 48px;
}

.listTwo_mlb_item {
    position: relative;
    z-index: 3;
}

.listTwo_mlb_item::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: -1;
    background: -webkit-linear-gradient(#00bbff, #0078ff);
    background: linear-gradient(#00bbff, #0078ff);
}

.listTwo_mlb_num {
    position: absolute;
    bottom: 0;
    right: -18px;
    color: #fff;
    line-height: 1;
    font-size: 108px;
    font-family: "webfont";
    opacity: 0.1;
}

.listTwo_mlb_img {
    padding: 0 14%;
}

.listTwo_mlb_img img {
    width: 100%;
}

.listTwo_mlb_p {
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding-bottom: 38px;
    max-width: 80%;
    margin: 0 auto;
}

.listTwo_mlb .swiper-button-next,
.listTwo_mlb .swiper-button-prev {
    position: absolute;
    bottom: 14px;
    background: transparent;
    border: 0;
    transform-origin: left bottom;
    text-align: center;
}

.listTwo_mlb .swiper-button-prev {
    left: 0;
}

.listTwo_mlb .swiper-button-prev img {

    transform: rotate(180deg);
}

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

.listTwo_mlb .swiper-button-next img,
.listTwo_mlb .swiper-button-prev img {
    width: 50%;
}

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

.listCrm_bg {
    position: relative;
    background: -webkit-linear-gradient(#00bbff, #0078ff);
    background: linear-gradient(#00bbff, #0078ff);
}

.listCrm_bg::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bg4-1.png) no-repeat center;
    background-size: cover;
    opacity: 0.1;
}

.listCrm_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.listCrm_img {
    max-width: 680px
}

.listCrm_img img {
    max-width: 100%;
}

.listCrm_txt {
    width: 40%;

}


.listCrm_txt span {
    color: #fff;
    font-size: 28px;
    display: block;
    margin-bottom: 10px;
}

.listCrm_txt p {
    color: #fff;
}


.listCrm_btm {

    margin-top: 28px;
    display: flex;

    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.listCrm_a {
    width: 24%;
    padding: 28px;
    border-radius: 3px;
    text-align: center;
    background: rgba(255, 255, 255, 0.1);
    transition: all 0.68s;
}

.listCrm_a span {
    text-align: center;
    color: #fff;
    font-size: 20px;
    transition: all 0.48s;
}

.listCrm_a i {
    width: 18px;
    height: 2px;
    border-radius: 12px;
    margin: 8px auto 20px;
    display: block;
    background: #fff;
    transition: all 0.48s;
}

.listCrm_a p {
    color: #d7eeff;
    letter-spacing: 0.5px;
    transition: all 0.48s;
}

.listCrm_a:hover {
    background: #fff;
    box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1);
}

.listCrm_a:hover i {
    background: #187df2;
}

.listCrm_a:hover span,
.listCrm_a:hover p {
    color: #187df2;
}

.listCrm_mlb_btn {
    display: none;
}


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

.listGd_box {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.listGd_a {
    position: relative;
    top: 0;
    width: 32%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1);
    padding: 28px 8px;
    margin-bottom: 2%;
    transition: all 0.48s;
}

.listGd_ico {
    position: relative;
    width: 128px;
    text-align: center;
}

.listGd_ico img {
    width: 92%;
    display: block;
    margin: 0 auto;
}


.listGd_ico img.listGd_dx {
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
}

.listGd_txt {
    width: calc(100% - 128px);
    padding: 0 5%;
}

.listGd_txt span {
    color: #187df2;
    font-size: 22px;
    display: block;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
    margin-bottom: 14px;
}

.listGd_txt p {
    color: #666;
    letter-spacing: 1px;
    min-height: 75px;
}

.listGd_a:hover {
    top: -10px;
}

.listData {
    overflow: hidden;
    position: relative;
    background: url(../images/bg9.jpg) no-repeat center;
    background-size: cover;
}


.listData .indTit br {
    display: none;
}

.listData_box {
    position: relative;
    text-align: right;
}

.listData_l {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(70% - 10px);
    overflow: hidden;
}

.listData_l img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3px;
    object-position: bottom;
    transition: all 0.48s;
}

.listData_l:hover img {
    transform: scale(1.1);
}

.listData_txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 3% 5%;
    padding-top: 20%;
    text-align: left;
    background: -webkit-linear-gradient(rgba(24, 125, 242, 0), rgba(24, 125, 242, 0.8));
    background: linear-gradient(rgba(24, 125, 242, 0), rgba(24, 125, 242, 0.8));
}

.listData_txt span {
    color: #fff;
    font-size: 24px;
    display: block;
    margin-bottom: 10px;
}

.listData_txt p {
    color: #fff;
    line-height: 1.8;
}

.listData_r {
    display: inline-block;
    width: 30%;
    text-align: center;
}

.listData_a {
    border-radius: 3px;
    background: #fcfdff;
    padding: 34px 0;
    margin-top: 10px;
    position: relative;
    top: 0;
    left: 0;
    box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1);
    transition: all 0.48s;
}

.listData_a:first-of-type {
    margin-top: 0;
}

.listData_a img {
    position: relative;

    top: 0;
    width: 68px;
}

.listData_a p {
    font-size: 18px;
    margin-top: 10px;
}


.listData_a:hover {

    left: 8px;
    top: -6px;
}



.listMp {
    overflow: hidden;
    position: relative;

}

.listMp_box {
    position: relative;
    text-align: center;

}


.listMp_l {

    left: 5%;
}


.listMp_r {
    right: 5%;
}

.listMp_p p {
    color: #5197f5;
    padding-left: 5%;
    line-height: 1.6;
}


.listMp_img {
    position: relative;
    margin: 0 auto;
    width: 50%;
    max-width: 680px;
}

.listMp_img>img {
    top: 28px;
    width: 100%;
    transform-origin: bottom;
}

.appear .listMp_img1 {
    top: 0;
    opacity: 1;
    transition: all 0.8s 1s;
}


.appear .listMp_img2 {
    top: 0;
    opacity: 1;
    transition: all 0.8s 1.4s;
}


.appear .listMp_img3 {
    opacity: 1;
    transition: all 0.8s 1.6s;
}

.appear .listMp_dd4,
.appear .listMp_dd3,
.appear .listMp_dd2,
.appear .listMp_dd1 {
    top: 0;
    opacity: 1;
}

.appear .listMp_dd1 {
    transition: all 0.8s 1.8s;
    animation: ddAnimate1 0.8s 3s alternate forwards infinite
}

.appear .listMp_dd2 {
    transition: all 0.8s 2s;

    animation: ddAnimate1 0.5s 3.2s alternate forwards infinite
}

.appear .listMp_dd3 {
    transition: all 0.8s 2.2s;
    animation: ddAnimate1 0.5s 3.4s alternate forwards infinite
}

.appear .listMp_dd4 {
    transition: all 0.8s 2.4s;
    animation: ddAnimate1 0.5s 3.6s alternate forwards infinite
}

.listMp_dz {
    position: absolute;
    bottom: 0;
}

@keyframes ddAnimate1 {
    0% {
        top: 0;
    }

    100% {
        top: 10px;
    }
}


.listMp_item {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    z-index: 7;
    max-width: 32%;
}

.listMp_item img {
    max-width: 100%;
}

.listMp_pos {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}

.listMp_arr_l {
    position: relative;
    left: 0;
    opacity: 0;
    transform: translateX(-50%);
    transition: all 1s 2.8s;
}

.appear .listMp_arr_l {
    opacity: 1;
    transform: translateX(0);

    animation: lAnimate 0.8s 5s alternate forwards infinite;
}

@keyframes lAnimate {
    0% {
        left: 0;
    }

    100% {
        left: 28px;
    }
}

.listMp_c {
    transform: scale(0);
    transition: all 1s 3s;
}

.appear .listMp_c {
    opacity: 1;
    transform: scale(1);
}

.listMp_zs {
    top: 28px;
    left: 28px;
    transition: all 0.8s 4s;
}

.listMp_ys {
    top: 28px;
    right: 28px;
    transition: all 0.68s 4.2s;
}

.listMp_zx {
    bottom: 28px;
    left: 28px;
    transition: all 0.8s 4.4s;
}

.listMp_yx {
    bottom: 28px;
    right: 28px;
    transition: all 0.8s 4.6s;
}

.appear .listMp_zx,
.appear .listMp_zs,
.appear .listMp_ys,
.appear .listMp_yx {
    opacity: 1;
    top: 0;
    left: 0;
}

.listMp_arr_r {
    position: relative;
    left: 0;
    opacity: 0;
    transform: translateX(50%);
    transition: all 1s 2.8s;
}

.appear .listMp_arr_r {
    opacity: 1;
    transform: translateX(0);
    animation: rAnimate 0.8s 5s alternate forwards infinite;
}

@keyframes rAnimate {
    0% {
        left: 0;
    }

    100% {
        left: -28px;
    }
}

.listMp_opa {
    position: absolute;
    opacity: 0;
}

.listSh {
    overflow: hidden;
    position: relative;
    background: -webkit-linear-gradient(#00bbff, #0078ff);
    background: linear-gradient(#00bbff, #0078ff);
}

.listSh::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bg8.png) no-repeat center;
    background-size: cover;
}

.listSh_box {
    position: relative;
    padding: 0 5%;
    display: flex;
    align-items: stretch;
    justify-content: center;
}

.listSh_vs {
    position: absolute;
    top: 45%;
    left: 50%;
    width: 70px;
    margin-left: -35px;
    transform: translate(-50%, -50%);
    z-index: 11;
    transform: scale(1.5);

    opacity: 0;
    transition: all 0.48s 1.6s;

}

.appear .listSh_vs {
    opacity: 1;
    transform: scale(1);

}


.listSh_item {
    position: relative;
    z-index: 2;
    opacity: 0;
    width: 50%;
    border-radius: 18px;
    background: #f0f7ff;
    text-align: center;
    box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1);
    transition: all 0.48s 1s;
    padding-bottom: 5px;
}


.listSh_item:nth-child(1) {
    transform: translateX(-20%);
}


.listSh_item:nth-child(2) {
    transform: translateX(20%);
}

.appear .listSh_item {
    opacity: 1;
    transform: translateX(0);
}

.listSh_item span {
    position: relative;
    display: block;
    font-size: 24px;
    color: #187df2;
    padding: 20px 0 10px;
}

.listSh_item p {
    cursor: pointer;
    padding: 14px 0;
    position: relative;
    color: #187df2;
    transition: all 0.48s;
}

.listSh_item span::after,
.listSh_item p::after {
    content: "";

    position: absolute;
    bottom: 0;
    left: -5%;
    width: 100%;
    height: 1px;
    background: -webkit-linear-gradient(right, rgba(24, 125, 242, 0) 0%, rgba(24, 125, 242, 0.28) 50%, rgba(24, 125, 242, 0) 90%);
}

.listSh_item p:last-of-type::after {
    content: none;
}

.listSh_item p.hover {
    transform: scale(1.2);
}


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

.listYd_box {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.listYd_a {
    cursor: pointer;
    position: relative;
    top: 0;
    width: 31%;
    box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1);
    transition: all 0.48s;
}

.listYd_a:hover {
    top: -10px;
}

.listYd_top {
    position: relative;
}

.listYd_top span {
    position: absolute;
    top: 46%;
    transform: translateY(-50%);
    left: 40px;
    color: #fff;
    font-size: 24px;
    line-height: 1;
}

.listYd_top img {
    max-width: 100%
}

.listYd_btm {
    padding: 28px 40px 89px;
}

.listYd_btm p {
    margin-bottom: 14px;
}

/*  proStar =============================================================================== */
/* 1 */
.proStar>.inner {
    margin-top: 48px;
}

.proTwo_web img {
    width: 100%;
}

.proTwo_mlb {
    display: none;
    text-align: center;
}

.proTwo_mlb img {
    width: 90%;
}

.starBor {
    display: none !important;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.starBor * {
    color: #187df2 !important;
    border-color: #187df2 !important;
}


.starBor::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3%;
    height: 100%;
    background: #fff;
    /* dh */
    opacity: 0;
    transition: all 0.8s 0.8s;
}

.appear.starBor::before {
    opacity: 0.8;
}

.starYuan {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -100px;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    border: 1px dashed #fff;
    z-index: -1;
    transition: all 0.8s 0.8s;
    /* dh */
    opacity: 0;
}

.starYuan::after,
.starYuan::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px dashed rgba(24, 125, 242, 0.38);
}

.starYuan::before {
    /* dh */
    opacity: 0;
    transform: scale(1);
    transition: all 0.8s 1s;
}

.starYuan::after {
    /* dh */
    opacity: 0;
    transform: scale(1);
    transition: all 0.8s 1.2s;
}

.appear .starYuan {
    opacity: 0.18;
}

.appear .starYuan::before {
    opacity: 1;
    transform: scale(1.4);
    animation: yuanAnimate 20s 2s infinite linear;
}

.appear .starYuan::after {
    opacity: 1;
    transform: scale(1.8);
    animation: yuan2Animate 22s 2.3s infinite linear;
}

@keyframes yuanAnimate {
    0% {
        transform: scale(1.4) rotate(0deg);
    }

    100% {
        transform: scale(1.4) rotate(360deg);
    }
}


@keyframes yuan2Animate {
    0% {
        transform: scale(1.8) rotate(0deg);
    }

    100% {
        transform: scale(1.8) rotate(-360deg);
    }
}

.starBor_box {

    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    padding: 50px 30px;

    z-index: 2;
}


.starBor_line_top {
    position: absolute !important;
    top: 44px;
    left: 12%;
    width: 74%;
    height: 1px;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.8);
    /* dh */
    transform-origin: right;
    transform: scaleX(0);
    transition: all 0.8s 5.4s;
}

.starBor_line_btm {
    position: absolute !important;
    bottom: 44px;
    left: 12%;
    width: 72.8%;
    height: 1px;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.8);
    /* dh */
    transform-origin: right;
    transform: scaleX(0);
    transition: all 0.8s 5.4s;
}


.appear .starBor_line_btm,
.appear .starBor_line_top {
    transform: scaleX(1);
}

.starBor_line span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 22px;
    letter-spacing: 1px;
    /* dh */
    opacity: 0;
    transform: translateY(-50%) scale(2);
    transition: all 0.8s 6s;
}

.appear .starBor_line span {
    opacity: 1;
    transform: translateY(-50%) scale(1);
}

.starBor_line::before {
    content: "";
    position: absolute;
    top: -6px;
    left: -2px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 8px solid #187df2;
    border-bottom: 6px solid transparent;
}

.starBor_box>div {
    position: relative;
    z-index: 11;
}

.starH {
    height: 100%;
}

.starArr {
    position: absolute;
    top: -5%;
    right: 100%;
    height: 110%;
    padding: 0 !important;
}


.starArr img {
    height: 100%;
    opacity: 0.5;
}

.starArr span {
    position: absolute;
    right: 48px;
    color: #fff;
    transform: translateY(-50%);
    top: 50%;
    font-size: 24px;
    letter-spacing: 1px;
}

.starFont {
    display: flex;
    align-items: stretch;
    padding: 24px 0;
}


.starCen .starArr {
    /* dh */
    transform-origin: left;
    transform: scaleX(0);

    transition: all 0.8s 1.5s;
}

.starCen .starArr span {
    /* dh */
    opacity: 0;
    transform: translateY(-50%) scale(2);
    transition: all 0.8s 1.8s;
}

.appear .starCen .starArr {
    transform: scaleX(1);
}

.appear .starCen .starArr span {
    opacity: 1;
    transform: translateY(-50%) scale(1);
}

.starFont div:not(.starArr) {
    margin-right: 42px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* dh */
    position: relative;
    opacity: 0;
    left: -48px;
    transition: all 0.8s 1.4s;
}

.appear .starFont div:not(.starArr) {
    opacity: 1;
    left: 0;
}

.starFont div:last-child {
    padding: 72px 0;
}

.starFont p {
    color: #fff;
    font-size: 16px;
}

.starCen {
    position: relative;
    display: flex;
    align-items: flex-end;
    margin: 20px 0;
    left: -28px;

}

.starThr .starArr {
    /* dh */
    transform-origin: left;
    transform: scaleX(0);
    transition: all 0.8s 3.5s;
}


.starThr .starArr span {
    /* dh */
    transform: translateY(-50%) scale(2);
    opacity: 0;
    transition: all 0.8s 3.8s;
}

.appear .starThr .starArr {
    transform: scaleX(1);
}

.appear .starThr .starArr span {
    opacity: 1;
    transform: translateY(-50%) scale(1);
}

.starBig {
    position: relative;

}

.starBig_img {
    position: relative;
    max-width: 208px;
}

.starBig_pic {
    /* dh */
    opacity: 0;
    position: relative;
    top: 48px;
    transition: all 0.68s 1.8s;
}



.starBig_bg {
    position: absolute;
    bottom: 0;
    left: 0;
    transform-origin: bottom;

    opacity: 0;
}

@keyframes opaAnimate {
    0% {
        opacity: 0.28;

        transform: rotateY(0deg);
    }


    100% {

        opacity: 1;
        transform: rotateY(360deg);
    }
}

.starBig img {
    width: 100%;
    transform-origin: bottom;
}


.starBig span {
    position: absolute;

    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    width: 38px;
    color: #Fff;
    font-weight: bold;
    font-size: 42px;
    line-height: 1.2;
    /* dh */
    opacity: 0;
    margin-top: 48px;
    transition: all 0.8s 2.5s;
}

.appear .starBig_pic {
    top: 0;
    opacity: 1;
}

.appear .starBig_bg {
    animation: opaAnimate 2s 2.4s infinite alternate;
}

.appear .starBig span {
    margin-top: 0;
    opacity: 1;
}


.starFor .starH {
    display: flex;
    align-items: stretch;
    padding: 38px 0;
}


.starFor a {
    margin: 0 5px;
    border: 1px solid #fff;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.1);
    padding: 20px;
}


.starFor span {
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
}

.starFor_l {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* dh */
    position: relative;
    opacity: 0;
    left: -48px;
    transition: all 0.8s 2.8s;
}



.starFor_l i {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 18px;
}

.starFor_l i img {
    width: 100%;
}

.starFor_l a {
    display: flex;
    align-items: center;
}

.starFor_l p {
    color: #fff;

    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.4;
}

.starFor_r {
    /* dh */
    position: relative;
    opacity: 0;
    right: -48px;
    transition: all 0.8s 3s;
}

.appear .starFor_l {
    left: 0;
    opacity: 1;
}

.appear .starFor_r {
    right: 0;
    opacity: 1;
}

.starFor_r a {
    height: 100%;
}

.starFor_r div {
    width: 95%;
    margin: 32px auto 0;
    text-align: center;
    padding: 10px;
    background: #e9f3ff;
    border-radius: 10px;
}

.starFor_r p {
    color: #fff;
    margin: 8px 0;
}

.starThr {
    position: relative;
}

.starThr .starH {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.starThr {
    margin-top: -28px;
    margin-bottom: -28px;
}

.starThr a {
    border: 1px solid #fff;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.1);
    color: #Fff;
    padding: 14px 28px;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 1px;
    font-weight: bold;
}

.starThr a:nth-of-type(3),
.starThr a:nth-of-type(1) {
    /* dh */
    transform: scale(0);
    opacity: 0;
    transition: all 0.48s 5s;
}

.starThr a:nth-of-type(2) {
    /* dh */
    transform: scale(0);
    opacity: 0;
    transition: all 0.48s 4s;
}

.appear .starThr a:nth-of-type(3),
.appear .starThr a:nth-of-type(1),
.appear .starThr a:nth-of-type(2) {
    opacity: 1;
    transform: scale(1);
}

.starThr_line {
    position: absolute;
    right: 40%;
    border-left: 1px dotted rgba(255, 255, 255, 0.8);
    width: 1px;
    height: 30%;

}



.starThr_line span {
    width: 108px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -54px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    /* dh */
    opacity: 0;
    transform: translateY(-50%) scale(2);
    transition: all 0.8s 5s;
}



.starThr_line_top {
    top: 12%;
    /* dh */
    transform-origin: bottom;
    transform: scaleY(0);
    transition: all 0.8s 4s;
}


.starThr_line_btm {
    bottom: 12%;
    /* dh */
    transform-origin: top;
    transform: scaleY(0);
    transition: all 0.8s 4s;
}

.starThr_line::before {
    content: "";
    position: absolute;
    left: -6px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;

    border-bottom: 8px solid #187df2;
}

.starThr_line_top:before {
    top: -1px;
}

.starThr_line_btm::before {
    bottom: -1px;
    transform: rotate(180deg);

}

.appear .starThr_line {
    transform: scaleY(1);
}


.appear .starThr_line span {

    opacity: 1;

    transform: translateY(-50%) scale(1);
}

/* 2 */
.starGn {
    position: relative;
}

.starGn_top {
    position: relative;
}

.starGn_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 68%;
    background: url(../images/bg12.jpg) no-repeat center;
    background-size: cover;

}

.starGn_panel {
    display: none;
}

.starGn_panel:first-of-type {
    display: block;
}

.starGn_box {
    margin-top: -20px;
    margin-bottom: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4%;
}

.starGn_img {
    width: 50%;
}

.starGn_img img {
    width: 100%;
}

.starGn_txt {
    order: -1;
    width: 45%;
}

.starGn_txt span {
    color: #187df2;
    letter-spacing: 1px;
    font-size: 28px;
    display: block;
    margin-bottom: 10px;
}


.starGn_div {
    margin-top: 54px;
}

.starGn_div i {
    border-radius: 3px;
    display: inline-block;
    font-style: inherit;
    background: #e5f0fd;
    color: #187df2;
    border: 1px solid rgba(0, 111, 237, 0.2);
    padding: 4px 20px;
    letter-spacing: 1px;
    margin-right: 8px;
}

/*  business =============================================================================== */
.business .busFlex {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: -14px;
    margin-right: -14px;
}

.business .h3 {
    font-size: 24px;
    color: #323233;
    display: block;
}

.business .h5 {
    display: block;
    font-size: 20px;
    color: #323233;
}

/*  */
.busBox_mlb_btn {
    display: none;
}

.busBox p {
    line-height: 1.6;
    margin-bottom: 24px;
}

.busBox .profit-info {
    width: 50%;
}

.busBox .profit-img {
    vertical-align: top;
    width: 50%;
    max-width: 600px;
    display: inline-block;
    position: relative;
    text-align: right;
}


.busBox .profit-img-1 {
    position: absolute;
    width: 42%;
    top: 50%;
    transform: translateY(-50%);
    right: 208px;
    z-index: 1;
    box-shadow: 0 8px 30px 0 rgba(61, 67, 77, 0.1);
}

.busBox .profit-img-2 {
    position: relative;
    height: 340px;
    width: 42%;
}


.busBox .inner {
    max-width: 1280px;
}

.busDls {
    background: #f2f8ff;
}


.busDls .start-item {
    position: relative;
    top: 0;
    cursor: pointer;
    width: 32.33%;
    margin-top: 1.33%;
    display: inline-block;
    text-align: center;
    transition: all 0.48s;
    padding: 28px 5%;
    border-radius: 3px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1);

}

.busDls .start-item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    transform: scaleX(0);
    transition: all 0.48s;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background: -webkit-linear-gradient(left, #00bbff, #0078ff);
    background: linear-gradient(left, #00bbff, #0078ff);
}

.busDls .start-item:hover {
    top: -10px;
}

.busDls .start-item:hover:after {
    transform: scaleX(1);
}


.busDls .start-item img {
    width: 68px;
    display: block;
    margin: 0 auto 14px;
}

.busDls .start-item h3 {
    margin-bottom: 8px
}

.busDls .start-item p {
    margin-bottom: 28px;
    line-height: 1.6;
}


.bustj .condition-item {
    cursor: pointer;
    padding: 20px 14px;
    width: 19.5%;
    text-align: center;
    border-radius: 3px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 4px 24px 0px rgb(31 119 246 / 10%);
    transition: all 0.48s;
}


.bustj span {
    margin-bottom: 20px;
}



.bustj img {

    width: 42px;
    margin-bottom: 16px
}

.bustj .h5 {
    margin-bottom: 8px
}

.bustj p {
    line-height: 1.6;

    min-height: 75px;
}


.buslc {
    margin-top: -48px;
}

.process-item {

    cursor: pointer;
    position: relative;
    flex: 1;
    text-align: center;
}

.process-item+.process-item:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background-image: url(../images/03_right_the_backup_3.png);
    background-size: 14px 22px;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    left: -16px;
    top: 28px;
}

.buslc .inner {
    max-width: 1280px;
}

.buslc img {
    position: relative;
    top: 0;
    transition: all 0.48s;
    width: 72px;
    margin-bottom: 12px;
}

.process-item:hover img {
    top: -14px;
}

.busLink {
    background: -webkit-linear-gradient(#00bbff, #0078ff);
    background: linear-gradient(#00bbff, #0078ff);
}

/*  cooperation =============================================================================== */
/* 1 */
.coopAb {
    position: relative;
    background: #f2f8ff;
}

.coopAb::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bg.png) no-repeat center;
    background-size: cover;
    opacity: 0.28;
}

.coopAb_box {
    position: relative;
    z-index: 11;
    background: #fff;
    box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1);
    padding: 4% 8%;
    border-radius: 3px;
}

.coopAb_top {
    position: relative;
}

.coopAb_top span {
    color: #187df2;
    font-size: 34px;
    line-height: 1.6;
    letter-spacing: 1px;
}

.coopAb_top p {
    color: #333;
    font-size: 20px;
    line-height: 1.8;
    margin-top: 20px;
}

.coopAb_btm {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-top: 48px;
}

.coopAb_item {
    padding-top: 5%;
    position: relative;
    border-top: 1px solid #eee;
}

.coopAb_item:first-child {
    padding-right: 8%;
}

.coopAb_item:last-child {
    padding-left: 8%;
    border-left: 1px solid #eee;
}

.coopAb_tit {
    margin-bottom: 14px;
}

.coopAb_tit i {
    width: 48px;
    height: 48px;
    margin-right: 10px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: #f2f8ff;
}

.coopAb_tit img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 68%;
}

.coopAb_tit span {
    vertical-align: middle;
    color: #187df2;
    letter-spacing: 1px;
    font-size: 24px;
    margin-bottom: 10px;
}

.coopAb_ico {
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
    width: 168px;
}

.coopAb_ico img {
    width: 100%;
}

/* 2 */
.coopLm_box {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.coopLm_item {
    width: 25%;
    margin-bottom: 38px;
}

.coopLm_ico {
    display: flex;
    align-items: center;
    justify-content: center;
    background: -webkit-linear-gradient(#00bbff, #0078ff);
    background: linear-gradient(#00bbff, #0078ff);
    box-shadow: 0 0 10px 1px rgba(24, 105, 255, 0.1);
    display: none;
}

.coopLm_ico svg {
    width: 48px;
    height: 48px;
}

.coopLm_div {
    border-radius: 3px;
    padding: 28px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    border: 1px solid rgba(24, 125, 242, 0.38);
    transition: all 0.48s;
}

.coopLm_div:hover {
    box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1);
}

.coopLm_div img {
    width: 54px;
    margin: 0 auto 14px;
}

.coopLm_txt {
    position: relative;
    text-align: center;
}

.coopLm_txt span {
    font-size: 20px;
    text-align: center;
    display: block;
    margin-bottom: 10px;
}

.coopLm_txt i {
    display: block;

    margin: 0 auto;

    width: 21px;
    height: 4px;
    border-radius: 38px;
    background: #187df2;
}

/* 3 */
.coopFw {

    width: 100%;

    background: #f2f8ff;


}

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

.coopFwItem {
    cursor: pointer;
    background: #fff;
    width: calc(33.33% - 10px);
    margin-bottom: 20px;
    padding: 40px 50px;
    border-radius: 3px;
    text-align: center;
    top: 0;
    position: relative;
    transition: all .48s;
}

.coopFwText {
    transition: all .48s;
}

.coopFwItem img {
    width: 50px;
    margin-bottom: 15px;
}

.coopFwItem span {
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
}

.coopFwItem p {
    font-size: 14px;
    color: #999;
}



.coopFwItem::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background: -webkit-linear-gradient(left, #00bbff, #0078ff);
    background: linear-gradient(left, #00bbff, #0078ff);
    transform: scaleX(0);
    transition: all 0.48s;
}

@media(min-width: 1024px) {
    .coopFwItem:hover {
        top: -10px;
    }

    .coopFwItem:hover::after {

        transform: scaleX(1);
    }

    .coopFwItem:hover {
        box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1);
        transition: all .48s;
    }
}

/* 4 */
.coopHd {
    position: relative;
    overflow: hidden;
}

.coopHdXq {
    height: 70vh;
    margin-left: -15px;
}

.coopHdItem {
    width: 33.33%;
    height: 50%;
    float: left;
    padding: 15px 0 0 15px;
}

.coopHdItem:first-child {
    width: 66.66%;
}

.js_coopHdItem .swiper-container {
    height: 100%;
}

.coopHdImg {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;

}

.coopHdImg::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: -webkit-linear-gradient(rgba(0, 187, 255, 0), #187df2);
    background: linear-gradient(rgba(0, 187, 255, 0), #187df2);
}

.coopHdImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .48s;
}


.coopHdImg p {
    position: absolute;
    font-size: 20px;
    color: #fff;
    left: 0;
    bottom: 0;
    width: 80%;
    padding: 28px;
    z-index: 11;
    line-height: 1.6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.js_coopHdItem .swiper-pagination {
    width: auto;
    right: 10px;
    left: auto;
    transform: scale(0.8);
    bottom: 20px;
}

@media(min-width: 1024px) {
    .coopHdImg:hover img {
        transform: scale(1.1);
        transition: all .48s;
    }
}

/* 5 */
.coopMt {
    position: relative;
    overflow: hidden;
    background: #f0f7ff;
}

.coopMtLogo {
    position: relative;
    padding-bottom: 30px;
    border-bottom: 1px solid #c0dfff;
}

.coopMtLogo .swiper-slide {
    background: #fff;
    border-radius: 3px;
    position: relative;
    padding: 50px 0;
    cursor: pointer;
    transition: all 0.48s;
}

.coopMtLogo .swiper-slide:hover {
    box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1)
}

.coopMtImg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 5% 25%;
}

.coopMtImg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.coopMtLogo .swiper-button-next,
.coopMtLogo .swiper-button-prev {
    display: block;
    width: 34px;
    height: 84px;
    border: 1px solid #0b89ff;
    border-radius: 2px;
    position: absolute;
    top: calc(50% - 15px);
    transform: translateY(-50%);
    background-image: url(../images/icon_gw_yjt.png);
    background-size: 68%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    outline: none;
}




.coopMtLogo .swiper-button-prev {
    left: -60px;
    transform: translateY(-50%) rotateY(180deg);
}

.coopMtLogo .swiper-button-next {

    right: -60px;
}

.coopMtChange {
    margin-top: 30px;
    position: relative;

}

.coopMtItem {
    display: none;
}

.coopMtItem:first-child {
    display: block;
}

.coopMtChange .swiper-slide {
    background: #fff;
    padding: 45px 40px;
    border-radius: 3px;
}

.coopMtText span {
    display: block;
    margin-bottom: 20px;
    color: #999;
}

.coopMtText p {
    font-size: 16px;
    margin-bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.NewMore a {
    display: inline-block;
    color: #187df2;
    padding: 5px 18px;
    border: 1px solid #187df2;
    border-radius: 5px;
    font-size: 12px;
}

.coopMtChange .swiper-pagination {
    position: relative;
    bottom: 0 !important;
    margin-top: 14px;
}

.js_Mt.on {
    position: relative;
}

.js_Mt::after {
    content: "";
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    left: 0;
    top: 0;
    border-radius: 3px;
    border: 2px solid #187df2;
    transform: scale(0.5);
    opacity: 0;
    transition: all 0.48s;
}

.zz2{
    font-size: 54px;
    line-height: 1.4;
    margin-bottom: 10px;
	font-weight:700;
    }

.zz3{font-size: 20px; font-weight:400;}

.in-four{padding: 80px 0;overflow: hidden;height: 650px;}
.in4-con .tit h3{color: #fff;margin-bottom: 25px;}
.in4-con .tit h4{color: #fff;line-height: 2;margin-top: 20px;}
.in4-con .tit{margin-bottom: 50px;max-width: 800px;margin-left: auto;margin-right: auto;}
.in4-list{text-align: center;}
.in4-list ul{font-size: 0;max-width: 1100px;margin-left: auto;margin-right: auto;}
.in4-list li{display: inline-block;width: 25%;vertical-align: top;transition: all 0.4s;margin-bottom: 15px;}
.in4-list .in4-pic{width: 85px;height: 85px;line-height: 85px;border-radius: 50%;border:1px dashed #fff;margin: 0 auto 22px;transition: all .5s;}
.in4-list .in4-pic img{transition: all 1s ease-out 0s;
    -webkit-transition: all 1s ease-out 0s;}
.in4-list li:hover .in4-pic img {

   transform: rotateY(-360deg);
    -webkit-transform: rotateY(-360deg);
	}
.in4-list .in4-desc h3{color: #fff;font-size: 15px;font-weight: 400;margin-bottom: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.in4-list .in4-desc p{color: rgba(255,255,255,0.6);font-size: 14px;line-height: 24px;height: 0px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: all 0.4s;}

.in4-list .set_2_button{margin-top: 34px;}
.in4-list li:hover .in4-desc p{height: 48px;}
.in4-list li:hover .in4-pic{border:1px solid #fff;}
.in-number{background: #f6f6f6;}
.in-num{padding: 36px 0;background: #fff;margin-top: -60px;position: relative;z-index: 2;box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);}
.in-num ul li{width: 25%;float: left;text-align: center;position: relative;}
.in-num ul li:after{content: '';width: 1px;height: 60px;background:#e8e8e8;position: absolute;right: 0;top: 50%;margin-top: -30px;}
.in-num ul li:last-child:after{display: none;}
.in-num ul li span{display: block;color: #666;}
.in-num ul li span.span1{font-size: 18px;font-family: 'Hel-01';transition: all 0.4s;}
.in-num ul li span.span1 i{display: inline-block;font-style: normal;font-size: 45px;vertical-align: top;}
.in-num ul li span.span2{font-size: 16px;}
.in-num ul li:hover .span1{transform: translateY(-10px);}



.line2 {
  display: block;
  width: 30px;
  height: 3px;
  border-radius: 3px;
  margin: 15px auto 15px auto;
  line-height: 0;
}


.moudle-titles4 {
  text-align: center;
  }
  .moudle-titles4 .moudle-h5 {
    font-size: 36px;
    line-height: 1.2;
    color: #fff;
	margin-bottom:35px;
	
	}
	
	

 .moudle-titles4 .moudle-h5:after {
      content: "";
      display: block;
      width: 48px;
      height: 2px;
      margin: 16px auto 0;


      background: #fff; }


.section {
    padding: 70px 0;

}


.tit{text-align: center;margin-bottom: 38px;}
.tit h3{font-size: 38px;color: #1d1d1d;line-height: 1.2;position: relative;padding-bottom: 0;margin-bottom: 11px;letter-spacing: 1px;font-weight: 400;}
.tit h4{font-size: 16px;color: #505050;font-weight: 400;max-width: 95%;margin-left: auto;margin-right: auto;}

.home-solutions .solutions-container {
	padding-left: 0;
	padding-right: 0;
	margin: 0 auto;
}

.home-solutions .solutions-wrapper {
	position: relative
}

.home-solutions .solutions-wrapper .por-carousel {
	margin-left: -8px;
	margin-right: -8px
}

.home-solutions .solutions-next,.home-solutions .solutions-prev {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	cursor: pointer
}

.home-solutions .solutions-next i,.home-solutions .solutions-prev i {
	display: block;
	font-size: 40px;
	color: #575d6c
}

.home-solutions .solutions-next.disabled i,.home-solutions .solutions-prev.disabled i {
	color: #dfe1e6;
	cursor: default
}

.home-solutions .solutions-prev {
	right: 100%;
	margin-right: 32px
}

.home-solutions .solutions-next {
	left: 100%;
	margin-left: 32px
}


.home-solutions .solutions-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.home-solutions .solutions-list>li {
	width: 33.3333333333%;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding-left: 8px;
	padding-right: 8px;
	-webkit-transition: .65s;
	transition: .65s;
}


	.home-solutions .solutions-list>li:hover {
		width: 40%!important
	}


.home-solutions .solutions-list+.solutions-list {
	margin-top: 16px
}

.home-solutions .solutions-card {
	display: block;
	position: relative;
	height: 316px;
	padding: 32px;
	background-size: cover;
	background-position: 0;
	overflow: hidden;
	color: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-drag: none
}

.home-solutions .solutions-card-cover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));
	background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.5));
	-webkit-transition: .65s;
	transition: .65s
}

.home-solutions .solutions-card-text {
	position: absolute;
	top: 0;
	left: 40px;
	right: 32px;
	height: 164px;
	-webkit-transition: .65s;
	transition: .65s;
	margin-top: 186px;
}

.home-solutions .solutions-card-text i {
	display: block;
	width: 42px;
	height: 42px;
	margin-left: 2px;
	background-size: cover;
	margin-bottom: 16px;
	color: inherit;
}

.home-solutions .solutions-card-text p {
	font-size: 14px;
	line-height: 1.8;
	opacity: 0;
	-webkit-transition: .2s;
	transition: .2s;
}

.home-solutions .solutions-card-title {
	position: relative;
	font-size: 18px;
	line-height: 1.3;
	margin-bottom: 36px;
}

.home-solutions .solutions-card-title:after {
	content: "";
	position: absolute;
	left: 0;
	top: 100%;
	width: 34px;
	border-top: 2px solid;
	margin-top: 16px;
	opacity: 0;
	-webkit-transition: .2s;
	transition: .2s
}

	.home-solutions .solutions-list li:hover .solutions-card-cover {
		background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.5)));
		background-image: linear-gradient(180deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.5))
	}

	.home-solutions .solutions-list li:hover .solutions-card-text {
		margin-top: 76px
	}

	.home-solutions .solutions-list li:hover .solutions-card-text p {
		opacity: 1;
		-webkit-transition: .65s .1s;
		transition: .65s .1s
	}

	.home-solutions .solutions-list li:hover .solutions-card-title:after {
		opacity: 1;
		-webkit-transition: .65s;
		transition: .65s
	}

.index-one {background: #f5f5f5;}


    .index-one .inon-header p {
        padding: 0 15px;
    }

.inon-header {
    text-align: center;
    padding: 60px 0 46px;
}

.inon-wrap {
}
.inon-pic {

    overflow: hidden;
    float: left;
    transition: all 0.5s;
}
.abco-pic {
    position: relative;
    float: left;
    width: 100%;
}


    .abco-pic .abco-font {
        position: absolute;

        left: 0;
        top: 0;
        padding: 62px 0 0 50px;

        z-index: 11;
    }

        .abco-pic .abco-font h4 {
            color: #fff;
            font-size: 30px;
            font-weight: 400;
        }

        .abco-pic .abco-font p {
            line-height: 30px;
            color: #fff;
            margin-top: 16px;
            font-weight: 400;
            margin-right: 250px;
            opacity: 0;
        }

    .abco-pic.on .abco-font h4 {
        font-size: 36px;
        font-weight: 500;
    }

    .abco-pic.on .abco-font p {
        opacity: 1;
    }

    .abco-pic.decorate::after,
    .abco-pic.decorate::before {
        opacity: 0;
    }

    .abco-pic.decorate::before {
        height: 2px;
    }

    .abco-pic.on.decorate::after,
    .abco-pic.on.decorate::before {
        opacity: 1;
    }



.abco-pics {
    position: relative;
}

.coll-swiper .swiper-button-next,
.coll-swiper .swiper-button-prev,
.banner .swiper-button-next,
.banner .swiper-button-prev,
.inon-wrap .swiper-button-next,
.inon-wrap .swiper-button-prev {
    background: none !important;
}

.inon-wrap .swiper-button-next,
.inon-wrap .swiper-button-prev,
.abco-pre,
.abco-next {

    width: 52px !important;
    height: 52px !important;
    border: 1px solid #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50% );
    border-radius: 50%;
    transition: all 0.5s;
    cursor: pointer;
    margin-top: 0 !important;
}

    .abco-pre::after,
    .abco-next::after {
        content: "";
        display: block;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 6px solid #fff;
        transition: all 0.5s;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        left: 50%;
    }

.inon-wrap .swiper-button-prev,
.abco-pre {
    left: 5% !important;
}

.inon-wrap .swiper-button-next,
.abco-next {
    right: 5% !important;
    transform: translate(-50%,-50%) rotateY(180deg);
}

    .abco-pre:hover,
    .abco-next:hover {

        border: 1px solid #cc0200;
    }

        .abco-pre:hover::after,
        .abco-next:hover::after {
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
            border-right: 6px solid red;
        }

.inon-wrap .swiper-slide.decorate::after {
    bottom: 8px;
    opacity: 0;
}

.inon-wrap .swiper-slide.decorate::before {
    bottom: 8px;
    height: 1px;
    z-index: 33;
    opacity: 0;
}

.inon-wrap .swiper-slide {
    width: 25% !important;
    transition: all 1s;
    overflow: hidden;
}

    .inon-wrap .swiper-slide.on,
    .inon-wrap .swiper-slide:hover {
        width: 50% !important;
    }

        .inon-wrap .swiper-slide.on.decorate::after,
        .inon-wrap .swiper-slide:hover.decorate::after {
            animation: moveDot 5s ease-in-out;
            -webkit-animation: moveDot 5s ease-in-out;
            -moz-animation: moveDot 5s ease-in-out;
        }



        .inon-wrap .swiper-slide:hover .abco-pic .abco-font p,
        .inon-wrap .swiper-slide.on .abco-pic .abco-font p {
            opacity: 1;
        }

        .inon-wrap .swiper-slide.on.decorate::after,
        .inon-wrap .swiper-slide:hover.decorate::after,
        .inon-wrap .swiper-slide:hover.decorate::before,
        .inon-wrap .swiper-slide.on.decorate::before {
            opacity: 1;
        }
		
		.index-tit{ font-size: 38px; letter-spacing: 1px; font-weight:400;}
		.index-dec{ font-size: 16px; letter-spacing: 1px;}
		
.video-list2 {
	margin-left: -0.8%;
	margin-right: -0.8%;
	}
  
.video-list2 .video-item {
  width: 23.4%;
  background: #f5f5f5;
  margin-right: 0.8%;
  margin-left: 0.8%;
  margin-bottom: 20px;
  transition-duration: .5s;
  text-align: center;
  cursor: pointer;
  float: left;
  }


  .video-list2 .video-item:hover {
  background: #187df2;
  }


  .video-list2 .video-item:hover .video-name {
    color: #fff; }
.video-list2 .video-btn {
  position: absolute;
  background: url(../images/video-btn1.png) no-repeat center;
  width: 52px;
  height: 52px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition-duration: .5s; }
  .video-list2 .video-btn:hover {
    transform: translate(-50%, -50%) scale(0.9); }
	
	.video-list2 .video-name {
  margin: 20px 16px;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  }
  
.index-2-more{text-align: center;margin-top: 10px;}
.index-2-more a{display: inline-block;padding: 14px 40px;font-size: 14px;line-height: 1.2;text-align: center;border: 1px solid #787878;color: #555;}
.index-2-more a:hover{border-color: #187df2;color: #fff;background: #187df2;}


.home-gradient-overlay {background: linear-gradient(to bottom,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 20%,rgba(0,95,184,0) 80%);}

.Str-three{padding: 160px 0;position:relative;color:#fff;}
.Str-three .container{position:relative;}
.Str-three p{max-width: 700px;}
.bg-img-01{position:relative;}

.home-Btn{margin-top: 6%;}

.index-title{margin: 0 0 22px;font-size: 38px;letter-spacing: 1px;line-height: 1.2;font-weight:400;}
.index-title.txt-white{color:#fff;}
.comm-txt-box{font-size: 16px;}
.comm-txt-box p{margin: 0 0 18px;line-height: 2;}

.mp50{ margin-top:50px;}
.index_more1{height: 48px;display: flex;display: -ms-flexbox;margin-top: 20px;align-items: center;justify-content: center;line-height: 48px;width: 155px;font-size: 14px;transition: ease .4s;box-sizing: border-box;text-align: center;border-radius: 0;border: 1px solid #fff;color: #ffffff;}
.index_more1 .iconfont{ display: inline-block; margin-left: 10px; font-size: 20px;}
.index_more1:hover{background: #187df2;color: #fff;border: 1px solid #187df2;}


.subject-item7 .content_list {
	position: relative;
	margin-top: 10px;
	width: 100%;
	margin-bottom: 25px;
}

.subject-item7 .item_block {
	position: relative;

	padding: 40px 25px;
}

.subject-item7 .item_block:last-child {
	border-bottom: 1px solid #e5e5e5
}

.subject-item7 .item_block:not(:first-child) {
	padding-top: 30px;
	width: 48.5%;
	float: right;
	border-top: 1px solid #e5e5e5;
	box-sizing: border-box;
}

.subject-item7 .item_block:not(:first-child):hover {
	box-shadow: 0 0 40px rgba(0,0,0,.08)
}

.subject-item7 .item_block:not(:first-child):hover .item_wrapper .item_info .title {
	color: #187df2;
	-webkit-transform: translateX(-14px);
	-ms-transform: translateX(-14px);
	transform: translateX(-14px);
}

.subject-item7 .item_block:not(:first-child):hover .item_wrapper .item_info .title:before {
	background-position: -35px -148px
}

.subject-item7 .item_block:not(:first-child):hover .item_wrapper .item_des {
	-webkit-transform: translateX(12px);
	-ms-transform: translateX(12px);
	transform: translateX(12px)
}

.subject-item7 .item_block:not(:first-child):hover .details:before {
	left: 30px;
	opacity: 0;
	filter: alpha(opacity=0)
}

.subject-item7 .item_block:not(:first-child):hover .details:after {
	left: 15px;
	opacity: 1;
	filter: alpha(opacity=100)
}

.subject-item7 .item_block:not(:first-child) .item_wrapper .item_info {
	width: 80%;
}

.subject-item7 .item_block:not(:first-child) .item_wrapper .item_info .title {
	overflow: hidden;

	padding-left: 26px;
	color: inherit;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transition: all .36s;
	-moz-transition: all .36s;
	-o-transition: all .36s;
	transition: all .36s;
	-webkit-transform: translateX(-27px);
	-ms-transform: translateX(-27px);
	transform: translateX(-27px)
}




.subject-item7 .item_block:not(:first-child) .item_wrapper .item_info .title:before {

	position: absolute;
	top: 12px;

	left: 8px;
	width: 5px;

	height: 5px;
	background: url(../images/icon-arrow.png) no-repeat 0 -148px;
	content: "";
	speak: none

}

.subject-item7 .item_block:not(:first-child) .item_wrapper .item_des {



	-moz-transition: all .36s;
	-o-transition: all .36s;
	transition: all .36s;
	webkit-transition: all .36s;
}


.subject-item7 .item_block:not(:first-child) .item_wrapper .date_wrap {
	float: right
}

.subject-item7 .item_block:not(:first-child) .item_wrapper .date_wrap .md2 {
	color: #999;
}


.subject-item7 .item_block:not(:first-child) .item_img {
	display: none

}

.subject-item7 .item_block:not(:first-child) .details {
	position: absolute;
	right: 26px;

	bottom: 44px;

	overflow: hidden;
	width: 40px;
	height: 16px;
	border-left: 1px solid #e5e5e5;
	color: transparent
}



.subject-item7 .item_block:first-child {
	padding: 32px 40px 35px 40px;
	width: 48.5%;
	float: left;
	background: #f5f5f5;
}



.subject-item7 .item_block:first-child:hover .details:after,.subject-item7 .item_block:first-child:hover .details:before {
	position: absolute;
	top: 50%;
	left: 50%;

	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.subject-item7 .item_block:first-child:hover .item_wrapper .item_des .description {
}

.subject-item7 .item_block:first-child:hover .item_img img {
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08)
}

.subject-item7 .item_block:first-child .item_img {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 0;
	max-height: 306px;
}

.subject-item7 .item_block:first-child .item_img img {
	width: 100%;
	-moz-transition: all .36s ease;
	-o-transition: all .36s ease;
	transition: all .36s ease;
	webkit-transition: all .36s ease
}

.subject-item7 .item_block:first-child .item_wrapper .item_info .title {
	margin-top: 5px;
	color: #333;
	font-size: 18px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.subject-item7 .item_block:first-child .item_wrapper .item_des {
	margin-top: 8px;
	margin-bottom: 17px;
}

.subject-item7 .item_block:first-child .item_wrapper .item_des .description {
	box-sizing: border-box;
	padding-left: 0;
	width: 100%;
	height: auto;
	border-left: 1px solid transparent;
	font-size: 14px;
	line-height: 25px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-moz-transition: all .36s ease;
	-o-transition: all .36s ease;
	transition: all .36s ease;
	webkit-transition: all .36s ease;
}



.subject-item7 .item_block:first-child .details em {
	display: block;

	height: 36px;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
	webkit-transition: all .2s ease-out
}



.subject-item7 .item_block .item_wrapper {
	color: #333;
	transition: color .36s ease
}

.subject-item7 .item_block .item_wrapper .item_info .title {
	color: inherit;
	font-size: 16px;

	line-height: 30px;
	font-weight: 400;
}


.subject-item7 .item_block .item_wrapper .item_des {
	margin-top: 15px;
}

.subject-item7 .item_block .item_wrapper .item_des .description {
	width: 100%;
	height: 52px;
	font-size: 14px;

	line-height: 24px;
	opacity: .7;
	margin-bottom: 0;
	ilter: alpha(opacity=70);

	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}



.subject-item7 .item_block .item_wrapper .date_wrap {
	font-family: Arial;
}

.subject-item7 .item_block .item_wrapper .date_wrap .year {
	display: none;
	font-family: inherit
}

.subject-item7 .item_block .item_wrapper .date_wrap .md2 {
	font-size: 14px;
	line-height: 24px;
}

.subject-item7 .item_tags {
	display: none

}

.zss1{ display:block;}
.zss2{ display:none;}

.banner_text{width: 100%;position: absolute;left: 0;top: 54%;transform: translateY(-50%);}
.banner_text img{ max-width: 100%;  display: block;}
.other_banner{position: relative;text-align: center;overflow: hidden;height: 480px;margin-top: 0;}

.other_banner .banner_text{ color: #fff;}
.other_banner .banner_text h3{font-size: 44px;font-weight: bold;margin-bottom: 1px;margin-top: 0;color: #fff;line-height: 1.4;}
.other_banner .banner_text h4{font-size: 22px;margin: 0;}
.other_banner img{width: 100%;animation: zoombig 3s linear forwards;}
.line33 {
  background-color: #fff;
  display: block;
  width: 30px;
  height: 3px;
  margin: 15px auto 15px auto;
}

@keyframes zoombig {
	0%{transform: scale(1.2,1.2);} 

	100%{transform: scale(1,1);}
}

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

.pubTitle{width: 100%;text-align: center;margin-bottom: 40px;}
.pubTitle h6{font-size: 34px;color: #000;line-height: 1.3;font-weight: 400;}
.pubTitle i{display: block;width: 20px;height: 3px;background: #187df2;margin: 15px auto;}
.pubTitle p{font-size: 14px;color: #464646;line-height: 2;}


.yy5{width:100%;height: 450px;}

.nymenu{border-bottom:1px #d9d9d9 solid;background: #fff;}
.nymenu_mid ul li{background-position:left center;background-repeat:no-repeat;background-image:url(../images/img17.jpg);float:left;padding: 0 40px;text-align:center;}
.nymenu_mid ul li:nth-child(1){text-align:left; background-image:none}
.nymenu_mid ul li:last-child{
text-align:right}
.nymenu_mid ul li a{padding: 20px 0;display:inline-block;line-height: 1.5;font-size: 16px;position:relative;color: #333;}
.nymenu_mid ul li a:after{content: "";position: absolute;z-index: 1;opacity:0;left: 50%;width: 0;bottom: -1px;height: 2px;background-color: #008FD7;background-repeat:no-repeat;background-position:center;z-index: 1;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.nymenu_mid ul li a:hover,.nymenu_mid ul li a.active{color: #008FD7;}
.nymenu_mid ul li a:hover:after,.nymenu_mid ul li a.active:after{width: 2.65em;opacity:1;margin-left: -1.325em;}
.nymenu_mid_s ul li{
float:none; display:inline-block;}
.nymenu_mid_s{
text-align:center}
.nymenu_mid_s ul li:nth-child(1),.nymenu_mid ul li:last-child{
text-align:center;}

.home-block {
	padding: 70px 0;
}
.bgef {
  background: #f5f5f5;
  }
.home-block1 {
	padding: 60px 0;
}

.container5{width: 1300px;margin:0 auto;}

.srv-wrap{padding: 40px;background:#fff;}

.srv-top{
padding-bottom: 16px;text-align: left;font-size: 24px;font-weight: 700;line-height: 1.4;color: #2b2b2b;border-bottom:1px solid #dedede;
}

.srvStgy-top{width: 100%;text-align: left;line-height: 1.8;font-size: 15px;margin: 25px auto 0;color: #424242;}

.srvStgy-top p{margin-bottom: 12px;}

.download-list-box {
        width: 100%;
        margin-bottom: 30px;
    }

    .download-list-box ul {
        width: 100%
    }

    .download-list-box li {
        width: 100%
    }

    .download-list-box .title {
        width: 100%;
        cursor: pointer;
        padding-left: 58px;
        background: url(../images/ser22.png) no-repeat left center;

        line-height: 75px;

        font-size: 16px;
        overflow: hidden;
        height: 75px;
        color: #444;
        border-bottom: 1px solid #e0e0e0;
    }

    .download-list-box .title.on {
        border-bottom: 0;
        background: url(../images/ser22_h.png) no-repeat left center;
        color: #008FD7;
    }

    .download-list-box .time {
        font-size: 14px;
        color: #666;
        filter: alpha(opacity=50);
    }

    .download-list-box .con {
        width: 100%;
        padding: 1.7%;
        background: #f7f7f7;
        display: none
    }

    .download-list-box dd {
        width: 100%;
        margin-bottom: 17px;
        background: #fff;
        padding: 39px 3.7% 49px
    }


    .download-list-box dd h2 {



        line-height: 44px;
        font-size: 24px;

        color: #333;
        margin-bottom: 14px


    }


    .download-list-box dd .line {




        margin-bottom: 20px;
        border-bottom: 1px solid #e6e5e5;
        padding-bottom: 40px

    }


    .download-list-box dd p {
        font-size: 15px;
        color: #666;
        line-height: 25px
    }


    .download-list-box .download {

        margin-top: 20px;
        width: 120px;
        height: 36px;
        padding-left: 37px;
        line-height: 36px;
        background: #008FD7 url(../images/ser23.png) no-repeat 77px center;
        color: #fff;
        font-size: 14px;
        display: block;
        border-radius: 30px;
    }

.download-list-box .title:hover {
        background: url(../images/ser22_h.png) no-repeat left center;
        color: #008FD7;
    }
	
.contact_content_inner {
    padding: 40px 52px;
    background: #fff;
}

.ul-download {
    padding: 0 0 16px
}

.ul-download li {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    margin-bottom: 11px
}

.ul-download li a.download {
    float: right;
    font-size: 14px;
    line-height: 54px;
    color: #666;
    letter-spacing: 1px
}

.ul-download li a.download img {
    display: inline-block;
    vertical-align: -6px;
    margin-left: 8px
}

.ul-download li a.download:hover {
    color: #008FD7
}

.ul-download li a.link {
    display: block;
    font-size: 16px;
    line-height: 54px;
    padding-left: 23px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../images/icon-dian.png) no-repeat left center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;

    transition: all .3s;
}

.ul-download li a.link:hover {
    color: #008FD7;
    background-image: url(../images/icon-dian-on.png);
}


.page22{width:100%;height:auto;margin-top: 15px;text-align:center;position:relative;overflow:hidden;}
.page22 a{display:inline-block;width: 42px;height: 40px;line-height: 40px;text-align:center;font-size: 14px;color:#888888;border:1px solid #cccccc;background: #fff;margin:0 4px;}

.page22 a.on, .page22 a:hover{background-color: #008FD7;color:#ffffff;border-color: #008FD7;}
.page22 a:first-child,
.page22 a:last-child{font-weight:600;}

.article{ padding:40px 50px; background:#fff;}

.subNewsTitle h3:first-child{font-size: 24px;font-weight: 400;color: #333;margin-top: 0px;padding: 0 0px 20px;border-bottom: 1px solid #D4D4D4;text-align: center;}
.article h3{font-size: 24px; color: #333; text-align: center; padding: 10px 0 30px;}


.article p{font-size: 14px;color: #3e3e3e;margin-bottom: 15px;line-height: 2;}


.otherNews {position: relative;border-top: 1px solid #D4D4D4;margin-top: 25px;}
.links22 {padding: 25px 0 0 0px;}
.links22 a {display: block;line-height: 2;font-size: 14px;color: #383838;}
.links22 a:hover {color: #008FD7;}

.new-list{margin-left: -10px;margin-right: -10px;margin-top: 40px;}
.new-list li{width: 33.333333333%;float:left;padding: 0 10px;margin-bottom: 25px;}
.new-list li:nth-child(4n+4){ margin-right:0;}
.new-list li figure{ display:block; line-height:normal; overflow:hidden;margin: 0;}
.new-list li figure img{ display:block; width:100%; height:auto; line-height:0; transition:430ms;}
.new-list li figcaption{display:block;padding: 25px 22px 22px;overflow:hidden;background: #ffffff;position:relative;transition:340ms;height: 172px;}
.new-list li figcaption time{color:#7e7e7e;font-size:14px;transition:300ms;line-height: 1.2;}
.new-list li figcaption h3{
	color: #3c3c3c;
	font-size: 18px;
	font-weight: 400;
	height: 24px;
	margin-top: 12px;
	line-height: 24px;
	transition:300ms;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	}
.new-list li figcaption p{
	color: #999;
	height: 54px;
	font-size:14px;
	line-height: 25px;
	margin-top: 10px;
	transition:300ms;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	} 
.new-list li figcaption span{display:block;width:102px;height:30px;line-height:30px;background:#fff;color: #008FD7;font-size:14px;margin-top: 15px;position:relative;bottom:-30px;opacity:0;text-align:center;transition:300ms;}
.new-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.new-list li:hover figcaption{margin-top:-51px;background: #008FD7;height: 223px;}
.new-list li:hover figcaption time{ color:#fff;}
.new-list li:hover figcaption h3{ color:#fff;}
.new-list li:hover figcaption p{ color:#fff;}
.new-list li:hover figcaption span{ opacity:1; bottom:0; position:relative; transition:355ms 100ms;}

.news-pagecontent {
	background-color: #fff;
	float: left;
	width: 75%;
	margin-bottom: 0;
}

.news-pagecontent .page {
		padding: 35px 40px 40px;
	}
	
.news-pagecontent .page .title {
	text-align: center;
	font-size: 12px;
	border-bottom: 1px solid #dadada;
}

.news-pagecontent .page .title h1 {
		font-size: 24px;
		line-height: 1.5;
		font-weight: normal;
		color:#262626;
	}
.news-pagecontent .page .title .artInfo {
	line-height: 2;
	padding: 10px 0;
	color: #999
}
.news-pagecontent .page .title .artInfo time {
	padding: 0 10px
}
.news-pagecontent .page .title .artInfo span {
}

.news-pagecontent .page .title .artInfo span a {
	margin-left: 10px;
	color: #999
}

.news-pagecontent .page .title .artInfo span a:hover,.news-pagecontent .page .title .artInfo span a:active {
	color: #262626
}

.news-pagecontent .page .title .article {
	padding: 15px;
	background: #f2f2f2;
	margin: 15px 0;
	color: #999
}

.news-pagecontent .page .content {
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
	padding-top: 25px;
	line-height: 2;
}

.news-pagecontent .page .content:after {

	content: " ";
	clear: both;
	display: table

}

.news-pagecontent .page .content p,.news-pagecontent .page .content ul,.news-pagecontent .page .content ol {
	margin-bottom: 10px;
}

.news-pagecontent .page .content h2 {
	margin-bottom: 10px;
	padding: 10px 0;


	font-size: 16px;
	border-bottom: 1px solid #f2f2f2

}

.news-pagecontent .page .content h3 {

	padding-top: 10px;
	font-size: 16px
}

.news-pagecontent .page .content a {
	color: #3d6dcc
}

.news-pagecontent .page .content a:hover,.news-pagecontent .page .content a:active {
	text-decoration: underline
}

.news-pagecontent .page .content img {
	max-width: 100%;
	height: auto
}

.news-pagecontent .page .content table {
	max-width: 100%;
	background-color: #f7f7f7
}

.news-pagecontent .page .content table th,.news-pagecontent .page .content table td {
	font-size: 12px;
	padding: 5px 10px;
	border: 1px solid #ccc;

	background-color: #fff
}

.news-pagecontent .page .content table th {
	background-color: #f7f7f7
}

.news-pagecontent .page .content table img {
	max-width: inherit
}

.news-pagecontent .page .content .table_wrap {
	position: relative;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #ededed
}

.news-pagecontent .page .content .table_wrap_box {
	*zoom: 1
}

.news-pagecontent .page .content .table_wrap_box:after {
	content: " ";
	clear: both;
	display: table
}

.news-pagecontent .page .content ul li {
	margin-left: 2em;
	list-style: disc
}

.news-pagecontent .page .content ol li {
	margin-left: 2em;
	list-style: decimal
}




.news-pagecontent .page .section {
	background: #f5f5f5;
	padding: 15px;
	margin-top: 20px;
	/* border-top: 1px solid #dedede; */
}

.news-pagecontent .page .section li a {
	font-size: 14px;
	display: block;
	padding: 5px 0;
	color: #666;
}

.news-pagecontent .page .section li a:hover,.news-pagecontent .page .section li a:active {
	color: #008FD7;
}

.news-pagelist {
		float: right;

		width: 23%;
		/* background:#fff; */
	}

.news-pagelist ul li {
		float: none;

		width: 100%;
		border-bottom: 1px solid #f2f2f2;
		background: #fff;

	}

	.news-pagelist ul li:first-child a {
		padding: 0;
		color: #262626;
		font-size:12px;
	}
	.news-pagelist ul li:first-child a small {
		display: block;
		overflow: hidden;
		position: relative;
	}

	.news-pagelist ul li:first-child a small img {
		width: 100%;
	}
	.news-pagelist ul li:first-child a time {
		display: none;
	}
	.news-pagelist ul li:first-child a em {

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 8px 12px;
		color: #fff;
		background-color: rgba(0,0,0,0.7);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.news-pagelist ul li a {
		font-size: 12px;

	}
	.news-pagelist ul li a time {
		top: 15px
	}
	.news-pagelist ul li a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	position: relative;
	width: 100%;
	padding: 15px 90px 15px 10px;
	color: #666;
	line-height: 20px;
	overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
}

	.news-pagelist ul li a:hover {
	color: #008FD7;
}



.news-pagelist ul li a time {
	position: absolute;
	right: 10px;
	top: 16px;
	width: 70px;
	text-align: right;
	color: #999;
	font-size: 12px
}

.news-pagelist ul li:first-child small {
	display: none
}

em,i{
	font-style:normal;
	}
	
.container{width: 1400px;margin:0 auto;}

.title44 {
  font-size: 24px;
  color: #2b2b2b;
  font-weight: bold;
  display: inline-block;
  line-height: 1.4;
  padding-bottom: 8px;
  margin-top: 40px;
  margin-bottom: 30px;
  border-bottom: 2px solid #008FD7;
}

.allfl { margin-bottom: 0; }
.allfl div, .allfl img { float: left; }
.allfl img {width: 100%;}
.allfl div {position: relative;padding: 32px 10px 0 0;}
.pro_list ul{
    margin-left: -0.8%;
    margin-right: -0.8%;
}
.pro_list li{float:left;position:relative;background-color:#FFF;width: 31.3333333%;overflow:hidden;margin: 0 1% 2% 1%;display:inline;}

.btn1 {display: block;width: 116px;height: 38px;line-height: 36px;text-align: center;font-size: 14px;color: #008FD7;border: 1px solid #008FD7;}
.btn1:hover {background: #008FD7;border: 1px solid #008FD7;color:#FFFFFF;}
.imghover img{ transition: all .6s ease; -moz-transition: all .6s ease; -webkit-transition: all .6s ease; -o-transition: all .6s ease; }
.imghover a:hover img, .imglihover li:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); }

.seviceBox {text-align: left;}
.seviceBox h4 {
	margin-bottom: 12px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
	color: #000000;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	}
.seviceBox p {
	font-size: 15px;
	color: #616161;
	line-height: 1.8;
	text-align: left;
	overflow: hidden;
	}
.seviceBox a {display: inline-block;margin-top: 22px;}

.imgbox{ overflow:hidden;}

.list4 {
		margin-left: -0.5vw;
		margin-right: -0.5vw;
		margin-bottom: 25px;
		float: left;
	}
	
.list4>li {
	vertical-align: top;
	float: left;
}

.list4 figure {
	overflow: hidden;
	position: relative;
	margin:0;
}

.list4 .article-title {
	-moz-transition: color .4s;
	-o-transition: color .4s;
	-webkit-transition: color .4s;
	transition: color .4s;
	font-size: 18px;
	color: #444444;
	line-height: 1.6;
	font-weight: 700;
	margin-bottom: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.list4 a {
	display: block;
	margin: 0 0.5vw;
}

.list4 img {
	-moz-transition: -moz-transform 1.2s;
	-o-transition: -o-transform 1.2s;
	-webkit-transition: -webkit-transform 1.2s;
	transition: transform 1.2s;
	width: 100%
}


.list-4>li {
	width: 25%
}

.bgg{
     background: #ffffff!important;
     height: auto;
     padding: 20px 25px;
     }

.list4 a:hover img {
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	.list4 a:hover .article-title {
		color: #187df2;
	}
	
.txt {

	font-size: 14px;
	line-height: 1.8;
	color: #888;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.more11 {
	padding-top: 50px;
	text-align: center;
}


.more11 .g-btn {
	color: #262626;
	border: 1px solid #262626;
	padding: 15px 50px;
	line-height: 1;
	transition: 0.3s linear;
	border-radius: 60px;
}

.more11 .g-btn:hover {
	 background: #187df2;
	 border: 1px solid #187df2;
	 color:#FFFFFF;
}

.section-ul1 {margin: 0 -0.5% 20px -0.5%;box-sizing: border-box;}
.section-ul1 li {float: left;width: 15.666666666%;text-align: center;margin: 0 0.5% 15px 0.5%;border: 1px solid #e0f6ff;overflow: hidden;line-height: 0;box-sizing: border-box;}

.new-list5{margin-left:-15px;margin-right: -15px;margin-bottom: -30px;float: left;}
.new-list5 li{width: 33.333333333%;float:left;padding: 0 15px;margin-bottom:40px;}
.new-list5 li figure{ display:block; line-height:normal; overflow:hidden;margin: 0;}
.new-list5 li figure img{ display:block; width:100%; height:auto; line-height:0; transition:430ms;}
.new-list5 li figcaption{display:block;padding: 18px 22px;overflow:hidden;background: #ffffff;position:relative;text-align: center;line-height: 1.8;transition:340ms;}
.new-list5 li figcaption time{ line-height:normal; color:#7e7e7e; font-size:14px; transition:300ms;}
.new-list5 li figcaption h3{color: #2b2b2b;font-size: 16px;font-weight: 400;overflow: hidden;margin: 0;transition:300ms;text-transform: none;}
.new-list5 li figcaption p{color:#6c6c6c;height: 50px;overflow:hidden;font-size:14px;line-height: 1.7;margin-top: 10px;transition:300ms;}
.new-list5 li figcaption span{ display:block; width:102px; height:30px; line-height:30px; background:#fff; color:#00A0E9; font-size:14px; margin-top:12px; position:relative; bottom:-30px; opacity:0; text-align:center; transition:300ms;}
.new-list5 li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.new-list5 li:hover figcaption{background: #00A0E9;}
.new-list5 li:hover figcaption time{ color:#fff;}
.new-list5 li:hover figcaption h3{ color:#fff;}
.new-list5 li:hover figcaption p{ color:#fff;}
.new-list5 li:hover figcaption span{ opacity:1; bottom:0; position:relative; transition:355ms 100ms;}

#protect5{}
#protect5 ul{margin-top: 0;margin-left: -15px;margin-right: -15px;overflow: hidden;margin-bottom: 25px;}
#protect5 ul li{width: 25%;padding: 0 15px;float: left;transition: all .2s;}
#protect5 ul li h1{text-align: center;}
#protect5 ul li h1 s {width: 180px;height: 180px;border-radius: 50%;display: inline-block;}
#protect5 ul li h1 s  img{border-radius: 50%;}
#protect5 ul li h2{text-align: center;font-size: 18px;font-weight: 600;line-height: 1.5;margin: 20px 0 1px 0;color: #313131;}
#protect5 ul li p{position: relative;margin: 0 20px;line-height: 1.75;font-size: 14px;color: #5a5a5a;text-align: center; overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;}

.x15{padding-top: 0px;padding-left: 15px;}

.n112 {
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 10px;
	color: #28262b;
}
.n13 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d0d0d0;
}
.b56 {
	font-size: 15px;
	line-height: 1.8;
	color: #3e3e3e;
}

.b56 p{
	margin-bottom: 12px;
}

.solution-content{background: #f5f5f5;padding-bottom: 80px;padding-top: 70px;}
.solution .solution-content .solution-content-tab{ max-width: 900px; margin: 0 auto; box-shadow: 0 0 40px rgba(0,0,0,.1); margin-top: -60px; position: relative; background-color: #FFF;}
.solution .solution-content .solution-content-tab ul{ display: flex; align-items: center; }
.solution .solution-content .solution-content-tab ul li { flex: 1; height: 120px; }

.solution .solution-content .solution-content-tab ul li a{ display: block; height: 120px; position: relative;}
.solution .solution-content .solution-content-tab ul li a:after{ content: ''; position: absolute; right: 35px; top: 50%; transform: translateY(-50%); width: 12px; height: 13px; background: url(../images/icon34.png) center center no-repeat;}
.solution .solution-content .solution-content-tab ul li.active a:after{ background: url(../images/icon35.png)  center center no-repeat;}
.solution .solution-content .solution-content-tab ul li a dl{ display: flex; height: 120px; align-items: center; padding: 0 50px;}
.solution .solution-content .solution-content-tab ul li a dl dd{ flex: 1; min-width: 0; margin-left: 35px;}
.solution .solution-content .solution-content-tab ul li a dl dd h2{ font-size: 20px; font-weight: normal;}
.solution .solution-content .solution-content-tab ul li a dl dd p{ font-size: 13px;}
.solution .solution-content .solution-content-tab ul li a:hover,.solution .solution-content .solution-content-tab ul li.active a{ color: #FFF; background: linear-gradient(300deg,rgba(112,50,221,1) 0%,rgba(30,176,232,1) 100%);}
.solution .solution-content .solution-content-tab ul li:first-child{ border-right: solid 1px #EEE;}
.solution .solution-content .solution-content-tab ul li:first-child dl dt{ background: url(../images/icon37.png) no-repeat; width: 53px; height: 49px;}
.solution .solution-content .solution-content-tab ul li:first-child:hover dl dt,.solution .solution-content .solution-content-tab ul li:first-child.active dl dt{ border: none; background: url(../images/icon37_01.png) no-repeat;}
.solution .solution-content .solution-content-tab ul li:last-child dl dt{ background: url(../images/icon36.png) no-repeat; width: 50px; height: 49px;}
.solution .solution-content .solution-content-tab ul li:last-child:hover dl dt,.solution .solution-content .solution-content-tab ul li:last-child.active dl dt{ background: url(../images/icon36_01.png) no-repeat;}
.solution .solution-content .solution-content-top{ margin-top: 80px;}
.solution .solution-content .solution-content-top dl{ background-color: #FFF; display: flex; align-items: center;}
.solution .solution-content .solution-content-top dl dt{ position: relative; width: 50%;}
.solution .solution-content .solution-content-top dl dt a{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}
.solution .solution-content .solution-content-top dl dt img{ max-width: 775px; max-height: 450px; width: 100%;}
.solution .solution-content .solution-content-top dl dt a img{ width: auto; height: auto;}
.solution .solution-content .solution-content-top dl dd{ flex: 1; padding: 0 60px; max-height: 300px;}
.solution .solution-content .solution-content-top dl dd h2{ font-weight: normal; font-size: 30px;}
.solution .solution-content .solution-content-top dl dd p span.line{ display: block; width: 12px; height: 2px; background-color: #f08200; margin: 20px 0;}
.solution .solution-content .solution-content-top dl dd .text{ color: rgba(40,40,40,.8); font-size: 15px; line-height: 22px;}
.solution .solution-content .solution-content-top dl dd .text img{ margin-top: 20px;}
.solution .solution-content .solution-content-tabs{ margin-top: 60px;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul{ display: flex; align-items: center; border-bottom: solid 2px #fb5941;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li{ flex: 1; text-align: center; font-size: 19px; padding-bottom: 55px; position: relative;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li a { display: inline-block;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li a:hover img{ -webkit-animation: down 0.6s linear infinite alternate; animation: down 0.6s linear infinite alternate; -moz-animation: down 0.6s linear infinite alternate; }
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li a p{ margin-top: 15px;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li.active a p{ color: #fd5d36;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li.active:after{ content: ''; position: absolute; width: 21px; height: 10px; background: url(../images/icon44.png) no-repeat; bottom: 0; left: 50%; transform: translateX(-50%);}
.solution .solution-content .solution-content-tabs .solution-content-tabs-bd{ background-color: #FFF; padding: 50px;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-bd .solution-content-tabs-bd-con{ font-size: 15px; line-height: 24px; color: rgba(51,51,51,.8); display: none; }
.solution .solution-content .solution-content-tabs .solution-content-tabs-bd .solution-content-tabs-bd-con img{ max-width: 100%;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-bd .solution-content-tabs-bd-con .con-text{ margin-bottom: 50px; }
.solution .solution-content .industry-item{}
.solution .solution-content .industry-item dl{ background-color: #FFF; display: flex; align-items: center; margin-bottom: 30px;}
.solution .solution-content .industry-item dl:nth-child(2n) dd{ order: -1;}
.solution .solution-content .industry-item dl dt{width: 50%;line-height: 0; overflow:hidden;}
.solution .solution-content .industry-item dl dt img{ max-width: 775px; max-height: 450px; width: 100%; -moz-transition: -moz-transform 1.2s;-o-transition: -o-transform 1.2s;-webkit-transition: -webkit-transform 1.2s;transition: transform 1.2s;}
.solution .solution-content .industry-item dl dt:hover img {
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
.solution .solution-content .industry-item dl dd{ flex: 1; padding: 0 60px; max-height: 300px;}
.solution .solution-content .industry-item dl dd h2{font-weight: normal;font-size: 28px;line-height: 1.4;color: #187df2;}
.solution .solution-content .industry-item dl dd p span.line{display: block;width: 20px;height: 2px;background-color: #187df2;margin: 20px 0;}
.solution .solution-content .industry-item dl dd .text{color: rgba(40,40,40,.8);font-size: 14px;line-height: 25px;}
.solution .solution-content .industry-item dl dd .text img{ margin-top: 20px;}
.solution .solution-content .industry-item dl dd p a{display: inline-block;width: 140px;height: 45px;border-radius: 50px;font-size: 14px;text-align: center;line-height: 41px;border: solid 2px #187df2;color: #187df2;margin-top: 50px;background: #ffffff;}
.solution .solution-content .industry-item dl dd p a:hover{border-color: #187df2;color: #fff;background: #187df2;}


.solution1{margin-bottom:20px;float: left;}
.solution1 .solution-content{padding-bottom: 0;padding-top: 0;background: none;}
.solution1 .solution-content .solution-content-tab{ max-width: 900px; margin: 0 auto; box-shadow: 0 0 40px rgba(0,0,0,.1); margin-top: -60px; position: relative; background-color: #FFF;}
.solution1 .solution-content .solution-content-tab ul{ display: flex; align-items: center; }
.solution1 .solution-content .solution-content-tab ul li { flex: 1; height: 120px; }

.solution1 .solution-content .solution-content-tab ul li a{ display: block; height: 120px; position: relative;}
.solution1 .solution-content .solution-content-tab ul li a:after{ content: ''; position: absolute; right: 35px; top: 50%; transform: translateY(-50%); width: 12px; height: 13px; background: url(../images/icon34.png) center center no-repeat;}
.solution1 .solution-content .solution-content-tab ul li.active a:after{ background: url(../images/icon35.png)  center center no-repeat;}
.solution1 .solution-content .solution-content-tab ul li a dl{ display: flex; height: 120px; align-items: center; padding: 0 50px;}
.solution1 .solution-content .solution-content-tab ul li a dl dd{ flex: 1; min-width: 0; margin-left: 35px;}
.solution1 .solution-content .solution-content-tab ul li a dl dd h2{ font-size: 20px; font-weight: normal;}
.solution1 .solution-content .solution-content-tab ul li a dl dd p{ font-size: 13px;}
.solution1 .solution-content .solution-content-tab ul li a:hover,.solution .solution-content .solution-content-tab ul li.active a{ color: #FFF; background: linear-gradient(300deg,rgba(112,50,221,1) 0%,rgba(30,176,232,1) 100%);}
.solution1 .solution-content .solution-content-tab ul li:first-child{ border-right: solid 1px #EEE;}
.solution1 .solution-content .solution-content-tab ul li:first-child dl dt{ background: url(../images/icon37.png) no-repeat; width: 53px; height: 49px;}
.solution1 .solution-content .solution-content-tab ul li:first-child:hover dl dt,.solution .solution-content .solution-content-tab ul li:first-child.active dl dt{ border: none; background: url(../images/icon37_01.png) no-repeat;}
.solution1 .solution-content .solution-content-tab ul li:last-child dl dt{ background: url(../images/icon36.png) no-repeat; width: 50px; height: 49px;}
.solution1 .solution-content .solution-content-tab ul li:last-child:hover dl dt,.solution .solution-content .solution-content-tab ul li:last-child.active dl dt{ background: url(../images/icon36_01.png) no-repeat;}
.solution1 .solution-content .solution-content-top{ margin-top: 80px;}
.solution1 .solution-content .solution-content-top dl{ background-color: #FFF; display: flex; align-items: center;}
.solution1 .solution-content .solution-content-top dl dt{ position: relative; width: 50%;}
.solution1 .solution-content .solution-content-top dl dt a{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}
.solution1 .solution-content .solution-content-top dl dt img{ max-width: 775px; max-height: 450px; width: 100%;}
.solution1 .solution-content .solution-content-top dl dt a img{ width: auto; height: auto;}
.solution1 .solution-content .solution-content-top dl dd{ flex: 1; padding: 0 60px; max-height: 300px;}
.solution1 .solution-content .solution-content-top dl dd h2{ font-weight: normal; font-size: 30px;}
.solution1 .solution-content .solution-content-top dl dd p span.line{ display: block; width: 12px; height: 2px; background-color: #f08200; margin: 20px 0;}
.solution1 .solution-content .solution-content-top dl dd .text{ color: rgba(40,40,40,.8); font-size: 15px; line-height: 22px;}
.solution1 .solution-content .solution-content-top dl dd .text img{ margin-top: 20px;}
.solution1 .solution-content .solution-content-tabs{ margin-top: 60px;}
.solution1 .solution-content .solution-content-tabs .solution-content-tabs-hd ul{ display: flex; align-items: center; border-bottom: solid 2px #fb5941;}
.solution1 .solution-content .solution-content-tabs .solution-content-tabs-hd ul li{ flex: 1; text-align: center; font-size: 19px; padding-bottom: 55px; position: relative;}
.solution1 .solution-content .solution-content-tabs .solution-content-tabs-hd ul li a { display: inline-block;}
.solution1 .solution-content .solution-content-tabs .solution-content-tabs-hd ul li a:hover img{ -webkit-animation: down 0.6s linear infinite alternate; animation: down 0.6s linear infinite alternate; -moz-animation: down 0.6s linear infinite alternate; }
.solution1 .solution-content .solution-content-tabs .solution-content-tabs-hd ul li a p{ margin-top: 15px;}
.solution1 .solution-content .solution-content-tabs .solution-content-tabs-hd ul li.active a p{ color: #fd5d36;}
.solution1 .solution-content .solution-content-tabs .solution-content-tabs-hd ul li.active:after{ content: ''; position: absolute; width: 21px; height: 10px; background: url(../images/icon44.png) no-repeat; bottom: 0; left: 50%; transform: translateX(-50%);}
.solution1 .solution-content .solution-content-tabs .solution-content-tabs-bd{ background-color: #FFF; padding: 50px;}
.solution1 .solution-content .solution-content-tabs .solution-content-tabs-bd .solution-content-tabs-bd-con{ font-size: 15px; line-height: 24px; color: rgba(51,51,51,.8); display: none; }
.solution1 .solution-content .solution-content-tabs .solution-content-tabs-bd .solution-content-tabs-bd-con img{ max-width: 100%;}
.solution1 .solution-content .solution-content-tabs .solution-content-tabs-bd .solution-content-tabs-bd-con .con-text{ margin-bottom: 50px; }
.solution1 .solution-content .industry-item{}
.solution1 .solution-content .industry-item dl{background-color: #FFF;display: flex;/* align-items: center; */margin-bottom: 30px;}
.solution1 .solution-content .industry-item dl:nth-child(2n) dd{}
.solution1 .solution-content .industry-item dl dt{width: 40%;line-height: 0;overflow:hidden;}
.solution1 .solution-content .industry-item dl dt img{max-width: 775px;width: 100%;-moz-transition: -moz-transform 1.2s;-o-transition: -o-transform 1.2s;-webkit-transition: -webkit-transform 1.2s;transition: transform 1.2s;}
.solution1 .solution-content .industry-item dl dt:hover img {
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
.solution1 .solution-content .industry-item dl dd{flex: 1;padding: 50px 60px;max-height: 300px;}
.solution1 .solution-content .industry-item dl dd h2{font-weight: 700;font-size: 28px;line-height: 1.4;color: #28262b;border-bottom: 1px solid #d0d0d0;padding-bottom: 10px;}
.solution1 .solution-content .industry-item dl dd p span.line{display: block;width: 20px;height: 2px;background-color: #187df2;margin: 20px 0;}
.solution1 .solution-content .industry-item dl dd .text{color: #4c4c4c;font-size: 15px;line-height: 1.8;}
.solution1 .solution-content .industry-item dl dd .text img{ margin-top: 20px;}
.solution1 .solution-content .industry-item dl dd p a{display: inline-block;width: 140px;height: 45px;border-radius: 50px;font-size: 14px;text-align: center;line-height: 41px;border: solid 2px #187df2;color: #187df2;margin-top: 50px;background: #ffffff;}
.solution1 .solution-content .industry-item dl dd p a:hover{border-color: #187df2;color: #fff;background: #187df2;}



.bann1{height: 460px;padding-top: 205px;padding-bottom: 120px;margin-top: 0;color:#fff;}
.bann1 h2{font-size: 40px;margin-bottom: 20px;line-height: 1.2;font-weight: 700;text-align: left;color: #ffffff;width: 50%;}

.ytt2{font-size: 16px;line-height: 1.8;color: #ffffff;width: 50%;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;}

.a561 {
	font-size: 28px;
	font-weight: 700;
	color: #000;
	line-height: 1.4;
	margin-bottom: 15px;
}

.pink-line{
        width: 32px;
        height: 4px;
        border-radius: 38px;
        background: -webkit-linear-gradient(left, #00bbff, #0078ff);
        margin-bottom: 25px;
        margin-left: 1px;
    }
	
.ct66{ line-height:2; font-size:14px;}

.ct66{line-height: 1.8;font-size: 15px;margin-bottom:10px;color:#6F6F6F;}

.home-block1 {
	padding: 60px 0;
}
.home-block1.hb-white {
	background:#fff;
}
.home-block1.hb-yy {
	background: #f5f5f5;
}

.x12{padding: 15px 30px 15px 0;}
.x12 p{line-height: 2;font-size: 15px;margin-bottom:10px;color: #4a4a4a;}
.x13{padding: 15px 0 15px 30px;}
.x13 p{line-height: 2;font-size: 15px;margin-bottom:10px;color: #4a4a4a;}
.x14{padding: 15px 30px 15px 0;}
.x14 p{line-height: 1.8;font-size: 15px;margin-bottom:5px;color: #4a4a4a;}


.a563 {
	font-size: 28px;
	font-weight: 700;
	color: #000;
	line-height: 1.4;
	margin-bottom: 15px;
}

.Iab-box{ float:right;}

.min500{ min-height:350px;}	

.in-one{overflow: hidden;padding: 60px 0;}
.tit3{text-align: center;margin-bottom: 35px;}
.tit3 h3{font-size: 32px;color: #333;line-height: 1.2;position: relative;margin-bottom: 20px;}
.index_text1{color: #3c3c3c;line-height: 1.8;font-size: 15px;margin:0 auto;text-align:center;max-width: 1100px;}
.index_text1 p{color: #3c3c3c;line-height: 1.8;font-size: 15px;text-align: justify;margin-bottom: 20px;}
.line2 {
  background-color: #63C9CB;
  display: block;
  width: 30px;
  height: 3px;
  margin: 15px auto 15px auto;
}

.A-title{text-align:center;}
.A-title .t1{line-height: 1.4;font-size: 36px;color:#000;margin-bottom: 30px;}

.cpn-culture6{
    margin-top: 20px;
    text-align: center;
}
.cpn-culture6 ul{}
.cpn-culture6 ul li{width: 15%;font-size:14px;color: #7b7b7b;line-height: 1.7;display: inline-block;vertical-align: top;}
.cpn-culture6 ul li .note{padding: 0 20px;text-align: left;}
.cpn-culture6 ul li h4{font-size: 15px;color: #1f1f1f;line-height: 1.6;position: relative;text-align: center;}
.cpn-culture6 ul li h4:after{position: absolute;left:50%;bottom:0px;width:30px;height: 3px;background: #3370FF;margin-left:-15px;transition: all 0.3s ease;}
.cpn-culture6 ul li p{color: #8a8a8a;line-height: 23px;margin-bottom:0;text-align: left;overflow: hidden;}
.cpn-culture6 ul li s {max-width: 90px;display: block;margin: 0 auto 25px auto;text-align: center;}
.cpn-culture6 ul li:hover h4:after{width:40px;margin-left:-20px;}

.scet{padding: 50px 50px;background: #fff;}

.scet p{line-height:1.8;margin-bottom: 0;}

.starGn {
    position: relative;
}

.starGn_top {
    position: relative;
}
.starGn_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 210px;
    background: url(../images/bg12.jpg) no-repeat center;
    background-size: cover;
}

.cpn-culture8{
    margin-top: 20px;
    text-align: center;
}
.cpn-culture8 ul{}
.cpn-culture8 ul li{width: 19%;font-size:14px;color: #7b7b7b;line-height: 1.7;display: inline-block;vertical-align: top;}
.cpn-culture8 ul li .note{padding: 0 20px;text-align: left;}
.cpn-culture8 ul li h4{font-size: 15px;color: #1f1f1f;line-height: 1.6;font-weight: 400;position: relative;text-align: center;}
.cpn-culture8 ul li h4:after{position: absolute;left:50%;bottom:0px;width:30px;height: 3px;background: #3370FF;margin-left:-15px;transition: all 0.3s ease;}
.cpn-culture8 ul li p{color: #8a8a8a;line-height: 23px;margin-bottom:0;text-align: left;overflow: hidden;}
.cpn-culture8 ul li s {max-width: 90px;display: block;margin: 0 auto 25px auto;text-align: center;}
.cpn-culture8 ul li:hover h4:after{width:40px;margin-left:-20px;}


#tabs {
	  overflow: hidden;
	  width: 100%;
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  text-align: center;
	  line-height: 0;
	  margin-bottom: 50px;
	  margin-top: 20px;
	  border-radius: 3px;
	  background: #fff;
	  box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1);
}

	#tabs li {
	  display: inline-block;
}

	#tabs a {
	  float: left;
	  position: relative;
	  margin: 22px 40px;
	  line-height: 30px;
	  height: 30px;
	  text-transform: uppercase;
	  text-decoration: none;
	  color: #3a3a3a;
	  font-size: 16px;
	}

	#tabs a:hover,
	#tabs a:focus {
	  color: #187df2;
	}

	#tabs a:focus {
	  outline: 0;
	}

	#tabs #current1 {
	  z-index: 3;
	  opacity: 1;
	  color: #187df2;
	  filter: alpha(opacity=100);
	}
	
.solution3 .solution-content{ background:#fff; padding:0;}

.solution3 .solution-content .solution-content-tab{ max-width: 900px; margin: 0 auto; box-shadow: 0 0 40px rgba(0,0,0,.1); margin-top: -60px; position: relative; background-color: #FFF;}
.solution3 .solution-content .solution-content-tab ul{ display: flex; align-items: center; }
.solution3 .solution-content .solution-content-tab ul li { flex: 1; height: 120px; }
.solution3 .solution-content .solution-content-tab ul li a{ display: block; height: 120px; position: relative;}
.solution3 .solution-content .solution-content-tab ul li a:after{ content: ''; position: absolute; right: 35px; top: 50%; transform: translateY(-50%); width: 12px; height: 13px; background: url(../images/icon34.png) center center no-repeat;}
.solution3 .solution-content .solution-content-tab ul li.active a:after{ background: url(../images/icon35.png)  center center no-repeat;}
.solution3 .solution-content .solution-content-tab ul li a dl{ display: flex; height: 120px; align-items: center; padding: 0 50px;}
.solution3 .solution-content .solution-content-tab ul li a dl dd{ flex: 1; min-width: 0; margin-left: 35px;}
.solution3 .solution-content .solution-content-tab ul li a dl dd h2{ font-size: 20px; font-weight: normal;}
.solution3 .solution-content .solution-content-tab ul li a dl dd p{ font-size: 13px;}
.solution3 .solution-content .solution-content-tab ul li a:hover,.solution .solution-content .solution-content-tab ul li.active a{ color: #FFF; background: linear-gradient(300deg,rgba(112,50,221,1) 0%,rgba(30,176,232,1) 100%);}
.solution3 .solution-content .solution-content-tab ul li:first-child{ border-right: solid 1px #EEE;}
.solution3 .solution-content .solution-content-tab ul li:first-child dl dt{ background: url(../images/icon37.png) no-repeat; width: 53px; height: 49px;}
.solution3 .solution-content .solution-content-tab ul li:first-child:hover dl dt,.solution .solution-content .solution-content-tab ul li:first-child.active dl dt{ border: none; background: url(../images/icon37_01.png) no-repeat;}
.solution3 .solution-content .solution-content-tab ul li:last-child dl dt{ background: url(../images/icon36.png) no-repeat; width: 50px; height: 49px;}
.solution3 .solution-content .solution-content-tab ul li:last-child:hover dl dt,.solution .solution-content .solution-content-tab ul li:last-child.active dl dt{ background: url(../images/icon36_01.png) no-repeat;}
.solution3 .solution-content .solution-content-tab-con .con{ }
.solution3 .solution-content .solution-content-top{ margin-top: 80px;}
.solution3 .solution-content .solution-content-top dl{ background-color: #FFF; display: flex; align-items: center;}
.solution3 .solution-content .solution-content-top dl dt{ position: relative; width: 50%;}
.solution3 .solution-content .solution-content-top dl dt a{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}
.solution3 .solution-content .solution-content-top dl dt img{ max-width: 775px; max-height: 450px; width: 100%;}
.solution3 .solution-content .solution-content-top dl dt a img{ width: auto; height: auto;}
.solution3 .solution-content .solution-content-top dl dd{ flex: 1; padding: 0 60px; max-height: 300px;}
.solution3 .solution-content .solution-content-top dl dd h2{ font-weight: normal; font-size: 30px;}
.solution3 .solution-content .solution-content-top dl dd p span.line{ display: block; width: 12px; height: 2px; background-color: #f08200; margin: 20px 0;}
.solution3 .solution-content .solution-content-top dl dd .text{ color: rgba(40,40,40,.8); font-size: 15px; line-height: 22px;}
.solution3 .solution-content .solution-content-top dl dd .text img{ margin-top: 20px;}
.solution3 .solution-content .solution-content-tabs{ margin-top: 60px;}
.solution3 .solution-content .solution-content-tabs .solution-content-tabs-hd ul{ display: flex; align-items: center; border-bottom: solid 2px #fb5941;}
.solution3 .solution-content .solution-content-tabs .solution-content-tabs-hd ul li{ flex: 1; text-align: center; font-size: 19px; padding-bottom: 55px; position: relative;}
.solution3 .solution-content .solution-content-tabs .solution-content-tabs-hd ul li a { display: inline-block;}
.solution3 .solution-content .solution-content-tabs .solution-content-tabs-hd ul li a:hover img{ -webkit-animation: down 0.6s linear infinite alternate; animation: down 0.6s linear infinite alternate; -moz-animation: down 0.6s linear infinite alternate; }
.solution3 .solution-content .solution-content-tabs .solution-content-tabs-hd ul li a p{ margin-top: 15px;}
.solution3 .solution-content .solution-content-tabs .solution-content-tabs-hd ul li.active a p{ color: #fd5d36;}
.solution3 .solution-content .solution-content-tabs .solution-content-tabs-hd ul li.active:after{ content: ''; position: absolute; width: 21px; height: 10px; background: url(../images/icon44.png) no-repeat; bottom: 0; left: 50%; transform: translateX(-50%);}
.solution3 .solution-content .solution-content-tabs .solution-content-tabs-bd{ background-color: #FFF; padding: 50px;}
.solution3 .solution-content .solution-content-tabs .solution-content-tabs-bd .solution-content-tabs-bd-con{ font-size: 15px; line-height: 24px; color: rgba(51,51,51,.8); display: none; }
.solution3 .solution-content .solution-content-tabs .solution-content-tabs-bd .solution-content-tabs-bd-con img{ max-width: 100%;}
.solution3 .solution-content .solution-content-tabs .solution-content-tabs-bd .solution-content-tabs-bd-con .con-text{ margin-bottom: 50px; }
.solution3 .solution-content .industry-item{}
.solution3 .solution-content .industry-item dl{background-color: #FFF;display: flex;align-items: center;}
.solution3 .solution-content .industry-item dl:nth-child(2n) dd{ order: -1;}
.solution3 .solution-content .industry-item dl dt{width: 50%;line-height: 0;overflow:hidden;}
.solution3 .solution-content .industry-item dl dt img{ max-width: 775px; max-height: 450px; width: 100%; -moz-transition: -moz-transform 1.2s;-o-transition: -o-transform 1.2s;-webkit-transition: -webkit-transform 1.2s;transition: transform 1.2s;}
.solution3 .solution-content .industry-item dl dd{flex: 1;padding: 0 50px 0 0;}
.solution3 .solution-content .industry-item dl dd h2{font-weight: 400;font-size: 26px;line-height: 1.4;color: #187df2;margin-bottom: 18px;}
.solution3 .solution-content .industry-item dl dd p span.line{display: block;width: 20px;height: 2px;background-color: #00CC99;margin: 8px 0 16px 0;}
.solution3 .solution-content .industry-item dl dd .text{color: #484848;font-size: 15px;line-height: 1.8;}
.solution3 .solution-content .industry-item dl dd .text p{margin-bottom: 10px;}
.solution3 .solution-content .industry-item dl dd .text img{ margin-top: 20px;}
.solution3 .solution-content .industry-item dl dd p a{display: inline-block;width: 140px;height: 45px;border-radius: 50px;font-size: 14px;text-align: center;line-height: 43px;border: solid 2px #147861;color: #147861;margin-top: 50px;background: #fff;}
.solution3 .solution-content .industry-item dl dd p a:hover{border-color: #147861;color: #fff;background: #147861;}

.por-section-head {
	padding-bottom: 28px;
	font-size: 0;
	text-align: center;
}

.por-section-title {
	display: inline-block;
	position: relative;
	width: 100%;
	font-weight: 400;
	font-size: 32px;
	line-height: 1.6;
	color: #252b3a;
}

.cpn-fl{width: 48%;float:left;padding-top: 10px;}
.cpn-fl p{color: #575d6c;font-size: 14px;margin-bottom: 10px;line-height: 24px;}
.cpn-fr{width: 49%;float:right;}
.cpn-fr h2{font-size: 18px;line-height: 1.5;font-weight: 700;color: #252b3a;margin: 15px auto 15px;}
.cpn-fr p{color: #575d6c;font-size: 15px;margin-bottom: 10px;line-height: 1.8;}

.index-2-more1{margin-top: 30px;}
.index-2-more1 a{display: inline-block;padding: 12px 38px;font-size: 14px;line-height: 1.2;text-align: center;border: 1px solid #575d6c;color: #575d6c;border-radius: 2px;}
.index-2-more1 a:hover{border-color: #187df2;color: #fff;background: #187df2;}

.mg10 {margin: 0 -15px;}

.cpn-culture{}
.cpn-culture ul{overflow: hidden;margin-left: -1%;margin-right: -1%;margin-bottom: -20px;}
.cpn-culture ul li{width: 31.333333333%;float:left;margin: 0 1%;margin-bottom: 25px;background: #f5f5f5;font-size:14px;color: #7b7b7b;line-height: 1.7;}
.cpn-culture ul li .note{padding: 40px 40px;text-align: center;}
.cpn-culture ul li h4{font-size: 18px;color: #151515;margin-bottom: 15px;padding-bottom: 15px;position: relative;font-weight: 700;text-align: center;}
.cpn-culture ul li h4:after{content:"";position: absolute;left:50%;bottom:0px;width:30px;height: 3px;background: #008FD7;margin-left:-15px;transition: all 0.3s ease;}
.cpn-culture ul li p{color: #7b7b7b;line-height: 1.7;margin-bottom:0;height: 94px;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}
.cpn-culture ul li s {max-width: 80px;display: block;margin: 0 auto 20px auto;text-align: center;}
.cpn-culture ul li:hover h4:after{width:40px;margin-left:-20px;}

#tabs1 {
	  overflow: hidden;
	  width: 100%;
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  text-align: center;
	  line-height: 0;
	  margin-bottom: 25px;
	  margin-top: -15px;
	  border-bottom: 1px solid #cccccc;
}

	#tabs1 li {
	  display: inline-block;

}

	#tabs1 a {

float: left;

position: relative;

margin: 0 28px;

line-height: 50px;

height: 50px;

text-transform: uppercase;

text-decoration: none;

color: #3a3a3a;

font-size: 15px;

}

	#tabs1 a:hover,
	#tabs1 a:focus {
	  color: #187df2;

	}


	#tabs1 a:focus {
	  outline: 0;
	}

	#tabs1 #current1 {
	  z-index: 3;
	  border-bottom: 3px solid #187df2;
	  opacity: 1;
	  color: #187df2;
	  font-weight: 700;
	  filter: alpha(opacity=100);
	}
	
.solution5 .solution-content .industry-item dl{display: flex;align-items: center;}
.solution5 .solution-content .industry-item dl dt{width: 50%;line-height: 0;overflow:hidden;}
.solution5 .solution-content .industry-item dl dt img{ max-width: 775px; max-height: 450px; width: 100%; -moz-transition: -moz-transform 1.2s;-o-transition: -o-transform 1.2s;-webkit-transition: -webkit-transform 1.2s;transition: transform 1.2s;}
.solution5 .solution-content .industry-item dl dd{flex: 1;padding: 0 50px 0 0;}
.solution5 .solution-content .industry-item dl dd h2{font-weight: 700;font-size: 18px;line-height: 1.4;color: #333;margin-bottom: 12px;}
.solution5 .solution-content .industry-item dl dd .text{color: #6d6d6d;font-size: 14px;line-height: 1.8;}
.solution5 .solution-content .industry-item dl dd .text p{margin-bottom: 12px;}

.solution5 .solution-content{background: none;padding:0;}

#protect7{
}
#protect7 ul{overflow: hidden;margin-left: -0.7%;margin-right: -0.7%;}
#protect7 ul li{width: 23.6%;margin-left: 0.7%;margin-right: 0.7%;margin-top: 20px;height: auto;float: left;transition: all .2s;padding: 45px 30px 40px 30px;background: #fff;border: solid 1px #e5e5e5;border-bottom: solid 2px #187df2;min-height: 390px;}
#protect7 ul li h1{text-align: center;line-height: 22px;}
#protect7 ul li h1 s {max-width: 100px;display: inline-block;}
#protect7 ul li h2{text-align: center;font-size: 18px;font-weight: 700;line-height: 1.5;margin: 22px 0 10px;color: #222;}
#protect7 ul li p{position: relative;line-height: 1.75;color: #5a5a5a;text-align: justify;}

.ss22{font-size: 20px;height: 48px;width: 48px;line-height: 48px;background: #187df2;color: #ffffff;display: inline-block;border-radius: 50%;text-align: center;}

.vvr{
	font-size:16px;
	margin-top:10px;
	line-height: 1.9;
	color: #3e3e3e;
	margin-bottom: 12px;
	}
	
.ctt1{font-size:16px;font-family: tahoma,"Source Han Sans CN","\5FAE\8F6F\96C5\9ED1", Arial, Helvetica,sans-serif;}

.at1{ max-width: 502px;
    width: 90%;
    font-size: 16px;}
	
.at1 p{ margin-bottom:10px;}

.joinFix_p{
	font-size: 16px;
    color: #666;
    line-height: 2;
	}
	
.joinFix_p p{
	margin-bottom:0;
	}


@media (max-width: 1600px) {
.zz2{
    font-size: 50px;
    }	
	
.zz3{font-size: 18px;}

.container5 {max-width:1200px;width: 92%;}

}

@media (max-width: 1500px) {
	
	
.cpn-culture ul li p{height: 124px;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;}

#protect7 ul li h2{font-size: 16px;}

#protect7 ul li{min-height: 420px;}


}


@media (max-width: 1366px) {
	
	
.cpn-culture ul li p{height: 144px;}


#protect7 ul li h2{font-size: 15px;}
#protect7 ul li{min-height: 460px;}

.at1{ 
    width: 100%;
	}


}

@media (max-width: 1156px) {

#protect7 ul li{min-height: 500px;}


}












@media (max-width: 1024px) {
	
.zz2{
    font-size: 18px;
    }	
	
.zz3{font-size: 14px;}
	
.zss1{ display:none;}
.zss2{ display:block;}

.subject-item7 .content_list {

	margin-top: 0;
}

.subject-item7 .item_block:first-child {
	padding: 20px 15px;

	width: 100%;
	margin-bottom: 20px;
}

.subject-item7 .item_block:not(:first-child) {
	padding: 20px 20px 20px 30px;
	width: 100%;
	float: left;
	border-top: 1px solid #e5e5e5;
}


.subject-item7 .item_block .item_wrapper .date_wrap .md {
	font-size: 14px;
	line-height: 30px;
}

.Str-three{padding: 60px 0;}
.Str-three p{width:100%;font-size: 14px;line-height: 1.8;}
.index_more1{height: 40px;margin-top: 20px;line-height: 40px;width: 120px;font-size: 14px;}
.tit h3{font-size: 22px; margin-bottom:12px;}
.tit h4{font-size: 14px;}

.tit{margin-bottom: 25px;}
.section-ul li {width: 31.33333333333333%;text-align: center;margin: 0 1% 10px 1%;}
.section-ul1 li {width: 31.33333333333333%;text-align: center;margin: 0 1% 10px 1%;}

.index-title{margin: 0 0 22px;font-size: 22px;}

.section {
    padding: 40px 0;
}
.video-list2 .video-item {
  width: 99%;
  }
  .video-list2 .video-name {
  margin: 18px;
  font-size: 14px;
  }
  
  .title44 {
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 25px;
}
	
.pubTitle{margin-bottom: 25px;}
.pubTitle h6{font-size: 22px;}

.other_banner{margin-top: 60px; height:180px;}
.other_banner .banner_text h3{font-size: 24px;margin-bottom: 0;font-weight: 400;}

.other_banner .banner_text h4{font-size: 16px;}


.line33 {
  margin: 10px auto;
}




.container5{width:92%;}
.container{width:92%;}

.nymenu_mid ul li a{padding: 15px 0;line-height: 1.5;font-size: 14px;}
.nymenu_mid ul li{padding: 0 20px;width: 50%;float: left;display: block;}

.home-block {
	padding: 40px 0;
}
.home-block1 {
	padding: 40px 0;
}
.article{ padding:25px 25px; }
.subNewsTitle h3:first-child{font-size: 18px;padding: 0 0px 20px;}

.srvStgy-top{margin: 15px auto 0;font-size: 14px;}

.srvStgy-top p{margin-bottom: 10px;font-size: 14px;}
.srv-wrap{padding: 25px 20px 30px 20px;background:#fff;}
.srv-top{padding-bottom: 15px;text-align: left;font-size: 20px;}


.contact_content_inner {

    padding: 25px 22px;
}


.ul-download li a.link {
    display: block;
    font-size: 14px;
    line-height: 48px;
}

.ul-download {
    padding: 0 0 10px
}


.download-list-box .title {
        width: 100%;
        cursor: pointer;
        padding-left: 38px;
        background: url(../images/ser221.png) no-repeat left center;
        line-height: 60px;
        font-size: 14px;
        overflow: hidden;
        height: 60px;
        color: #444;
        border-bottom: 1px solid #e0e0e0;
    }
	
  .download-list-box .download {
        margin-top: 15px;
        width: 80px;
        height: 30px;
        padding-left: 17px;
        line-height: 30px;
        background: #008FD7 url(../images/ser231.png) no-repeat 50px center;
        color: #fff;
        font-size: 13px;
        display: block;
        border-radius: 30px;
    }

.download-list-box .title:hover {
        background: url(../images/ser221_h.png) no-repeat left center;
        color: #008FD7;
    }
	
.ti22{ width:65%;}

.new-list li{width: 100%;float:left;padding: 0 10px;margin-bottom: 25px;}

.news-pagecontent {
	width: 100%;
}

.news-pagelist {
		float: left;
		width: 100%;
		margin-top:20px;
	}
.news-pagecontent .page .title h1 {
		font-size: 20px;
		font-weight: normal;
		color:#262626;
	}
.news-pagecontent .page {
		padding: 20px 20px 15px;
	}
	
.allfl div {position: relative;padding: 25px 0 0 0;}

.seviceBox h4 {
	font-size: 18px;
	font-weight: 700;
	}
	
.pro_list li{width: 98%; margin-bottom:15px;}


.list-4>li {
	width: 50%;
	margin-bottom:10px;
}

.bgg{
     padding: 15px 10px;
     }

.list4 .article-title {
	font-size: 15px;
}

.txt {

	font-size: 13px;
}

.list4 {
		margin-bottom: 15px;
	}
	
.new-list5 li{width: 100%;margin-bottom:20px;}

.new-list5 li figcaption h3{font-size: 14px;}

#protect5 ul li{width: 50%; margin-bottom:15px;}
#protect5 ul li h1 s {width: 140px;height: 140px;}
#protect5 ul li h2{font-size: 16px;}

.n112 {
	font-size: 20px;
}

.x15{padding-top: 25px;padding-left: 0;}

.solution .solution-content .industry-item dl{ background-color: #FFF; display:block; align-items: center; margin-bottom: 20px;}
.solution .solution-content .industry-item dl dt{width: 100%;line-height: 0;}
.solution .solution-content .industry-item dl dd{flex: 1;padding: 30px;max-height: 100%;}
.solution .solution-content .industry-item dl dd h2{font-weight: normal;font-size: 22px;}
.solution .solution-content .industry-item dl dd p span.line{display: block;width: 20px;height: 2px;margin: 12px 0;}
.solution .solution-content .industry-item dl dd p a{margin-top: 20px;}
.solution-content{padding-bottom: 10px;padding-top: 30px;}

.a563 {
	font-size: 18px;
	margin-bottom: 10px;
}

.x12{padding: 25px 0 15px 0;}
.x13{padding: 25px 0 15px 0;}

.a561 {
	font-size: 18px;
	margin-bottom: 10px;
}

.A-title .t1{font-size: 22px;margin-bottom: 20px;}
.in-one{padding: 40px 0;}
.index_text1{ width:92%; max-width: 900px;}

.a562 {
	font-size: 22px;
	margin-top:15px;
}

.x122{padding-left: 0;}

.solution3 .solution-content .industry-item dl{background-color: #FFF;display:block;align-items: center;margin-bottom: 20px;margin-top: 10px;}
.solution3 .solution-content .industry-item dl dt{width: 100%;line-height: 0;}
.solution3 .solution-content .industry-item dl dd{flex: 1;padding: 20px 0 10px 0;max-height: 100%;}
.solution3 .solution-content .industry-item dl dd h2{font-size: 18px;}
.solution3 .solution-content .industry-item dl dd p span.line{display: block;width: 20px;height: 2px;background-color: #147861;margin: 12px 0;}

.solution3 .solution-content .industry-item dl dd p a{margin-top: 20px;}
.solution-content{}

#tabs li {
	display:block;
	width:50%;
	float:left;
}

#tabs a {
	  margin: 8px 0;
	  line-height: 1.4;
	  width: 100%;
	  text-align: center;
	  font-size:15px;
	  height:auto;
	  padding:0 8px;
	}
	
#tabs {
	 
	  margin-bottom: 40px;
	  margin-top: 10px;
	  padding:10px 0;

}

.starGn_bg {
    height: 180px;
}

.scet{padding: 25px;}

.por-section-title {
	font-size: 22px;
}

.por-section-head {
	padding-bottom: 20px;
}

.cpn-fl{width: 100%;padding-top: 0px;}
.cpn-fr{width: 100%;float:left; margin-top:25px;}
.cpn-fr h2{font-size: 16px;margin: 0 auto 10px;}
.cpn-fr p{font-size: 14px;}

	#tabs1 a {
margin: 0 14px;
font-size: 14px;
}

.solution5 .solution-content .industry-item dl{display:block;align-items: center;margin-bottom: 20px;margin-top: 10px;}
.solution5 .solution-content .industry-item dl dt{width: 100%;line-height: 0;}
.solution5 .solution-content .industry-item dl dd{flex: 1;padding: 20px 0 10px 0;max-height: 100%;}
.solution5 .solution-content .industry-item dl dd h2{font-size: 16px;}
.solution5 .solution-content .industry-item dl dd p span.line{display: block;width: 20px;height: 2px;background-color: #147861;margin: 12px 0;}
.solution5 .solution-content .industry-item dl dd p a{margin-top: 20px;}

.cpn-culture ul li{width: 98%;margin-bottom: 15px;}

#protect7 ul li{width: 100%;margin-left: 0%;margin-right: 0%;padding: 45px 30px 40px 30px;min-height: 50px; margin-bottom:15px;margin-top: 0;}

.solution1 .solution-content .industry-item dl{ background-color: #FFF; display:block; align-items: center; margin-bottom: 20px;}
.solution1 .solution-content .industry-item dl dt{width: 100%;line-height: 0;}
.solution1 .solution-content .industry-item dl dd{flex: 1;padding: 30px;max-height: 100%;}
.solution1 .solution-content .industry-item dl dd h2{font-weight: normal;font-size: 22px;}
.solution1 .solution-content .industry-item dl dd p span.line{display: block;width: 20px;height: 2px;margin: 12px 0;}
.solution1 .solution-content .industry-item dl dd p a{margin-top: 20px;}
.solution1 .solution-content .industry-item dl dd .text{font-size: 14px;}

.cpn-culture ul li p{height: auto;display: -webkit-box;-webkit-line-clamp: 20;-webkit-box-orient: vertical;overflow: hidden;}

.at1{ 
     font-size: 14px;
        color: #666;
        max-width: 100%;
	}
	
.joinFix_p{
	font-size: 13px;
	}


}


@media (max-width: 500px) {
.yy5{height:300px;}
	  		
}