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


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

/*@font-face {*/
/*    font-family: "webfont";*/
/*    src: url(/template/pc/static/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;
    font-size: 14px;
    color: #333;
}



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

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

a {
    outline: none;
    display: block;
    text-decoration: none;
}

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

/*清除浮动*/
.clearfix::after,
.clearfix::before {
    content: ".";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

.inner {
    width: 85%;
    margin: 0 auto;
    max-width: 1600px;
}

.padd {
    padding: 68px 0 80px;
}

.font {
    font-size: 16px;
    color: #666;
    line-height: 2.1;
    letter-spacing: 1px;
}

.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 #e25d12;
    color: #e25d12;
    text-align: center;
    /* position: absolute;
    width: 252px;
    top: 50%;
    transform: translateY(-50%);
    right: 208px;
    z-index: 1;
    box-shadow: 0 8px 30px 0 rgba(61, 67, 77, 0.8); */
}

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

/* 内页banner */
.innBan {
    position: relative;
    /* padding-top: 30%; */
}

.innBan img {
    /* position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover; */
    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;text-transform: uppercase;
    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: #e25d12;
    color: #fff;
    line-height: 1;
    border-radius: 3px;
}

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

.weMore.blue .more {
    background: #e25d12;
    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: #4d4d4d;
}

.indI::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e25d12;
    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: 11;
    margin-bottom: 48px;
}

.indTit>span span,
.indTit>span {

    font-size: 38px;
    letter-spacing: 1px;
}

.indTit>span {
    display: block;color: #e25d12;
}

.indTit>span br {
    display: none;
}

.indTit i {
    margin-top: 5px !important;
    display: block;
    width: 32px;
    height: 4px;
    border-radius: 38px;
}

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

.indTit a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e25d12;
    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: #e25d12;
}

.indTit p.blue {
    color: #e25d12;
}

.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: #e25d12;
    transition: all 0.48s;
    transform: scale(0);
    border-radius: 10px;
}

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

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

    transform: scale(1);
}

/* 内页标题 */
/* .weTit {
    position: relative;
    margin-bottom: 38px;
}

.weTit span {
    font-size: 38px;
    display: block;
    margin-bottom: 5px;
}

.weTit i {
    display: block;
    width: 48px;
    height: 4px;
    border-radius: 38px;
    background: #e25d12;
}

.weTit.blue span {
    color: #e25d12;
    margin: 0;
    line-height: 1;
}

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

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

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

.weTit.white span {
    color: #fff;
}  */

/*  */
.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: #e25d12;
    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: #e25d12;
    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: #e25d12;
    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: #e25d12;
}

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

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

/* 
.swiper-pagination-bullet::after {
    content: "";
    position: absolute;
    top: -6px;
    left: -6px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px dashed #fff;
    opacity: 0;
    transition: opacity 1s;
}

.swiper-pagination-bullet-active {

    background: rgba(255, 255, 255, 1);
}

.swiper-pagination-bullet-active::after {
    opacity: 1;
    -webkit-animation: banAnimate 6s linear infinite;
    animation: banAnimate 6s linear infinite;

}

@keyframes banAnimate {
    0% {
        transform: rotate(0deg);
    }

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

@-webkit-keyframes banAnimate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
} */
/*  common =============================================================================== */

.d3 {margin-top:24px;}
.d3 form {
  background: #fff;  width:70%; margin:0px auto;
}
.d3 input, .d3 button {
  border: none;
  outline: none;
  background: transparent;
}
.d3 input {
  width: 70%;
  height: 42px;
  padding-left: 15px;
}
.d3 button {
  height: 42px;
  width: 42px;
  top: 0;
  right: 0;
  cursor: pointer;
}
.d3 button:before {
  font-size: 16px;
  color: #F9F0DA;
}



.d6 form {

}
.d6 input {
  height: 80%;
  width: 0;
  padding: 30px 22px 0 4px;
  border: none;
  border-bottom:1px solid transparent;
  outline: none;
  background: transparent;
  transition: .4s cubic-bezier(0, 0.8, 0, 1);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  color: #666;
}
.d6 input:focus {
  width: 200px;
  z-index: 1;
  border-bottom: 1px solid #F9F0DA;
}
.d6 input::-webkit-input-placeholder { /* WebKit browsers */
  color: #666;
}

.d6 input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #666;
}

.d6 input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #666;
}

.d6 input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #666;
}


.d6 button {
  background: #e25d12;
  border: none;
  height: 42px;
  width: 42px;
  top: 0;
  right: 0;
  cursor: pointer;
}
.d6 button:before {
  color: #fff;
}

.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: #e25d12;
    font-weight: bold;
    transform: scale(1.1);
}

/* page */

.wePage {
    text-align: center;
    margin-top: 28px;
    display: flex;
    justify-content: center;
}

.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: #e25d12;
    border-color: #e25d12;
}

.wePage a.active {
    background: #e25d12;
    color: #fff;
}

/* number 数字跳动 */

.cdcd01{ font-size:14px; color:#999;}


@media screen and (min-width: 1024px) {.indNum {
    position: relative;
    top: 0;
    text-align: center;
    transition: all 0.48s;
}
.cdcd02{ font-size:24px !important; color:#fff;margin-bottom: 20px;}
}
@media screen and (max-width: 1024px) {
	.indNum {
    position: relative;
    top: 0;
    text-align: center;
    transition: all 0.48s;
}
.cdcd02{ font-size:20px !important; color:#fff;}
}


.indNum_top {
    display: inline-block;
}


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


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

.indNum_top img {
    width: 70px;
    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: 40px;
}

.indNum_btm {
    margin-top: 10px;
}

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

/*  header =============================================================================== */
.weHead {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; background:#fff;
    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: 174px;
}

.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: #000;
    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: #e25d12;
    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;
    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: #e25d12;
}


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

.headSub_tit span {
    display: inline-block;
    color: #e25d12;
    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: #e25d12;
}

/* 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: #e25d12;
}

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

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

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

/* 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: #000;
    /* background: -webkit-linear-gradient(#e25d12, #ffa573);
    background: linear-gradient(#e25d12, #ffa573); */
    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(#e25d12, #ffa573);
    background: linear-gradient(#e25d12, #ffa573);
}

.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: #4b4b4b;
}

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

.footL {
    width: 408px;
}

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

.footTel span {
    color: #fff;
    font-size: 14px;
    display: none !important;
    margin-bottom: 5px;
}

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

.footTel p {
    color: #fff;
    text-transform: uppercase;
    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;
}

/* 
.footTel p:last-child {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.footTel p:last-child svg {
    display: block;
    width: 21px;
    height: 21px;
    margin-bottom: 5px;
}

.footTel p:last-child span {
    display: none;
    font-size: 12px;
}

.footTel p img {

    width: 80px;
    background: #fff;
    padding: 3px;
    margin-right: 18px;
    height: 80px;
    object-fit: cover;
} */

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

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

.footNav a {
    color: #b8b8b8;
    margin-top: 14px;
    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 - 168px);
    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;
    background: -webkit-linear-gradient(#e25d12, #ffa573);
    background: linear-gradient(#e25d12, #ffa573);
}

.banImg img {
    width: 100%;
}

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

.banTxt span {
    display: block;
    color: #fff;
    font-size: 54px;
    line-height: 1.4;
    letter-spacing: 3px;
    font-weight: bold;
    font-family: "Helvetica Neue", Arial, "pingfang";
}

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

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

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

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


.indOne_a:{
    width: 25%;

}

.indOne_a img {
    bottom: -10px;
    right: -30px;
    width: 100%;
    z-index: 2;
    opacity: 1;
    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: #e25d12; font-size:18px; font-weight:900;    text-align: center;
    line-height: 1.4;
    letter-spacing: 1px;
    margin-top: 12px;
    margin-bottom: 4px;
    transition: all 0.48s;
}

@media screen and (min-width: 1024px) {.indOne_a .indOne_txt p {margin-bottom: 28px;}}
@media screen and (max-width: 1024px) {.indOne_a .indOne_txt p {margin-bottom: 7px; padding-top:4px;}}


.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(#e25d12, #ffa573);
    background: linear-gradient(#e25d12, #ffa573);
}

.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 #e25d12;
}


.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:16.6666%;
    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(#e25d12, #ffa573);
    background: linear-gradient(#e25d12, #ffa573);
    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;
    margin-top: 0px;
}

.indFor_box {
    width: 100%;
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.indFor_a {
    position: relative;
    width: 16%;
    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(#e25d12, #ffa573);
    background: linear-gradient(#e25d12, #ffa573);
    transform: scale(0);
    transition: all 0.48s;
}



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


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

.indFor_num {
    width: 100%;
    margin: 0 auto 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.indFor_num div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    color: #e25d12;
    font-family: "webfont";
    letter-spacing: 2px;
}

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


.indFor_txt>p {
    position: relative;
    top: 0px;    height: 100%;
    color: #999;
    letter-spacing: 0.5px;
    min-height: 1px;
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
    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: #e25d12;
    }

}

/* 5 */
.indFive {
    position: relative;
    overflow: hidden;
    background: -webkit-linear-gradient(#e25d12, #ffa573);
    background: linear-gradient(#e25d12, #ffa573);
}

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

.indFive_box {
    border-bottom-width: 2px;
    margin-bottom: 28px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.indFive_img {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    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 {
    display: none;
}

.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: 54%;
    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;
    margin-bottom: 7px;
}

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

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

.indSix_a:hover .indSix_txt p {
    color: #e25d12;
}

/* 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: #e25d12;
    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: 100%;
}

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

.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;
    text-align: center;
    padding: 18px 0;
    overflow: hidden;
    transition: all 0.48s;
}


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

.js_caseLogo .swiper-container {

    
}

.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);
    }
}

/*  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 {
    cursor: pointer;
    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: #e25d12;
}

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


.joinJob {
    position: relative;
}

.joinJob .swiper-container {
 

}

.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(../image/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: #e25d12;
}

/* 弹窗 */
.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(#e25d12, #ffa573);
    background: linear-gradient(#e25d12, #ffa573);
}

.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: #e25d12;
    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(#e25d12, #ffa573);
    background: linear-gradient(#e25d12, #ffa573);
}

.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), #e25d12);
    background: linear-gradient(rgba(0, 187, 255, 0), #e25d12);

}

.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; font-size:16px; line-height:200%;
    letter-spacing: 0;
}

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

.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: #e25d12;
    }
}

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

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

.abAbout_txt {
    width: 54%;
}

.abAbout_p {
    height: 300px;text-align: justify;
    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;
}

.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: #e25d12;
}

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

.abAbout_img {
    cursor: pointer;
    position: relative;
    width: 40%;
    z-index: 2;
}

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

.abAbout_img::after {
    content: "";
    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;
    box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1);
}

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

.abAbout_pic img {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 480px;
    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 {
    margin-top: -80px;
}

.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(#e25d12, #ffa573);
    background: linear-gradient(#e25d12, #ffa573);
    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(/template/pc/static/images/bg16.png) no-repeat center;
    background-size: cover;
    opacity: 0.89;
    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: 68%;
    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: #f8f8f8;
    text-align: center;
    font-size: 14px; color:#999;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1.4;
    padding: 4px;
    min-height: 24px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    transition: all 0.48s;
}

.abInd_p01 {
    background: #f8f8f8;
    text-align: center;
    font-size: 20px; font-weight:900;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1.4;
    padding: 4px;
    min-height: 24px;
    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: #e25d12;
    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(../image/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 {
        box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1);
    }

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

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

    .abInd_list p:hover {
        color: #e25d12;
        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(#e25d12, #ffa573);
    background: linear-gradient(#e25d12, #ffa573);
    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;
    /* border: 1px solid #eee; */
}

.abHor_pic img {
    margin: 0 auto;
    height: 100%;
    width: 100%;
    object-fit: contain;
    display: block;
    /* box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1); */
}

.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: #e25d12;
    font-family: "webfont";
    letter-spacing: 1px;
}

.abHor_span label {
    color: #e25d12;
    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: #e25d12;
    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;background: #fff;
    width: calc(50% - 15px);
    padding: 60px;
    margin-bottom: 30px;
    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: 100%;
}

.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: 64%;
    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(../image/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;
    padding: 0 80px;
    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(#e25d12, #ffa573);
    background: linear-gradient(#e25d12, #ffa573);
    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: 30px;
    background: #fff;
    border-radius: 3px;
    position: relative;

}

.serJsItem::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background: rgba(226,93,18,0.7);
    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: 35px;
    min-height: 92px;
    transition: all.48s;
}

.serJsText span {
    display: block;
    font-size: 18px;
    color: #e25d12;
    margin-bottom: 10px;
    transition: all.48s;
}

.serJsText p {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all.48s;
}

.serJsImg {
    left: 30px;
    top: 30px;
    z-index: 2;
    transition: all.48s;
}

.serJsImg img {
    width: 100%;
}

.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: 30%;
}
@media screen and (min-width: 1024px) {.jqrAb_img01 { width: 48%;}
.jqrAb_txt01 {width: 52%;    padding: 3% 5%; padding-right: 0;}}
@media screen and (max-width: 1024px) {.jqrAb_img01 { width: 100%;}
.jqrAb_txt01 {width: 100%;    padding: 3% 5%; padding-right: 0;}}


.jqrAb_img img {
    max-width: 100%;padding: 24px;
}

.jqrAb_txt {
    width: 70%;    padding: 24px;
}

.jqrAb_p {
    margin-top: -32px;
}

.jqrAb_p p {
    margin-bottom: 24px;text-align: justify;
}

/* 2 */
.jqrXn {
    position: relative;
    background: -webkit-linear-gradient(#e25d12, #ffa573);
    background: linear-gradient(#e25d12, #ffa573);
    overflow: hidden;
}

.jqrXn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/template/pc/static/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;margin-bottom: 44px;
    width: 22%;
    padding: 24px 28px 0px;
    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(#e25d12, #ffa573);
    background: linear-gradient(#e25d12, #ffa573);
    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;
    max-width: 100%;
    margin: 0 auto;

}

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

.jqrAdv_txt p {
    font-size: 18px;
    margin-top: 24px; margin-bottom:24px;
    color: #e25d12;
    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;
}

/* 5 */
/* 智能问答 */
.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: #e25d12;
    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: #e25d12;
}

.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(/template/pc/static/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: #e25d12;
}


.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(#e25d12, #ffa573);
    background: linear-gradient(#e25d12, #ffa573);
}

.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%;
}

/* 智能crm */
.listCrm {
    position: relative;
    overflow: hidden;
}

.listCrm_bg {
    position: relative;
    background: -webkit-linear-gradient(#e25d12, #ffa573);
    background: linear-gradient(#e25d12, #ffa573);
}

.listCrm_bg::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/template/pc/static/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: #e25d12;
}

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

.listCrm_mlb_btn {
    display: none;
}

/* 智能跟单 */

/* 智能跟单 */
.listGd {
    overflow: hidden;
    position: relative;
}

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

@media screen and (min-width: 1024px) {.listGd_a {
    position: relative;
    top: 0;
    width: 31%;
    display: flex;
    justify-content: space-between;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1);
    padding: 8px 8px;    margin: 1%;
    margin-bottom: 2%;
    transition: all 0.48s;
}
}
@media screen and (max-width: 1024px) {.listGd_a {
    position: relative;
    top: 0;
    width: 48%;
    justify-content: space-between;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1);
    padding: 8px 8px;
    margin-bottom: 2%;
    transition: all 0.48s;
}
}

.listGd_ico {
    position: relative;    width: 40%;
  float: left;
}

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


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

.listGd_txt {
    width: 100%; position: relative; float:right;    padding: 24px;
}

.listGd_txt span {
    color: #e25d12;padding-bottom: 10px;
    font-size: 18px;
    display: block;
}

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

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

/* 智能工单 */
.listData {
    overflow: hidden;
    position: relative;
    background: url(../image/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;    text-align: left;
    padding: 24px 0px 30px 24px;
    background: #fcfdff;
    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: 140px;
}

.listData_a p {
    font-size: 18px;padding-bottom: 10px;margin-right: 24px;color: #e25d12;
    margin-top: 10px;border-bottom: 1px solid #eee;
}

.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(#e25d12, #ffa573);
    background: linear-gradient(#e25d12, #ffa573);
}

.listSh::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: url(/template/pc/static/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: #e25d12;
    padding: 20px 0 10px;
}

.listSh_item div {
    cursor: pointer;
    padding:10px 0;font-size: 18px;
    position: relative;
    color: #e25d12;
    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(227,96,22, 0) 0%, rgba(227,96,22, 0.28) 50%, rgba(227,96,22, 0) 90%);
}

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

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

/* .listSh_mlb {
    display: none;
    border: 1px solid #fff;
}

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

.listSh_mlb_col {
    flex: 1;
    text-align: center;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
} */

/* 云端值守 */
.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: 27px 40px 0px;
}

.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: #e25d12 !important;
    border-color: #e25d12 !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 #e25d12;
    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 #e25d12;
}

.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(../image/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: #e25d12;
    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: #e25d12;
    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;padding-bottom: 24px;
    color: #323233;
    display: block;
}

.business .h5 {
    display: block;
    font-size: 20px;
    color: #323233;
}

/*  */
.busBox_mlb_btn {
    display: none;
}

.busBox p {
    line-height: 200%; font-size:18px;    text-align: justify;
    margin-bottom: 4px;
}

.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: 100%;
}

.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(#e25d12, #ffa573);
    background: linear-gradient(#e25d12, #ffa573);
}

.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(../image/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(#e25d12, #ffa573);
    background: linear-gradient(#e25d12, #ffa573);
}

/*  cooperation =============================================================================== */
/* 1 */
.coopAb {
    position: relative;
    background: #f2f8ff;
}

.coopAb::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/template/pc/static/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: #e25d12;
    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: #e25d12;
    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(#e25d12, #ffa573);
    background: linear-gradient(#e25d12, #ffa573);
    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: #e25d12;
}

/* 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(#e25d12, #ffa573);
    background: linear-gradient(#e25d12, #ffa573);
    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), #e25d12);
    background: linear-gradient(rgba(0, 187, 255, 0), #e25d12);
}

.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(../image/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: #e25d12;
    padding: 5px 18px;
    border: 1px solid #e25d12;
    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 #e25d12;
    transform: scale(0.5);
    opacity: 0;
    transition: all 0.48s;
}

.weSlide {
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
        right: 28px;
        z-index: 99;
    }

    .weSlide_a {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 58px;
        height: 58px;
        margin: 20px 0;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0px 12px 24px rgba(255, 138, 72, 0.2);
        text-align: center;
        line-height: 48px;
        font-size: 20px;
        position: relative;
        z-index: 3;
        transition: all 0.48s 0.1s;
    }

    .weSlide_a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: -webkit-linear-gradient(#e25d12, #ffa573);
    background: linear-gradient(#e25d12, #ffa573);
        transform: scale(0.8);
        opacity: 0;
        transition: all 0.48s;
    }

    .weSlide_a:hover {
        background: transparent;
    }

    .weSlide_a:hover::before {
        opacity: 1;
        transform: scale(1);
    }

    .weSlide_a:hover path {
        fill: #fff;
    }

    .weSlide_a svg {
        position: relative;
        width: 38%;
        height: 38%;
    }

    .weSlide_a path {
        fill: #e25d12;
        transition: all 0.48s;
    }

    .weSlide_div {
        padding-right: 22px;
        position: absolute;
        right: 150%;
        top: -4px;
        opacity: 0;
        visibility: hidden;
        transition: 0.45s;
    }

    .weSlide_div span {
        display: block;
        padding: 20px 0 20px 27px;
        background: #fff;
        color: #e25d12;
        font-size: 16px;
        font-weight: bold;
        line-height: 16px;
        border-radius: 3px;
        width: 186px;
        position: relative;
        box-shadow: 3px 1px 6px 1px rgb(238 238 238 / 50%);
    }

    .weSlide_div span::before {
        content: "";
        width: 5px;
        height: 16px;
        background: #e25d12;
        position: absolute;
        left: 16px;
        top: 50%;
        margin-top: -8px;
    }

    .weSlide_div span::after {

        content: "";
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 6px solid #fff;
        position: absolute;
        right: -6px;
        top: 50%;
        margin-top: -5px;

    }

    .weSlide_a:hover .weSlide_div {
        opacity: 1;
        visibility: visible;
        right: 100%;
    }

    @media(max-width:1025px) {
        .weSlide {
            display: none;
        }
    }
	
@media screen and (min-width: 1024px) {.col-md-6 {width:44%; position:relative; float:left; margin:2%;}
.col-md-7 {width:24%; position:relative; float:left; margin:1%;}
.col-md-8 {width:72%; position:relative; float:left; margin:1%;}
}

@media screen and (max-width: 1024px) {.col-md-6 {width:100%; position:relative; float:left;}
.col-md-7 {width:100%; position:relative; float:left; }
.col-md-8 {width:100%; position:relative; float:left; }
}
	
.gouri01{    color: #e25d12; font-size:24px; line-height:240%;width: 100%;border-bottom: 1px solid #ccc;margin-bottom: 24px;}
	.d88{
     background: #f5f5f5;
     line-height:1.8;
 }
.d99{ width: 100%;}



.ksks01{ text-decoration:none; font-size:14px; border:1px solid #ebebeb; color:#fff; border-radius:7px;padding: 7px;margin: 4px 4px 14px 0px;}
.ksks002{ color:#fff !important; font-size:14px !important; line-height:200% !important;}
.ksks003{ color:#fff !important; font-size:22px !important; line-height:200% !important; font-weight:900 !important}

@media screen and (min-width: 1024px) {
	.xx56{height: 46px;border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;line-height: 46px!important;font-size: 18px;font-weight: 700;color: #e25d12;margin-bottom:15px!important;}
.xx56:hover{ color:#3FA18E;}
	.at123{padding: 25px 5px;}
	.at1233{padding: 25px 5px;}
.at124{ margin-top:20px; color:#737373; }
	.ksks003{ color:#a0a0a0;     padding-top: 14px;}
.mmp01{clear: both; height:44px;}

.kgkg01{ width:100%;height: 570px;box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1);}
.kgkg02{ width:50%; position:relative; float:left;}
.kgkg03{ width:48%; position:relative; float:right;}

}
@media screen and (max-width: 1024px) {
	.xx56{height: 46px;border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;line-height: 46px!important;font-size: 18px;font-weight: 700;color: #e25d12;margin-bottom:15px!important;padding: 0px 14px;    text-align: center;}
.xx56:hover{ color:#3FA18E;}
	.at123{padding:0px;}
	.at1233{padding:14px;}
.at124{ margin-top:20px; color:#737373; }
	.ksks003{ color:#a0a0a0;  padding-top: 14px;}
.mmp01{clear: both; height:4px;}
.kgkg01{ width:100%;box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1);}
.kgkg02{ width:100%; position:relative; }
.kgkg03{ width:100%; position:relative; }
}

.dsds001{box-shadow: 0px 4px 24px 0px rgba(31, 119, 246, 0.1);    padding: 40px;    margin-bottom: 24px;    margin-top: 14px;}
.dsds002{padding: 40px 40px 40px 40px;    margin-bottom: 24px;    margin-top: 14px;}

@media screen and (min-width: 1024px) {
.lanrenzhijia{ width:100%;  margin:40px auto; background:#fff; font-family:'微软雅黑';}
.lanrenzhijia .tab{ overflow:hidden; background:#ebebeb;    width: 100%;}
.lanrenzhijia .tab a{ display:block; padding:20px 40px;    text-align: center;width: 20%; float:left; text-decoration:none; color:#333;font-weight: 800;
    font-size: 16px;}
.lanrenzhijia .tab a:hover{ background:#e25d12; color:#fff; text-decoration:none;}
.lanrenzhijia .tab a.on{ background:#e25d12; color:#fff; text-decoration:none;}
.lanrenzhijia .content{ overflow:hidden; padding:40px; }
.lanrenzhijia .content li{ display:none;line-height: 240%; width:100%; font-size:14px;}
.tmmp03{ padding:0px}
.tmmp01{color:#666; font-weight:900;padding: 0px 14px 14px 0px;}
.tmmp02{color:#666; font-weight:400;padding: 0px 14px 14px 0px;}
}
@media screen and (max-width: 1024px) {
.lanrenzhijia{ width:100%;  margin:10px auto; background:#fff; font-family:'微软雅黑';}
.lanrenzhijia .tab{ overflow:hidden; background:#ebebeb;    width: 100%;}
.lanrenzhijia .tab a{ display:block; padding:10px 10px;    text-align: center; float:left; text-decoration:none; color:#333;font-weight: 800;
    font-size: 16px;width: 50%;}
.lanrenzhijia .tab a:hover{ background:#e25d12; color:#fff; text-decoration:none;}
.lanrenzhijia .tab a.on{ background:#e25d12; color:#fff; text-decoration:none; width:50%}
.lanrenzhijia .content{ overflow:hidden; padding:10px 0px 10px 0px; }
.lanrenzhijia .content li{ display:none;line-height: 240%; width:100%; font-size:14px;}
.tmmp03{ padding:14px}
.tmmp01{color:#666; font-weight:900;padding: 0px 14px 14px 14px;}
.tmmp02{color:#666; font-weight:400;padding: 0px 14px 14px 14px;}
}
	
.mmp002{ float:right; position:relative;margin-top: -24px;}
.mmp0022{ float:right; position:relative;margin-top: -24px;margin-right: 20%;}
.mmp003{ width:47% !important;}
.mmp004{ height:100px !important;}
.mmp0044{ height:100% !important;}
.mmp005{    font-size: 36px;
    color: #fff;
    font-family: "webfont";
    letter-spacing: 1px;}
	
@media screen and (min-width: 1024px) {.mmp006{    font-size: 14px;
    position: relative;
    float: right; color:#fff;
    margin-right: 40%;
    margin-top: 20px !important;}
	
.ygyg01{ width:40%; margin:0px auto; clear: both;}
.ygyg02{ width:48%; position:relative; float:left;}
.ygyg03{ width:48%; position:relative; float:right;margin-top: 17px;}
	}
	
@media screen and (max-width: 1024px) {.mmp006{    font-size: 14px;
    position: relative;
    float: right; color:#fff;
    margin-right: 14%;
    margin-top: 20px !important;}
.ygyg01{ width:100%; clear: both;}
.ygyg02{ width:100%; position:relative; float:left;}
.ygyg03{ width:100%; position:relative; float:right;}
	
	}
	
	
.mmp007{ display: revert; color:#ccc;}
.mmp008{ line-height:200%; word-spacing:10px; color:#fff; padding-bottom:24px;}
.mmp009{ width:50px}
.mmp010{ font-weight:900; font-size:16px; color:#e25d12}
.mmp011{ text-align:left; line-height:170%;}
.mmp012{ font-weight:900; font-size:16px; line-height:200%}
.mmp013{  font-size:14px; line-height:200%; color:#999; padding-top:14px;}
.mmp014{ padding-bottom:14px;}
.mmp015{ padding-top:14px;font-weight:900; font-size:16px; line-height:200%}
.mmp016{ text-align:left; line-height:170%; padding:14px;}
.mmp017{ font-weight:900; font-size:16px; line-height:200%}
.mmp018{ padding-bottom:24px !important;}
.mmp019{ font-size:20px; text-align:center; width:100%; line-height:200%;}

.demo {
	  display: inline-block;
	  width: 24%;
	  padding: 10px;
	  -webkit-box-sizing: padding-box;
	  box-sizing: padding-box;
	}
	.demo textarea {
	  -webkit-box-sizing: padding-box;
	  box-sizing: padding-box;
	  font-family: "Roboto";
	  font-size: 0.9em;
	  height: 32px;
	  padding: 6px 0px;
	  resize: none;
	  text-align: center;
	  width: 100%;
	  border: 1px solid rgba(0, 0, 0, 0.2);
	}
	img {
	  border: none;
	}
	.effects {
	  margin: 3em 15em;
	}
	@media only screen and (max-width: 959px) {
	  .demo {
		width: 32.5%;
	  }
	}
	@media only screen and (max-width: 659px) {
	  .demo {
		width:100%;
	  }
	}
	@media only screen and (max-width: 360px) {
	  .demo {
		width: 100%;
	  }
	}
	
@media screen and (min-width: 1024px) {.net001{ width:25%; position:relative; float:left; margin-bottom:44px;}
.net002{ color:#666 !important; font-size:16px !important;}
.ytyt01{ width:90%}
}
@media screen and (max-width: 1024px) {.net001{ width:100%; position:relative; float:left; margin-bottom:44px;}
.net002{ color:#666 !important; font-size:16px !important;}
.ytyt01{ width:100%}
}

.ytyt04{ font-size:16px; line-height:200%; padding-top:24px;}
.ytyt05{ font-size:18px;color: #e25d12; line-height:200%; font-weight:900;}