.index .btn { display: block; width: 247px;height: 52px;background: #FE8F1C;border-radius: 26px;text-align: center; transition: 0.6s;}
.index .btn:hover { opacity: 0.8;}
.index .btn p:nth-of-type(1) { padding-top: 4px; font-size: 22px;color: #FFFFFF;line-height: 27px;}
.index .btn p:nth-of-type(2) { font-size: 12px;color: #FFFFFF;line-height: 18px;text-transform: uppercase;}

 .j-offset-top { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; }
.j-offset-top.run { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }

/*.banner { width: 100%; position: relative;}*/
/*.banner a { width: 100%; }*/
/*.banner img { width: 100%; }*/


.banner { width: 100%; position: relative;display: block}
.banner a { width: 100%; }
.banner img { width: 100%; }
.banner-mobile{display: none}
@media screen and (max-width: 768px) {
  .banner-pc{display: none}
  .banner-mobile{display: block}
}



.title-box { width: 100%;}
.title { width: 100%; font-size: 32px; line-height: 42px; font-weight: bold;}
@media screen and (max-width: 1640px) {
  .title { width: 100%; font-size: 30px; line-height: 40px; font-weight: bold;}
}
/* @media screen and (max-width: 1460px) {
  .title { font-size: 36px; line-height: 40px;}
}
@media screen and (max-width: 1260px) {
  .title { font-size: 30px; line-height: 34px;}
} */
@media screen and (max-width: 992px) {
  .title { font-size: 28px; line-height: 32px;}
}
@media screen and (max-width: 768px) {
  .title { font-size: 24px; line-height: 28px;}
}

.line { width: 71px;height: 9px;background: #0077C9;border-radius: 5px;}
@media screen and (max-width: 1260px) {
  .line { width: 60px; height: 6px;}
}
@media screen and (max-width: 768px) {
  .line { width: 50px; height: 4px;}
}
.index .sec1 {padding: 216px 0 166px;}
.index .sec1 .left { flex: 1; padding: 0 40px; margin-right: 5.5%; position: relative;}
.index .sec1 .left::before { content: ''; width: 240px; height: 187px;background: #0077C9;border-radius: 22px; position: absolute; left: 0; bottom: -40px; z-index: 1;}
.index .sec1 .left::after { content: ''; width: 240px; height: 187px;background: #0077C9; opacity: 0.31; border-radius: 22px; position: absolute; right: 0; top: -40px; z-index: 1;}
.index .sec1 .left .img { width: 100%; transition: 0.3s; position: relative; z-index: 2;}
.index .sec1 .left .img img { width: 100%;}
.index .sec1 .left .img:hover { transform: scale(1.1);}
.index .sec1 .left .flane { width: 87px;height: 87px; position: absolute; bottom: 71px; right: 10px; z-index: 3;}
.index .sec1 .right { flex: 1; padding-left: 4.25%;}
.index .sec1 .right .title { margin-top: 19px;}
.index .sec1 .right .list .item { width: 50%; margin-top: 73px;}
.index .sec1 .right .list .item p:nth-of-type(1) { font-size: 22px; color: #333333; font-weight: bold; line-height: 1;}
.index .sec1 .right .list .item p:nth-of-type(1) span { font-size: 40px; color: #0077C9; font-weight: normal;}
.index .sec1 .right .list .item p:nth-of-type(2) { font-size: 18px; color: #666666; line-height: 1; margin-top: 20px;}
@media screen and (max-width: 1460px) {
  .index .sec1 { padding: 90px 0;}
  .index .sec1 .right .list .item {margin-top: 60px;}
  .index .sec1 .right .list .item p:nth-of-type(1) { font-size: 20px;}
  .index .sec1 .right .list .item p:nth-of-type(1) span { font-size: 36px;}
  .index .sec1 .right .list .item p:nth-of-type(2) { font-size: 16px; margin-top: 15px;}
}
@media screen and (max-width: 1260px) {
  .index .sec1 { padding: 60px 0;}
  .index .sec1 .cont { align-items: center;}
  .index .sec1 .left { padding: 0 30px; margin-right: 3%;}
  .index .sec1 .left::after { top: -30px;}
  .index .sec1 .left::before { bottom: -30px;}
  .index .sec1 .right { padding-left: 3%;}
}
@media screen and (max-width: 992px) {
  .index .sec1 .left { padding: 0 20px}
  .index .sec1 .left::after { top: -20px;}
  .index .sec1 .left::before { bottom: -20px;}
  .index .sec1 .right .list .item p:nth-of-type(1) { font-size: 18px;}
  .index .sec1 .right .list .item p:nth-of-type(1) span { font-size: 34px;}
  .index .sec1 .right .list .item p:nth-of-type(2) { font-size: 14px; margin-top: 10px;}
}
@media screen and (max-width: 768px) {
  .index .sec1 { padding: 40px 0;}
  .index .sec1 .left { flex: unset; width: 100%;}
  .index .sec1 .left::after { border-radius: 10px;}
  .index .sec1 .left::before { border-radius: 10px;}
  .index .sec1 .left .img:hover { transform: scale(1);}
  .index .sec1 .left .flane { width: 40px; height: 40px;}
  .index .sec1 .right { margin-top: 30px;}
  .index .sec1 .right .line { margin: 0 auto;}
  .index .sec1 .right .title { margin-top: 10px; text-align: center;}
  .index .sec1 .right .list .item { width: 100%; margin-top: 25px; text-align: center;}
  .index .sec1 .right .list .item p:nth-of-type(1) { font-size: 16px;}
  .index .sec1 .right .list .item p:nth-of-type(1) span { font-size: 30px;}
  .index .sec1 .right .list .item p:nth-of-type(2) { font-size: 12px;}
}

.index .sec2 {}

@media screen and (max-width: 1460px) {
}
@media screen and (max-width: 1260px) {
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 768px) {
}

.index .sec3 {margin-top: 50px;}
.index .sec3 .title { margin-top: 18px;}
.index .sec3 .nav { display: flex; margin-top: 60px;}
.index .sec3 .nav p { font-size: 22px; color: #333333; cursor: pointer; position: relative; height: 52px; line-height: 48px; border: 2px solid #E5EEFD; border-radius: 26px; padding: 0 23px;}
.index .sec3 .nav p.active { color: #ffffff; top: -12px; background: #356EBB; border: 2px solid #356EBB;}
.index .sec3 .nav p.active::after { content: ''; width: 0; height: 0; border-left: 28px solid transparent; border-right: 28px solid transparent; border-bottom: 25px solid #E5EEFD; position: absolute; bottom: -36px; left: 50%; transform: translate(-50%);}
.index .sec3 .nav p:hover { color: #ffffff; top: -12px; background: #356EBB; border: 2px solid #356EBB;}
.index .sec3 .cont { margin-top: 20px; padding: 105px 0 85px; position: relative; transition: 0.3s;}
.index .sec3 .cont1 { background: url(../images/index-sec3-bg1.png); background-size: cover;}
.index .sec3 .cont .left { width: 61.6%;}
.index .sec3 .cont .left .tit-box img { margin-right: 19px;}
.index .sec3 .cont .left .tit-box .text { flex: 1;}
.index .sec3 .cont .left .tit-box .text .tit { margin-top: 12px; font-size: 34px; line-height: 50px; color: #0077C9; font-weight: bold;}
.index .sec3 .cont .left .tit-box .text .stit { margin-top: 11px; font-size: 16px;color: #0077C9; line-height: 20px; text-transform: uppercase;}
.index .sec3 .cont .left .label { margin-top: 20px; justify-content: flex-start; padding-bottom: 50px; border-bottom: 1px solid #555555;}
.index .sec3 .cont .left .label p { margin-top: 26px; margin-right: 50px; width: calc(33.33% - 34px); background: #0077C9;border-radius: 26px;font-size: 24px; line-height: 50px; color: #FFFFFF; text-align: center;}
.index .sec3 .cont .left .label p:nth-child(3n) { margin-right: 0;}
.index .sec3 .cont .left .list { margin-top: 7px;}
.index .sec3 .cont .left .list .item { margin-top: 36px; font-size: 18px;color: #555555;line-height: 29px; padding-left: 37px; position: relative;}
.index .sec3 .cont .left .list .item::after { content: ''; width: 30px; height: 29px; background: url(../images/tick.png) no-repeat; background-size: contain; position: absolute; left: 0; top: 0;}
.index .sec3 .cont .left .icon-box { margin-top: 48px;padding-bottom: 92px; border-bottom: 1px solid #555555;}
.index .sec3 .cont .left .icon-box i { font-size: 82px; color: #0077C9;}
.index .sec3 .cont .img { width: 52.36%; padding-left: 34px; margin-right: -14.5%;}
.index .sec3 .cont .img img { max-width: 100%; transition: 0.3s;}
.index .sec3 .cont .img img:hover { transform: scale(1.1);}
.index .sec3 .cont1>.flex { align-items: center;}
.index .sec3 .cont4 .left { width: 45.8%;}
.index .sec3 .cont4 .img { padding-left: 0; position: absolute; bottom: 0; right: 0; margin-right: 0; text-align: right;}
.index .sec3 .cont5 .img { width: 41.61%; padding-left: 0; position: absolute; bottom: 0; right: 0; margin-right: 0; text-align: right;}
.index .sec3 .cont5 .left .list .item { width: 50%;}
.index .sec3 .cont2 { display: none; background: url(../images/index-sec3-bg2.png); background-size: cover;}
.index .sec3 .cont3 { display: none; background: url(../images/index-sec3-bg3.png); background-size: cover;}
.index .sec3 .cont4 { display: none; background: url(../images/index-sec3-bg4.png); background-size: cover;}
.index .sec3 .cont5 { display: none; background: url(../images/index-sec3-bg5.png); background-size: cover;}

@media screen and (max-width: 1640px) {
  .index .sec3 { margin-top: 120px;}
  .index .sec3 .cont .left { width: 55%;}
  .index .sec3 .cont .img { flex: 1; margin-right: 0;}
  .index .sec3 .cont4 .img { width: 41.61%}
}
@media screen and (max-width: 1260px) {
  .index .sec3 { margin-top: 60px;}
  .index .sec3 .nav p { font-size: 20px; height: 48px; line-height: 48px; line-height: 44px;}
  .index .sec3 .nav p.active::after { bottom: -40px;}
  .index .sec3 .cont { margin-top: 25px; padding: 80px 0 60px;}
  .index .sec3 .cont .left .tit-box img { width: 100px;}
  .index .sec3 .cont .left .tit-box .text .tit { font-size: 36px; line-height: 44px; margin-top: 5px;}
  .index .sec3 .cont .left .tit-box .text .stit { font-size: 14px; line-height: 18px;}
  .index .sec3 .cont .left .label { padding-bottom: 40px; margin-top: 10px;}
  .index .sec3 .cont .left .label p { font-size: 18px; line-height: 40px; margin-right: 40px; margin-top: 20px;}
  .index .sec3 .cont .left .label p:nth-child(3n) { margin-right: 0;}
  .index .sec3 .cont .left .list .item { font-size: 16px; line-height: 26px; margin-top: 30px;}
  .index .sec3 .cont .left .list .item::after { width: 26px;}
  .index .sec3 .cont .left .icon-box { padding-bottom: 60px;}
  .index .sec3 .cont .left .icon-box i { font-size: 70px;}
}
@media screen and (max-width: 992px) {
  .index .sec3 .nav p { font-size: 16px; height: 40px; line-height: 40px; line-height: 36px; padding: 0 10px;}
  .index .sec3 .nav p.active::after { bottom: -43px;}
  .index .sec3 .cont { padding: 60px 0 40px; margin-top: 20px;}
  .index .sec3 .cont .left .tit-box img { width: 80px;}
  .index .sec3 .cont .left .tit-box .text .tit { font-size: 30px; line-height: 40px; margin-top: 0;}
  .index .sec3 .cont .left .tit-box .text .stit { font-size: 14px; line-height: 18px; margin-top: 5px;}
  .index .sec3 .cont .left .label { padding-bottom: 30px;}
  .index .sec3 .cont .left .label p { width: calc(33.33% - 14px); font-size: 16px; line-height: 40px; margin-right: 20px; margin-top: 20px;}
  .index .sec3 .cont .left .label p:nth-child(3n) { margin-right: 0;}
  .index .sec3 .cont .left .list .item { font-size: 16px; line-height: 26px; margin-top: 20px;}
  .index .sec3 .cont .left .list .item::after { width: 26px;}
  .index .sec3 .cont .left .icon-box i { font-size: 60px;}
}
@media screen and (max-width: 768px) {
  .index .sec3 { margin-top: 30px;}
  .index .sec3 .nav { display: none;}
  .index .sec3 .cont { display: block; margin-top: 0; padding: 30px 0;}
  .index .sec3 .cont .left { width: 100%;}
  .index .sec3 .cont .left .tit-box img { width: 60px;}
  .index .sec3 .cont .left .tit-box .text .tit { font-size: 24px; line-height: 28px;}
  .index .sec3 .cont .left .tit-box .text .stit { font-size: 12px; line-height: 16px; margin-top: 5px;}
  .index .sec3 .cont .left .label { padding-bottom: 20px; margin-top: 0;}
  .index .sec3 .cont .left .label p { width: calc(33.33% - 7px); font-size: 14px; line-height: 30px; margin-right: 10px; margin-top: 15px; }
  .index .sec3 .cont .left .label p:nth-child(3n) { margin-right: 0;}
  .index .sec3 .cont .left .list .item { width: 100%; font-size: 14px; line-height: 20px; margin-top: 15px;padding-left: 30px;}
  .index .sec3 .cont .left .list .item::after { width: 20px;}
  .index .sec3 .cont .left .icon-box { padding-bottom: 30px; margin-top: 20px;}
  .index .sec3 .cont .left .icon-box i { font-size: 50px;}
  .index .sec3 .cont .img { flex: unset; width: 100%; text-align: center; margin-top: 20px; position: unset; padding-left: 0;}
  .index .sec3 .cont .img img { width: 80%; transform: scale(1);}
  .index .sec3 .cont1 { margin-top: 20px;}
  .index .sec3 .cont4 { padding-bottom: 0;}
  .index .sec3 .cont4 .img { text-align: right;}
  .index .sec3 .cont4 .img img{ margin-right: -2%;}
}

.layer-player-modal.layui-layer { max-width: 90%; max-height: 90%; background: #000;}
.layer-player-modal .layui-layer-content { z-index: 1;}
.layer-player-modal .layui-layer-setwin .layui-layer-ico { z-index: 2;}
.layer-player-modal #player { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}

.index .sec4 { padding-top: 170px;}
.index .sec4 .title-box {margin-top: 19px; align-items: center;}
.index .sec4 .title-box .nav { display: flex;}
.index .sec4 .title-box .nav span { cursor: pointer; display: inline-block; width: 133px; height: 42px; border: 2px solid #333333; border-radius: 21px; font-size: 18px; color: #333333; line-height: 38px; text-align: center;}
.index .sec4 .title-box .nav span+span { margin-left: 16px;}
.index .sec4 .title-box .nav span.active { background: #0077C9; border: 2px solid #0077C9; color: #FFFFFF;}
.index .sec4 .cont { margin-top: 80px; border-radius: 50px; border: 10px solid #ffffff; overflow: hidden; box-shadow: 0px 0px 16px 0px rgba(17,28,51,0.3); position: relative;}
.index .sec4 .cont img { width: 100%; transition: 0.3s;}
.index .sec4 .cont img:hover { transform: scale(1.1);}
.index .sec4 .cont .icon-bofang { font-size: 82px; color: #ffffff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.index .sec4 .cont .icon-VRD { width: 83px; height: 83px; border: 2px solid #FFFFFF; border-radius: 50%; font-size: 46px; color: #ffffff; line-height: 83px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.index .sec4 .cont2 { display: none;}
@media (max-width: 1460px) {
  .index .sec4 { padding-top: 120px;}
}
@media (max-width: 1260px) {
  .index .sec4 { padding-top: 60px;}
  .index .sec4 .cont { margin-top: 50px;}
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
  .index .sec4 { padding-top: 30px;}
  .index .sec4 .title-box { margin-top: 10px;}
  .index .sec4 .title-box .nav { width: 100%; margin-top: 20px;}
  .index .sec4 .title-box .nav span { width: 100px; height: 36px; font-size: 14px; line-height: 32px;}
  .index .sec4 .cont { margin-top: 20px; border-radius: 20px;}
  .index .sec4 .cont img:hover { transform: scale(1);}
  .index .sec4 .cont .icon-bofang { font-size: 40px;}
  .index .sec4 .cont .icon-VRD { width: 40px; height: 40px; font-size: 24px; line-height: 36px;}
}

.index .sec5 { margin-top: 154px; padding: 60px 0 48px; background: #E4EDFC;}
.index .sec5 .cont { align-items: center;}
.index .sec5 .cont .left { flex: 1;}
.index .sec5 .cont .left .company { width: 110%; margin-left: -56px; position: relative;}
.index .sec5 .cont .left .img { width: 100%;}
.index .sec5 .cont .left .img img { width: 100%;}
.index .sec5 .cont .left .company>img { width: 93px; height: 93px; position: absolute; border-radius: 17px; box-shadow: 0px 0px 16px 0px rgba(17,28,51,0.14);}
.index .sec5 .cont .left .company .co1 { left: -9.1%; top: 13.52%;}
.index .sec5 .cont .left .company .co2 { left: 13.78%; top: 1.3%;}
.index .sec5 .cont .left .company .co3 { left: 39.53%; top: -2.6%;}
.index .sec5 .cont .left .company .co4 { left: 63.06%; top: 8.45%;}
.index .sec5 .cont .left .company .co5 { left: 79.97%; top: 1.95%;}
.index .sec5 .cont .left .company .co6 { left: 7.54%; top: 22.86%;}
.index .sec5 .cont .left .company .co7 { left: 24.05%; top: 31.07%;}
.index .sec5 .cont .left .company .co8 { left: 42.52%; top: 18.33%;}
.index .sec5 .cont .left .company .co9 { left: 63.19%; top: 31.86%;}
.index .sec5 .cont .left .company .co10 { left: 80.62%; top: 26.52%;}
.index .sec5 .cont .left .company .co11 { left: 96.74%; top: 40.57%;}
.index .sec5 .cont .left .company .co12 { left: -6.5%; top: 38.36%;}
.index .sec5 .cont .left .company .co13 { left: 13.13%; top: 48.63%;}
.index .sec5 .cont .left .company .co14 { left: 36.67%; top: 60.2%;}
.index .sec5 .cont .left .company .co15 { left: 62.67%; top: 54.61%;}
.index .sec5 .cont .left .company .co16 { left: 84.91%; top: 59.16%;}
.index .sec5 .cont .left .company .co17 { left: -12.48%; top: 60.98%;}
.index .sec5 .cont .left .company .co18 { left: 10.40%; top: 67.23%;}
.index .sec5 .cont .left .company .co19 { left: 32.77%; top: 79.97%;}
.index .sec5 .cont .left .company .co20 { left: 51.23%; top: 89.59%;}
.index .sec5 .cont .left .company .co21 { left: 65.15%; top: 73.73%;}
.index .sec5 .cont .left .company .co22 { left: 90.76%; top: 84.65%;}
.index .sec5 .cont .left .company .co23 { left: 7.93%; top: 88.03%;}
.index .sec5 .cont .right { flex: 1;}
.index .sec5 .cont .right .text { padding-left: 27.57%;}
.index .sec5 .cont .right .title { line-height: 70px; margin-top: 18px;}
.index .sec5 .cont .right .desc { font-size: 20px; line-height: 30px; margin-top: 10px; text-transform: uppercase;}
@media screen and (max-width: 1720px) {
  .index .sec5 .cont .left .company { margin-left: 0;}
}
@media screen and (max-width: 1640px) {
  .index .sec5 .left { padding-left: 80px;}
}
@media screen and (max-width: 1460px) {
  .index .sec5 { margin-top: 90px;}
  .index .sec5 .cont .right .title { font-size: 34px; line-height: 60px;}
}
@media screen and (max-width: 1260px) {
  .index .sec5 { margin-top: 60px;}
  .index .sec5 .cont .right .title { font-size: 30px; line-height: 50px;}
  .index .sec5 .cont .right .desc { font-size: 18px; line-height: 28px;}
  .index .sec5 .cont .right .desc br { display: none;}
  .index .sec5 .cont .left .company>img { width: 70px; height: 70px;}
}
@media screen and (max-width: 992px) {
  .index .sec5 { margin-top: 60px;}
  .index .sec5 .cont .right .title { font-size: 26px; line-height: 42px;}
  .index .sec5 .cont .right .desc { font-size: 14px; line-height: 18px;}
  .index .sec5 .cont .left .company>img { width: 60px; height: 60px;border-radius: 10px;}
}
@media screen and (max-width: 860px) {
  .index .sec5 .cont .left .company>img { width: 50px; height: 50px;}
}
@media screen and (max-width: 768px) {
  .index .sec5 { margin-top: 30px; padding: 30px 0 40px;}
  .index .sec5 .cont { flex-direction: column-reverse;}
  .index .sec5 .left { padding-left: 0;}
  .index .sec5 .cont .left .company { width: 56%; margin: 0 auto; margin-top: 30px;}
  .index .sec5 .cont .right .text { padding-left: 0; text-align: center;}
  .index .sec5 .cont .right .text .line { margin: 0 auto;}
  .index .sec5 .cont .right .title { margin-top: 10px;}
}
@media screen and (max-width: 630px) {
  .index .sec5 .cont .left .company { width: 65%;}
}
@media screen and (max-width: 520px) {
  .index .sec5 .cont .left .company { width: 75%;}
}
@media screen and (max-width: 420px) {
  .index .sec5 .cont .left .company { width: 80%;}
  .index .sec5 .cont .left .company>img { width: 40px; height: 40px;}
}

.index .sec6 { padding-top: 106px;}
.index .sec6 .title { margin-top: 17px;}
.index .sec6 .mySwiper1 { position: relative;padding-top: 40px;}
.index .sec6 .mySwiper1 .swiper-btn { width: 108px; position: absolute; right: 0; top: -46px;}
.index .sec6 .mySwiper1 .swiper-button-next { width: 37px; height: 37px; background: #0077C9; border: 2px solid #0077C9; border-radius: 50%; text-align: center; font-size: 18px; font-weight: bold; line-height: 33px; color: #ffffff; background-image: none;}
.index .sec6 .mySwiper1 .swiper-button-next.swiper-button-disabled { background: #ffffff; border: 2px solid #333333; color: #333333; opacity: 1;}
.index .sec6 .mySwiper1 .swiper-button-next::after { content: '\e62a'; font-family: 'iconfont'; }
.index .sec6 .mySwiper1 .swiper-button-prev { width: 37px; height: 37px; background: #0077C9; border: 2px solid #0077C9; border-radius: 50%; text-align: center; font-size: 18px; font-weight: bold; line-height: 33px; color: #ffffff; background-image: none;}
.index .sec6 .mySwiper1 .swiper-button-prev.swiper-button-disabled { background: #ffffff; border: 2px solid #333333; color: #333333; opacity: 1;}
.index .sec6 .mySwiper1 .swiper-button-prev::after { content: '\e635'; font-family: 'iconfont'; }
.index .sec6 .mySwiper .item { padding: 20px; background: linear-gradient(38deg, #0077C9, #3FA2E7); border-radius: 21px;}
.index .sec6 .mySwiper .item .img { cursor: pointer; width: 100%;border-radius: 12px; overflow: hidden; position: relative;}
.index .sec6 .mySwiper .item .img img { width: 100%; transition: 0.3s;}
.index .sec6 .mySwiper .item .img img:hover { transform: scale(1.1);}
.index .sec6 .mySwiper .item .img .icon { width: 49px; height: 49px; padding-left: 3px; border-radius: 50%; background: #000; font-size: 26px; color: #ffffff; line-height: 49px; opacity: 0.7; position: absolute; left: 15px; bottom: 15px; text-align: center;}
.index .sec6 .mySwiper .item .img:hover .icon { background: linear-gradient(38deg, #0077C9, #3FA2E7);}
.index .sec6 .mySwiper .item .name { margin-top: 20px; font-size: 24px; line-height: 30px; font-weight: bold; color: #FFFFFF;}
.index .sec6 .mySwiper .item .desc { margin-top: 5px; font-size: 18px; color: #FFFFFF; line-height: 37px;}
@media screen and (max-width: 1260px) {
  .index .sec6 { padding-top: 60px;}
  .index .sec6 .mySwiper .item .name { font-size: 20px; line-height: 24px;}
  .index .sec6 .mySwiper .item .desc { font-size: 14px; line-height: 26px;}
}
@media screen and (max-width: 992px) {

}
@media screen and (max-width: 768px) {
  .index .sec6 { padding-top: 30px;}
  .index .sec6 .mySwiper1 .swiper-btn { top: -16px;}
  .index .sec6 .mySwiper .item { padding: 15px;}
  .index .sec6 .mySwiper .item .img img:hover { transform: scale(1);}
  .index .sec6 .mySwiper .item .name { font-size: 18px; line-height: 22px;}
  .index .sec6 .mySwiper .item .desc { font-size: 12px; line-height: 22px;}
}

.index .sec7 { margin-top: 160px; padding: 94px 0 96px; background: url(../images/index-sec7-img.png); background-size: cover; position: relative;}
.index .sec7::before { content: ''; width: 100%; height: 100%; background: #000; opacity: 0.55; position: absolute; top: 0; left: 0;}
.index .sec7 .cont { position: relative; z-index: 2; text-align: center;}
.index .sec7 .line { margin: 0 auto;}
.index .sec7 .title { margin-top: 29px; color: #ffffff;}
.index .sec7 .stitle { margin-top: 13px; font-size: 20px; line-height: 30px; color: #ffffff; text-transform: uppercase;}
.index .sec7 .list { margin-top: 33px;}
.index .sec7 .list .item { width: 30%; margin-top: 65px;}
.index .sec7 .list .item img { max-width: 80%; height: 89px; object-fit: contain; transition: 0.3s;}
.index .sec7 .list .item img:hover { transform: scale(1.1);}
.index .sec7 .list .item p { margin-top: 6px; font-size: 17px; line-height: 25px; color: #FFFFFF;}
.index .sec7 .btn-box { margin-top: 90px;}
.index .sec7 .btn-box a { display: inline-block; padding: 18px 31px; border-radius: 31px; border: 2px solid #FFFFFF; font-size: 24px; color: #FFFFFF; line-height: 23px;}
.index .sec7 .btn-box a:hover { background-color: #0077C9; border: 2px solid #0077C9; color: #ffffff;}
@media screen and (max-width: 1460px) {
  .index .sec7 { margin-top: 100px;}
  .index .sec7 .stitle { font-size: 18px; line-height: 24px;}
}
@media screen and (max-width: 1260px) {
  .index .sec7 { margin-top: 60px; padding: 60px 0;}
  .index .sec7 .title { margin-top: 20px;}
  .index .sec7 .stitle { font-size: 16px; line-height: 20px;}
  .index .sec7 .list .item p { font-size: 14px}
  .index .sec7 .btn-box { margin-top: 50px;}
  .index .sec7 .btn-box a { padding: 15px 31px; font-size: 20px; line-height: 1;}
}
@media screen and (max-width: 992px) {
  .index .sec7 { margin-top: 30px;}
  .index .sec7 .title { margin-top: 10px;}
  .index .sec7 .list { margin-top: 20px;}
  .index .sec7 .list .item { margin-top: 30px;}
  .index .sec7 .list .item p { margin-top: 0;}
}
@media screen and (max-width: 768px) {
  .index .sec7 { margin-top: 30px; padding: 30px 0;}
  .index .sec7 .title { margin-top: 10px;}
  .index .sec7 .stitle { font-size: 14px; margin-top: 5px;}
  .index .sec7 .list { margin-top: 0;}
  .index .sec7 .list .item { width: 48%;}
  .index .sec7 .list .item img { height: 50px;}
  .index .sec7 .list .item img:hover { transform: scale(1);}
  .index .sec7 .btn-box { margin-top: 20px;}
  .index .sec7 .btn-box a { padding: 13px 20px; font-size: 14px;}
}

.sem .btn-box { text-align: center;}
.sem .btn-box a { padding: 18px 116px 17px 115px; border: 2px solid #0077C9; border-radius: 31px; font-size: 24px; color: #0077C9; line-height: 1;}
.sem .btn-box a:hover { background: #0077C9; border: 2px solid #0077C9; color: #ffffff !important;}
@media screen and (max-width: 1260px) {
  .sem .btn-box a { padding: 13px 60px; font-size: 20px;}
}
@media screen and (max-width: 992px) {
  .sem .btn-box a { font-size: 18px;}
}
@media screen and (max-width: 768px) {
  .sem .btn-box a { padding: 8px 40px; font-size: 14px;}
}
.sem .line { margin: 0 auto;}
.sem .title { text-align: center;}

.sem .sec1 { padding: 106px 0 62px; background: rgba(235, 238, 251, 0.3);}
.sem .sec1 .title { margin-top: 20px;}
.sem .sec1 .cont { text-align: center; padding: 194px 0 184px; position: relative;}
.sem .sec1 .cont .center { display: inline-block; width: 474px; height: auto; border-radius: 10px; box-shadow: 0px 0px 24px 0px rgba(40,44,60,0.11);}
.sem .sec1 .cont .center .top { height: 50px; padding: 0 18px; border-radius: 10px 10px 0 0; background: #0077C8; text-align: center;}
.sem .sec1 .cont .center .top img { margin-top: 16px;}
.sem .sec1 .cont .center p { padding: 20px 20px; font-size: 22px; line-height: 33px; color: #333333; text-align: center; }
.sem .sec1 .cont .item { position: absolute;}
.sem .sec1 .cont .item p { display: inline-block; min-width: 401px; padding: 20px; background: #FFFFFF; box-shadow: 0px 0px 24px 0px rgba(40,44,60,0.11); border-radius: 10px; font-size: 18px; color: #333333; line-height: 31px;}
.sem .sec1 .cont .item img { position: absolute;}
.sem .sec1 .cont .item1 { left: 0; top: 10.09%;}
.sem .sec1 .cont .item2 { right: 0; top: 10%;}
.sem .sec1 .cont .item3 { right: 74.43%; top: 46.91%;}
.sem .sec1 .cont .item4 { left: 74.43%; top: 46.91%;}
.sem .sec1 .cont .item5 { left: 7.85%; bottom: 10.09%;}
.sem .sec1 .cont .item6 { right: 7.85%; bottom: 10.09%;}
.sem .sec1 .cont .item1 img { top: calc(100% + 11px); left: 80%;}
.sem .sec1 .cont .item2 img { top: calc(100% + 11px); right: 80%;}
.sem .sec1 .cont .item3 img { bottom: calc(100% + 8px); left: 50%;}
.sem .sec1 .cont .item4 img { bottom: calc(100% + 8px); left: -10%;}
.sem .sec1 .cont .item5 img { bottom: calc(100% + 3px); right: -40%;}
.sem .sec1 .cont .item6 img { bottom: calc(100% + 3px); left:-40%;}
.sem .sec1 .tips { font-size: 20px; color: #888888; text-align: center;}
.sem .sec1 .btn-box { margin-top: 15px;}
.sem .sec1 { overflow: hidden;}
@media screen and (max-width: 1460px) {
  .sem .sec1 .cont { padding: 150px 0;}
  .sem .sec1 .cont .center .top img { max-width: 94%;}
  .sem .sec1 .cont .item p { min-width: 300px; padding: 15px 10px; font-size: 20px; line-height: 24px;}
  .sem .sec1 .cont .item img { width: 300px;}
  .sem .sec1 .cont .item3 img,.sem .sec1 .cont .item4 img { width: 180px;}
  .sem .sec1 .cont .item4 { left: 73%;}
}
@media screen and (max-width: 1260px) {
  .sem .sec1 { padding: 60px 0;}
  .sem .sec1 .title { margin-top: 15px;}
  .sem .sec1 .cont .center { width: 38%;}
  .sem .sec1 .cont .center .top { height: 50px;}
  .sem .sec1 .cont .center .top img { margin-top: 12px;}
  .sem .sec1 .cont .center p { font-size: 20px; line-height: 24px; padding: 20px 10px;}
  .sem .sec1 .cont .item p { min-width: 260px; padding: 15px 10px; font-size: 18px; line-height: 22px;}
  .sem .sec1 .cont .item img { width: 260px;}
  .sem .sec1 .cont .item3 img,.sem .sec1 .cont .item4 img { width: 180px;}
  .sem .sec1 .cont .item3 { right: 74%;}
  .sem .sec1 .cont .item4 { left: 74%;}
  .sem .sec1 .tips { font-size: 14px;}
}
@media screen and (max-width: 992px) {
  .sem .sec1 .cont { padding: 120px 0;}
  .sem .sec1 .cont .center p { font-size: 16px; line-height: 20px; padding: 15px 5px;}
  .sem .sec1 .cont .item p { min-width: 200px;  font-size: 12px; line-height: 18px; padding: 10px 5px;}
  .sem .sec1 .cont .item img { width: 180px;}
  .sem .sec1 .cont .item3 img,.sem .sec1 .cont .item4 img { width: 140px;}
}
@media screen and (max-width: 768px) {
  .sem .sec1 { padding: 30px 0;}
  .sem .sec1 .title { margin-top: 10px;}
  .sem .sec1 .tips { font-size: 12px;}
  .sem .sec1 .cont { zoom: 0.5;}
}

.sem .sec2 { padding: 125px 0 118px; position: relative;}
.sem .sec2 .title { margin-top: 19px;}
.sem .sec2 .stitle { margin-top: 11px; font-size: 20px; color: #333333; line-height: 30px; text-align: center;}
.sem .sec2 .cont { margin-top: 96px;}
.sem .sec2 .cont .list { width: 50%; padding-right: 38px;}
.sem .sec2 .cont .list .item { padding: 42px 0 63px;}
.sem .sec2 .cont .list .item .name { font-size: 26px; font-weight: bold; color: #0077C9; line-height: 34px;}
.sem .sec2 .cont .list .item .desc { margin-top: 17px; font-size: 20px; color: #0077C9; line-height: 26px;}
.sem .sec2 .cont .list .item .lline { margin-top: 23px; border-top: 1px solid #323333;}
.sem .sec2 .cont .list .item .text { margin-top: 19px;}
.sem .sec2 .cont .list .item .text p { font-size: 18px; color: #666666; line-height: 40px;}
.sem .sec2 .cont .list .item .text p.bold { color: #333333;}
.sem .sec2 .cont .img { position: absolute; bottom: 0; right: 23px;}
.sem .sec2 .tips { margin-top: 100px; font-size: 18px; color: #888888; text-align: center;}
.sem .sec2 .btn-box { margin-top: 18px;}
@media screen and (max-width: 1460px) {
  .sem .sec2 .cont .list { width: 58%;}
  .sem .sec2 .cont .list .item { padding: 0 0 70px;}
  .sem .sec2 .cont .img { width: 40%;}
  .sem .sec2 .tips { margin-top: 0;}
}
@media screen and (max-width: 1260px) {
  .sem .sec2 { padding: 60px 0;}
  .sem .sec2 .stitle { font-size: 18px; line-height: 22px;}
  .sem .sec2 .cont { margin-top: 60px;}
  .sem .sec2 .cont .list { padding-right: 0;}
  .sem .sec2 .cont .list .item { padding: 0 0 40px;}
  .sem .sec2 .cont .list .item .name { font-size: 24px; line-height: 28px;}
  .sem .sec2 .cont .list .item .desc { margin-top: 13px; font-size: 18px; line-height: 22px;}
  .sem .sec2 .cont .list .item .lline { margin-top: 15px;}
  .sem .sec2 .cont .list .item .text { margin-top: 19px;}
  .sem .sec2 .cont .list .item .text p { font-size: 16px; line-height: 34px;}
  .sem .sec2 .tips { font-size: 16px;}
}
@media screen and (max-width: 992px) {
  .sem .sec2 .stitle { font-size: 16px; line-height: 20px;}
  .sem .sec2 .cont .list .item { padding: 0 0 20px;}
  .sem .sec2 .cont .list .item .name { font-size: 20px; line-height: 24px;}
  .sem .sec2 .cont .list .item .desc { margin-top: 10px; font-size: 16px; line-height: 20px;}
  .sem .sec2 .cont .list .item .lline { margin-top: 12px;}
  .sem .sec2 .cont .list .item .text { margin-top: 15px;}
  .sem .sec2 .cont .list .item .text p { font-size: 14px; line-height: 26px;}
  .sem .sec2 .cont .img { width: 36%;}
  .sem .sec2 .tips { font-size: 14px;}
}
@media screen and (max-width: 768px) {
  .sem .sec2 { padding: 30px 0;}
  .sem .sec2 .title { margin-top: 10px;}
  .sem .sec2 .stitle { font-size: 14px; line-height: 18px;}
  .sem .sec2 .cont { margin-top: 30px;}
  .sem .sec2 .cont .list { width: 100%;}
  .sem .sec2 .cont .img { display: none;}
  .sem .sec2 .tips { font-size: 12px;}
}


.sem .sec3 { background: url(../images/sem3-img.png) center; background-size: cover;}
.sem .sec3 .cont { padding: 214px 0 170px; align-items: center; position: relative;}
.sem .sec3 .left { flex: 1;}
.sem .sec3 .left .lcont { display: none; padding-left: 7.71%;}
.sem .sec3 .left .lcont1 { display: block;}
.sem .sec3 .left .lcont .name { font-size: 30px; color: #FFFFFF; font-weight: bold; line-height: 44px; position: relative;}
.sem .sec3 .left .lcont .name::after { content: ''; width: 180px; height: 1px; background: #ffffff; position: absolute; left: 0; bottom: -34px;}
.sem .sec3 .left .lcont .text { margin-top: 58px; font-size: 20px; line-height: 50px; color: #ffffff;}
.sem .sec3 .left .lcont .text p { padding-left: 37px; position: relative;line-height: 50px;height: 50px;}
.sem .sec3 .left .lcont .text p::before { content: ''; width: 9px; height: 9px; background: #FFFFFF; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -4px;}
.sem .sec3 .left .lcont .text .no-icon::before{width: 0;background: transparent;display: none!important;}
.sem .sec3 .left .nav { height: 100%; position: absolute; left: 53%; top: 0;}
.sem .sec3 .left .nav .icon { display: inline-block; width: 76px; height: 76px; background: #FFFFFF; border-radius: 50%; font-size: 44px; line-height: 76px; text-align: center;}
.sem .sec3 .left .nav p { position: absolute; left: 0; transform: translate(-50%);}
.sem .sec3 .left .nav p:nth-of-type(1) { top: 14.8%;}
.sem .sec3 .left .nav p:nth-of-type(2) { top: 36.82%; transform: translate(34%);}
.sem .sec3 .left .nav p:nth-of-type(3) { top: 58.28%; transform: translate(34%);}
.sem .sec3 .left .nav p:nth-of-type(4) { top: 76.76%;}
.sem .sec3 .left .nav p .icon:hover { transform: scale(1.15); background: #49F0FF; color: #ffffff;}
.sem .sec3 .left .nav p.active .icon { transform: scale(1.15); background: #49F0FF; color: #ffffff;}
.sem .sec3 .right { flex: 1; display: flex; justify-content: flex-end;}
.sem .sec3 .right .info .line { background: #FFFFFF;}
.sem .sec3 .right .info .title { margin-top: 33px; color: #FFFFFF;}
.sem .sec3 .right .info .stitle { margin-top: 16px; text-align: center; font-size: 20px; line-height: 30px; color: #FFFFFF;}
.sem .sec3 .right .info .btn-box { margin-top: 72px;}
.sem .sec3 .right .info .btn-box a { border: 2px solid #FFFFFF; color: #ffffff;}
.sem .sec3 .right .info .btn-box a:hover { background: #0077C9; border: 2px solid #0077C9; color: #ffffff !important;}
@media screen and (max-width: 1640px) {
  .sem .sec3 .cont { padding: 160px 0;}
  .sem .sec3 .left .nav .icon { width: 80px; height: 80px; font-size: 46px; line-height: 80px;}
}
@media screen and (max-width: 1460px) {
}
@media screen and (max-width: 1260px) {
  .sem .sec3 .cont { padding: 120px 0;}
  .sem .sec3 .left .lcont .name { font-size: 24px; line-height: 30px;}
  .sem .sec3 .left .lcont .text { font-size: 16px; line-height: 40px; }
  .sem .sec3 .left .lcont .text p{   line-height: 40px;height: 40px;}
  .sem .sec3 .left .nav .icon { width: 60px; height: 60px; font-size: 36px; line-height: 60px;}
  .sem .sec3 .right .info .title { margin-top: 20px;}
  .sem .sec3 .right .info .stitle { font-size: 18px; line-height: 24px;}
  .sem .sec3 .right .info .btn-box { margin-top: 50px;}
}
@media screen and (max-width: 992px) {
  .sem .sec3 .cont { padding: 100px 0;}
  .sem .sec3 .left .lcont .name { font-size: 20px; line-height: 24px;}
  .sem .sec3 .left .lcont .text { font-size: 14px; line-height: 30px; }
  .sem .sec3 .left .lcont .text p{  line-height: 30px;height: 30px;}
  .sem .sec3 .left .nav .icon { width: 50px; height: 50px; font-size: 26px; line-height: 50px;}
  .sem .sec3 .right .info { padding: 0 70px;}
  .sem .sec3 .right .info .stitle { font-size: 16px; line-height: 20px;}
}
@media screen and (max-width: 768px) {
  .sem .sec3 .cont { padding: 30px 0;}
  .sem .sec3 .left { flex: unset; width: 100%;}
  .sem .sec3 .left .nav { display: none;}
  .sem .sec3 .left .lcont { display: block!important; margin-bottom: 30px; padding-left: 10px;}
  .sem .sec3 .left .lcont .name::after { bottom: -15px;}
  .sem .sec3 .left .lcont .name { font-size: 18px; line-height: 22px;}
  .sem .sec3 .left .lcont .text { font-size: 12px; line-height: 26px;  margin-top: 30px;}
  .sem .sec3 .left .lcont .text p { padding-left: 15px;line-height: 26px;height: 26px;}
  .sem .sec3 .left .lcont .text p::before { width: 5px; height: 5px; margin-top: -2px;}
  .sem .sec3 .right { justify-content: center;}
  .sem .sec3 .right .info .title { margin-top: 15px;}
  .sem .sec3 .right .info .stitle { margin-top: 5px; font-size: 14px; line-height: 18px;}
  .sem .sec3 .right .info .btn-box { margin-top: 20px;}
}

.sem .sec4 { padding: 167px 0 105px;}
.sem .sec4 .title { margin-top: 19px;}
.sem .sec4 .mySwiper-wrap { margin-top: 38px; position: relative; padding: 0 112px;}
.sem .sec4 .swiper-button-next { right: 57px; width: 38px; height: 38px; border: 2px solid rgba(39, 39, 39, 0.1); border-radius: 50%; background-image: none; font-size: 22px; color: #272727; line-height: 34px; text-align: center;}
.sem .sec4 .swiper-button-next::after { content: '\e62a'; font-family: 'iconfont'; }
.sem .sec4 .swiper-button-prev { left: 57px; width: 38px; height: 38px; border: 2px solid rgba(39, 39, 39, 0.1); border-radius: 50%; background-image: none; font-size: 22px; color: #272727; line-height: 34px; text-align: center;}
.sem .sec4 .swiper-button-prev::after { content: '\e635'; font-family: 'iconfont'; }
.sem .sec4 .swiper-slide { padding: 20px; }
.sem .sec4 .slide-item { height: 686px; background: url(../images/sem4-bg.png) no-repeat; background-size: 100% 100%; border-radius: 29px;  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);}
.sem .sec4 .slide-item .img { flex: 1; display: flex; justify-content: center; align-items: center;}
.sem .sec4 .slide-item .img img { max-width: 90%;}
.sem .sec4 .slide-item .right { flex: 1; padding: 112px 42px 130px;}
.sem .sec4 .slide-item .right .name { font-size: 16px; color: #272727; line-height: 34px; position: relative;}
.sem .sec4 .slide-item .right .name::after { content: ''; width: 102px; height: 2px; background: #0077C9; position: absolute; bottom: -30px; left: 0;}
.sem .sec4 .slide-item .right .info { margin-top: 56px;}
.sem .sec4 .slide-item .right .info div { margin-top: 18px; display: flex; flex-wrap: wrap;}
.sem .sec4 .slide-item .right .info label { width: 124px; height: 35px; background: #0077C9; border-radius: 17px; font-size: 18px; color: #FFFFFF; line-height: 35px; margin-right: 30px; text-align: center;}
.sem .sec4 .slide-item .right .info span { flex: 1; font-size: 18px; color: #0077C9; line-height: 35px;}
.sem .sec4 .slide-item .right .list { margin-top: 50px;}
.sem .sec4 .slide-item .right .list .item { flex: 1; text-align: center;}
.sem .sec4 .slide-item .right .list .item p { margin-top: 15px; font-size: 18px; line-height: 28px; color: #0077C9;}
.sem .sec4 .btn-box { margin-top: 31px;}
@media screen and (max-width: 1460px) {
  .sem .sec4 { padding: 90px 0;}
  .sem .sec4 .slide-item { height: 600px;}
  .sem .sec4 .slide-item .right { padding: 80px 30px;}
}
@media screen and (max-width: 1260px) {
  .sem .sec4 { padding: 60px 0;}
  .sem .sec4 .slide-item { height: 540px;}
  .sem .sec4 .slide-item .right { flex: unset; width: 60%; padding: 60px 30px;}
  .sem .sec4 .slide-item .right .name { font-size: 14px; line-height: 28px;}
  .sem .sec4 .slide-item .right .name::after { bottom: -18px;}
  .sem .sec4 .slide-item .right .info { margin-top: 40px;}
  .sem .sec4 .slide-item .right .info label { height: 30px; font-size: 16px; line-height: 30px;}
  .sem .sec4 .slide-item .right .info span { font-size: 16px; line-height: 30px;}
  .sem .sec4 .slide-item .right .list { margin-top: 40px;}
  .sem .sec4 .slide-item .right .list .item p { font-size: 16px; line-height: 24px;}
}
@media screen and (max-width: 992px) {
  .sem .sec4 .mySwiper-wrap { padding: 0 60px;}
  .sem .sec4 .slide-item { height: 480px;}
  .sem .sec4 .swiper-button-next { right: 0;}
  .sem .sec4 .swiper-button-prev { left: 0;}
  .sem .sec4 .slide-item .right .name { font-size: 12px; line-height: 22px;}
  .sem .sec4 .slide-item .right .info div { margin-top: 15px;}
  .sem .sec4 .slide-item .right .info label { width: 100px; height: 26px; font-size: 14px; line-height: 26px; margin-right: 20px;}
  .sem .sec4 .slide-item .right .info span { font-size: 14px; line-height: 26px;}
  .sem .sec4 .slide-item .right .list { margin-top: 30px;}
  .sem .sec4 .slide-item .right .list .item p { margin-top: 10px; font-size: 14px; line-height: 20px;}
}
@media screen and (max-width: 768px) {
  .sem .sec4 { padding: 30px 0;}
  .sem .sec4 .mySwiper-wrap { padding: 0 40px; margin-top: 20px;}
  .sem .sec4 .slide-item { height: auto; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);}
  .sem .sec4 .slide-item .img { flex: unset; width: 80%; max-height: 80px; margin: 0 auto; padding-top: 30px;}
  .sem .sec4 .slide-item .img img { width: 100%; height: 100%; object-fit: contain;}
  .sem .sec4 .slide-item .right { width: 100%; padding: 20px;}
  .sem .sec4 .slide-item .right .name::after { bottom: -13px;}
  .sem .sec4 .slide-item .right .info { margin-top: 30px;}
  .sem .sec4 .slide-item .right .info label { margin-right: 10px;}
  .sem .sec4 .slide-item .right .list { margin-top: 10px;}
  .sem .sec4 .slide-item .right .list .item { margin-top: 10px; flex: unset; width: 100%;}
  .sem .sec4 .slide-item .right .list .item img { width: 34px;}
  .sem .sec4 .slide-item .right .list .item p { margin-top: 5px;}
}

.sec-form {padding-bottom: 50px;}
.sec-form .cont { align-items: center; padding: 71px 0 53px; border-radius: 0 100px 0 100px; background: linear-gradient(38deg, #3FA2E7, #2A94DD, #0077C9); overflow: hidden; position: relative;}
.sec-form .cont::before { content: ''; width: 273px; height: 282px; background: url(../images/secform-a1.png); background-size: 100% 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.sec-form .cont::after { content: ''; width: 331px; height: 274px; background: url(../images/secform-a2.png); background-size: 100% 100%; position: absolute; right: 0; top: 0; z-index: 1;}
.sec-form .left { width: 47%; padding-left: 15%; border-right: 1px solid rgba(255, 255, 255, 0.94); position: relative; z-index: 2;}
.sec-form .left .tit { font-size: 45px; color: #FFFFFF; line-height: 50px;}
.sec-form .left .desc p { margin-top: 10px; font-size: 24px; color: #FFFFFF; line-height: 36px;}
.sec-form .right { flex: 1; position: relative; z-index: 2;}
.sec-form .right .form-box { display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.sec-form .right .form-box .list { width: 263px; margin-right: 89px;}
.sec-form .right .form-box .list .item { width: 100%; height: 40px; border-radius: 5px; background: #FFFFFF; border-radius: 5px; margin-top: 18px;}
.sec-form .right .form-box .list .item:first-child { margin-top: 0;}
.sec-form .right .form-box .list .item .input { padding: 0 10px; font-size: 18px; color: #333333; line-height: 40px;}
.sec-form .right .form-box .list .m-error { height: 0;}
.sec-form .right .form-box .btn { width: 164px; height: 47px; background: #FFFFFF; border-radius: 23px;font-size: 20px; color: #0077C9; line-height: 47px; font-weight: bold; text-align: center;}
.sec-form .right .form-box .btn:hover { opacity: 0.8;}
@media screen and (max-width: 1460px) {
  .sec-form { padding-bottom: 90px;}
  .sec-form .left .tit { font-size: 38px; line-height: 42px;}
  .sec-form .left .desc p { font-size: 20px; line-height: 30px; margin-top: 8px;}
  .sec-form .right .form-box .list { width: 220px; margin-right: 70px;}
}
@media screen and (max-width: 1260px) {
  .sec-form { padding-bottom: 60px;}
  .sec-form .cont { padding: 60px 0 45px;}
  .sec-form .left  { padding-left: 12%;}
  .sec-form .left .tit { font-size: 30px; line-height: 34px;}
  .sec-form .right .form-box .list { width: 220px; margin-right: 50px;}
  .sec-form .right .form-box .btn { width: 120px;}
}
@media screen and (max-width: 992px) {
  .sec-form .cont { padding: 30px 0; border-radius: 0 60px 0 60px;}
  .sec-form .left  { width: 40%; padding-left: 7%;}
  .sec-form .left .tit { font-size: 28px; line-height: 32px;}
  .sec-form .left .desc p { font-size: 16px; line-height: 20px;}
  .sec-form .right .form-box .list { margin-right: 20px;}
  .sec-form .right .form-box .list .item .input { font-size: 14px;}
  .sec-form .right .form-box .btn { width: 90px; height: 40px; font-size: 14px; line-height: 40px;}
}
@media screen and (max-width: 768px) {
  .sec-form { padding-bottom: 30px;}
  .sec-form .cont { border-radius: 0 40px 0 40px;}
  .sec-form .cont::before { background: none;}
  .sec-form .cont::after { background: none;}
  .sec-form .left  { width: 100%; padding: 0 20px; border-right: none;}
  .sec-form .left .tit { font-size: 24px; line-height: 30px;}
  .sec-form .left .desc p { font-size: 14px; line-height: 18px;}
  .sec-form .right { margin-top: 20px;}
  .sec-form .right .form-box .list { width: calc(100% - 40px); margin-right: 0;}
  .sec-form .right .form-box .btn { margin-top: 18px; width: calc(100% - 40px);}
}

.seo .line { margin: 0 auto;}
.seo .title,.seo .stitle { text-align: center;}
.seo .btn-box { text-align: center;}
.seo .btn-box a { padding: 18px 36px; border: 2px solid #0076C8; border-radius: 31px; font-size: 24px; color: #0076C8; line-height: 1;}
.seo .btn-box a:hover { background: #0076C8; color: #ffffff;}
@media screen and (max-width: 1260px) {
  .seo .btn-box a { padding: 13px 20px; font-size: 20px;}
}
@media screen and (max-width: 992px) {
  .seo .btn-box a { font-size: 18px;}
}
@media screen and (max-width: 768px) {
  .seo .btn-box a { padding: 8px 20px; font-size: 14px;}
}
.seo .sec1 { margin-top: -50%; padding: 48px 0 114px; position: relative; z-index: 2; position: relative;}
.seo .sec1::after { content: ''; width: 100%; height: 50%; background: #F7FAFE; position: absolute; bottom: 0; left: 0; z-index: 1;}
.seo .sec1>.wrap { position: relative; z-index: 2;}
.seo .sec1 .title { margin-top: 22px;}
.seo .sec1 .stitle { margin-top: 10px; font-size: 20px; color: #333333; line-height: 24px;}
.seo .sec1 .list { margin-top: 76px; padding: 0 110px;}
.seo .sec1 .list .item { width: 33.33%; padding: 78px 36px 90px;background: #FFFFFF;}
.seo .sec1 .list .item .icon { display: block; width: 76px; height: 76px; background: #0077C9; border-radius: 13px; font-size: 46px; color: #ffffff; line-height: 76px;}
.seo .sec1 .list .item .name { margin-top: 34px; font-size: 24px; color: #0077C9; line-height: 1;}
.seo .sec1 .list .item .text { margin-top: 46px; font-size: 16px; color: #666666; line-height: 28px;}
.seo .sec1 .list .item:hover { background: #0077C9;}
.seo .sec1 .list .item:hover .icon { background: #ffffff; color: #0077C9;}
.seo .sec1 .list .item:hover .name { color: #ffffff;}
.seo .sec1 .list .item:hover .text { color: #ffffff;}
.seo .sec1 .btn-box { margin-top: 87px;}
@media screen and (max-width: 1460px) {
  .seo .sec1 .list { padding: 0;}
}
@media screen and (max-width: 1260px) {
  .seo .sec1 { padding: 48px 0 60px;}
  .seo .sec1 .stitle { font-size: 18px; line-height: 22px;}
  .seo .sec1 .list { margin-top: 50px;}
  .seo .sec1 .list .item { padding: 60px 25px;}
  .seo .sec1 .list .item .name { margin-top: 26px; font-size: 20px;}
  .seo .sec1 .list .item .text { margin-top: 35px; font-size: 14px;}
  .seo .sec1 .btn-box { margin-top: 50px;}
}
@media screen and (max-width: 992px) {
  .seo .sec1 .stitle { font-size: 16px; line-height: 20px;}
  .seo .sec1 .list .item .icon { width: 60px; height: 60px; font-size: 40px; line-height: 60px;}
  .seo .sec1 .list .item .name { margin-top: 15px; font-size: 18px;}
  .seo .sec1 .list .item .text { margin-top: 20px; font-size: 14px; line-height: 22px;}
}
@media screen and (max-width: 768px) {
  .seo .sec1 { padding: 30px 0 50px;}
  .seo .sec1 .stitle { font-size: 14px; line-height: 18px;}
  .seo .sec1 .list { margin-top: 30px;}
  .seo .sec1 .list .item { width: 100%; text-align: center; padding: 30px 20px;}
  .seo .sec1 .list .item .icon { margin: 0 auto;}
  .seo .sec1 .btn-box { margin-top: 30px;}
}

.seo .sec2 { padding: 95px 0;}
.seo .sec2 .title { margin-top: 22px;}
.seo .sec2 .stitle { margin-top: 11px; font-size: 20px; line-height: 30px; color: #333333;}
.seo .sec2 .cont { margin-top: 180px;}
.seo .sec2 .cont .item .left { width: 50%; padding: 0 76px 68px; text-align: right; position: relative;}
.seo .sec2 .cont .item .left::after { content: ''; width: 2px; height: calc(100% - 50px); background: #0077C9; position: absolute; top: 92px; right: -1px;}
.seo .sec2 .cont .item .left::before { content: ''; width: 20px; height: 20px; border-radius: 50%; background: #0077C9; position: absolute; top: 57px; right: -10px;}
.seo .sec2 .cont .item .left .num { font-size: 87px;line-height: 66px; font-weight: bold;color: #0077C9;opacity: 0.15;}
.seo .sec2 .cont .item .left .name { margin-top: -16px; font-size: 30px; line-height: 1; font-weight: bold; color: #0077C9;}
.seo .sec2 .cont .item .left .desc { margin-top: 10px; font-size: 20px; line-height: 24px; color: #0077C9;}
.seo .sec2 .cont .item .left .text { margin-top: 19px;}
.seo .sec2 .cont .item .left .text p { font-size: 20px; color: #333333; line-height: 40px;}
.seo .sec2 .cont .item .right { width: 50%; text-align: left; padding: 0 76px; position: relative;}
.seo .sec2 .cont .item .img { display: inline-block; width: 386px; max-width: 100%; border-radius: 24px; border: 8px solid #E6EEF7;box-shadow: 0px 0px 13px 0px rgba(230, 238, 247,1); position: relative; overflow: hidden;}
.seo .sec2 .cont .item .img img { width: 100%; transition: 0.3s;}
.seo .sec2 .cont .item .img:hover img { transform: scale(1.1);}
.seo .sec2 .cont .item .img::before { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; z-index: 2;}
.seo .sec2 .cont .item:nth-of-type(1) .right::after { content: ''; width: 2px; height: 150px; background: #0077C9; position: absolute; top: -110px; left: -1px;}
.seo .sec2 .cont .item:nth-child(2n) { flex-direction: row-reverse;}
.seo .sec2 .cont .item:nth-child(2n) .left { text-align: left;}
.seo .sec2 .cont .item:nth-child(2n) .left::after { left: -1px;}
.seo .sec2 .cont .item:nth-child(2n) .left::before { left: -10px;}
.seo .sec2 .cont .item:nth-child(2n) .right { text-align: right;}
.seo .sec2 .cont .item:last-child .left::after { height: 200px;}
.seo .sec2 .tips { margin-top: 15px; text-align: center; font-size: 18px; color: #888888; line-height: 22px;}
.seo .sec2 .btn-box { margin-top: 10px;}
.seo .sec2 .btn-box a { padding: 18px 135px; background: #0077C9; color: #FFFFFF;}
.seo .sec2 .btn-box a:hover { opacity: 0.8;;}
@media screen and (max-width: 1260px) {
  .seo .sec2 { padding: 60px 0;}
  .seo .sec2 .title { margin-top: 15px;}
  .seo .sec2 .stitle { font-size: 18px; line-height: 22px;}
  .seo .sec2 .cont { margin-top: 150px;}
  .seo .sec2 .cont .item .left { padding: 0 50px 68px;}
  .seo .sec2 .cont .item .left::before { width: 16px; height: 16px; right: -8px; top: 59px;}
  .seo .sec2 .cont .item:nth-child(2n) .left::before { left: -8px;}
  .seo .sec2 .cont .item .left .num { font-size: 60px;line-height: 50px;}
  .seo .sec2 .cont .item .left .name { margin-top: -16px; font-size: 24px;}
  .seo .sec2 .cont .item .left .desc { margin-top: 10px; font-size: 16px; line-height: 20px;}
  .seo .sec2 .cont .item .left .text { margin-top: 19px;}
  .seo .sec2 .cont .item .left .text p { font-size: 16px; line-height: 34px;}
  .seo .sec2 .cont .item .right { padding: 0 50px;}
  .seo .sec2 .cont .item:nth-of-type(1) .right::after { height: 120px; top: -85px;}
  .seo .sec2 .cont .item:last-child .left::after { height: 170px;}
  .seo .sec2 .tips { font-size: 16px; line-height: 20px;}
  .seo .sec2 .btn-box a { padding: 13px 100px;}
}
@media screen and (max-width: 992px) {
  .seo .sec2 .stitle { font-size: 16px; line-height: 20px;}
  .seo .sec2 .cont { margin-top: 80px;}
  .seo .sec2 .cont .item .left { padding: 0 30px 68px;}
  .seo .sec2 .cont .item .left::before { width: 12px; height: 12px; right: -6px; top: 61px;}
  .seo .sec2 .cont .item:nth-child(2n) .left::before { left: -6px;}
  .seo .sec2 .cont .item .left .num { font-size: 50px;line-height: 40px;}
  .seo .sec2 .cont .item .left .name { margin-top: -12px; font-size: 22px;}
  .seo .sec2 .cont .item .left .desc { font-size: 14px; line-height: 18px;}
  .seo .sec2 .cont .item .left .text { margin-top: 15px;}
  .seo .sec2 .cont .item .left .text p { font-size: 14px; line-height: 32px;}
  .seo .sec2 .cont .item .right { padding: 0 30px;}
  .seo .sec2 .cont .item:nth-of-type(1) .right::after { height: 80px; top: -45px;}
  .seo .sec2 .cont .item:last-child .left::after { height: 130px;}
  .seo .sec2 .tips { font-size: 14px; line-height: 18px;}
}
@media screen and (max-width: 768px) {
  .seo .sec2 { padding: 30px 0;}
  .seo .sec2 .title { margin-top: 10px;}
  .seo .sec2 .stitle { font-size: 14px; line-height: 18px;}
  .seo .sec2 .cont { margin-top: 30px;}
  .seo .sec2 .cont .item { margin-bottom: 20px;}
  .seo .sec2 .cont .item:nth-child(2n) { flex-direction: row;}
  .seo .sec2 .cont .item:nth-child(2n) .right { text-align: left;}
  .seo .sec2 .cont .item .left { padding: 0 0 20px; width: 100%; text-align: left;}
  .seo .sec2 .cont .item .left::before { display: none;}
  .seo .sec2 .cont .item .left::after { display: none;}
  .seo .sec2 .cont .item .left .num { font-size: 50px;line-height: 40px;}
  .seo .sec2 .cont .item .left .name { margin-top: -12px; font-size: 22px;}
  .seo .sec2 .cont .item .left .desc { font-size: 14px; line-height: 18px;}
  .seo .sec2 .cont .item .left .text { margin-top: 15px;}
  .seo .sec2 .cont .item .left .text p { font-size: 14px; line-height: 24px;}
  .seo .sec2 .cont .item .right { width: 100%; padding: 0;}
  .seo .sec2 .cont .item .right .img { width: 100%;}
  .seo .sec2 .cont .item:nth-of-type(1) .right::after { display: none;}
  .seo .sec2 .cont .item:last-child .left::after { height: 130px;}
  .seo .sec2 .cont .item .img:hover img { transform: scale(1);}
  .seo .sec2 .tips { font-size: 12px; line-height: 16px;}
  .seo .sec2 .btn-box a { padding: 8px 30px;}
}

.seo .sec3 { padding: 109px 0 149px; background: #F7FAFE url(../images/seo3-bg.png) no-repeat; background-position: top right;}
.seo .sec3 .title { margin-top: 22px;}
.seo .sec3 .nav { margin-top: 35px; background: #FFFFFF;}
.seo .sec3 .nav p { flex: 1; border: 1px solid #D7E1EC; font-size: 20px; line-height: 55px; color: #666666; text-align: center;}
.seo .sec3 .nav p+p { border-left: none;}
.seo .sec3 .nav p.active { background: #0077C9; color: #ffffff;}
.seo .sec3 .nav p:hover { background: #0077C9; color: #ffffff;}
.seo .sec3 .cont { display: none; margin-top: 65px; align-items: flex-start;}
.seo .sec3 .cont .left { flex: 1; text-align: center; position: relative;}
.seo .sec3 .cont .left .img { display: inline-block; width: 60.03%; border: 18px solid #ffffff; border-radius: 60px; box-shadow: 0px 0px 16px 0px rgba(43,45,53,0.18);}
.seo .sec3 .cont .left .img img { width: 100%;}
.seo .sec3 .cont .left .lline { position: absolute; right: -12px; top: 50%; transform: translateY(-50%);}
.seo .sec3 .cont .right { width: 57.28%; padding: 0 107px 0 76px;}
.seo .sec3 .cont .right .rlogo { width: 33.69%; margin: 0 auto; margin-top: 40px;}
.seo .sec3 .cont .right .name { margin-top: 38px; font-size: 18px; color: #333333; line-height: 47px;}
.seo .sec3 .cont .right .info { margin-top: 98px;}
.seo .sec3 .cont .right .info .item { padding: 12px 0; margin-top: 43px; border-radius: 19px; background: #E4EDFC; display: flex; align-items: center;}
.seo .sec3 .cont .right .info .item span { display: inline-block; width: 150px; height: 100%; font-size: 20px; color: #0077C9; line-height: 36px; font-weight: bold; text-align: center;}
.seo .sec3 .cont .right .info .item .text { flex: 1; padding: 0 53px; position: relative;}
.seo .sec3 .cont .right .info .item .text::before { content: ''; height: calc(100% - 16px); border-left: 1px solid rgba(0, 119, 201, 0.28); position: absolute; left: 0; top: 8px;}
.seo .sec3 .cont .right .info .item .text p { margin-bottom: 8px; font-size: 18px; color: #666666; line-height: 32px;}
.seo .sec3 .cont .right .info .item .text p:last-child { margin-bottom: 0;}
.seo .sec3 .cont1 { display: block;}
.seo .sec3 .cont1 .right .info { margin-top: 58px;}
.seo .sec3 .btn-box { margin-top: 85px;}
.seo .sec3 .btn-box a { padding: 18px 68px;}
@media screen and (max-width: 1460px) {
  .seo .sec3 .nav p { font-size: 20px; line-height: 50px;}
  .seo .sec3 .cont .right { padding: 0 30px 0 76px;}
  .seo .sec3 .cont .right .rlogo { margin-top: 0;}
  .seo .sec3 .cont .right .name { margin-top: 30px; font-size: 18px; line-height: 38px;}
  .seo .sec3 .cont1 .right .info { margin-top: 50px;}
  .seo .sec3 .cont .right .info .item { margin-top: 36px;}
  .seo .sec3 .cont .right .info .item .text { padding: 0 40px;}
  .seo .sec3 .cont .right .info .item .text::before { height: calc(100% - 10px);}
}
@media screen and (max-width: 1260px) {
  .seo .sec3 { padding: 60px 0;}
  .seo .sec3 .title { margin-top: 15px;}
  .seo .sec3 .nav p { font-size: 20px; line-height: 50px;}
  .seo .sec3 .cont .left .img { width: 76%;}
  .seo .sec3 .btn-box a { padding: 13px 40px;}
  .seo .sec3 .cont .right { padding: 0 20px 0 40px;}
  .seo .sec3 .cont1 .right .info { margin-top: 40px;}
  .seo .sec3 .cont .right .info .item { margin-top: 30px;}
  .seo .sec3 .btn-box { margin-top: 60px;}
}
@media screen and (max-width: 992px) {
  .seo .sec3 .nav p { font-size: 16px; line-height: 40px;}
  .seo .sec3 .cont { margin-top: 50px;}
  .seo .sec3 .cont .right .name { margin-top: 30px; font-size: 16px; line-height: 34px;}
  .seo .sec3 .cont1 .right .info { margin-top: 30px;}
  .seo .sec3 .cont .right .info .item { margin-top: 20px;}
  .seo .sec3 .cont .right .info .item span { width: 110px; font-size: 16px; line-height: 20px;}
  .seo .sec3 .cont .right .info .item .text { padding: 0 20px;}
  .seo .sec3 .cont .right .info .item .text p { font-size:14px; line-height: 20px;}
}
@media screen and (max-width: 768px) {
  .seo .sec3 { padding: 30px 0;}
  .seo .sec3 .title { margin-top: 10px;}
  .seo .sec3 .nav { margin-top: 25px;}
  .seo .sec3 .cont { margin-top: 30px;}
  .seo .sec3 .cont .left { width: 100%;}
  .seo .sec3 .cont .left .img { border: 10px solid #ffffff; border-radius: 30px;}
  .seo .sec3 .cont .right { width: 100%; padding: 0; margin-top: 30px;}
  .seo .sec3 .cont .right .name { margin-top: 15px; font-size: 14px; line-height: 24px;}
  .seo .sec3 .cont .right .info { margin-top: 20px;}
  .seo .sec3 .cont .right .info .item { margin-top: 15px; border-radius: 10px; padding: 10px 0;}
  .seo .sec3 .cont .right .info .item span { width: 90px; font-size: 14px; line-height: 18px;}
  .seo .sec3 .cont .right .info .item .text::before { height: 100%; top: 0;}
  .seo .sec3 .cont .right .info .item .text p { font-size:12px; line-height: 18px;}
  .seo .sec3 .btn-box a { padding: 8px 30px;}
  .seo .sec3 .btn-box { margin-top: 30px;}
}
.seo .sec-form { background: #F7FAFE;}

.google .line { margin: 0 auto;}
.google .title { text-align: center;}
.google .btn-box { text-align: center;}
.google .btn-box a { padding: 18px 91px; border: 2px solid #0076C8; border-radius: 31px; font-size: 24px; color: #0076C8; line-height: 1;}
.google .btn-box a:hover { background: #0076C8; color: #ffffff;}
@media screen and (max-width: 1260px) {
  .google .btn-box a { padding: 13px 60px; font-size: 20px;}
}
@media screen and (max-width: 992px) {
  .google .btn-box a { font-size: 18px;}
}
@media screen and (max-width: 768px) {
  .google .btn-box a { padding: 8px 40px; font-size: 14px;}
}
.google .sec1 { margin-top: 39px;}
.google .sec1 .title { margin-top: 22px;}
.google .sec1 .stitle { text-align: center; font-size: 20px; color: #333333; line-height: 30px; margin-top: 10px;}
.google .sec1 .cont { text-align: center; text-align: center; margin-top: 50px; position: relative;}
.google .sec1 .cont .img { display: inline-block;}
.google .sec1 .cont .item { display: flex; align-items: center; position: absolute;}
.google .sec1 .cont .item p { font-size: 20px; color: #333333; font-weight: bold; padding: 0 26px;}
.google .sec1 .cont .item p span { font-size: 24px; color: #0077C9;}
.google .sec1 .cont .item:nth-of-type(1) { right: 64.28%; top: 10.76%;}
.google .sec1 .cont .item:nth-of-type(2) { right: 68.78%; top: 31.42%;}
.google .sec1 .cont .item:nth-of-type(3) { right: 68.78%; bottom: 34.2%;}
.google .sec1 .cont .item:nth-of-type(4) { right: 64.28%; bottom: 13.37%;}
.google .sec1 .cont .item:nth-of-type(5) { flex-direction: row-reverse; left: 64.28%; top: 10.76%;}
.google .sec1 .cont .item:nth-of-type(6) { flex-direction: row-reverse; left: 68.78%; top: 31.42%;}
.google .sec1 .cont .item:nth-of-type(7) { flex-direction: row-reverse; left: 68.78%; bottom: 34.2%;}
.google .sec1 .cont .item:nth-of-type(8) { flex-direction: row-reverse; left: 64.28%; bottom: 13.37%;}
.google .sec1 .tips { margin-top: 20px; text-align: center; font-size: 14px; color: #666666; line-height: 20px;}
.google .sec1 .btn-box { margin-top: 62px;}
@media screen and (max-width: 1260px) {
  .google .sec1 .title { margin-top: 15px;}
  .google .sec1 .stitle { font-size: 18px; line-height: 22px;}
  .google .sec1 .cont .img { width: 19.14%;}
  .google .sec1 .cont .item p { font-size: 16px; padding: 0 20px;}
  .google .sec1 .cont .item p span { font-size: 20px;}
  .google .sec1 .cont .item img { width: 60px;}
  .google .sec1 .cont .item:nth-of-type(1) { top: 10.76%;}
  .google .sec1 .cont .item:nth-of-type(2) { top: 31.42%;}
  .google .sec1 .cont .item:nth-of-type(3) { bottom: 31.42%;}
  .google .sec1 .cont .item:nth-of-type(4) { bottom: 10.76%;}
  .google .sec1 .cont .item:nth-of-type(5) { top: 10.76%;}
  .google .sec1 .cont .item:nth-of-type(6) { top: 31.42%;}
  .google .sec1 .cont .item:nth-of-type(7) { bottom: 31.42%;}
  .google .sec1 .cont .item:nth-of-type(8) { bottom: 10.76%;}
  .google .sec1 .btn-box { margin-top: 50px;}
}
@media screen and (max-width: 992px) {
  .google .sec1 .stitle { font-size: 16px; line-height: 20px;}
  .google .sec1 .cont .item p { font-size: 14px; padding: 0 15px;}
  .google .sec1 .cont .item p span { font-size: 16px;}
  .google .sec1 .cont .item img { width: 46px;}
  .google .sec1 .tips { margin-top: 10px;}
  .google .sec1 .btn-box { margin-top: 40px;}
}
@media screen and (max-width: 768px) {
  .google .sec1 { margin-top: 30px;}
  .google .sec1 .title { margin-top: 10px;}
  .google .sec1 .stitle { font-size: 14px; line-height: 18px; margin-top: 5px;}
  .google .sec1 .cont .item:nth-of-type(1) { top: 10.76%;}
  .google .sec1 .cont .item:nth-of-type(2) { top: 31.42%;}
  .google .sec1 .cont .item:nth-of-type(3) { bottom: 34.2%;}
  .google .sec1 .cont .item:nth-of-type(4) { bottom: 13.37%;}
  .google .sec1 .cont .item:nth-of-type(5) { top: 10.76%;}
  .google .sec1 .cont .item:nth-of-type(6) { top: 31.42%;}
  .google .sec1 .cont .item:nth-of-type(7) { bottom: 34.2%;}
  .google .sec1 .cont .item:nth-of-type(8) { bottom: 13.37%;}
  .google .sec1 .cont { zoom: 0.5;}
  .google .sec1 .cont .item p { padding: 0 10px;}
  .google .sec1 .tips { font-size: 12px;}
  .google .sec1 .btn-box { margin-top: 20px;}
}

.google .sec2 { margin-top: 126px; background: url(../images/google2-bg.png); background-size: cover;}
.google .sec2 .cont { justify-content: flex-start;}
.google .sec2 .cont .left { width: 40.83%; padding: 20px 4.2%; background: rgba(0, 119, 200, 0.57); display: flex; flex-direction: column; justify-content: center;}
.google .sec2 .cont .left .line { background: #ffffff;}
.google .sec2 .cont .left .title { margin-top: 22px; color: #ffffff;}
.google .sec2 .cont .left .desc { text-align: center; margin-top: 14px; font-size: 18px; color: #FFFFFF; line-height: 30px; text-transform: uppercase;}
.google .sec2 .cont .left .btn-box a { margin-top: 69px; border: 2px solid #FFFFFF; color: #FEFEFE;}
.google .sec2 .cont .left .btn-box a:hover { background: #ffffff; color: #0076C8;}
.google .sec2 .cont .right { width: 51.87%; margin: 84px 0 80px; margin-left: -4.32%; padding: 37px 120px 50px 126px; background: #EDF5FF;}
.google .sec2 .cont .right .list .item { padding: 30px 0; border-bottom: 1px solid rgba(102, 102, 102, 0.59);}
.google .sec2 .cont .right .list .item:last-child { border-bottom: none;}
.google .sec2 .cont .right .list .item p:nth-of-type(1) { font-size: 24px; font-weight: 500; color: #333333; line-height: 1;}
.google .sec2 .cont .right .list .item p:nth-of-type(2) { margin-top: 23px; font-size: 18px; color: #666666; line-height: 24px;}
@media screen and (max-width: 1520px) {
  .google .sec2 .cont .right { padding: 30px 90px;}
}
@media screen and (max-width: 1460px) {
  .google .sec2 .cont .right { padding: 30px 80px;}
  .google .sec2 .cont .right .list .item { padding: 25px 0;}
}
@media screen and (max-width: 1260px) {
  .google .sec2 { margin-top: 60px;}
  .google .sec2 .cont .left .btn-box a { margin-top: 60px;}
  .google .sec2 .cont .right { padding: 30px 50px;}
  .google .sec2 .cont .right .list .item p:nth-of-type(1) { font-size: 22px;}
  .google .sec2 .cont .right .list .item p:nth-of-type(2) { font-size: 16px; line-height: 20px;}
}
@media screen and (max-width: 992px) {
  .google .sec2 .cont .left .desc { font-size: 16px; line-height: 20px; margin-top: 10px;}
  .google .sec2 .cont .right { margin: 60px 0;margin-left: -4.32%;}
  .google .sec2 .cont .right .list .item { padding: 20px 0;}
}
@media screen and (max-width: 768px) {
  .google .sec2 { margin-top: 30px;}
  .google .sec2 .cont .left { width: 100%; padding: 30px 2%;}
  .google .sec2 .cont .left .desc { font-size: 14px; line-height: 18px; margin-top: 5px;}
  .google .sec2 .cont .left .btn-box a { margin-top: 30px;}
  .google .sec2 .cont .right { width: 94%; margin: 30px 0; margin-left: 2%; padding: 20px;}
  .google .sec2 .cont .right .list .item { padding: 10px 0;}
  .google .sec2 .cont .right .list .item p:nth-of-type(1) { font-size: 18px;}
  .google .sec2 .cont .right .list .item p:nth-of-type(2) { font-size: 14px; line-height: 18px; margin-top: 10px;}
}

.google .sec3 { margin-top: 130px;}
.google .sec3 .title { margin-top: 22px;}
.google .sec3 .title p { margin-top: 11px;}
.google .sec3 .mySwiper { margin-top: 30px; position: relative;}
.google .sec3 .mySwiper .slide-item { text-align: center;}
.google .sec3 .mySwiper .slide-item img { transition: 0.3s;}
.google .sec3 .mySwiper .slide-item img:hover { transform: scale(1.1);}
.google .sec3 .mySwiper .name { margin-top: 20px; font-size: 24px; line-height: 1; color: #333333; font-weight: bold; text-align: center;}
.google .sec3 .mySwiper .desc { margin-top: 20px; font-size: 20px; line-height: 26px; color: #666666; text-align: center;}
.google .sec3 .mySwiper .swiper-button-next { width: 54px; height: 54px; background: #0077C9; border: 2px solid #0077C9; border-radius: 50%; text-align: center; font-size: 25px; font-weight: bold; line-height: 50px; color: #ffffff; background-image: none; top: 40%; right: 13.57%;}
.google .sec3 .mySwiper .swiper-button-next.swiper-button-disabled { background: #ffffff; border: 2px solid #E3E3E3; color: #E3E3E3; opacity: 1;}
.google .sec3 .mySwiper .swiper-button-next::after { content: '\e62a'; font-family: 'iconfont'; }
.google .sec3 .mySwiper .swiper-button-prev { width: 54px; height: 54px; background: #0077C9; border: 2px solid #0077C9; border-radius: 50%; text-align: center; font-size: 25px; font-weight: bold; line-height: 50px; color: #ffffff; background-image: none; top: 40%; left: 13.57%;}
.google .sec3 .mySwiper .swiper-button-prev.swiper-button-disabled { background: #ffffff; border: 2px solid #E3E3E3; color: #E3E3E3; opacity: 1;}
.google .sec3 .mySwiper .swiper-button-prev::after { content: '\e635'; font-family: 'iconfont'; }
.google .sec3 .btn-box{ margin-top: 64px;}
@media screen and (max-width: 1460px) {
}
@media screen and (max-width: 1260px) {
  .google .sec3 { margin-top: 60px;}
  .google .sec3 .mySwiper .slide-item img { width: 50%;}
  .google .sec3 .mySwiper .name { font-size: 20px;}
  .google .sec3 .mySwiper .desc { font-size: 18px;}
  .google .sec3 .mySwiper .swiper-button-next { width: 40px; height: 40px; font-size: 20px; line-height: 36px;}
  .google .sec3 .mySwiper .swiper-button-prev { width: 40px; height: 40px; font-size: 20px; line-height: 36px;}
  .google .sec3 .btn-box { margin-top: 50px;}
}
@media screen and (max-width: 992px) {
  .google .sec3 .mySwiper .name { margin-top: 15px; font-size: 18px;}
  .google .sec3 .mySwiper .desc { margin-top: 15px; font-size: 14px; line-height: 18px;}
  .google .sec3 .btn-box { margin-top: 40px;}
}
@media screen and (max-width: 768px) {
  .google .sec3 { margin-top: 30px;}
  .google .sec3 .title p { margin-top: 5px;}
  .google .sec3 .mySwiper .slide-item img { width: 70%;}
  .google .sec3 .mySwiper .slide-item img:hover { transform: scale(1);}
  .google .sec3 .mySwiper .name { margin-top: 10px; font-size: 16px;}
  .google .sec3 .mySwiper .desc { margin-top: 10px; font-size: 12px; line-height: 16px;}
  .google .sec3 .mySwiper .swiper-button-next { width: 30px; height: 30px; font-size: 16px; line-height: 26px; right: 0;}
  .google .sec3 .mySwiper .swiper-button-prev { width: 30px; height: 30px; font-size: 16px; line-height: 26px; left: 0;}
  .google .sec3 .btn-box { margin-top: 20px;}
}

.google .sec4 { margin-top: 109px; padding: 84px 0 69px; background: #F3F7FE;}
.google .sec4 .title { margin-top: 22px;}
.google .sec4 .stitle { text-align: center; margin-top: 24px; font-size: 20px; color: #333333; line-height: 30px;}
.google .sec4 .cont { margin-top: 72px; position: relative; padding-top: 22.1%;}
.google .sec4 .cont .item { position: absolute; transform: translate(-50%); width: 296px; height: 386px; padding: 20px; background: url(../images/google4-bg1.png); background-size: 100% 100%; text-align: center;}
.google .sec4 .cont .item .icon { font-size: 60px; line-height: 1; background: linear-gradient(180deg, #78C9F8 0%, #0077C9 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.google .sec4 .cont .item .name { margin-top: 15px; font-size: 24px; font-weight: bold; color: #333333; line-height: 1;}
.google .sec4 .cont .item .text { margin-top: 23px; font-size: 16px; line-height: 28px;}
.google .sec4 .cont .item:hover { background: url(../images/google4-bg2.png); background-size: 100% 100%;}
.google .sec4 .cont .item:hover .icon { background: linear-gradient(180deg, #F1E8EC 0%, #E4EEFF 100%);-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.google .sec4 .cont .item:hover .name { color: #ffffff;}
.google .sec4 .cont .item:hover .text { color: #ffffff;}
.google .sec4 .cont .item:nth-of-type(1) { left: 22.1%; top: 24.42%;}
.google .sec4 .cont .item:nth-of-type(2) { left: 40.6%; top: 0;}
.google .sec4 .cont .item:nth-of-type(3) { left: 59%; top: 24.42%;}
.google .sec4 .cont .item:nth-of-type(4) { left: 77.5%; top: 0;}
.google .sec4 .cont .cline { overflow: hidden;}
.google .sec4 .cont .cline img { width: 100%;}
.google .sec4 .btn-box { margin-top: 86px;}
@media screen and (max-width: 1760px) {
  .google .sec4 .cont { padding-top: 24%;}
}
@media screen and (max-width: 1640px) {
  .google .sec4 .cont { padding-top: 22%; margin-top: 50px;}
  .google .sec4 .cont .item { width: 17%; height: 68%;}
  .google .sec4 .cont .item .name { font-size: 20px;}
  .google .sec4 .cont .item .text { margin-top: 20px; font-size: 16px; line-height: 24px;}
}
@media screen and (max-width: 1560px) {
  .google .sec4 .cont .item .name { font-size: 18px;}
  .google .sec4 .cont .item .text { margin-top: 16px; font-size: 14px; line-height: 22px;}
}
@media screen and (max-width: 1400px) {
  .google .sec4 .cont .item .name { font-size: 16px;}
  .google .sec4 .cont .item .text { margin-top: 16px; font-size: 12px; line-height: 18px;}
}
@media screen and (max-width: 1260px) {
  .google .sec4 { margin-top: 60px; padding: 60px 0;}
  .google .sec4 .stitle { font-size: 18px; line-height: 22px; margin-top: 15px;}
  .google .sec4 .cont { padding-top: 26%;}
  .google .sec4 .cont .item { width: 18.2%;}
  .google .sec4 .btn-box { margin-top: 60px;}
}
@media screen and (max-width: 1150px) {
  .google .sec4 .cont { padding-top: 28%;}
  .google .sec4 .cont .item { padding: 20px 10px;}
}
@media screen and (max-width: 1050px) {
  .google .sec4 .cont { padding-top: 36%;}
}
@media screen and (max-width: 992px) {
  .google .sec4 .title { margin-top: 15px;}
  .google .sec4 .stitle { font-size: 16px; line-height: 20px; margin-top: 10px;}
  .google .sec4 .cont { padding-top: 30%;}
  .google .sec4 .cont .item { width: 22%;}
  .google .sec4 .cont .item:nth-of-type(1) { left: 16.8%; top: 24.42%;}
  .google .sec4 .cont .item:nth-of-type(2) { left: 39%; top: 0;}
  .google .sec4 .cont .item:nth-of-type(3) { left: 61%; top: 24.42%;}
  .google .sec4 .cont .item:nth-of-type(4) { left: 83%; top: 0;}
  .google .sec4 .cont .cline img { width: 120%; max-width: 120%; margin-left: -10%;}
  .google .sec4 .btn-box { margin-top: 40px;}
}
@media screen and (max-width: 880px) {
  .google .sec4 .cont { padding-top: 33%;}
  .google .sec4 .cont .item { padding: 20px 5px;}
}
@media screen and (max-width: 810px) {
  .google .sec4 .cont { padding-top: 46%;}
}
@media screen and (max-width: 768px) {
  .google .sec4 { margin-top: 30px; padding: 30px 0;}
  .google .sec4 .title { margin-top: 10px;}
  .google .sec4 .stitle { font-size: 14px; line-height: 18px; margin-top: 5px;}
  .google .sec4 .cont { margin-top: 30px; padding-top: 0;}
  .google .sec4 .cont .item { width: 80%; margin: 0 auto; margin-top: 20px; height: auto; background: #ffffff; border-radius: 10px; box-shadow: 0px 0px 16px 0px rgba(43,45,53,0.18); position: relative; transform: unset; left: unset !important; top: unset !important;}
  .google .sec4 .cont .item .name { font-size: 14px; margin-top: 5px;}
  .google .sec4 .cont .item .text { font-size: 12px; line-height: 18px; margin-top: 10px;}
  .google .sec4 .cont .cline { display: none;}
  .google .sec4 .btn-box { margin-top: 30px;}
}

.google .sec5 .img { width: 100%;}
.google .sec5 .cont { width: 84.27%; background: #F3F7FE; margin: 0 auto; margin-top: -85px; position: relative;}
.google .sec5 .cont .left { flex: 1;}
.google .sec5 .cont .left .list { padding: 85px 10% 20px;}
.google .sec5 .cont .left .list .item { padding-left: 38px; margin-bottom: 70px; position: relative;}
.google .sec5 .cont .left .list .item::before { content: ' '; width: 11px; height: 11px; background: #0077C8; border-radius: 50%; position: absolute; left: 0; top: 7px;}
.google .sec5 .cont .left .list .item p:nth-of-type(1) { font-size: 22px; line-height: 1; font-weight: bold; color: #0077C8;}
.google .sec5 .cont .left .list .item p:nth-of-type(2) { margin-top: 28px; font-size: 18px; line-height: 26px; color: #666666; line-height: 24px;}
.google .sec5 .cont .right { width: 30.46%; min-width: 300px; padding: 0 10px; background: url(../images/google5-img.png); background-size: cover; display: flex; flex-direction: column; justify-content: center;}
.google .sec5 .cont .right .line { background: #ffffff; margin-top: 13.93%;}
.google .sec5 .cont .right .title { margin-top: 23px; color: #ffffff;}
.google .sec5 .cont .right .stitle { margin-top: 22px; text-align: center; font-size: 18px; color: #ffffff; line-height: 35px;}
.google .sec5 .cont .right .btn-box { margin-top: 90px;}
.google .sec5 .cont .right .btn-box a { border: 2px solid #FFFFFF; color: #ffffff;}
.google .sec5 .cont .right .btn-box a:hover { border: 2px solid #0076C8; background: #ffffff; color: #0076C8;}
@media screen and (max-width: 1890px) {
  .google .sec5 .cont .left .list { padding: 85px 7% 20px;}
}
@media screen and (max-width: 1460px) {
}
@media screen and (max-width: 1260px) {
  .google .sec5 .cont .left .list { padding: 60px 8% 20px;}
  .google .sec5 .cont .left .list .item { padding-left: 30px; margin-bottom: 50px;}
  .google .sec5 .cont .left .list .item p:nth-of-type(2) { margin-top: 20px; line-height: 22px;}
  .google .sec5 .cont .right .title { margin-top: 15px;}
  .google .sec5 .cont .right .stitle { margin-top: 15px; line-height: 22px;}
}
@media screen and (max-width: 992px) {
  .google .sec5 .cont .left .list { padding: 40px 4% 20px;}
  .google .sec5 .cont .left .list .item p:nth-of-type(1) { font-size: 18px;}
  .google .sec5 .cont .left .list .item p:nth-of-type(2) { margin-top: 15px; font-size: 16px; line-height: 20px;}
  .google .sec5 .cont .right .stitle { font-size: 16px; line-height: 20px; }
}
@media screen and (max-width: 768px) {
  .google .sec5 .cont { width: 94%; margin-top: -20px;}
  .google .sec5 .cont .left { flex: unset; width: 100%;}
  .google .sec5 .cont .left .list { padding: 30px 20px 10px;}
  .google .sec5 .cont .left .list .item { padding-left: 20px; margin-bottom: 20px;}
  .google .sec5 .cont .left .list .item::before { width: 8px; height: 8px; top: 5px;}
  .google .sec5 .cont .left .list .item p:nth-of-type(1) { font-size: 16px;}
  .google .sec5 .cont .left .list .item p:nth-of-type(2) { margin-top: 10px; font-size: 14px; line-height: 18px;}
  .google .sec5 .cont .right { width: 100%; padding-bottom: 30px;}
  .google .sec5 .cont .right .title { margin-top: 10px;}
  .google .sec5 .cont .right .stitle { margin-top: 10px; font-size: 14px; line-height: 18px;}
  .google .sec5 .cont .right .btn-box { margin-top: 30px;}
}



.google .sec6 { margin: 124px 0;}
.google .sec6 .cont { width: 78.28%; margin: 0 auto;}
.google .sec6 .title { margin-top: 23px;}
.google .sec6 .mySwiper { padding-bottom: 74px; margin-top: 50px;}
.google .sec6 .mySwiper .swiper-slide { padding: 75px 16px 67px;}
.google .sec6 .mySwiper .swiper-slide::after { content: ' '; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); -webkit-filter: blur(50%); position: absolute; left: 0; top: 0;}
.google .sec6 .mySwiper .swiper-slide img { -webkit-filter: blur(2px);border-radius: 30px; box-shadow: 0px 0px 16px 0px rgba(43,45,53,0.18);}
.google .sec6 .mySwiper .swiper-button-next { width: 43px; height: 43px; background: #0077C9; border: 2px solid #0077C9; border-radius: 50%; text-align: center; font-size: 23px; font-weight: bold; line-height: 39px; color: #ffffff; background-image: none; right: 45.6%; top: unset; bottom: 0;}
.google .sec6 .mySwiper .swiper-button-next.swiper-button-disabled { background: #ffffff; border: 2px solid #E3E3E3; color: #E3E3E3; opacity: 1;}
.google .sec6 .mySwiper .swiper-button-next::after { content: '\e62a'; font-family: 'iconfont'; }
.google .sec6 .mySwiper .swiper-button-prev { width: 43px; height: 43px; background: #0077C9; border: 2px solid #0077C9; border-radius: 50%; text-align: center; font-size: 23px; font-weight: bold; line-height: 39px; color: #ffffff; background-image: none; left: 45.6%; top: unset; bottom: 0;}
.google .sec6 .mySwiper .swiper-button-prev.swiper-button-disabled { background: #ffffff; border: 2px solid #E3E3E3; color: #E3E3E3; opacity: 1;}
.google .sec6 .mySwiper .swiper-button-prev::after { content: '\e635'; font-family: 'iconfont'; }
/*.google .sec6 .mySwiper .swiper-slide.swiper-slide-active { transform: scale(1.3753); z-index: 99;}*/
/*.google .sec6 .mySwiper .swiper-slide.swiper-slide-active img { -webkit-filter: unset;}*/
.google .sec6 .mySwiper .swiper-slide.swiper-slide-active::after { display: none;}

.google .sec6 .mySwiper .swiper-slide.swiper-slide-active { z-index: 99;}
.google .sec6 .mySwiper .swiper-slide.swiper-slide-active img { -webkit-filter: unset; transform: scale(1.3812);}
.google .sec6 .mySwiper .swiper-slide.swiper-slide-active img { transform: scale(1.5);}

.google .sec6 .btn-box { margin-top: 70px;}
@media screen and (max-width: 1460px) {
  .google .sec6 .mySwiper .swiper-button-next { right: 44%;}
  .google .sec6 .mySwiper .swiper-button-prev { left: 44%;}
  .google .sec6 .btn-box { margin-top: 60px;}
}
@media screen and (max-width: 1260px) {
  .google .sec6 { margin: 60px 0;}
  .google .sec6 .title { margin-top: 15px;}
  .google .sec6 .btn-box { margin-top: 50px;}
  .google .sec6 .mySwiper .swiper-slide img { border-radius: 20px;}
  .google .sec6 .mySwiper .swiper-slide.swiper-slide-active img { transform: scale(1.5);}
  .google .sec6 .mySwiper .swiper-button-next { right: 43%;}
  .google .sec6 .mySwiper .swiper-button-prev { left: 43%;}
}
@media screen and (max-width: 992px) {
  .google .sec6 .mySwiper { margin-top: 30px;}
  .google .sec6 .mySwiper .swiper-slide { padding: 40px 16px;}
  .google .sec6 .mySwiper .swiper-slide img { border-radius: 10px;}
  .google .sec6 .mySwiper .swiper-button-next { right: 42%;}
  .google .sec6 .mySwiper .swiper-button-prev { left: 42%;}
  .google .sec6 .btn-box { margin-top: 40px;}
}
@media screen and (max-width: 768px) {
  .google .sec6 { margin: 30px 0;}
  .google .sec6 .title { margin-top: 10px;}
  .google .sec6 .cont { width: 94%;}
  .google .sec6 .mySwiper { margin-top: 10px; padding-bottom: 40px;}
  .google .sec6 .mySwiper .swiper-slide { padding: 16px;}
  .google .sec6 .mySwiper .swiper-slide.swiper-slide-active img { transform: scale(1);}
  .google .sec6 .mySwiper .swiper-button-next { width: 30px; height: 30px; font-size: 16px; line-height: 26px; right: 41%;}
  .google .sec6 .mySwiper .swiper-button-prev { width: 30px; height: 30px; font-size: 16px; line-height: 26px; left: 41%;}
  .google .sec6 .btn-box { margin-top: 30px;}
}
@media screen and (max-width: 360px) {
  .google .sec6 .mySwiper .swiper-button-next { right: 38%;}
  .google .sec6 .mySwiper .swiper-button-prev { left: 38%;}
}


.sns .line { margin: 0 auto;}
.sns .title,.sns .stitle { text-align: center;}
.sns .btn-box { text-align: center;}
.sns .btn-box a { padding: 18px 94px; border: 2px solid #FFFFFF; border-radius: 31px; font-size: 24px; color: #FFFFFF; line-height: 1;}
@media screen and (max-width: 1260px) {
  .sns .btn-box a { padding: 11px 60px; font-size: 20px;}
}
@media screen and (max-width: 992px) {
  .sns .btn-box a { font-size: 18px;}
}
@media screen and (max-width: 768px) {
  .sns .btn-box a { padding: 11px 60px; font-size: 14px;}
}
.sns .sec1 { margin-top: 150px;}
.sns .sec1 .title { margin-top: 22px;}
.sns .sec1 .stitle { margin-top: 10px; font-size: 20px; color: #333333; line-height: 28px;}
.sns .sec1 .list { padding: 0 148px; margin-top: 26px;}
.sns .sec1 .list .item { margin-top: 52px; width: calc(33.33% - 63px); border-radius: 13px; overflow: hidden; position: relative;}
.sns .sec1 .list .item img { width: 114px; height: 114px; object-fit: contain;}
.sns .sec1 .list .item .text1 p { font-size: 24px; line-height: 44px; font-weight: bold; color: #FFFFFF;}
.sns .sec1 .list .item .text1 { display: block; width: 100%; height: 100%; padding: 39.44% 0; background: url(../images/sns1-bg.png); background-size: cover; text-align: center; position: absolute; left: 0; top: 0;}
.sns .sec1 .list .item .text2 { height: 100%; padding: 45px 21px 55px 26px; background: url(../images/sns1-bg1.png); background-size: cover; text-align: center; opacity: 0;}
.sns .sec1 .list .item .text2 .icon { font-size: 64px; color: #0077C9; line-height: 1;}
.sns .sec1 .list .item .text2 .name { margin-top: 12px; font-size: 25px; font-weight: bold; color: #0077C9; line-height: 1;}
.sns .sec1 .list .item .text2 .desc { margin-top: 43px; font-size: 16px; color: #0077C9; line-height: 28px; text-align: left;}
.sns .sec1 .list .item:hover .text1 { opacity: 0;}
.sns .sec1 .list .item:hover .text2 { opacity: 1;}
@media screen and (max-width: 1460px) {
  .sns .sec1 .list { padding: 0 80px;}
}
@media screen and (max-width: 1260px) {
  .sns .sec1 { margin-top: 60px;}
  .sns .sec1 .stitle { font-size: 16px; line-height: 20px;}
  .sns .sec1 .list .item { margin-top: 40px; width: calc(33.33% - 40px);}
  .sns .sec1 .list .item img { width: 90px; height: 90px;}
  .sns .sec1 .list .item .text1 p { font-size: 24px; line-height: 40px;}
  .sns .sec1 .list .item .text2 .icon { font-size: 60px;}
  .sns .sec1 .list .item .text2 .name { font-size: 22px;}
  .sns .sec1 .list .item .text2 .desc { margin-top: 30px; font-size: 14px; line-height: 24px;}
}
@media screen and (max-width: 992px) {
  .sns .sec1 .list { padding: 0;}
  .sns .sec1 .list .item { margin-top: 40px; width: calc(33.33% - 30px);}
  .sns .sec1 .list .item img { width: 70px; height: 70px;}
  .sns .sec1 .list .item .text1 p { font-size: 20px; line-height: 30px;}
  .sns .sec1 .list .item .text2 { padding: 30px 20px 40px 20px;}
  .sns .sec1 .list .item .text2 .icon { font-size: 50px;}
  .sns .sec1 .list .item .text2 .name { font-size: 18px;}
  .sns .sec1 .list .item .text2 .desc { margin-top: 20px; font-size: 14px; line-height: 20px;}
}
@media screen and (max-width: 768px) {
  .sns .sec1 { margin-top: 30px;}
  .sns .sec1 .title { margin-top: 10px;}
  .sns .sec1 .stitle { font-size: 14px; line-height: 18px;}
  .sns .sec1 .list { padding: 0; margin-top: 10px;}
  .sns .sec1 .list .item { margin-top: 15px; width: calc(50% - 8px);}
  .sns .sec1 .list .item img { width: 60px; height: 60px;}
  .sns .sec1 .list .item .text1 p { font-size: 18px; line-height: 28px;}
  .sns .sec1 .list .item .text1 { opacity: 0;}
  .sns .sec1 .list .item .text2 { opacity: 1;}
}
@media screen and (max-width: 520px) {
  .sns .sec1 .list .item { margin-top: 15px; width: 100%;}
}

.sns .sec2 { padding: 0 4%; margin-top: 208px;}
.sns .sec2 .cont { padding: 57px 0 73px; background: url(../images/sns2-bg.png); background-size: cover;}
.sns .sec2 .cont .line { background: #ffffff;}
.sns .sec2 .cont .title { color: #ffffff; margin-top: 22px;}
.sns .sec2 .cont .list { width: 83.76%; margin: 0 auto; margin-top: 24px;}
.sns .sec2 .cont .list .item { width: calc(50% - 18px); padding: 17px 24px 25px;background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.51); border-radius: 29px; margin-top: 30px; display: flex;}
.sns .sec2 .cont .list .item .icon { width: 72px; height: 74px;}
.sns .sec2 .cont .list .item .icon img { width: 100%; height: 100%; object-fit: contain;}
.sns .sec2 .cont .list .item .text { flex: 1; margin-left: 17px;}
.sns .sec2 .cont .list .item .text p:nth-of-type(1) { font-size: 26px; line-height: 50px; font-weight: bold;background: linear-gradient(180deg, #FFFEFF 0%, #D7FFFE 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.sns .sec2 .cont .list .item .text p:nth-of-type(2) { min-height: 96px; font-size: 18px; color: #FFFFFF; line-height: 32px;}
.sns .sec2 .cont .list .item:hover { background: rgba(10,5,70,0.3);}
.sns .sec2 .btn-box { margin-top: 72px;}
.sns .sec2 .btn-box a:hover { background: #ffffff; color: #0077C9;}
@media screen and (max-width: 1460px) {
}
@media screen and (max-width: 1260px) {
  .sns .sec2 { margin-top: 120px;}
  .sns .sec2 .cont .title { margin-top: 15px;}
  .sns .sec2 .cont .list { width: 90%;}
  .sns .sec2 .cont .list .item { width: calc(50% - 10px); padding: 15px; margin-top: 20px; border-radius: 20px;}
  .sns .sec2 .cont .list .item .icon { width: 50px; height: 50px;}
  .sns .sec2 .cont .list .item .text p:nth-of-type(1) { font-size: 24px; line-height: 50px;}
  .sns .sec2 .cont .list .item .text p:nth-of-type(2) { min-height: auto; font-size: 16px; line-height: 26px;}
  .sns .sec2 .btn-box { margin-top: 60px;}
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 768px) {
  .sns .sec2 { margin-top: 60px;}
  .sns .sec2 .cont .title { margin-top: 10px;}
  .sns .sec2 .cont { padding: 30px 0;}
  .sns .sec2 .cont .list { width: 94%; margin-top: 15px;}
  .sns .sec2 .cont .list .item { width: 100%; margin-top: 15px; padding: 20px; border-radius: 10px;}
  .sns .sec2 .cont .list .item .icon { width: 40px; height: 40px;}
  .sns .sec2 .cont .list .item .text { margin-left: 10px;}
  .sns .sec2 .cont .list .item .text p:nth-of-type(1) { font-size: 18px; line-height: 34px;}
  .sns .sec2 .cont .list .item .text p:nth-of-type(2) { min-height: unset; font-size: 14px; line-height: 20px;}
  .sns .sec2 .btn-box { margin-top: 30px;}
  .sns .btn-box a { padding: 11px 50px; font-size: 14px;}
}

.sns .sec3 { margin-top: 195px;}
.sns .sec3 .title { margin-top: 27px;}
.sns .sec3 .stitle { font-size: 20px; color: #333333; line-height: 24px; margin-top: 17px;}
.sns .sec3 .list { margin-top: 60px; padding: 0 10.98%;}
.sns .sec3 .list .item { width: 33.33%; padding: 42px; text-align: center;border-radius: 20px;}
.sns .sec3 .list .item .icon { display: inline-block; width: 108px; height: 108px; background: linear-gradient(38deg, #3FA2E7, #0077C9); border-radius: 50%; font-size: 60px; color: #ffffff; line-height: 108px; text-align: center;}
.sns .sec3 .list .item p { margin-top: 10px; font-size: 20px;color: #333333; line-height: 37px;}
.sns .sec3 .list .item:hover {box-shadow: 0px 0px 16px 0px rgba(43,45,53,0.18);}
.sns .sec3 .btn-box { margin-top: 32px;}
.sns .sec3 .btn-box a { border: 2px solid #0077C9; color: #0077C9;}
.sns .sec3 .btn-box a:hover { background: #0077C9; color: #ffffff;}
@media screen and (max-width: 1260px) {
  .sns .sec3 { margin-top: 60px;}
  .sns .sec3 .list { margin-top: 50px;}
  .sns .sec3 .list .item { padding: 30px;}
  .sns .sec3 .list .item .icon { width: 90px; height: 90px; font-size: 46px; line-height: 90px;}
  .sns .sec3 .list .item p { font-size: 18px; line-height: 30px;}
}
@media screen and (max-width: 992px) {
  .sns .sec3 .list { margin-top: 20px;}
  .sns .sec3 .list .item { padding: 20px;}
  .sns .sec3 .list .item .icon { width: 70px; height: 70px; font-size: 36px; line-height: 70px;}
  .sns .sec3 .list .item p { font-size: 16px; line-height: 26px;}
}
@media screen and (max-width: 768px) {
  .sns .sec3 { margin-top: 30px;}
  .sns .sec3 .title { margin-top: 10px;}
  .sns .sec3 .stitle { margin-top: 10px; font-size: 14px; line-height: 18px;}
  .sns .sec3 .list { margin-top: 20px; padding: 0;}
  .sns .sec3 .list .item { padding: 15px; border-radius: 10px;}
  .sns .sec3 .list .item p { font-size: 14px; line-height: 20px;}
  .sns .sec3 .btn-box { margin-top: 20px;}
}

.sns .sec4 { margin-top: 176px;}
.sns .sec4 .line { margin: unset;}
.sns .sec4 .title { margin-top: 18px; text-align: left;}
.sns .sec4 .nav { margin-top: 73px; display: flex; flex-wrap: wrap;}
.sns .sec4 .nav p { cursor: pointer; font-size: 22px; color: #333333; line-height: 1; padding: 0 46px; position: relative;}
.sns .sec4 .nav p+p{ margin-left: 190px;}
.sns .sec4 .nav p.active { color: #0077C9; top: -12px;}
.sns .sec4 .nav p.active::after { content: ''; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 18px solid #E5EEFD; position: absolute; bottom: -48px; left: 50%; transform: translate(-50%);}
.sns .sec4 .cont { display: none; padding: 118px 0 142px; margin-top: 36px; background: url(../images/sns4-bg.png); background-size: cover; position: relative;}
.sns .sec4 .cont .left { width: 50%;}
.sns .sec4 .cont .left .title { padding-bottom: 15px; color: #0077C9;}
.sns .sec4 .cont .left .text1 { margin-top: 39px; font-size: 24px; line-height: 28px; font-weight: bold; color: #333333;}
.sns .sec4 .cont .left .text2 { margin-top: 31px; font-size: 20px; line-height: 24px; color: #555555;}
.sns .sec4 .cont .left .list { margin-top: 37px; border-top: 1px solid #555555;}
.sns .sec4 .cont .left .list .item { margin-top: 46px; width: calc(33.33% - 12px); padding: 27px 10px; background: #0077C9; border: 2px solid #0077C9; border-radius: 26px; text-align: center;}
.sns .sec4 .cont .left .list .item p:nth-of-type(1){ font-size: 20px; color: #FFFFFF; line-height: 34px;}
.sns .sec4 .cont .left .list .item p:nth-of-type(2){ margin-top: 20px; font-size: 32px; color: #FFFFFF; line-height: 50px; font-weight: bold;}
.sns .sec4 .cont .img { width: 45.93%; position: absolute; right: 0; top: 70px; transition: 0.3s;}
.sns .sec4 .cont .img img { width: 698px; max-width: 100%;}
.sns .sec4 .cont .img:hover { transform: scale(1.1);}
.sns .sec4 .cont1 { display: block;}
.sns .sec4 .btn-box { margin-top: 83px; margin-bottom: 159px;}
.sns .sec4 .btn-box a { border: 2px solid #0077C9; color: #0077C9;}
.sns .sec4 .btn-box a:hover { background: #0077C9; color: #ffffff;}
@media screen and (max-width: 1260px) {
  .sns .sec4 { margin-top: 60px;}
  .sns .sec4 .nav { margin-top: 50px;}
  .sns .sec4 .nav p { font-size: 18px;}
  .sns .sec4 .nav p.active { top: -8px;}
  .sns .sec4 .nav p.active::after { bottom: -38px;}
  .sns .sec4 .cont { margin-top: 30px; padding: 60px 0;}
  .sns .sec4 .cont .left .title { font-size: 26px; line-height: 30px;}
  .sns .sec4 .cont .left .text1 { margin-top: 30px; font-size: 20px; line-height: 24px;}
  .sns .sec4 .cont .left .text2 { margin-top: 20px; font-size: 16px; line-height: 20px;}
  .sns .sec4 .cont .left .list { margin-top: 30px;}
  .sns .sec4 .cont .left .list .item { width: calc(33.33% - 10px); padding: 20px 5px; margin-top: 30px;}
  .sns .sec4 .cont .left .list .item p:nth-of-type(1) { font-size: 18px; line-height: 24px;}
  .sns .sec4 .cont .left .list .item p:nth-of-type(2) { font-size: 32px; line-height: 1;}
  .sns .sec4 .cont .img { width: 40%; right: 2%;}
  .sns .sec4 .btn-box { margin: 60px 0;}
}
@media screen and (max-width: 992px) {
  .sns .sec4 .nav { margin-top: 40px;}
  .sns .sec4 .nav p { font-size: 14px;}
  .sns .sec4 .nav p+p { margin-left: 100px;}
  .sns .sec4 .cont .left { width: 60%;}
  .sns .sec4 .cont .left .title { font-size: 18px; line-height: 22px;}
  .sns .sec4 .cont .left .text1 { margin-top: 20px; font-size: 16px; line-height: 20px;}
  .sns .sec4 .cont .left .text2 { margin-top: 15px; font-size: 14px; line-height: 18px;}
  .sns .sec4 .cont .left .list .item p:nth-of-type(1) { font-size: 16px; line-height: 20px;}
  .sns .sec4 .cont .left .list .item p:nth-of-type(2) { margin-top: 10px; font-size: 26px;}
}
@media screen and (max-width: 768px) {
  .sns .sec4 { margin-top: 30px;}
  .sns .sec4 .title { margin-top: 10px;}
  .sns .sec4 .nav p { padding: 0 20px;}
  .sns .sec4 .nav p.active { top: -3px;}
  .sns .sec4 .nav p.active::after { bottom: -28px;}
  .sns .sec4 .nav p+p { margin-left: 30px;}
  .sns .sec4 .cont { padding: 30px 0; margin-top: 20px;}
  .sns .sec4 .cont .left .title { padding-bottom: 0; margin-top: 0;}
  .sns .sec4 .cont .left .text1 { margin-top: 15px; font-size: 14px; line-height: 18px;}
  .sns .sec4 .cont .left .text2 { margin-top: 10px; font-size: 12px; line-height: 16px;}
  .sns .sec4 .cont .left .list { margin-top: 20px;}
  .sns .sec4 .cont .left .list .item { width: calc(33.33% - 8px); border-radius: 15px; padding: 10px 5px; margin-top: 20px;}
  .sns .sec4 .cont .left .list .item p:nth-of-type(1) { font-size: 14px; line-height: 18px;}
  .sns .sec4 .cont .left .list .item p:nth-of-type(2) { font-size: 20px;}
  .sns .sec4 .cont .left { width: 100%;}
  .sns .sec4 .cont .img { position: relative; width: 100%; top: unset; margin-top: 30px;}
  .sns .sec4 .cont .img:hover { transform: scale(1);}
  .sns .sec4 .btn-box { margin: 30px 0;}
}

.multilingual .line { margin: 0 auto;}
.multilingual .title { text-align: center; margin-top: 32px;}
.multilingual .sec1 { padding-bottom: 117px;}
.multilingual .sec1 .line { margin-top: 4px;}
.multilingual .sec1 .title { margin-top: 32px;}
.multilingual .sec1 .cont { margin-top: 103px; position: relative; }
.multilingual .sec1 .cont .center { display: block; width: 22.86%; margin: 0 auto;}
.multilingual .sec1 .cont .item { position: absolute; display: flex; align-items: center;}
.multilingual .sec1 .cont .item span { flex: 1; padding: 0 37px; font-size: 20px; line-height: 1.1; transition: 0.3s;}
.multilingual .sec1 .cont .item .icon:hover+span { font-size: 24px;}
.multilingual .sec1 .cont .item .icon { width: 90px; height: 90px; background: #EFEFEF; border: 2px solid #FFFFFF; border-radius: 50%; font-size: 42px; line-height: 90px; text-align: center; transition: 0.3s;}
.multilingual .sec1 .cont .item:nth-of-type(1) { flex-direction: row-reverse; top: -3.4%; right: 53.2%;}
.multilingual .sec1 .cont .item:nth-of-type(2) { flex-direction: row-reverse; top: 37.35%; right: 58.4%;}
.multilingual .sec1 .cont .item:nth-of-type(3) { flex-direction: row-reverse; bottom: -3.4%; right: 53.2%;}
.multilingual .sec1 .cont .item:nth-of-type(4) { top: -3.4%; left: 53.2%;}
.multilingual .sec1 .cont .item:nth-of-type(5) { top: 37.35%; left: 58.4%;}
.multilingual .sec1 .cont .item:nth-of-type(6) { bottom: -3.4%; left: 53.2%;}
.multilingual .sec1 .cont .item .icon:hover { background: #1FCFF5; color: #FFFFFF;}
@media screen and (max-width: 1640px) {
  .multilingual .sec1 .cont .item span { padding: 0 30px;}
}
@media screen and (max-width: 1460px) {
  .multilingual .sec1 .cont .item .icon { width: 80px; height: 80px; font-size: 34px; line-height: 80px;}
  .multilingual .sec1 .cont .item span { padding: 0 20px; font-size: 18px;}
  .multilingual .sec1 .cont .item .icon:hover+span { font-size: 22px;}
}
@media screen and (max-width: 1260px) {
  .multilingual .sec1 { padding-bottom: 60px;}
  .multilingual .sec1 .title { margin-top: 20px;}
  .multilingual .sec1 .cont { margin-top: 50px;}
  .multilingual .sec1 .cont .item .icon { width: 60px; height: 60px; font-size: 26px; line-height: 60px;}
  .multilingual .sec1 .cont .item span { padding: 0 10px; font-size: 14px;}
  .multilingual .sec1 .cont .item .icon:hover+span { font-size: 16px;}
}
@media screen and (max-width: 992px) {
  .multilingual .sec1 .cont .item .icon { width: 40px; height: 40px; font-size: 22px; line-height: 40px;}
  .multilingual .sec1 .cont .item span { padding: 0 10px; font-size: 12px;}
  .multilingual .sec1 .cont .item .icon:hover+span { font-size: 14px;}
}
@media screen and (max-width: 768px) {
  .multilingual .sec1 { padding-bottom: 30px;}
  .multilingual .sec1 .title { margin-top: 10px;}
  .multilingual .sec1 .cont { margin-top: 20px; width: 94%; margin-left: 2%;}
  .multilingual .sec1 .cont .item { position: unset; margin-bottom: 10px;}
  .multilingual .sec1 .cont .item:nth-of-type(1) { flex-direction: row-reverse;}
  .multilingual .sec1 .cont .item:nth-of-type(2) { flex-direction: row-reverse;}
  .multilingual .sec1 .cont .item:nth-of-type(3) { flex-direction: row-reverse;}
  .multilingual .sec1 .cont .center { width: 60%;}
}

.multilingual .sec2 { padding: 254px 0 239px; background: url(../images/ml2-bg.png) center; background-size: cover;}
.multilingual .sec2 .cont { width: 646px; height: auto; padding: 44px 35px 91px 38px; background: #FFFFFF; border-radius: 15px;}
.multilingual .sec2 .cont .line { margin: 0;}
.multilingual .sec2 .cont .title { margin-top: 26px; line-height: 54px; text-align: left;}
.multilingual .sec2 .cont .desc { margin-top: 15px; font-size: 18px; color: #333333; line-height: 42px;}
.multilingual .sec2 .cont a.desc:hover { color: #0077C9;}
.multilingual .sec2 .cont .more { margin-top: 28px; float: right;}
@media screen and (max-width: 1260px) {
  .multilingual .sec2 { padding: 120px 0;}
  .multilingual .sec2 .cont { padding: 30px 30px 74px;}
  .multilingual .sec2 .cont .title { margin-top: 20px; line-height: 40px;}
  .multilingual .sec2 .cont .desc { margin-top: 15px; font-size: 16px; line-height: 30px;}
  .multilingual .sec2 .cont .more { margin-top: 22px;}
}
@media screen and (max-width: 992px) {
  .multilingual .sec2 .cont .title { margin-top: 15px; line-height: 36px;}
  .multilingual .sec2 .cont .desc { margin-top: 12px; font-size: 14px; line-height: 26px;}
  .multilingual .sec2 .cont .more { margin-top: 18px;}
}
@media screen and (max-width: 768px) {
  .multilingual .sec2 { padding: 70px 0;}
  .multilingual .sec2 .cont { max-width: 100%; padding: 30px 20px 60px;}
  .multilingual .sec2 .cont .title { line-height: 32px;}
  .multilingual .sec2 .cont .more { margin-top: 12px;}
  .multilingual .sec2 .cont .more img { width: 26px;}
}

.multilingual .sec3 { padding: 119px 0 105px;}
.multilingual .sec3 .btn-box { text-align: center; margin-top: 10px;}
.multilingual .sec3 .btn-box a { padding: 18px 91px 17px 92px; border: 2px solid #0077C9; border-radius: 31px; font-size: 24px; color: #0077C9; line-height: 1;}
.multilingual .sec3 .btn-box a:hover { background: #0077C9; color: #ffffff;}
.multilingual .sec3 .mySwiper { margin: 0 55px;}
.multilingual .sec3 .mySwiper .swiper-slide { padding: 140px 23px;}
.multilingual .sec3 .mySwiper .swiper-slide .img { border-radius: 34px; box-shadow: 3px 9px 33px 0px rgba(78,74,118,0.13); overflow: hidden;}
.multilingual .sec3 .mySwiper .swiper-slide.swiper-slide-active .img { transform: scale(1.28); border: 12px solid #FFFFFF;}
.multilingual .sec3 .mySwiper .swiper-slide .img img { width: 100%; transition: 0.3s;}
.multilingual .sec3 .mySwiper .swiper-slide .img img:hover { transform: scale(1.1);}
.multilingual .sec3 .mySwiper .swiper-button-next { width: 56px; height: 112px; background: rgba(0, 0, 0, 0.26); border-radius: 0 56px 56px 0; text-align: center; font-size: 34px; font-weight: bold; line-height: 112px; color: #ffffff; background-image: none; right: 29.07%;}
.multilingual .sec3 .mySwiper .swiper-button-next.swiper-button-disabled { background: #ffffff; border: 2px solid #E3E3E3; color: #E3E3E3; opacity: 1;}
.multilingual .sec3 .mySwiper .swiper-button-next::after { content: '\e62a'; font-family: 'iconfont'; }
.multilingual .sec3 .mySwiper .swiper-button-prev { width: 56px; height: 112px; background: rgba(0, 0, 0, 0.26); border-radius: 56px 0 0 56px; text-align: center; font-size: 34px; font-weight: bold; line-height: 112px; color: #ffffff; background-image: none; left: 29.07%;}
.multilingual .sec3 .mySwiper .swiper-button-prev.swiper-button-disabled { background: #ffffff; border: 2px solid #E3E3E3; color: #E3E3E3; opacity: 1;}
.multilingual .sec3 .mySwiper .swiper-button-prev::after { content: '\e635'; font-family: 'iconfont'; }
@media screen and (max-width: 1260px) {
  .multilingual .sec3 { padding: 60px 0;}
  .multilingual .sec3 .mySwiper .swiper-slide { padding: 120px 0;}
  .multilingual .sec3 .mySwiper .swiper-slide.swiper-slide-active .img { border: 10px solid #FFFFFF; border-radius: 20px;}
  .multilingual .sec3 .mySwiper .swiper-button-next { width: 40px; height: 80px; border-radius: 0 40px 40px 0; font-size: 26px; line-height: 80px; right: 28%;}
  .multilingual .sec3 .mySwiper .swiper-button-prev { width: 40px; height: 80px; border-radius: 40px 0 0 40px; font-size: 26px; line-height: 80px; left: 28%;}
  .multilingual .sec3 .btn-box a { padding: 13px 60px; font-size: 20px;}
}
@media screen and (max-width: 992px) {
  .multilingual .sec3 .mySwiper .swiper-slide { padding: 100px 0;}
  .multilingual .sec3 .btn-box a { font-size: 18px;}
}
@media screen and (max-width: 768px) {
  .multilingual .sec3 { padding: 30px 0;}
  .multilingual .sec3 .mySwiper .swiper-slide { padding: 30px 20px;}
  .multilingual .sec3 .mySwiper .swiper-slide .img { width: 80%; margin-left: 10%; border: 10px solid #FFFFFF;}
  .multilingual .sec3 .mySwiper .swiper-slide .img img:hover { transform: scale(1);}
  .multilingual .sec3 .mySwiper .swiper-slide.swiper-slide-active .img { width: 80%; margin-left: 10%; transform: scale(1);}
  .multilingual .sec3 .mySwiper .swiper-button-next { width: 30px; height: 60px; border-radius: 0 30px 30px 0; font-size: 18px; line-height: 60px; right: 0;}
  .multilingual .sec3 .mySwiper .swiper-button-prev { width: 30px; height: 60px; border-radius: 30px 0 0 30px; font-size: 18px; line-height: 60px; left: 0;}
  .multilingual .sec3 .btn-box a { padding: 8px 30px; font-size: 14px;}
}

.custom .line { margin: 0 auto;}
.custom .title { text-align: center;}
.custom .btn-box { text-align: center;}
.custom .btn-box a { padding: 18px 92px; border: 2px solid #0077C9; border-radius: 31px; font-size: 24px; color: #0077C9; line-height: 23px;}
.custom .btn-box a:hover { background: #0077C9; color: #ffffff;}
@media screen and (max-width: 1260px) {
  .custom .btn-box a { padding: 13px 60px; font-size: 20px; line-height: 1;}
}
@media screen and (max-width: 992px) {
  .custom .btn-box a { font-size: 18px;}
}
@media screen and (max-width: 768px) {
  .custom .btn-box a { padding: 10px 30px; font-size: 14px;}
}
.custom .sec1 { padding: 85px 0 134px; background: #EBEEFB;}
.custom .sec1 .title { margin-top: 26px;}
.custom .sec1 .nav { margin-right: 29px; margin-top: 39px;}
.custom .sec1 .nav .item { margin-bottom: 30px; width: 238px; height: 61px; padding: 10px 20px; border-radius: 30px; display: flex; justify-content: space-between; align-items: center;}
.custom .sec1 .nav .item p { font-size: 24px; color: #333333; line-height: 1;}
.custom .sec1 .nav .item .icon { display: none; width: 40px; height: 40px; background: #FFFFFF; border-radius: 50%; font-size: 20px; color: #0077C8; line-height: 40px;}
.custom .sec1 .nav .item.active {  background: linear-gradient(-91deg, #0077C9, #3FA2E7); }
.custom .sec1 .nav .item.active p { color: #FFFFFF;}
.custom .sec1 .nav .item.active .icon { display: block;}
.custom .sec1 .nav .item:hover {  background: linear-gradient(-91deg, #0077C9, #3FA2E7); }
.custom .sec1 .nav .item:hover p { color: #FFFFFF;}
.custom .sec1 .nav .item:hover .icon { display: block;}
.custom .sec1 .cont { margin-top: 55px;}
.custom .sec1 .rcont { display: none; flex: 1; background: #FFFFFF; box-shadow: 0px 0px 13px 0px rgba(17,28,51,0.07); border-radius: 18px; overflow: hidden; position: relative;}
.custom .sec1 .rcont1 { display: block;}
.custom .sec1 .rcont .info { flex: 1;}
.custom .sec1 .rcont .name { margin-top: 40px; height: 58px; font-size: 26px; font-weight: bold; color: #333333; line-height: 58px; padding-left: 33px; position: relative;}
.custom .sec1 .rcont .name::before { content: ''; width: 4px; height: 100%; border-radius: 2px; background: linear-gradient(178deg, #3FA2E7, #0077C9); position: absolute; left: 0; top: 0;}
.custom .sec1 .rcont .text { padding: 33px 38px 38px;}
.custom .sec1 .rcont .text p { font-size: 18px; line-height: 35px; color: #444444; margin-top: 15px; position: relative; padding-left: 24px;}
.custom .sec1 .rcont .text p::before { content: ''; width: 9px; height: 9px; background: #0077C9; border-radius: 50%; position: absolute; top: 14px; left: 0;}
.custom .sec1 .rcont .img { width: 39.46%; margin-left: -4%;}
.custom .sec1 .rcont5 .img { margin-left: -10%;}
@media screen and (max-width: 1460px) {
  .custom .sec1 .nav .item { width: 210px; height: 50px;}
  .custom .sec1 .nav .item p { font-size: 20px;}
  .custom .sec1 .nav .item.active .icon { width: 32px; height: 32px; font-size: 16px; line-height: 32px;}
  .custom .sec1 .rcont .name { height: 50px; font-size: 24px; line-height: 50px; padding-left: 26px;}
  .custom .sec1 .rcont .text { padding: 20px 30px 30px;}
  .custom .sec1 .rcont .text p { font-size: 16px; line-height: 32px; margin-top: 10px;}
}
@media screen and (max-width: 1260px) {
  .custom .sec1 { padding: 60px 0;}
  .custom .sec1 .title { margin-top: 20px;}
}
@media screen and (max-width: 992px) {
  .custom .sec1 .nav { margin-right: 20px; margin-top: 28px;}
  .custom .sec1 .nav .item { width: 170px; height: 40px; padding: 10px 15px;}
  .custom .sec1 .nav .item p { font-size: 18px;}
  .custom .sec1 .nav .item.active .icon { width: 26px; height: 26px; font-size: 12px; line-height: 26px;}
  .custom .sec1 .cont { margin-top: 40px;}
  .custom .sec1 .rcont .name { margin-top: 30px; height: 30px; font-size: 20px; line-height: 30px; padding-left: 15px;}
  .custom .sec1 .rcont .text { padding: 20px 20px 30px;}
  .custom .sec1 .rcont .text p { font-size: 14px; line-height: 24px; padding-left: 12px; margin-top: 7px;}
  .custom .sec1 .rcont .text p::before { width: 5px; height: 5px; top: 8px;}

}
@media screen and (max-width: 768px) {
  .custom .sec1 { padding: 30px 0;}
  .custom .sec1 .title { margin-top: 10px;}
  .custom .sec1 .cont { margin-top: 30px;}
  .custom .sec1 .nav { display: none;}
  .custom .sec1 .cont { display: block; margin-top: 20px;}
  .custom .sec1 .rcont { display: block; margin-bottom: 15px;}
  .custom .sec1 .rcont .name { margin-top: 20px; font-size: 16px;}
  .custom .sec1 .rcont .name::before { width: 3px;}
  .custom .sec1 .rcont .text { padding: 10px 15px 15px;}
  .custom .sec1 .rcont .text p { font-size: 12px; line-height: 18px;}
  .custom .sec1 .rcont .img { display: none;}
}

.custom .sec2 { padding: 95px 0 105px;}
.custom .sec2 .title { margin-top: 28px;}
.custom .sec2 .cont { margin-top: 70px;  padding: 0 110px; position: relative;}
.custom .sec2 .circle { margin-left: 29.66%; width: 56.1%; position: relative;}
.custom .sec2 .circle p { cursor: pointer; width: 100%; display: flex; align-items: center; font-size: 20px; color: #666666; line-height: 1; position: absolute;}
.custom .sec2 .circle p em { margin-right: 50px; width: 15px; height: 15px; background: #4CB6FF; border-radius: 50%;}
.custom .sec2 .circle p.active { font-size: 24px; color: #0078FF;}
.custom .sec2 .circle p.active em { background: #0078FF;}
.custom .sec2 .circle p:hover { font-size: 24px; color: #0078FF;}
.custom .sec2 .circle p:hover em { background: #0078FF;}
.custom .sec2 .circle p:nth-of-type(1) { left: 9.27%; top: 2.72%;}
.custom .sec2 .circle p:nth-of-type(2) { left: 23.26%; top: 10.57%;}
.custom .sec2 .circle p:nth-of-type(3) { left: 32.97%; top: 19.48%;}
.custom .sec2 .circle p:nth-of-type(4) { left: 38.25%; top: 27.38%;}
.custom .sec2 .circle p:nth-of-type(5) { left: 41.97%; top: 35.85%;}
.custom .sec2 .circle p:nth-of-type(6) { left: 43.66%; top: 44.32%;}
.custom .sec2 .circle p:nth-of-type(7) { left: 43.66%; bottom: 44.32%;}
.custom .sec2 .circle p:nth-of-type(8) { left: 41.97%; bottom: 35.85%;}
.custom .sec2 .circle p:nth-of-type(9) { left: 38.25%; bottom: 27.38%;}
.custom .sec2 .circle p:nth-of-type(10) { left: 32.97%; bottom: 19.48%;}
.custom .sec2 .circle p:nth-of-type(11) { left: 23.26%; bottom: 10.57%;}
.custom .sec2 .circle p:nth-of-type(12) { left: 9.27%; bottom: 2.72%;}
.custom .sec2 .circle1 { width: 560px; height: 100%; position: absolute; left: 62%; top: 0; margin-left: 0; z-index: 2;}
.custom .sec2 .circle1 img { opacity: 0;}
.custom .sec2 .swiper-wrap { width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.custom .sec2 .swiper-wrap .swiper-button-next { width: 54px; height: 54px; background: #0077C9; border: 2px solid #0077C9; border-radius: 50%; text-align: center; font-size: 25px; font-weight: bold; line-height: 50px; color: #ffffff; background-image: none; right: 0;}
.custom .sec2 .swiper-wrap .swiper-button-next.swiper-button-disabled { background: #ffffff; border: 2px solid #E3E3E3; color: #E3E3E3; opacity: 1;}
.custom .sec2 .swiper-wrap .swiper-button-next::after { content: '\e62a'; font-family: 'iconfont'; }
.custom .sec2 .swiper-wrap .swiper-button-prev { width: 54px; height: 54px; background: #0077C9; border: 2px solid #0077C9; border-radius: 50%; text-align: center; font-size: 25px; font-weight: bold; line-height: 50px; color: #ffffff; background-image: none; left: 0;}
.custom .sec2 .swiper-wrap .swiper-button-prev.swiper-button-disabled { background: #ffffff; border: 2px solid #E3E3E3; color: #E3E3E3; opacity: 1;}
.custom .sec2 .swiper-wrap .swiper-button-prev::after { content: '\e635'; font-family: 'iconfont'; }
.custom .sec2 .swiper-box { width: 62%; padding: 0 110px; height: 100%;}
.custom .sec2 .mySwiper { height: 100%;}
.custom .sec2 .slide-item { width: 100%;}
.custom .sec2 .slide-item .img { width: 100%; position: absolute; z-index: 1; top: 50%; transform: translateY(-50%);}

.custom .sec2 .btn-box { margin-top: 85px;}
.custom .sec2 .btn-box a { padding: 18px 116px}
@media screen and (max-width: 1460px) {
  .custom .sec2 { padding: 90px 0;}
  .custom .sec2 .circle1 { width: 470px;}
}
@media screen and (max-width: 1260px) {
  .custom .sec2 { padding: 60px 0;}
  .custom .sec2 .title { margin-top: 20px;}
  .custom .sec2 .mySwiper .swiper-button-next { width: 40px; height: 40px; font-size: 20px; line-height: 36px;}
  .custom .sec2 .mySwiper .swiper-button-prev { width: 40px; height: 40px; font-size: 20px; line-height: 36px;}
  .custom .sec2 .circle p { font-size: 16px;}
  .custom .sec2 .circle p em { margin-right: 40px; width: 12px; height: 12px;}
  .custom .sec2 .circle p.active { font-size: 20px;}
  .custom .sec2 .circle p:hover { font-size: 20px;}
  .custom .sec2 .circle1 { width: 36.6%;}
  .custom .sec2 .btn-box { margin-top: 60px;}
  .custom .sec2 .btn-box a { padding: 13px 80px}
}
@media screen and (max-width: 1120px) {
  .custom .sec2 .circle1 { width: 35.6%;}
}
@media screen and (max-width: 1060px) {
  .custom .sec2 .circle1 { width: 34.6%;}
}
@media screen and (max-width: 992px) {
  .custom .sec2 .swiper-box { margin-top: 0; width: 70%;}
  .custom .sec2 .circle p { font-size: 12px;}
  .custom .sec2 .circle p em { margin-right: 20px; width: 8px; height: 8px;}
  .custom .sec2 .circle p.active { font-size: 16px;}
  .custom .sec2 .circle p:hover { font-size: 16px;}
  .custom .sec2 .circle1 { left: 61.3%;}
}
@media screen and (max-width: 930px) {
  .custom .sec2 .circle1 { width: 33.6%;}
}
@media screen and (max-width: 880px) {
  .custom .sec2 .circle1 { width: 32.6%;}
}
@media screen and (max-width: 820px) {
  .custom .sec2 .circle1 { width: 30.6%;}
}
@media screen and (max-width: 768px) {
  .custom .sec2 { padding: 30px 0;}
  .custom .sec2 .title { margin-top: 10px;}
  .custom .sec2 .mySwiper { margin-top: 20px;}
  .custom .sec2 .mySwiper .swiper-button-next { width: 30px; height: 30px; font-size: 16px; line-height: 26px;}
  .custom .sec2 .mySwiper .swiper-button-prev { width: 30px; height: 30px; font-size: 16px; line-height: 26px;}
  .custom .sec2 .slide-item { padding: 0 50px;}
  .custom .sec2 .slide-item .img { width: 46%;}
  .custom .sec2 .btn-box { margin-top: 30px;}
  .custom .sec2 .btn-box a { padding: 8px 50px}
}
@media screen and (max-width: 560px) {
  .custom .sec2 .slide-item .img { width: 100%; position: relative; transform: unset;}
  .custom .sec2 .circle { display: none;}
}

.custom .sec3 { padding: 126px 0 152px; background: #EBEEFB;}
.custom .sec3 .title { margin-top: 28px;}
.custom .sec3 .mySwiper .swiper-slide { padding: 151px 25px 184px;}
.custom .sec3 .mySwiper .swiper-slide .img { border-radius: 29px;}
.custom .sec3 .mySwiper .swiper-slide.swiper-slide-active .img { transform: scale(1.22); border-radius: 45px; border: 16px solid #FFFFFF; overflow: hidden;}
.custom .sec3 .mySwiper .swiper-slide .img img { width: 100%;}
.custom .sec3 .mySwiper .swiper-button-next { width: 56px; height: 112px; background: rgba(0, 0, 0, 0.26); border-radius: 0 56px 56px 0; text-align: center; font-size: 34px; font-weight: bold; line-height: 112px; color: #ffffff; background-image: none; right: 29.07%;}
.custom .sec3 .mySwiper .swiper-button-next.swiper-button-disabled { background: #ffffff; border: 2px solid #E3E3E3; color: #E3E3E3; opacity: 1;}
.custom .sec3 .mySwiper .swiper-button-next::after { content: '\e62a'; font-family: 'iconfont'; }
.custom .sec3 .mySwiper .swiper-button-prev { width: 56px; height: 112px; background: rgba(0, 0, 0, 0.26); border-radius: 56px 0 0 56px; text-align: center; font-size: 34px; font-weight: bold; line-height: 112px; color: #ffffff; background-image: none; left: 29.07%;}
.custom .sec3 .mySwiper .swiper-button-prev.swiper-button-disabled { background: #ffffff; border: 2px solid #E3E3E3; color: #E3E3E3; opacity: 1;}
.custom .sec3 .mySwiper .swiper-button-prev::after { content: '\e635'; font-family: 'iconfont'; }
@media screen and (max-width: 1460px) {
  .custom .sec3 { padding: 90px 0;}
}
@media screen and (max-width: 1260px) {
  .custom .sec3 { padding: 60px 0 80px;}
  .custom .sec3 .title { margin-top: 20px;}
  .custom .sec3 .mySwiper .swiper-slide { padding: 120px 0;}
  .custom .sec3 .mySwiper .swiper-slide.swiper-slide-active .img { border: 10px solid #FFFFFF; border-radius: 34px;}
  .custom .sec3 .mySwiper .swiper-button-next { width: 40px; height: 80px; border-radius: 0 40px 40px 0; font-size: 26px; line-height: 80px; right: 28%;}
  .custom .sec3 .mySwiper .swiper-button-prev { width: 40px; height: 80px; border-radius: 40px 0 0 40px; font-size: 26px; line-height: 80px; left: 28%;}
}
@media screen and (max-width: 992px) {
  .custom .sec3 .mySwiper .swiper-slide { padding: 90px 0;}
}
@media screen and (max-width: 768px) {
  .custom .sec3 { padding: 30px 0 50px;}
  .custom .sec3 .title { margin-top: 10px;}
  .custom .sec3 .mySwiper .swiper-slide { padding: 20px 0;}
  .custom .sec3 .mySwiper .swiper-slide .img { width: 70%; margin-left: 15%; border: 10px solid #FFFFFF;}
  .custom .sec3 .mySwiper .swiper-slide.swiper-slide-active .img { transform: scale(1); border: 10px solid #FFFFFF;}
  .custom .sec3 .mySwiper .swiper-button-next { width: 30px; height: 60px; border-radius: 0 30px 30px 0; font-size: 18px; line-height: 60px; right: 0;}
  .custom .sec3 .mySwiper .swiper-button-prev { width: 30px; height: 60px; border-radius: 30px 0 0 30px; font-size: 18px; line-height: 60px; left: 0;}
}

.custom .sec4 { background: #EBEEFB; position: relative;}
.custom .sec4::before { content: ''; width: 100%; height: 100%; border-radius: 260px 0 260px 0; background: url(../images/custom4-bg.png); background-size: cover; position: absolute; top: 0; left: 0; z-index: 2;}
.custom .sec4::after { content: ''; width: 260px; height: 260px; background: #ffffff; position: absolute; bottom: 0; right: 0; z-index: 1;}
.custom .sec4 .sec-box { padding: 95px 0 100px; min-height: 520px; position: relative; z-index: 3;}
.custom .sec4 .sec-box::before { content: ''; width: 58px; height: 58px; border-radius: 50%; border: 12px solid #EBEEFB; background: #000; transform: translate(-50%, -50%); position: absolute; left: 50%; top: 0; z-index: 3;}
.custom .sec4 .line { background: #ffffff;}
.custom .sec4 .title { color: #ffffff; margin-top: 27px;}
.custom .sec4 .cont { color: #ffffff; margin-top: 35px;}
.custom .sec4 .cont .list { width: 38.78%;}
.custom .sec4 .cont .list .item { padding: 24px 0; display: flex; flex-wrap: wrap; line-height: 1; border-bottom: 2px solid rgba(255, 255, 255, 0.5);}
.custom .sec4 .cont .list .item:last-child { border-bottom: none;}
.custom .sec4 .cont .list .item label { font-size: 37px; font-weight: bold;}
.custom .sec4 .cont .list .item label em { font-style: normal;}
.custom .sec4 .cont .list .item span { margin: 0 -20px; display: block; width: 50px; height: 2px; background: #ffffff; transform: rotate(-65deg); transform-origin: 50% 50%; position: relative; top: 30px;}
.custom .sec4 .cont .list .item p { font-size: 24px; line-height: 1; margin-top: 37px;}
.custom .sec4 .cont .list:nth-of-type(2) { margin-top: 179px;}
@media screen and (max-width: 1460px) {
  .custom .sec4 .sec-box { padding: 90px 0;}
  .custom .sec4::before { border-radius: 200px 0 200px 0; }
  .custom .sec4::after { width: 200px; height: 200px;}
  .custom .sec4 .cont .list { width: 45%;}
  .custom .sec4 .cont .list .item { padding: 20px 0;}
  .custom .sec4 .cont .list .item label { font-size: 30px;}
  .custom .sec4 .cont .list .item span { margin: 0 -17px; width: 40px; top: 25px;}
  .custom .sec4 .cont .list .item p { font-size: 20px; margin-top: 30px;}
  .custom .sec4 .cont .list:nth-of-type(2) { margin-top: 140px;}
}
@media screen and (max-width: 1260px) {
  .custom .sec4::before { border-radius: 160px 0 160px 0; }
  .custom .sec4::after { width: 160px; height: 160px;}
  .custom .sec4 .sec-box { padding: 80px 0 60px;}
  .custom .sec4 .sec-box::before { width: 50px; height: 50px; border: 10px solid #EBEEFB;}
  .custom .sec4 .title { margin-top: 20px;}
  .custom .sec4 .cont { justify-content: center;}
  .custom .sec4 .cont .list { width: 45%; padding: 0 2.5%;}
  .custom .sec4 .cont .list .item { padding: 15px 0;}
  .custom .sec4 .cont .list .item label { font-size: 24px; }
  .custom .sec4 .cont .list .item span { margin: 0 -13px; width: 32px; top: 21px;}
  .custom .sec4 .cont .list .item p { font-size: 16px; margin-top: 24px;}
  .custom .sec4 .cont .list:nth-of-type(2) { margin-top: 120px;}
}
@media screen and (max-width: 992px) {
  .custom .sec4::before { border-radius: 120px 0 120px 0; }
  .custom .sec4::after { width: 120px; height: 120px;}
  .custom .sec4 .sec-box::before { width: 40px; height: 40px; border: 8px solid #EBEEFB;}
  .custom .sec4 .cont .list .item { padding: 15px 0;}
  .custom .sec4 .cont .list .item label { font-size: 20px; }
  .custom .sec4 .cont .list .item span { margin: 0 -10px; width: 26px; top: 17px;}
  .custom .sec4 .cont .list .item p { font-size: 14px; margin-top: 20px;}
  .custom .sec4 .cont .list:nth-of-type(2) { margin-top: 120px;}
}
@media screen and (max-width: 768px) {
  .custom .sec4 .sec-box { padding: 50px 0 30px;  min-height: auto; }
  .custom .sec4::before { border-radius: 60px 0 60px 0; }
  .custom .sec4::after { width: 60px; height: 60px;}
  .custom .sec4 .title { margin-top: 10px;}
  .custom .sec4 .cont { margin-top: 15px;}
  .custom .sec4 .cont .list { width: 100%;}
  .custom .sec4 .cont .list .item { padding: 10px 0;}
  .custom .sec4 .cont .list:nth-of-type(1) .item:last-child { padding: 10px 0; border-bottom: 2px solid rgba(255, 255, 255, 0.5);}
  .custom .sec4 .cont .list .item label { font-size: 20px; }
  .custom .sec4 .cont .list .item span { margin: 0 -10px; width: 26px; top: 17px;}
  .custom .sec4 .cont .list .item p { font-size: 14px; margin-top: 20px;}
  .custom .sec4 .cont .list:nth-of-type(2) { margin-top: 0;}
}

.custom .sec5 { padding: 125px 0 162px;}
.custom .sec5 .list { padding: 60px 110px 63px; background: #FFFFFF; box-shadow: 5px 0px 21px 0px rgba(71,83,199,0.11); border-radius: 44px; position: relative;}
.custom .sec5 .list::after { content: ''; width: 92%; height: 38px; border-radius: 0 0 44px 44px; box-shadow: 5px 0px 21px 0px rgba(71,83,199,0.11); position: absolute; left: 4%; bottom: -38px;}
.custom .sec5 .list .item { width: 33.33%; padding: 50px 10px; border-right: 1px solid #E9E9E9; text-align: center; position: relative;}
.custom .sec5 .list .item .icon { display: inline-block; width: 79px; height: 79px; position: relative;}
.custom .sec5 .list .item .icon i { width: 100%; height: 100%; line-height: 79px; font-size: 79px; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, #0077C9 0%, #3FA2E7 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.custom .sec5 .list .item .icon .icon-refresh-line { font-size: 79px;}
.custom .sec5 .list .item .icon .icon-service-Fill { font-size: 32px;}
.custom .sec5 .list .item .name { margin-top: 20px; font-size: 22px; color: #333333; line-height: 30px;}
.custom .sec5 .list .item:nth-of-type(1)::after { content: ''; width: 77%; height: 1px; background: #E9E9E9; position: absolute; bottom: 0; right: 0;}
.custom .sec5 .list .item:nth-of-type(3)::after { content: ''; width: 77%; height: 1px; background: #E9E9E9; position: absolute; bottom: 0; left: 0;}
.custom .sec5 .list .item:nth-of-type(2) { border-bottom: 1px solid #E9E9E9;}
.custom .sec5 .list .item:nth-of-type(3),.custom .sec5 .list .item:nth-of-type(6) { border-right: none;}
@media screen and (max-width: 1260px) {
  .custom .sec5 { padding: 60px 0;}
  .custom .sec5 .list .item { padding: 40px 10px;}
  .custom .sec5 .list .item .icon { width: 60px; height: 60px;}
  .custom .sec5 .list .item .icon i { font-size: 60px; line-height: 60px;}
  .custom .sec5 .list .item .icon .icon-refresh-line { font-size: 60px;}
  .custom .sec5 .list .item .icon .icon-service-Fill { font-size: 26px;}
  .custom .sec5 .list .item .name { font-size: 20px; line-height: 24px; margin-top: 10px;}
}
@media screen and (max-width: 992px) {
  .custom .sec5 .list { padding: 40px;}
  .custom .sec5 .list .item { padding: 30px 10px;}
  .custom .sec5 .list .item:nth-of-type(1)::after,.custom .sec5 .list .item:nth-of-type(3)::after { width: 100%}
  .custom .sec5 .list .item .icon { width: 50px; height: 50px;}
  .custom .sec5 .list .item .icon i { font-size: 50px; line-height: 50px;}
  .custom .sec5 .list .item .icon .icon-refresh-line { font-size: 50px;}
  .custom .sec5 .list .item .icon .icon-service-Fill { font-size: 20px;}
  .custom .sec5 .list .item .name { font-size: 14px; line-height: 1; margin-top: 10px;}
}
@media screen and (max-width: 768px) {
  .custom .sec5 { padding: 30px 0;}
  .custom .sec5 .list { padding: 20px 10px;}
  .custom .sec5 .list .item { padding: 15px 5px;}
  .custom .sec5 .list .item .name { font-size: 12px;}
}

.free-ask .cont { padding: 62px 0; border-radius: 15px 105px; background: linear-gradient(38deg, #3FA2E7, #0077C9); background-size: 100% 100%; position: relative; overflow: hidden;}
.free-ask .cont::after { content: ''; width: 100%; height: 100%; background: url(../images/index-sec2-bg.png); background-size: cover; position: absolute; top: 0; left: 0; z-index: 1;}
.free-ask .left { flex: 1; padding: 0 53px 0 81px; border-right: 1px solid rgba(255, 255, 255, 0.65); position: relative; z-index: 2;}
.free-ask .left .tit { font-size: 18px; color: #FFFFFF; line-height: 1; margin-top: -8px;}
.free-ask .left .form-item { margin-top: 24px;}
.free-ask .left .item-box { width: calc(50% - 48px); margin-right: 48px; position: relative;}
.free-ask .left .item-box:nth-of-type(1),.free-ask .left .item-box:nth-of-type(2) { margin-bottom: 44px;}
.free-ask .left .item { height: 40px; background: #FFFFFF; border-radius: 5px;}
.free-ask .left .item .input { width: 100%; padding: 0 14px; font-size: 18px;color: #333333;line-height: 40px;}
.free-ask .left .item select { height: 100%; font-size: 18px;color: #333333;line-height: 40px; appearance: none;}
.free-ask .left .item-box .m-error { height: 0;}
.free-ask .right { width: 45.78%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; z-index: 2;}
.free-ask .right .btn { display: inline-block; width: 164px; height: 47px; background: #FFFFFF; border-radius: 23px; font-size: 20px; color: #0077C9; font-weight: bold; line-height: 47px; text-align: center; justify-content: center;}
.free-ask .right .btn:hover { opacity: 0.8;}
.free-ask .right p { font-size: 14px; color: #FFFFFF; line-height: 18px; margin-top: 20px;}
@media screen and (max-width: 1260px) {
  .free-ask .cont { padding: 50px 0;}
  .free-ask .left .tit { font-size: 18px;}
  .free-ask .left .item-box { width: calc(50% - 40px); margin-right: 30px;}
  .free-ask .left .item-box:nth-of-type(1),.free-ask .left .item-box:nth-of-type(2) { margin-bottom: 30px;}
  .free-ask .left .item .input { font-size: 16px;}
  .free-ask .right .btn { width: 140px; height: 40px; font-size: 18px; line-height: 40px;}
}
@media screen and (max-width: 992px) {
  .free-ask .cont { border-radius: 15px 95px; }
  .free-ask .left { padding: 0 30px 0 60px;}
  .free-ask .left .tit { font-size: 16px;}
  .free-ask .left .item-box { width: calc(50% - 30px); height: 40px; margin-right: 30px;}
  .free-ask .left .item-box:nth-of-type(1),.free-ask .left .item:nth-of-type(2) { margin-bottom: 20px;}
  .free-ask .left .item .input { font-size: 14px;}
  .free-ask .right .btn { font-size: 16px;}
  .free-ask .right p { font-size: 12px; line-height: 14px; margin-top: 10px;}
}
@media screen and (max-width: 768px) {
  .free-ask .cont { padding: 30px 0; border-radius: 15px 50px; }
  .free-ask .left { padding: 0 0 0 20px;}
  .free-ask .left .tit { font-size: 14px; margin-top: 0;}
  .free-ask .left .item-box { width: calc(50% - 15px); margin-right: 15px;}
  .free-ask .left .item-box:nth-of-type(1),.free-ask .left .item-box:nth-of-type(2) { margin-bottom: 18px;}
  .free-ask .right { width: 100%; margin-top: 20px;}
}

.smartc .line { margin: 0 auto;}
.smartc .title { text-align: center;}
.smartc .btn-box { text-align: center;}
.smartc .btn-box a { font-size: 24px; line-height: 23px; border-radius: 31px;color: #0077C9; border: 2px solid #0077C9;}
.smartc .btn-box a:hover { background: #0076C8; color: #ffffff;}
@media screen and (max-width: 1260px) {
  .smartc .btn-box a { font-size: 20px; line-height: 1;}
}
@media screen and (max-width: 992px) {
  .smartc .btn-box a { font-size: 18px;}
}
@media screen and (max-width: 768px) {
  .smartc .btn-box a { font-size: 14px;}
}
.smartc .sec1 { padding: 94px 0 145px;}
.smartc .sec1 .list .item { flex: 1; padding-bottom: 20%; text-align: center; border-radius: 50%; border: 1px solid #2275D6; position: relative;}
.smartc .sec1 .list .item div { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.smartc .sec1 .list .item p:nth-of-type(1) { font-size: 30px; color: #0077C9; line-height: 1;}
.smartc .sec1 .list .item p:nth-of-type(1) span { font-size: 50px;}
.smartc .sec1 .list .item p:nth-of-type(2) { margin-top: 15px; font-size: 24px; color: #333333;}
.smartc .sec1 .list .item:hover { background: #0077C9;}
.smartc .sec1 .list .item:hover p:nth-of-type(1) { color: #ffffff;}
.smartc .sec1 .list .item:hover p:nth-of-type(2) { color: #ffffff;}
.smartc .sec1 .free-ask { margin-top: 82px;}
@media screen and (max-width: 1460px) {
  .smartc .sec1 .list .item p:nth-of-type(1) { font-size: 26px;}
  .smartc .sec1 .list .item p:nth-of-type(1) span { font-size: 56px;}
  .smartc .sec1 .list .item p:nth-of-type(2) { font-size: 20px;}
}
@media screen and (max-width: 1260px) {
  .smartc .sec1 { padding: 60px 0;}
  .smartc .sec1 .list .item p:nth-of-type(1) { font-size: 22px;}
  .smartc .sec1 .list .item p:nth-of-type(1) span { font-size: 40px;}
  .smartc .sec1 .list .item p:nth-of-type(2) { font-size: 18px;}
  .smartc .sec1 .free-ask { margin-top: 60px;}
}
@media screen and (max-width: 992px) {
  .smartc .sec1 .list .item p:nth-of-type(1) { font-size: 20px;}
  .smartc .sec1 .list .item p:nth-of-type(1) span { font-size: 30px;}
  .smartc .sec1 .list .item p:nth-of-type(2) { font-size: 14px; margin-top: 10px;}
}
@media screen and (max-width: 768px) {
  .smartc .sec1 { padding: 30px 0;}
  .smartc .sec1 .list { justify-content: center;}
  .smartc .sec1 .free-ask { margin-top: 30px;}
}
@media screen and (max-width: 580px) {
  .smartc .sec1 .list .item { flex: unset; width: 33.33%; padding-bottom: 33.33%;}
}

.smartc .sec2 { padding: 79px 0 73px; background: #EBEEFB; position: relative;}
.smartc .sec2 .quote { width: 96px; position: absolute; left: 4.74%; top: 83px;}
.smartc .sec2 .title { margin-top: 18px;}
.smartc .sec2 .list { margin-top: 48px; justify-content: flex-start;}
.smartc .sec2 .list .item { width: calc(25% - 30px); margin-right: 40px;}
.smartc .sec2 .list .item:nth-child(4n) { margin-right: 0;}
.smartc .sec2 .list .item .text { padding: 38px 23px; border-radius: 33px 33px 33px 0; background: #FFFFFF; position: relative;}
.smartc .sec2 .list .item .text::after { content: ''; width: 12.53%; height: 37px; background: url(../images/smartc2-arrow.png) no-repeat; background-size: 100% auto; background-position: top left; position: absolute; left: 0; bottom: -37px;}
.smartc .sec2 .list .item .text p { font-size: 20px; line-height: 30px; display: flex; align-items: center;}
.smartc .sec2 .list .item .text p img { margin-right: 8px;}
.smartc .sec2 .list .item .text .like { font-size: 30px; color: #FF3E3E; line-height: 1; position: absolute; top: 20px; right: 27px;}
.smartc .sec2 .list .item .text .icon { font-size: 107px; color: rgba(218, 224, 235, 0.36); line-height: 1; position: absolute; bottom: 5px; right: 10px;}
.smartc .sec2 .list .item .img { margin-top: 29px; width: 101px; height: 101px; border-radius: 50%;}
.smartc .sec2 .btn-box { margin-top: 79px;}
.smartc .sec2 .btn-box a { padding: 20px 87px; }
/*background: #0077C9; color: #ffffff;*/
.smartc .sec2 .btn-box a:hover { opacity: 0.8;;}
@media screen and (max-width: 1260px) {
  .smartc .sec2 { padding: 60px 0;}
  .smartc .sec2 .quote { width: 80px;}
  .smartc .sec2 .list .item { width: calc(25% - 23px); margin-right: 30px;}
  .smartc .sec2 .list .item:nth-child(4n) { margin-right: 0;}
  .smartc .sec2 .list .item .text { padding: 30px 20px; border-radius: 20px 20px 20px 0;}
  .smartc .sec2 .list .item .text p { font-size: 14px; line-height: 24px;}
  .smartc .sec2 .list .item .text .like { font-size: 26px;}
  .smartc .sec2 .list .item .text .icon { font-size: 84px;}
  .smartc .sec2 .list .item .img { width: 80px; height: 80px;}
  .smartc .sec2 .btn-box a { padding: 14px 60px;}
  .smartc .sec2 .btn-box { margin-top: 50px;}
}
@media screen and (max-width: 992px) {
  .smartc .sec2 .quote { width: 60px;}
  .smartc .sec2 .list .item { width: calc(25% - 12px); margin-right: 15px;}
  .smartc .sec2 .list .item:nth-child(4n) { margin-right: 0;}
  .smartc .sec2 .list .item .text { padding: 20px 10px; border-radius: 15px 15px 15px 0;}
  .smartc .sec2 .list .item .text p { font-size: 12px; line-height: 20px;}
  .smartc .sec2 .list .item .text .like { font-size: 24px;}
  .smartc .sec2 .list .item .text .icon { font-size: 60px;}
  .smartc .sec2 .list .item .img { width: 60px; height: 60px; margin-top: 20px;}
}
@media screen and (max-width: 768px) {
  .smartc .sec2 { padding: 30px 0;}
  .smartc .sec2 .title { margin-top: 10px;}
  .smartc .sec2 .list .item {  margin-bottom: 20px;}
  .smartc .sec2 .list .item { width: calc(50% - 5px); margin-right: 10px;}
  .smartc .sec2 .list .item:nth-child(2n) { margin-right: 0;}
  .smartc .sec2 .list .item .text::after { width: 40px;}
  .smartc .sec2 .list .item .img { margin-left: 20px;}
  .smartc .sec2 .btn-box { margin-top: 10px;}
}

.smartc .sec3 { padding: 150px 0 155px;}
.smartc .sec3 .line { margin: 0;}
.smartc .sec3 .title { text-align: left; margin-top: 27px;}
.smartc .sec3 .cont { align-items: center;}
.smartc .sec3 .cont .left { flex: 1; padding-right: 40px;}
.smartc .sec3 .cont .left .list { margin-top: 42px;}
.smartc .sec3 .cont .left .list p { font-size: 18px; color: #666666; line-height: 35px; margin-bottom: 20px; position: relative; padding-left: 36px;}
.smartc .sec3 .cont .left .list p::after { content: ''; width: 9px; height: 9px; background: #0077C9; border-radius: 50%; position: absolute; left: 13px; top: 13px;}
.smartc .sec3 .cont .right { width: 34.92%; position: relative;}
.smartc .sec3 .cont .right::after { content: ''; width: 50.92%; height: 50.08%; border-radius: 22px; background: rgba(0, 119, 201, 0.31); position: absolute; top: -27px; right: -26px; z-index: 1;}
.smartc .sec3 .cont .right .img { width: 100%; border-radius: 22px; position: relative; z-index: 2; transition: 0.3s;}
.smartc .sec3 .cont .right .img:hover { transform: scale(1.1);}
.smartc .sec3 .cont .right .alert { position: absolute; bottom: 32px; left: -39px; z-index: 3;}
@media screen and (max-width: 1260px) {
  .smartc .sec3 { padding: 60px 0;}
  .smartc .sec3 .title { margin-top: 20px;}
  .smartc .sec3 .cont .left .list p { font-size: 16px; line-height: 28px; margin-bottom: 15px;}
  .smartc .sec3 .cont .left .list p::after { top: 10px;}
  .smartc .sec3 .cont .right .alert { width: 80px;}
}
@media screen and (max-width: 992px) {
  .smartc .sec3 .cont .left { padding-right: 20px;}
  .smartc .sec3 .cont .left .list { margin-top: 30px;}
  .smartc .sec3 .cont .left .list p { font-size: 12px; line-height: 20px; margin-bottom: 10px; padding-left: 20px;}
  .smartc .sec3 .cont .left .list p::after { width: 5px; height: 5px; top: 7px; left: 7px;}
  .smartc .sec3 .cont .right::after { top: -15px; right: -15px;}
  .smartc .sec3 .cont .right .alert { width: 50px; bottom: 15px; left: -15px;}
}
@media screen and (max-width: 768px) {
  .smartc .sec3 { padding: 30px 0;}
  .smartc .sec3 .title { margin-top: 10px;}
  .smartc .sec3 .cont .left { flex: unset; width: 100%; padding-right: 0;}
  .smartc .sec3 .cont .left .list { margin-top: 20px;}
  .smartc .sec3 .cont .right { width: 80%; margin-left: 10%; margin-top: 20px;}
  .smartc .sec3 .cont .right .img:hover { transform: scale(1);}
}

.smartc .sec4 { padding: 48px 0 65px; background: url(../images/smartc4-bg.png) center; background-size: cover;}
.smartc .sec4 .title { margin-top: 27px;}
.smartc .sec4 .nav-box { display: inline-block;border-bottom: 1px solid #B5BFE3; margin-top: 55px;}
.smartc .sec4 .nav-box .nav { display: flex;}
.smartc .sec4 .nav-box .nav p { padding: 15px 0; font-size: 22px; line-height: 26px; color: #333333; margin-right: 98px; position: relative;}
.smartc .sec4 .nav-box .nav p:last-child { margin-right: 0;}
.smartc .sec4 .nav-box .nav p.active { color: #0077C9;}
.smartc .sec4 .nav-box .nav p.active::after { content: ''; width: 63px; height: 6px; background: #0077C9; border-radius: 3px; position: absolute; left: 50%; bottom: 0; transform: translate(-50%);}
.smartc .sec4 .cont { margin-top: 76px; display: none;}
.smartc .sec4 .cont1 { display: block;}
.smartc .sec4 .cont>.flex { align-items: flex-start;}
.smartc .sec4 .cont .left { padding: 48px 64px 35px; width: 76.07%; min-height: 397px; background: rgba(255,255,255,0.54);border: 1px solid #FFFFFF;border-radius: 30px;}
.smartc .sec4 .cont .left .name { font-size: 18px; color: #666666; line-height: 1;}
.smartc .sec4 .cont .left .name span { font-size: 30px; font-weight: bold; color: #0077C9;}
.smartc .sec4 .cont .left .list { margin-top: 33px; justify-content: flex-start;}
.smartc .sec4 .cont .left .list p { width:40%; padding: 15px 0; display: flex; align-items: center; font-size: 18px; color: #333333; line-height: 20px;}
.smartc .sec4 .cont .left .list p span { flex: 1; margin-left: 9px;}
.smartc .sec4 .cont .img { width: 58.43%; margin-left: -34.5%; margin-top: -4%; text-align: right;}
.smartc .sec4 .cont .img img { max-width: 100%; transition: 0.3s;}
.smartc .sec4 .cont .img img:hover {transform: scale(1.1);}
.smartc .sec4 .cont2 .left .list p { width: 34%;}
.smartc .sec4 .cont3 .left .list p { width: 36%;}
.smartc .sec4 .cont4 .left .list p { width: 36%;}
.smartc .sec4 .cont2 .img { margin-right: -2.85%;}
.smartc .sec4 .cont3 .img { margin-top: -12%; margin-right: -4.7%;}
.smartc .sec4 .cont3 .img img { max-width: 72%;}
.smartc .sec4 .cont4 .img { margin-right: -11.78%; margin-top: -6%;}
.smartc .sec4 .btn-box { margin-top: 60px;}
.smartc .sec4 .btn-box a { padding: 15px 46px;}
@media screen and (max-width: 1760px) {
  .smartc .sec4 .cont4 .img { margin-right: -7%;}
}
@media screen and (max-width: 1640px) {
  .smartc .sec4 .cont4 .img { margin-right: -3%;}
}
@media screen and (max-width: 1540px) {
  .smartc .sec4 .cont3 .img { margin-right: 0;}
  .smartc .sec4 .cont4 .img { margin-right: 0;}
}
@media screen and (max-width: 1460px) {
  .smartc .sec4 .nav-box .nav p { padding: 15px 0; font-size: 18px; line-height: 22px; margin-right: 50px;}
  .smartc .sec4 .cont .left { min-height: auto; padding: 30px 45px;}
  .smartc .sec4 .cont .left .name { font-size: 16px;}
  .smartc .sec4 .cont .left .name span { font-size: 26px;}
  .smartc .sec4 .cont .left .list p { font-size: 16px; padding: 12px 0;}
  .smartc .sec4 .cont .img { width: 54%; margin-left: -30.07%;}
  .smartc .sec4 .cont1 .img { margin-right: -2.85%;}
}
@media screen and (max-width: 1260px) {
  .smartc .sec4 .title { margin-top: 20px;}
  .smartc .sec4 .cont { margin-top: 60px;}
  .smartc .sec4 .cont .left .name { font-size: 14px;}
  .smartc .sec4 .cont .left .name span { font-size: 22px;}
  .smartc .sec4 .cont .left .list { margin-top: 20px;}
  .smartc .sec4 .cont .left .list p { width: 38%; font-size: 14px; padding: 8px 0;}
  .smartc .sec4 .cont .img { width: 50%; margin-right: 0;}
  .smartc .sec4 .cont2 .img { margin-top: -2%;}
  .smartc .sec4 .cont3 .img { margin-right: 5%; margin-left: -31.07%;margin-top: -10%;}
  .smartc .sec4 .cont4 .img { margin-top: -4%;}
  .smartc .sec4 .btn-box a { padding: 13px 30px;}
}
@media screen and (max-width: 992px) {
  .smartc .sec4 .btn-box { margin-top: 30px;}
  .smartc .sec4 .cont>.flex { align-items: center;}
}
@media screen and (max-width: 768px) {
  .smartc .sec4 { margin-top: 10px;}
  .smartc .sec4 .title { margin-top: 10px;}
  .smartc .sec4 .nav-box { display: none;}
  .smartc .sec4 .cont { display: block; margin-top: 20px;}
  .smartc .sec4 .cont .left { width: 100%; padding: 20px; border-radius: 15px;}
  .smartc .sec4 .cont .left .name { font-size: 12px;}
  .smartc .sec4 .cont .left .name span { font-size: 18px;}
  .smartc .sec4 .cont .left .list { margin-top: 10px;}
  .smartc .sec4 .cont .left .list p { width: 100%; font-size: 12px; padding: 5px 0;}
  .smartc .sec4 .cont .img { width: 100%; margin: 0; text-align: center; margin-top: 10px;}
  .smartc .sec4 .cont .img img:hover {transform: scale(1);}
  .smartc .sec4 .btn-box { margin-top: 20px;}
  .smartc .sec4 .btn-box a { padding: 8px 20px;}
}

.smartc .sec5 { padding: 172px 0 136px;}
.smartc .sec5 .title { margin-top: 27px;}
.smartc .sec5 .title p+p{ margin-top: 10px;}
.smartc .sec5 .table { width: 89.85%; margin-top: 97px; margin-left: 2.76%; position: relative;}
.smartc .sec5 .table::before { content: ''; width: 100%; height: 100%; background: #097DCD;box-shadow: 0px 0px 51px 0px rgba(17,28,51,0.11);border-radius: 55px 55px 55px 19px; opacity: 0.1; position: absolute; top: -37px; right: -37px; z-index: 1;}
.smartc .sec5 .table::after { content: ''; width: 100%; height: 100%; background: #097DCD;box-shadow: 0px 0px 51px 0px rgba(17,28,51,0.11);border-radius: 55px 55px 55px 19px; opacity: 0.1; position: absolute; bottom: -45px; right: -73px; z-index: 1;}
.smartc .sec5 .table .thead { position: relative; z-index: 2; height: 113px; background: linear-gradient(-91deg, #0077C9, #3FA2E7);border: 1px solid #C6CEE9; border-radius: 36px 36px 0px 0px;}
.smartc .sec5 .table .thead p { font-size: 28px; line-height: 113px; color: #FFFFFF; font-weight: bold; text-align: center;}
.smartc .sec5 .table .thead p:nth-of-type(1) { flex: 1;}
.smartc .sec5 .table .thead p:nth-of-type(2) { width: 24.24%; border-left: 1px solid #C6CEE9;}
.smartc .sec5 .table .thead p:nth-of-type(3) { width: 24.24%; border-left: 1px solid #C6CEE9;}
.smartc .sec5 .table .tbody { position: relative; z-index: 2;}
.smartc .sec5 .table .tbody label { width: 7.15%; background: #EAEDFB; border: 1px solid #C6CEE9; border-radius: 26px 0px 0px 26px; display: flex; align-items: center; justify-content: center;}
.smartc .sec5 .table .tbody label span { display: inline-block; text-align: center; width: 28px; font-size: 20px; color: #0077C9; line-height: 1; text-align: center;}
.smartc .sec5 .table .tbody .list { flex: 1;background-color: #ffffff; }
.smartc .sec5 .table .tbody .list .litem { display: flex;}
.smartc .sec5 .table .tbody .list .litem p { border-right: 1px solid #C6CEE9; border-bottom: 1px solid #C6CEE9; display: flex; align-items: center;}
.smartc .sec5 .table .tbody .list .litem p { padding: 15px 26px; font-size: 18px; line-height: 28px;}
.smartc .sec5 .table .tbody .list .litem p em { display: block; width: 5px; height: 5px; background: #0077C9; border-radius: 50%; margin-right: 10px;}
.smartc .sec5 .table .tbody .list .litem p span { flex: 1;}
.smartc .sec5 .table .tbody .list .litem p .icon { color: #BABECD;}
.smartc .sec5 .table .tbody .list .litem p .tick { color: #33BA79;}
.smartc .sec5 .table .tbody .list .litem p:nth-of-type(1) { flex: 1;}
.smartc .sec5 .table .tbody .list .litem p:nth-of-type(2) { width: 26.1%; justify-content: center;}
.smartc .sec5 .table .tbody .list .litem p:nth-of-type(3) { width: 26.1%; justify-content: center;}
.smartc .sec5 .table .tbody1 label { border-radius: 0px 0px 0px 26px;}
.smartc .sec5 .table .tbody2 label { position: relative;}
.smartc .sec5 .table .tbody2 label div { width: 138%; height: 100%; border-radius: 26px 0px 0px 26px; background: #097DCD; position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center;}
.smartc .sec5 .table .tbody2 label div span { color: #ffffff;}
.smartc .sec5 .table .tbody2 .list { background: #EAEDFB;}
.smartc .sec5 .table .tbody6 .list { border-radius: 0 0 36px 0; overflow: hidden;}
.smartc .sec5 .table .tbody6 .list .litem:last-child p:last-child { border-radius: 0 0 36px 0;}
.smartc .sec5 .btn-box { margin-top: 91px;}
.smartc .sec5 .btn-box a { padding: 15px 46px;}
@media screen and (max-width: 1260px) {
  .smartc .sec5 { padding: 60px 0; }
  .smartc .sec5 .title { margin-top: 20px;}
  .smartc .sec5 .table .thead { height: 100px;}
  .smartc .sec5 .table .thead p { font-size: 24px; line-height: 100px;}
  /* .smartc .sec5 .table .tbody label span { width: 24px; font-size: 22px;} */
  .smartc .sec5 .table .tbody .list .litem p { padding: 12px 20px; font-size: 16px;}
  .smartc .sec5 .btn-box a { padding: 13px 30px;}
}
@media screen and (max-width: 992px) {
  .smartc .sec5 { padding: 30px 0;}
  .smartc .sec5 .title { margin-top: 10px;}
  .smartc .sec5 .table { margin-top: 70px;}
  .smartc .sec5 .table::before { border-radius: 30px 30px 30px 10px; top: -20px; right: -20px;}
  .smartc .sec5 .table::after { border-radius: 30px 30px 30px 10px; bottom: -25px; right: -45px;}
  .smartc .sec5 .table .thead { height: 70px; border-radius: 20px 20px 0px 0px;}
  .smartc .sec5 .table .thead p { font-size: 20px; line-height: 70px;}
  .smartc .sec5 .table .tbody label { border-radius: 18px 0px 0px 18px}
  .smartc .sec5 .table .tbody label span { width: 20px; font-size: 16px;}
  .smartc .sec5 .table .tbody .list .litem p { padding: 12px 15px; font-size: 14px; line-height: 18px;}
  .smartc .sec5 .table .tbody .list .litem p i { font-size: 14px;}
  .smartc .sec5 .table .tbody1 label { border-radius: 0px 0px 0px 18px;}
  .smartc .sec5 .table .tbody2 label div { border-radius: 18px 0px 0px 18px}
  .smartc .sec5 .table .tbody6 .list { border-radius: 0 0 20px 0;}
  .smartc .sec5 .table .tbody6 .list .litem:last-child p:last-child { border-radius: 0 0 20px 0;}
  .smartc .sec5 .btn-box { margin-top: 60px;}
}
@media screen and (max-width: 768px) {
  .smartc .sec5 { padding: 30px 0;}
  .smartc .sec5 .title { margin-top: 10px;}
  .smartc .sec5 .title p+p{ margin-top: 0;}
  .smartc .sec5 .table { margin-top: 40px;}
  .smartc .sec5 .table::before { border-radius: 15px 15px 15px 10px; top: -10px; right: -10px;}
  .smartc .sec5 .table::after { border-radius: 15px 15px 15px 10px; bottom: -15px; right: -22px;}
  .smartc .sec5 .table .thead { height: 50px; border-radius: 10px 10px 0px 0px;}
  .smartc .sec5 .table .thead p { font-size: 16px; line-height: 50px;}
  .smartc .sec5 .table .tbody label { border-radius: 10px 0px 0px 10px;}
  .smartc .sec5 .table .tbody label span { width: 16px; font-size: 14px;}
  .smartc .sec5 .table .tbody .list .litem p { padding: 8px 10px; font-size: 12px; line-height: 16px;}
  .smartc .sec5 .table .tbody1 label { border-radius: 0px 0px 0px 10px;}
  .smartc .sec5 .table .tbody2 label div { border-radius: 10px 0px 0px 10px}
  .smartc .sec5 .table .tbody6 .list { border-radius: 0 0 10px 0;}
  .smartc .sec5 .table .tbody6 .list .litem:last-child p:last-child { border-radius: 0 0 10px 0;}
  .smartc .sec5 .btn-box { margin-top: 40px;}
  .smartc .sec5 .btn-box a { padding: 8px 20px;}
}
@media screen and (max-width: 520px) {
  .smartc .sec5 .table .tbody label { width: 10%;}
  .smartc .sec5 .table .thead p:nth-of-type(2) { width: 23.5%;}
  .smartc .sec5 .table .thead p:nth-of-type(3) { width: 23.5%;}
}

.smartc .sec6 { padding: 69px 0 44px; background: url(../images/smartc5-bg.png); background-size: cover;}
.smartc .sec6 .line { background: #ffffff;}
.smartc .sec6 .title { margin-top: 33px; color: #ffffff;}
.smartc .sec6 .swiper-wrap { margin-top: 38px; padding: 0 50px 90px; position: relative;}
.smartc .sec6 .swiper-slide { text-align: center;}
.smartc .sec6 .swiper-slide img { max-width: 100%; border: 10px solid rgba(255,255,255,0.26); border-radius: 30px;}
.smartc .sec6 .swiper-button-next { width: 50px; height: 50px; background: #FFFFFF; border: 2px solid #FFFFFF; border-radius: 50%; text-align: center; font-size: 18px; font-weight: bold; line-height: 46px; color: #333333; background-image: none; top: unset; bottom: 0; left: 51.42%; right: unset;}
.smartc .sec6 .swiper-button-next.swiper-button-disabled { background: rgba(0, 0, 0, 0); color: #FFFFFF; opacity: 1;}
.smartc .sec6 .swiper-button-next::after { content: '\e64f'; font-family: 'iconfont'; }
.smartc .sec6 .swiper-button-prev { width: 50px; height: 50px; background: #FFFFFF; border: 2px solid #FFFFFF; border-radius: 50%; text-align: center; font-size: 18px; font-weight: bold; line-height: 46px; color: #333333; background-image: none; top: unset; bottom: 0; left: unset; right: 51.42%}
.smartc .sec6 .swiper-button-prev.swiper-button-disabled { background: rgba(0, 0, 0, 0); color: #FFFFFF; opacity: 1;}
.smartc .sec6 .swiper-button-prev::after { content: '\e64e'; font-family: 'iconfont'; }
@media screen and (max-width: 1260px) {
  .smartc .sec6 .title { margin-top: 20px;}
  .smartc .sec6 .swiper-wrap { padding: 0 0 70px;}
  .smartc .sec6 .swiper-button-next { width: 40px; height: 40px; font-size: 20px; line-height: 36px;}
  .smartc .sec6 .swiper-button-prev { width: 40px; height: 40px; font-size: 20px; line-height: 36px;}
}
@media screen and (max-width: 768px) {
  .smartc .sec6 { padding: 30px 0;}
  .smartc .sec6 .title { margin-top: 10px;}
  .smartc .sec6 .swiper-wrap { margin-top: 20px;}
}

.smartc .sec7 { padding: 130px 0 102px;}
.smartc .sec7 .title { margin-top: 28px;}
.smartc .sec7 .list { margin-top: 22px;}
.smartc .sec7 .list .item { width: calc(33.33% - 44px); margin-top: 54px; padding: 30px; text-align: center;border-radius: 32px;background: #FFFFFF;box-shadow: 0px 0px 21px 0px rgba(17,28,51,0.14); transition: 0.3s;}
.smartc .sec7 .list .item .icon { width: 79px;}
.smartc .sec7 .list .item .icon { display: inline-block; width: 79px; height: 79px; position: relative;}
.smartc .sec7 .list .item .icon i { width: 100%; height: 100%; line-height: 79px; font-size: 79px; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, #0077C9 0%, #3FA2E7 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.smartc .sec7 .list .item .icon .icon-refresh-line { font-size: 79px;}
.smartc .sec7 .list .item .icon .icon-service-Fill { font-size: 32px;}
.smartc .sec7 .list .item .name { margin-top: 30px; font-size: 24px; font-weight: bold; color: #333333; line-height: 1;}
.smartc .sec7 .list .item .text { margin-top: 20px; font-size: 18px; color: #333333; line-height: 30px;}
.smartc .sec7 .list .item:hover { transform: translateY(-22px); background: linear-gradient(91deg, #0077C9, #3FA2E7); color: #ffffff;}
.smartc .sec7 .list .item:hover .icon i { background: linear-gradient(180deg, #FFFFFF 0%, #DFE9F3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.smartc .sec7 .list .item:hover .name { color: #ffffff;}
.smartc .sec7 .list .item:hover .text { color: #ffffff;}
.smartc .sec7 .btn-box { margin-top: 88px;}
.smartc .sec7 .btn-box a { padding: 20px 116px; border: 2px solid #0077C9; color: #0077C9;}
.smartc .sec7 .btn-box a:hover { background: #0077C9; color: #fff;}
@media screen and (max-width: 1460px) {
  .smartc .sec7 .list .item .name { font-size: 22px;}
  .smartc .sec7 .list .item .text { font-size: 16px;}
}
@media screen and (max-width: 1260px) {
  .smartc .sec7 { padding: 60px 0;}
  .smartc .sec7 .title { margin-top: 20px;}
  .smartc .sec7 .list .item { width: calc(33.33% - 25px); margin-top: 40px; padding: 30px 20px;}
  .smartc .sec7 .list .item .icon { width: 60px; height: 60px;}
  .smartc .sec7 .list .item .icon i { font-size: 60px; line-height: 60px;}
  .smartc .sec7 .list .item .icon .icon-refresh-line { font-size: 60px;}
  .smartc .sec7 .list .item .icon .icon-service-Fill { font-size: 26px;}
  .smartc .sec7 .list .item .name { font-size: 20px;}
  .smartc .sec7 .list .item .text { font-size: 14px; line-height: 24px;}
  .smartc .sec7 .btn-box { margin-top: 50px;}
  .smartc .sec7 .btn-box a { padding: 13px 60px;}
}
@media screen and (max-width: 992px) {
  .smartc .sec7 .list .item { width: calc(33.33% - 10px); border-radius: 20px; margin-top: 25px; padding: 20px 8px;}
  .smartc .sec7 .list .item .icon { width: 50px; height: 50px;}
  .smartc .sec7 .list .item .icon i { font-size: 50px; line-height: 50px;}
  .smartc .sec7 .list .item .icon .icon-refresh-line { font-size: 50px;}
  .smartc .sec7 .list .item .icon .icon-service-Fill { font-size: 20px;}
  .smartc .sec7 .list .item .name { margin-top: 20px; font-size: 18px;}
  .smartc .sec7 .list .item .text { margin-top: 10px; font-size: 12px; line-height: 20px;}
}
@media screen and (max-width: 768px) {
  .smartc .sec7 { padding: 30px 0;}
  .smartc .sec7 .title { margin-top: 10px;}
  .smartc .sec7 .list { margin-top: 10px;}
  .smartc .sec7 .list .item { width: 100%; margin-top: 15px;}
  .smartc .sec7 .list .item:hover { transform: translateY(0);}
  .smartc .sec7 .btn-box { margin-top: 20px;}
  .smartc .sec7 .btn-box a { padding: 8px 30px;}
}

.m-crumbs { padding: 60px 0;}
.m-crumbs .crumbs { height: auto; justify-content: flex-start; align-items: center;}
.m-crumbs .crumbs a { font-size: 16px; color: #666666; line-height: 26px;}
.m-crumbs .crumbs a.active {color: #0077C9;}
.m-crumbs .crumbs a:hover {color: #0077C9;}
@media screen and (max-width: 992px) {
  .m-crumbs { padding: 40px 0;}
}
@media screen and (max-width: 768px) {
  .m-crumbs { padding: 20px 0;}
  .m-crumbs .crumbs a { font-size: 12px;}
  .m-crumbs .crumbs i { margin: 0 2px;}
}

.news { background: #F9F9F9; padding-bottom: 153px;}
.news .content .left { width: 241px; margin-right: 190px; text-align: center;}
.news .content .left .tit { width: 100%; height: 51px; background: #333333; border-radius: 26px; font-size: 24px; line-height: 51px; font-weight: bold; color: #FFFFFF;}
.news .content .left .news-menu { margin: 22px 0 50px;}
.news .content .left .news-menu>a { display: block;}
.news .content .left .news-menu p { padding: 20px 25px; border-top: 1px solid #7B7B7B; font-size: 18px; color: #020204; line-height: 26px;}
.news .content .left .news-menu p.active { color: #0077C9;}
.news .content .left .news-menu p.active span { position: relative;}
.news .content .left .news-menu p.active span::before { content: '\e87c'; font-family: iconfont; font-size: 14px; line-height: 20px; position: absolute; top: 0; left: -24px;}
.news .content .left .news-menu p:hover { color: #0077C9;}
.news .content .left .news-menu p:hover span{ position: relative;}
.news .content .left .news-menu p:hover span::before { content: '\e87c'; font-family: iconfont; font-size: 14px; line-height: 20px; position: absolute; top: 0; left: -24px;}

.news .content .left .lables { margin: 10px 0 74px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.news .content .left .lables p { margin-top: 10px; width: 106px; height: 32px; padding: 0 10px; background: #0077C9; border-radius: 16px; font-size: 16px; color: #FFFFFF; line-height: 32px; text-align: center;}
.news .content .left .contactus { margin-top: 22px;}
.news .content .left .contactus p { display: flex; padding: 5px 30px;}
.news .content .left .contactus p .icon { width: 25px; height: 28px; font-size: 28px; line-height: 1; margin-right: 28px;}
.news .content .left .contactus p span { font-size:18px; color: #333333;}
.news .content .left .contactus p:hover span { color: #0077C9;}
.news .content .right { width: calc(100% - 431px);}
.news .content .right .list .item { padding: 60px 0 38px; border-bottom: 1px solid #D7D7D7; display: flex; align-items: center;}
.news .content .right .list .item:first-child { padding-top: 0;}
.news .content .right .list .item .date { width: 126px; padding: 0 12px 12px; background: #0077C9; border-radius: 20px; text-align: center; margin-left: 19px; margin-right: 68px;}
.news .content .right .list .item .date p:nth-of-type(1) { padding-top: 10px; font-size: 36px; font-weight: bold; color: #FFFFFF; line-height: 60px; border-bottom: 2px solid #FFFFFF;}
.news .content .right .list .item .date p:nth-of-type(2) { font-size: 18px; font-weight: bold; color: #FFFFFF; line-height: 42px;}
.news .content .right .list .item .info { flex: 1;}
.news .content .right .list .item .info .name { font-size: 22px; line-height: 38px; font-weight: bold; color: #333333;}
.news .content .right .list .item .info .time { font-size: 16px; line-height: 26px; color: #666666;}
.news .content .right .list .item .info .desc { margin-top: 27px; font-size: 16px; line-height: 24px; color: #666666;}
.news .content .right .list .item .info .name:hover { color: #0077C9;}
.news .content .right .list .item .info .desc:hover { color: #0077C9;}

.pagination { margin-top: 67px; display: flex; flex-wrap: wrap; justify-content: center;}
.pagination a { margin: 0 5px; width: 41px; height: 41px; background: #FFFFFF; border: 1px solid #666666; border-radius: 21px; font-size: 16px; color: #666666; line-height: 41px; text-align: center;}
.pagination a i { font-size: 14px;}
.pagination a.dot { border: none; background: none;}
.pagination a.active { background: #0077C9; border: 1px solid #0077C9; color: #ffffff;}
@media screen and (max-width: 1460px) {
  .news .content .left { margin-right: 100px;}
  .news .content .right { width: calc(100% - 341px);}
}
@media screen and (max-width: 1260px) {
  .news .content .left { width: 200px;}
  .news .content .left .tit { height: 44px; font-size: 20px; line-height: 44px;}
  .news .content .left .news-menu { margin: 22px 0 40px;}
  .news .content .left .news-menu p { padding: 15px 25px; font-size: 16px;}
  .news .content .left .news-menu p.active span::before { line-height: 16px;}
  .news .content .left .lables { margin: 10px 0 50px;}
  .news .content .left .lables p { width: 96px; font-size: 14px;}
  .news .content .left .contactus { margin-top: 15px;}
  .news .content .left .contactus p { padding: 5px 20px;}
  .news .content .left .contactus p .icon { font-size: 22px; margin-right: 10px;}
  .news .content .left .contactus p span { font-size: 16px;}
  .news .content .right { width: calc(100% - 300px);}
  .news .content .right .list .item { padding: 40px 0 20px;}
  .news .content .right .list .item:first-child { padding-top: 0;}
  .news .content .right .list .item .date { width: 110px; padding: 0 12px 12px; margin-right: 48px;}
  .news .content .right .list .item .date p:nth-of-type(1) { font-size: 32px; line-height: 50px;}
  .news .content .right .list .item .date p:nth-of-type(2) { font-size: 16px; line-height: 36px;}
  .news .content .right .list .item .info .name { font-size: 20px; line-height: 30px;}
  .news .content .right .list .item .info .time { font-size: 14px; line-height: 24px;}
  .news .content .right .list .item .info .desc { margin-top: 20px; font-size: 14px; line-height: 22px;}
}
@media screen and (max-width: 992px) {
  .news { padding-bottom: 60px;}
  .news .content .left { margin-right: 40px;}
  .news .content .right { width: calc(100% - 240px);}
}
@media screen and (max-width: 768px) {
  .news { padding-bottom: 30px;}
  .news .content { flex-direction: column-reverse;}
  .news .content .left { width: 100%; margin-top: 30px;}
  .news .content .left .tit { font-size: 18px;}
  .news .content .left .news-menu p { font-size: 14px; padding: 8px 25px;}
  .news .content .left .news-menu p.active span::before { line-height: 14px;}
  .news .content .left .contactus p:hover span { font-size: 14px;}
  .news .content .right { width: 100%;}
  .news .content .right .list .item { padding: 20px 0;}
  .news .content .right .list .item:first-child { padding-top: 0;}
  .news .content .right .list .item .date { width: 79px; padding: 0 8px; border-radius: 10px; margin-right: 10px;}
  .news .content .right .list .item .date p:nth-of-type(1) { padding-top: 0; font-size: 24px; line-height: 40px}
  .news .content .right .list .item .date p:nth-of-type(2) { font-size: 16px; line-height: 34px;}
  .news .content .right .list .item .info { flex: unset; width: calc(100% - 89px);}
  .news .content .right .list .item .info .name { font-size: 16px; line-height: 24px;}
  .news .content .right .list .item .info .time { font-size: 12px; line-height: 20px;}
  .news .content .right .list .item .info .desc { margin-top: 10px; font-size: 12px; line-height: 18px;}
  .pagination { margin-top: 30px;}
  .pagination a { width: 30px; height: 30px; border-radius: 15px; font-size: 14px; line-height: 30px;}
}

.news .detail-box .name { font-size: 24px; font-weight: bold; color: #333333; line-height: 32px; margin-top: 10px;}
.news .detail-box .date { margin-top: 12px; font-size: 16px; line-height: 20px; color: #666666;}
.news .detail-box .date span { margin-right: 40px;}
.news .detail-box .detail { border-top: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; margin-top: 35px; padding: 30px 0; font-size: 16px; color: #666666; line-height: 30px;}
.news .detail-box .detail img { max-width: 100%;}
.news .detail-box .detail p { text-indent: 2em;}
.news .detail-box .bot { margin-top: 28px;}
.news .detail-box .bot p { padding: 10px 0; font-size: 16px; color: #666666; line-height: 21px;}
@media screen and (max-width: 768px) {
  .news .detail-box .name { font-size: 18px; line-height: 26px;}
  .news .detail-box .date { margin-top: 8px; font-size: 12px; line-height: 16px;}
  .news .detail-box .date span { margin-right: 10px;}
  .news .detail-box .detail { margin-top: 20px; padding: 20px 0; font-size: 12px; line-height: 18px;}
  .news .detail-box .bot { margin-top: 15px;}
  .news .detail-box .bot p { padding:5px 0; font-size: 12px; line-height: 16px;}
}

.contact .sec1 { margin-top: 86px;}
.free-ask2 .cont { padding: 62px 0; border-radius: 15px 105px; background: linear-gradient(38deg, #3FA2E7, #0077C9); background-size: 100% 100%; position: relative; overflow: hidden;}
.free-ask2 .cont::after { content: ''; width: 100%; height: 100%; background: url(../images/index-sec2-bg.png); background-size: cover; position: absolute; top: 0; left: 0; z-index: 1;}
.free-ask2 .left { flex: 1; padding: 0 15px 0 120px; border-right: 1px solid rgba(255, 255, 255, 0.65); position: relative; z-index: 2;}
.free-ask2 .left .tit { font-size: 18px; color: #FFFFFF; line-height: 1; margin-top: -8px;}
.free-ask2 .left .form-item { margin-top: 24px;}
.free-ask2 .left .item-box { width: calc(50% - 60px); margin-right: 60px; position: relative;}
.free-ask2 .left .item-box .item { margin-top: 16px;}
.free-ask2 .left .item-box .item:first-child { margin-top: 0;}
.free-ask2 .left .item { height: 40px; background: #FFFFFF; border-radius: 5px;}
.free-ask2 .left .item .input { width: 100%; padding: 0 14px; font-size: 18px;color: #333333;line-height: 40px;}
.free-ask2 .left .item.item-content { height: 100%;}
.free-ask2 .left .item .textarea { width: 100%; height: 100%; padding: 0 14px; font-size: 18px;color: #333333;line-height: 40px; appearance: none;}
.free-ask2 .left .item-box .m-error { height: 0;}
.free-ask2 .right { width: 40.64%; padding: 0 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; z-index: 2;}
.free-ask2 .right .btn { display: inline-block; width: 164px; height: 47px; background: #FFFFFF; border-radius: 23px; font-size: 20px; color: #0077C9; font-weight: bold; line-height: 47px; text-align: center; justify-content: center;}
.free-ask2 .right .btn:hover { opacity: 0.8;}
.free-ask2 .right p { font-size: 14px; color: #FFFFFF; line-height: 18px; margin-top: 20px;}
@media screen and (max-width: 1260px) {
  .free-ask2 .cont { padding: 50px 0;}
  .free-ask2 .left { padding: 0 15px 0 80px;}
  .free-ask2 .left .tit { font-size: 18px;}
  .free-ask2 .left .item-box { width: calc(50% - 40px); margin-right: 40px;}
  .free-ask2 .left .item .input { font-size: 16px;}
  .free-ask2 .right .btn { width: 140px; height: 40px; font-size: 18px; line-height: 40px;}
}
@media screen and (max-width: 992px) {
  .free-ask2 .cont { border-radius: 15px 95px; }
  .free-ask2 .left { padding: 0 30px 0 60px;}
  .free-ask2 .left .tit { font-size: 16px;}
  .free-ask2 .left .item-box { width: calc(50% - 30px); margin-right: 30px;}
  .free-ask2 .left .item .input { font-size: 14px;}
  .free-ask2 .left .item .textarea{ font-size: 14px;}
  .free-ask2 .right .btn { font-size: 16px;}
  .free-ask2 .right p { font-size: 12px; line-height: 14px; margin-top: 10px;}
}
@media screen and (max-width: 768px) {
  .contact .sec1 { margin-top: 30px;}
  .free-ask2 .cont { padding: 30px 0; border-radius: 15px 50px; }
  .free-ask2 .left { padding: 0 0 0 20px;}
  .free-ask2 .left .tit { font-size: 14px; margin-top: 0;}
  .free-ask2 .left .item-box { width: calc(50% - 15px); margin-right: 15px;}
  .free-ask2 .right { width: 100%; margin-top: 20px;}
}

.contact .sec2 { margin: 123px 0 131px; background: url(../images/contact-bg.png) bottom; background-size: 100%;}
.contact .sec2 .line { margin: 0 auto;}
.contact .sec2 .title { text-align: center; margin-top: 19px;}
.contact .sec2 .list { margin-top: 52px;}
.contact .sec2 .list .item { width: calc(33.33% - 20px); padding: 43px 24px 18px; background: #F5F5F5; margin-top: 29px; position: relative;}
.contact .sec2 .list .item.unset{padding: unset;background: unset;margin: unset}
.contact .sec2 .list .item .name { padding-bottom: 23px; font-size: 24px; line-height: 1; font-weight: bold;color: #0077C9;}
.contact .sec2 .list .item .lname { font-size: 33px; color: #0077C9; line-height: 1; text-transform: uppercase; opacity: 0.15; position: absolute; top: 43px; right: 15px;}
.contact .sec2 .list .item .info { display: flex; margin-top: 7px;}
.contact .sec2 .list .item .info .icon { font-size: 28px; line-height: 34px; color: #000000; margin-right: 24px;}
.contact .sec2 .list .item .info span { flex: 1; font-size: 20px; color: #333333; line-height: 34px;}
.contact .sec2 .list .item:hover { padding-bottom: 12px; border-bottom: 6px solid #0077C9; background: #FFFFFF; box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.15);}
@media screen and (max-width: 1460px) {
  .contact .sec2 .list .item .info span br { display: none;}
}
@media screen and (max-width: 1260px) {
  .contact .sec2 .list { margin-top: 40px;}
  .contact .sec2 .list .item { width: calc(33.33% - 15px); padding: 30x 24px 18px; margin-top: 24px;}
  .contact .sec2 .list .item .name { padding-bottom: 15px; font-size: 20px;}
  .contact .sec2 .list .item .lname { font-size: 26px; top: 30x; right: 15px;}
  .contact .sec2 .list .item .info .icon { font-size: 20px; line-height: 28px; margin-right: 15px;}
  .contact .sec2 .list .item .info span { font-size: 16px; line-height: 28px;}
}
@media screen and (max-width: 992px) {
  .contact .sec2 .list .item { width: calc(50% - 10px);padding: 20px 15px; margin-top: 20px;}
  .contact .sec2 .list .item .name { padding-bottom: 10px; font-size: 16px;}
  .contact .sec2 .list .item .lname { font-size: 18px; top: 20px; right: 10px;}
  .contact .sec2 .list .item .info .icon { font-size: 18px; line-height: 20px; margin-right: 10px;}
  .contact .sec2 .list .item .info span { font-size: 14px; line-height: 20px;}
}
@media screen and (max-width: 768px) {
  .contact .sec2 { margin: 30px 0;}
  .contact .sec2 .title { margin-top: 10px;}
  .contact .sec2 .list { margin-top: 10px;}
  .contact .sec2 .list .item { width: 100%; margin-top: 10px;}
}


@media screen and (max-width: 768px) {
  .brand .line { margin: 0 auto;}
  .brand .title { text-align: center;}
  .brand .stitle { text-align: center;}
}
.brand .sec1 { padding: 206px 0 158px;}
.brand .sec1 .title { margin-top: 19px;}
.brand .sec1 .stitle { margin-top: 20px; font-size: 20px; color: #333333; line-height: 40px;}
.brand .sec1 .list { margin-top: 90px;}
.brand .sec1 .list .item { width: calc(20% - 6px); border-radius: 16px; overflow: hidden; position: relative;}
.brand .sec1 .list .item::before { content: ''; width: 100%; height: 100%; background: rgba(49, 50, 52, 0.7); position: absolute; left: 0; right: 0; z-index: 2;}
.brand .sec1 .list .item img { width: 100%; transition: 0.3s; position: relative; z-index: 1;}
.brand .sec1 .list .item:hover img { transform: scale(1.1);}
.brand .sec1 .list .item p { width: 100%; padding: 0 10px; text-align: center; font-size: 24px; line-height: 34px; font-weight: 500; color: #FFFFFF; position: absolute; left: 0; bottom: 24px; z-index: 3;}
.brand .sec1 .list .item:nth-child(2n) { transform: translateY(30px);}
.brand .sec1 .list .item:hover::before { background: rgba(22, 127, 216, 0.8);}
@media screen and (max-width: 1260px) {
  .brand .sec1 { padding: 100px 0;}
  .brand .sec1 .stitle { font-size: 18px; line-height: 34px;}
  .brand .sec1 .list { margin-top: 70px;}
  .brand .sec1 .list .item p { font-size: 20px; line-height: 24px;}
}
@media screen and (max-width: 992px) {
  .brand .sec1 .list { margin-top: 50px;}
  .brand .sec1 .stitle { font-size: 16px; line-height: 24px;}
  .brand .sec1 .list .item { border-radius: 10px;}
  .brand .sec1 .list .item p { font-size: 16px; line-height: 20px; bottom: 15px;}
}
@media screen and (max-width: 768px) {
  .brand .sec1 { padding: 30px 0;}
  .brand .sec1 .title { margin-top: 10px;}
  .brand .sec1 .stitle { margin-top: 10px; font-size: 14px; line-height: 18px;}
  .brand .sec1 .list { margin-top: 20px;}
  .brand .sec1 .list .item:hover img { transform: scale(1);}
  .brand .sec1 .list .item:nth-child(2n) { transform: translateY(0);}
}
@media screen and (max-width: 520px) {
  .brand .sec1 .list .item { width: calc(50% - 5px); margin-top: 10px;}
}

.brand .sec2 { padding: 33px 0 53px; background: url(../images/brand2-bg.png); background-size: 100% 100%;}
.brand .sec2 .img { width: 63.93%; margin-left: -10%;}
.brand .sec2 .img img { transition: 0.3s;}
.brand .sec2 .img img:hover { transform: scale(1.1);}
.brand .sec2 .text { flex: 1; padding-left: 7.5%; padding-top: 20%;}
.brand .sec2 .text .title { margin-top: 18px;}
.brand .sec2 .text .desc { margin-top: 26px; font-size: 20px; color: #333333; line-height: 30px;}
@media screen and (max-width: 1640px) {
  .brand .sec2 .img { width: 50%; margin-left: 0;}
}
@media screen and (max-width: 1260px) {
  .brand .sec2 .text .desc { font-size: 18px; line-height: 26px;}
}
@media screen and (max-width: 992px) {
  .brand .sec2 .text .desc { font-size: 16px; line-height: 22px;}
}
@media screen and (max-width: 768px) {
  .brand .sec2 .img { width: 100%;}
  .brand .sec2 .img img:hover { transform: scale(1);}
  .brand .sec2 .text { padding-top: 15%; padding-top: 20px;}
  .brand .sec2 .text .title { margin-top: 10px;}
  .brand .sec2 .text .desc { text-align: center; margin-top: 10px; font-size: 14px; line-height: 18px;}
}

.brand .sec3 { padding: 145px 0 189px; background: url(../images/brand3-bg.png); background-size: cover;}
.brand .sec3 .line { background: #ffffff;}
.brand .sec3 .title { margin-top: 19px; color: #ffffff;}
.brand .sec3 .stitle { margin-top: 20px; font-size: 20px; line-height: 40px; color: #ffffff;}
.brand .sec3 .list { margin-top: 96px; padding: 0 198px;}
.brand .sec3 .list .item { width: calc(25% - 26px);}
.brand .sec3 .list .item .img { position: relative;}
.brand .sec3 .list .item .img .bg { width: 100%;}
.brand .sec3 .list .item .img .icon { width: 100%; height: 100%; justify-content: center; align-items: center; position: absolute; top: 0; left: 0;}
.brand .sec3 .list .item .img .icon img { max-width: 60%;}
.brand .sec3 .list .item .bg1 { display: block;}
.brand .sec3 .list .item .bg2 { display: none;}
.brand .sec3 .list .item .name { margin-top: 17px; text-align: center; font-size: 24px; line-height: 28px; color: #FFFFFF;}
.brand .sec3 .list .item:hover .bg1 { display: none;}
.brand .sec3 .list .item:hover .bg2 { display: block;}
@media screen and (max-width: 1640px) {
  .brand .sec3 .list { padding: 0 113px;}
}
@media screen and (max-width: 1260px) {
  .brand .sec3 .stitle { font-size: 18px; line-height: 28px;}
  .brand .sec3 .list { padding: 0 46px;}
  .brand .sec3 { padding: 100px 0;}
  .brand .sec3 .list { margin-top: 60px;}
  .brand .sec3 .list .item .name { font-size: 20px; line-height: 24px;}
}
@media screen and (max-width: 992px) {
  .brand .sec3 .stitle { font-size: 16px; line-height: 22px;}
  .brand .sec3 .list { padding: 0;}
  .brand .sec3 .list .item .name { font-size: 18px; line-height: 22px;}
}
@media screen and (max-width: 768px) {
  .brand .sec3 { padding: 30px 0;}
  .brand .sec3 .title { margin-top: 10px;}
  .brand .sec3 .stitle { font-size: 14px; line-height: 18px;}
  .brand .sec3 .list { margin-top: 30px;}
  .brand .sec3 .list .item { width: calc(25% - 5px);}
  .brand .sec3 .list .item .name { margin-top: 10px; font-size: 16px; line-height: 20px;}
}

.brand .sec4 { padding-top: 93px;}
.brand .sec4 .cont { align-items: center;}
.brand .sec4 .img { width: 50%; padding-left: 18px;}
.brand .sec4 .img img { max-width: 100%; transition: 0.3s;}
.brand .sec4 .img img:hover { transform: scale(1.1);}
.brand .sec4 .text { flex: 1; padding-left: 11.71%;}
.brand .sec4 .text .title { margin-top: 19px;}
.brand .sec4 .text .desc { margin-top: 22px; font-size: 20px; color: #333333; line-height: 35px;}
@media screen and (max-width: 1260px) {
  .brand .sec4 .img { padding-left: 0;}
  .brand .sec4 .text .desc { font-size: 18px; line-height: 26px;}
}
@media screen and (max-width: 992px) {
  .brand .sec4 .text .desc { font-size: 16px; line-height: 22px;}
}
@media screen and (max-width: 768px) {
  .brand .sec4 { padding-top: 30px;}
  .brand .sec4 .img { width: 70%; margin: 0 auto;}
  .brand .sec4 .img img:hover { transform: scale(1);}
  .brand .sec4 .text { margin-top: 20px; flex: unset; width: 100%; padding-left: 0;}
  .brand .sec4 .text .title { margin-top: 10px;}
  .brand .sec4 .text .desc { text-align: center; margin-top: 10px; font-size: 14px; line-height: 18px;}
}

.brand .sec5 { padding: 117px 0 138px;}
.brand .sec5 .title { margin-top: 18px;}
.brand .sec5 .stitle { margin-top: 19px; font-size: 20px; color: #333333; line-height: 30px;}
.brand .sec5 .nav { padding: 0 28px; margin-top: 68px; display: flex; flex-wrap: wrap;}
.brand .sec5 .nav span { font-size: 24px; color: #333333; line-height: 1; position: relative; cursor: pointer;}
.brand .sec5 .nav span+span { margin-left: 120px;}
.brand .sec5 .nav span.active { color: #0077C9;}
.brand .sec5 .nav span.active::after { content: ''; width: 54.4%; height: 3px; background: #0077C9; border-radius: 2px; position: absolute; left: 50%; bottom: -9px; transform: translateX(-50%);}
.brand .sec5 .cont { margin-top: 59px; border-radius: 25px; border: 9px solid rgba(255,255,255,0.48); box-shadow: 0px 0px 32px 0px rgba(18,55,98,0.33); overflow: hidden;}
.brand .sec5 .cont img { width: 100%; transition: 0.3s;}
.brand .sec5 .cont img:hover { transform: scale(1.1);}
.brand .sec5 .cont2 { display: none;}
@media screen and (max-width: 1260px) {
  .brand .sec5 { padding: 90px 0;}
  .brand .sec5 .stitle { font-size: 18px; line-height: 26px;}
  .brand .sec5 .nav { margin-top: 50px;}
  .brand .sec5 .nav span { font-size: 20px;}
}
@media screen and (max-width: 992px) {
  .brand .sec5 .stitle { font-size: 16px; line-height: 22px;}
  .brand .sec5 .nav { margin-top: 40px;}
  .brand .sec5 .nav span { font-size: 18px;}
  .brand .sec5 .cont { margin-top: 40px;}
}
@media screen and (max-width: 768px) {
  .brand .sec5 { padding: 50px 0;}
  .brand .sec5 .title { margin-top: 10px;}
  .brand .sec5 .stitle { font-size: 14px; line-height: 18px;}
  .brand .sec5 .nav { padding: 0; margin-top: 20px;}
  .brand .sec5 .nav span { font-size: 16px;}
  .brand .sec5 .nav span+span { margin-left: 20px;}
  .brand .sec5 .cont { margin-top: 30px; border-radius: 10px; border: 5px solid rgba(255,255,255,0.48); box-shadow: 0px 0px 10px 0px rgba(18,55,98,0.33);}
  .brand .sec5 .cont img:hover { transform: scale(1);}
}

.brand .sec6 { background: url(../images/brand6-bg.png) right; background-size: cover; overflow: hidden;}
.brand .sec6 .cont { align-items: center;}
.brand .sec6 .left { width: 891px; margin-left: 6.14%;  margin-top: -20px; margin-bottom: -27px; position: relative;}
.brand .sec6 .left>img { position: absolute;}
.brand .sec6 .left .img1 { left: 8%; top: 20.2%;}
.brand .sec6 .left .img2 { left: 30.8%; top: 29.5%;}
.brand .sec6 .left .img3 { left: 15.6%; top: 76.7%;}
.brand .sec6 .left .img4 { left: 49.8%; top: 58.7%;}
.brand .sec6 .left .img5 { left: 74.3%; top: 49.5%;}
.brand .sec6 .left .img6 { left: 27.8%; top: 50.5%;}
.brand .sec6 .left .img7 { left: 31.6%; top: 8.3%;}
.brand .sec6 .left .img8 { left: 3.8%; top: 45.8%;}
.brand .sec6 .left .img9 { left: 90.5%; top: 43.4%;}
.brand .sec6 .left .img10 { left: 32.5%; top: 71.7%;}
.brand .sec6 .left .img11 { left: 52.9%; top: 80.4%;}
.brand .sec6 .left .img12 { left: 57.5%; top: 32.1%;}
.brand .sec6 .left .img13 { left: 74.3%; top: 20.2%;}
.brand .sec6 .left .img14 { left: 76.7%; top: 67.2%;}
.brand .sec6 .left .img15 { left: 52.4%; top: 10.7%;}
.brand .sec6 .right { flex: 1; text-align: center;}
.brand .sec6 .right .text { display: inline-block; text-align: left;}
.brand .sec6 .right .title { margin-top: 18px;}
.brand .sec6 .right .stitle { margin-top: 28px; font-size: 20px; color: #333333; line-height: 34px;}
@media screen and (max-width: 1460px) {
  .brand .sec6 .left { width: 60%;}
  .brand .sec6 .left>img { zoom: 0.9;}
}
@media screen and (max-width: 1260px) {
  .brand .sec6 .left>img { zoom: 0.8;}
  .brand .sec6 .right .stitle { margin-top: 20px; font-size: 18px; line-height: 30px;}
}
@media screen and (max-width: 992px) {
  .brand .sec6 .left>img { zoom: 0.6;}
  .brand .sec6 .right .stitle { font-size: 16px; line-height: 24px;}
}
@media screen and (max-width: 768px) {
  .brand .sec6 .right .stitle { margin-top: 10px; font-size: 14px; line-height: 18px;}
  .brand .sec6 .left { width: 90%; margin-left: 5%;}
  .brand .sec6 .right { padding: 30px 0;}
}
@media screen and (max-width: 520px) {
  .brand .sec6 .left>img { zoom: 0.5;}
}
@media screen and (max-width: 430px) {
  .brand .sec6 .left>img { zoom: 0.4;}
}

.brand .sec7 { padding: 168px 0 176px;}
.brand .sec7 .text { flex: 1; padding-top: 11.35%;}
.brand .sec7 .text .title { margin-top: 18px;}
.brand .sec7 .text .stitle { margin-top: 18px; font-size: 20px; color: #333333; line-height: 32px;}
.brand .sec7 .img { width: 61.93%; position: relative;}
.brand .sec7 .img::before { content: '';width: 337px; height: 223px; background: #84CDFF; opacity: 0.67; border-radius: 20px; position: absolute; left: -133px; bottom: -53px; z-index: 3;}
.brand .sec7 .img::after { content: '';width: 220px; height: 260px; background: #0077C8; border-radius: 20px; position: absolute; top: -43px; right: -72px; z-index: 1;}
.brand .sec7 .img img { border-radius: 34px; position: relative; z-index: 2; transition: 0.3s;}
.brand .sec7 .img img:hover { transform: scale(1.1);}
@media screen and (max-width: 1640px) {
  .brand .sec7 .img::before { width: 300px; height: 198px; left: -120px; bottom: -43px;}
  .brand .sec7 .img::after { width: 200px; height: 236px; top: -35px; right: -40px;}
}
@media screen and (max-width: 1480px) {
  .brand .sec7 .img { width: 55%; margin-right: 40px;}
}
@media screen and (max-width: 1260px) {
  .brand .sec7 { padding: 100px 0;}
  .brand .sec7 .text .stitle { font-size: 18px; line-height: 26px;}
  .brand .sec7 .img img { border-radius: 25px;}
  .brand .sec7 .img::before { width: 220px; height: 145px; left: -80px; bottom: -30px;}
  .brand .sec7 .img::after { width: 140px; height: 165px; top: -25px; right: -30px;}
}
@media screen and (max-width: 992px) {
  .brand .sec7 .text .stitle { font-size: 16px; line-height: 22px;}
}
@media screen and (max-width: 768px) {
  .brand .sec7 { padding: 50px 0;}
  .brand .sec7 .text { width: 100%; padding-top: 0; flex: unset;}
  .brand .sec7 .text .title { margin-top: 10px;}
  .brand .sec7 .text .stitle { margin-top: 10px; font-size: 14px; line-height: 18px;}
  .brand .sec7 .img { width: 90%; margin: 0 auto; margin-top: 30px;}
  .brand .sec7 .img::before { width: 91px; height: 60px; border-radius: 10px; left: -20px; bottom: -10px;}
  .brand .sec7 .img::after { width: 59px; height: 70px; border-radius: 10px; top: -10px; right: -10px;}
  .brand .sec7 .img img { border-radius: 10px;}
  .brand .sec7 .img img:hover { transform: scale(1);}
}

.brand .sec8 { padding: 116px 0 119px; background: url(../images/brand8-bg.png); background-size: cover;}
.brand .sec8 .cont { align-items: center;}
.brand .sec8 .list { width: 50%;}
.brand .sec8 .list p { width: 415px; max-width: 80%; margin: 0 auto; height: 65px; border: 2px solid #FFFFFF; border-radius: 32px; font-size: 22px; color: #FFFFFF; line-height: 61px; text-align: center;}
.brand .sec8 .list p+p { margin-top: 52px;}
.brand .sec8 .list p:hover { background: #167FD8; border: 2px solid #167FD8; color: #ffffff;}
.brand .sec8 .text { max-width: 50%; padding-left: 10px;}
.brand .sec8 .text .line { background: #ffffff;}
.brand .sec8 .text .title { margin-top: 19px; color: #ffffff;}
.brand .sec8 .text .stitle { margin-top: 15px; font-size: 20px; color: #ffffff; line-height: 35px;}
@media screen and (max-width: 1260px) {
  .brand .sec8 { padding: 60px 0;}
  .brand .sec8 .list p { height: 50px; font-size: 20px; line-height: 46px;}
  .brand .sec8 .list p+p { margin-top: 40px;}
  .brand .sec8 .text .stitle { font-size: 18px; line-height: 30px;}
}
@media screen and (max-width: 992px) {
  .brand .sec8 .list p { height: 40px; font-size: 16px; line-height: 36px;}
  .brand .sec8 .list p+p { margin-top: 30px;}
  .brand .sec8 .text .stitle { font-size: 16px; line-height: 24px;}
}
@media screen and (max-width: 768px) {
  .brand .sec8 { padding: 30px 0;}
  .brand .sec8 .list p+p { margin-top: 20px;}
  .brand .sec8 .text .stitle { font-size: 14px; line-height: 18px;}
}
@media screen and (max-width: 600px) {
  .brand .sec8 .list { width: 100%;}
  .brand .sec8 .text { width: 100%; max-width: 100%; margin-top: 20px; padding-left: 0;}
  .brand .sec8 .text .title { margin-top: 10px;}
}

.brand .sec9 { padding: 224px 0 182px;}
.brand .sec9 .title { margin-top: 18px;}
.brand .sec9 .stitle { margin-top: 17px; font-size: 20px; color: #333333; line-height: 34px;}
.brand .sec9 .list { margin-top: 64px; justify-content: flex-start;}
.brand .sec9 .list .item { width: calc(25% - 35px); margin-right: 46px;}
.brand .sec9 .list .item:last-child { margin-right: 0;}
.brand .sec9 .list .item .img { width: 100%; border-radius: 23px; overflow: hidden; position: relative;}
.brand .sec9 .list .item .img::after { content: ''; width: 100%; height: 100%; background: rgba(85, 91, 96, 0.4); position: absolute; top: 0; left: 0;}
.brand .sec9 .list .item .img img { width: 100%; transition: 0.3s;}
.brand .sec9 .list .item .img:hover img { transform: scale(1.1);}
.brand .sec9 .list .item .name { margin-top: 34px; text-align: center; font-size: 20px; color: #333333; line-height: 1;}
.brand .sec9 .btn-box { margin-top: 69px; text-align: center;}
.brand .sec9 .btn-box a { display: inline-block; padding: 18px 59px; font-size: 24px; line-height: 23px; color: #0077C9; border: 2px solid #0077C8; border-radius: 31px;}
@media screen and (max-width: 1260px) {
  .brand .sec9 { padding: 100px 0;}
  .brand .sec9 .stitle { font-size: 18px; line-height: 26px;}
  .brand .sec9 .list { margin-top: 50px;}
  .brand .sec9 .list .item { width: calc(25% - 23px); margin-right: 30px;}
  .brand .sec9 .btn-box a { padding: 13px 50px; font-size: 20px; line-height: 1;}
}
@media screen and (max-width: 992px) {
  .brand .sec9 .stitle { font-size: 16px; line-height: 22px;}
  .brand .sec9 .list .item { width: calc(25% - 15px); margin-right: 20px;}
  .brand .sec9 .list .item .name { margin-top: 20px;}
}
@media screen and (max-width: 768px) {
  .brand .sec9 { padding: 30px 0;}
  .brand .sec9 .stitle { font-size: 14px; line-height: 18px;}
  .brand .sec9 .list { margin-top: 20px;}
  .brand .sec9 .list .item .img:hover img { transform: scale(1);}
  .brand .sec9 .list .item .name { margin-top: 10px; font-size: 16px;}
  .brand .sec9 .btn-box { margin-top: 20px;}
  .brand .sec9 .btn-box a { padding: 10px 40px; font-size: 16px;}
}
@media screen and (max-width: 520px) {
  .brand .sec9 .list .item { margin-top: 10px; margin-bottom: 10px; width: calc(50% - 5px); margin-right: 10px;}
  .brand .sec9 .list .item:nth-child(2n) { margin-right: 0;}
}

.brand .sec10 { padding: 101px 0 126px; background: #E5EEFD;}
.brand .sec10 .line { margin: 0 auto;}
.brand .sec10 .title { margin-top: 22px; text-align: center;}
.brand .sec10 .stitle { margin-top: 20px; font-size: 20px; line-height: 28px; color: #333333; text-align: center;}
.brand .sec10 .list .item { display: flex; flex-wrap: wrap; margin-top: 90px; align-items: flex-start;}
.brand .sec10 .list .img { width: calc(50% - 37px); border-radius: 23px; margin-right: 37px; overflow: hidden; position: relative;}
.brand .sec10 .list .img::after { content: ' '; width: 100%; height: 100%; background: rgba(72, 76, 83, 0.3); position: absolute; left: 0; top: 0; z-index: 2;}
.brand .sec10 .list .img img { width: 100%; transition: 0.3s; position: relative; z-index: 1;}
.brand .sec10 .list .img:hover img { transform: scale(1.1);}
.brand .sec10 .list .info { flex: 1; padding-left: 62px; padding-top: 57px; display: flex;}
.brand .sec10 .list .info .num { width: 84px; height: 84px; background: #167FD8; border-radius: 14px; font-size: 40px; font-weight: bold; color: #FFFFFF; line-height: 84px; text-align: center; margin-right: 27px;}
.brand .sec10 .list .info .text { flex: 1; padding-right: 20px;}
.brand .sec10 .list .info .text p:nth-of-type(1) { padding: 12px 0 20px; font-size: 26px; font-weight: bold; color: #333333; line-height: 34px; position: relative;}
.brand .sec10 .list .info .text p:nth-of-type(1)::after { content: ''; width: 140px; height: 2px; background: #313333; position: absolute; left: 0; bottom: 0;}
.brand .sec10 .list .info .text p:nth-of-type(2) { margin-top: 17px; font-size: 18px; color: #666666; line-height: 32px;}
.brand .sec10 .list .item:nth-child(2n) { flex-direction: row-reverse;}
.brand .sec10 .list .item:nth-child(2n) .img { margin-right: 10px;}
/*.brand .sec10 .list2 { margin-top: 162px; padding: 95px 205px 46px; background: url(../images/brand11-bg.png) center; border-radius: 31px; background-size: cover; position: relative;}*/
/*.brand .sec10 .list2::before { content: ''; width: 95%; height: 90%; border-radius: 31px; background: rgba(0, 119, 200, 0.17); position: absolute; left: 2.5%; top: -16px; z-index: 1;}*/
/*.brand .sec10 .list2::after { content: ''; width: 90%; height: 90%; border-radius: 31px; background: rgba(0, 119, 200, 0.17); position: absolute; left: 5%; top: -30px; z-index: 1;}*/
/*.brand .sec10 .list2 .item { width: calc(33.33% - 39px); padding: 57px 15px 55px; border-radius: 28px; background: rgba(88, 94, 103, 0.48); text-align: center; position: relative; z-index: 2;}*/
/*.brand .sec10 .list2 .item .name { font-size: 24px; line-height: 1; font-weight: bold; color: #FFFFFF;}*/
/*.brand .sec10 .list2 .item div { margin-top: 30px; min-height: 93px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 20px; color: #FFFFFF; line-height: 31px;}*/
.brand .sec10 .btn-box { margin-top: 78px; text-align: center;}
.brand .sec10 .btn-box a { display: inline-block; padding: 18px 59px; font-size: 24px; line-height: 23px; color: #0077C9; border: 2px solid #0077C8; border-radius: 31px;}


.brand .sec10 .list-box { position: relative;}
.brand .sec10 .list2 { margin-top: 162px; padding: 95px 205px 46px; background: url(../images/brand11-bg.png) center; border-radius: 31px; background-size: cover; position: relative;}
.brand .sec10 .list2::before { content: ''; width: 95%; height: 90%; border-radius: 31px; background: rgba(0, 119, 200, 0.17); position: absolute; left: 2.5%; top: -16px; z-index: 1;}
.brand .sec10 .list2::after { content: ''; width: 90%; height: 90%; border-radius: 31px; background: rgba(0, 119, 200, 0.17); position: absolute; left: 5%; top: -30px; z-index: 1;}
.brand .sec10 .list2 .item { width: calc(33.33% - 39px); padding: 57px 15px 55px; border-radius: 28px; text-align: center; position: relative; z-index: 2;}
.brand .sec10 .list2 .item .name { font-size: 24px; line-height: 1; font-weight: bold; color: #FFFFFF;}
.brand .sec10 .list2 .item div { margin-top: 30px; min-height: 93px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 18px; color: #FFFFFF; line-height: 31px;}
.brand .sec10 .list1 { width: 100%; padding: 95px 205px 46px; margin: 0 !important; position: absolute; top: 0; left: 0;}
.brand .sec10 .list1::before { display: none;}
.brand .sec10 .list1::after { display: none;}
.brand .sec10 .list1 .item { background: rgba(88, 94, 103, 0.48); mix-blend-mode: difference;}
.brand .sec10 .list1 .item .name { opacity: 0;;}
.brand .sec10 .list1 .item div { opacity: 0;;}

@media screen and (max-width: 1460px) {
  .brand .sec10 .list2 { padding: 95px 120px 46px; }
}
@media screen and (max-width: 1260px) {
  .brand .sec10 { padding: 90px 0;}
  .brand .sec10 .stitle { font-size: 18px; line-height: 24px;}
  .brand .sec10 .list .info { padding-left: 40px;}
  .brand .sec10 .list .item { margin-top: 60px;}
  .brand .sec10 .list .info .num { width: 70px; height: 70px; font-size: 32px; line-height: 70px;}
  .brand .sec10 .list .info .text p:nth-of-type(1) { font-size: 24px; line-height: 30px;}
  .brand .sec10 .list .info .text p:nth-of-type(2) { font-size: 16px; line-height: 26px;}
  .brand .sec10 .list2 { padding: 95px 6.9% 46px; }
  .brand .sec10 .list2 .item { padding: 40px 10px;}
  .brand .sec10 .list2 .item .name { font-size: 20px;}
  .brand .sec10 .list2 .item div { margin-top: 20px; min-height: 72px; font-size: 16px; line-height: 24px;}
  .brand .sec10 .btn-box a { padding: 13px 50px; font-size: 20px; line-height: 1;}
}
@media screen and (max-width: 992px) {
  .brand .sec10 .stitle { font-size: 16px; line-height: 20px;}
  .brand .sec10 .list .item { align-items: center;}
  .brand .sec10 .list .info { padding-left: 0; padding-top: 0;}
  .brand .sec10 .list .info .num { width: 60px; height: 60px; font-size: 28px; line-height: 60px; margin-right: 15px;}
  .brand .sec10 .list .info .text p:nth-of-type(1) { padding: 8px 0 17px; font-size: 20px; line-height: 24px;}
  .brand .sec10 .list .info .text p:nth-of-type(2) { font-size: 14px; line-height: 20px;}
  .brand .sec10 .list br { display: block;}
  .brand .sec10 .list2 { padding: 50px 5% 40px; }
  .brand .sec10 .list2 .item { padding: 40px 10px; width: calc(33.33% - 15px);}
  .brand .sec10 .list2 .item .name { font-size: 18px;}
  .brand .sec10 .list2 .item div { margin-top: 20px; min-height: 60px; font-size: 14px; line-height: 20px;}
}
@media screen and (max-width: 768px) {
  .brand .sec10 { padding: 30px 0;}
  .brand .sec10 .title { margin-top: 10px;}
  .brand .sec10 .title img { height: 30px;}
  .brand .sec10 .stitle { font-size: 14px; line-height: 18px; margin-top: 10px;}
  .brand .sec10 .list .item { margin-top: 30px;}
  .brand .sec10 .list .img { width: 100%; margin-right: 0;}
  .brand .sec10 .list .info { flex: unset; width: 100%; margin-top: 20px;}
  .brand .sec10 .list .item:nth-child(2n) { flex-direction: row;}
  .brand .sec10 .list2 { border-radius: 20px; margin-top: 50px; padding: 30px 5%;}
  .brand .sec10 .list2::before { border-radius: 20px;}
  .brand .sec10 .list2::after { border-radius: 20px;}
  .brand .sec10 .list2 .item { padding: 30px 10px; width: 100%;}
  .brand .sec10 .list2 .item+.item { margin-top: 20px;}
  .brand .sec10 .btn-box { margin-top: 20px;}
  .brand .sec10 .btn-box a { padding: 10px 40px; font-size: 16px;}
}

.case .sec1 { padding: 106px 0 130px;}
.case .sec1 .line { margin: 0 auto;}
.case .sec1 .title { margin-top: 19px; text-align: center;}
.case .sec1 .stitle { margin-top: 31px; font-size: 20px; line-height: 48px;}
.case .sec1 .list { margin-top: 38px; justify-content: flex-start;}
.case .sec1 .list .item { width: 11.11%; height: 79px;background: #FFFFFF;box-shadow: 0px 0px 51px 0px rgba(0,0,0,0.07); display: flex; align-items: center; justify-content: center;}
.case .sec1 .list .item img { max-width: 80%; max-height: 80%;}
@media screen and (max-width: 1260px) {
  .case .sec1 { padding: 90px 0;}
  .case .sec1 .stitle { font-size: 18px; line-height: 36px;}
}
@media screen and (max-width: 992px) {
  .case .sec1 .stitle { font-size: 16px; line-height: 24px;}
  .case .sec1 .list .item { width: 20%; height: 60px;}
}
@media screen and (max-width: 768px) {
  .case .sec1 { padding: 30px 0;}
  .case .sec1 .title { margin-top: 10px;}
  .case .sec1 .stitle { margin-top: 15px; font-size: 14px; line-height: 18px; text-align: center;}
  .case .sec1 .list { margin-top: 18px;}
  .case .sec1 .list .item { height: 50px;}
}

.case .sec2 { padding: 126px 0 109px; background: rgba(235, 238, 251, 0.3);}
.case .sec2 .line { margin: 0 auto;}
.case .sec2 .title { margin-top: 19px; text-align: center;}
.case .sec2 .cont { margin: 0 7.7%;}
.case .sec2 .mySwiper .swiper-slide { padding: 25px 33px; text-align: center; position: relative;}
.case .sec2 .mySwiper .img { margin-top: 36px; border-radius: 5px; padding-top: 69.58%; border: 11px solid #ffffff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.14); position: relative;}
.case .sec2 .mySwiper .img img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
.case .sec2 .mySwiper .img::after { content: ''; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.58); position: absolute; top: 0; left: 0;}
.case .sec2 .mySwiper .swiper-slide-active { padding: 0;}
.case .sec2 .mySwiper .swiper-slide-active .img { padding-top: 70.21%;}
.case .sec2 .mySwiper .swiper-slide-active .img::after { display: none;}
.case .sec2 .mySwiper .name { display: none; margin-top: 27px; font-size: 28px; font-weight: bold; color: #333333; line-height: 30px;}
.case .sec2 .mySwiper .desc { display: none; margin-top: 7px; font-size: 20px; color: #333333; line-height: 36px;}
.case .sec2 .mySwiper .swiper-slide-active .name { display: block;}
.case .sec2 .mySwiper .swiper-slide-active .desc { display: block;}
.case .sec2 .mySwiper .swiper-button-next { width: 38px; height: 38px; background: #0077C9; border: 2px solid #0077C9; border-radius: 50%; text-align: center; font-size: 21px; font-weight: bold; line-height: 34px; color: #ffffff; background-image: none; right: 31%; top: 40%;}
.case .sec2 .mySwiper .swiper-button-next.swiper-button-disabled { background: #ffffff; border: 2px solid #E3E3E3; color: #E3E3E3; opacity: 1;}
.case .sec2 .mySwiper .swiper-button-next::after { content: '\e62a'; font-family: 'iconfont'; }
.case .sec2 .mySwiper .swiper-button-prev { width: 38px; height: 38px; background: #0077C9; border: 2px solid #0077C9; border-radius: 50%; text-align: center; font-size: 21px; font-weight: bold; line-height: 34px; color: #ffffff; background-image: none; left: 31%; top: 40%;}
.case .sec2 .mySwiper .swiper-button-prev.swiper-button-disabled { background: #ffffff; border: 2px solid #E3E3E3; color: #E3E3E3; opacity: 1;}
.case .sec2 .mySwiper .swiper-button-prev::after { content: '\e635'; font-family: 'iconfont'; }
.case .sec2 .tips { margin-top: 65px; font-size: 30px; font-weight: bold; color: #0077C9; line-height: 1; text-align: center;}
@media screen and (max-width: 1460px) {
  .case .sec2 .mySwiper .swiper-button-next { right: 30%;}
  .case .sec2 .mySwiper .swiper-button-prev { left: 30%;}
}
@media screen and (max-width: 1260px) {
  .case .sec2 { padding: 90px 0;}
  .case .sec2 .cont { margin: 0 2%;}
  .case .sec2 .mySwiper .name { font-size: 24px; line-height: 26px;}
  .case .sec2 .mySwiper .desc { font-size: 18px; line-height: 30px;}
  .case .sec2 .tips { margin-top: 50px; font-size: 24px; }
}
@media screen and (max-width: 992px) {
  .case .sec2 .cont { margin: 0;}
  .case .sec2 .mySwiper .swiper-button-next { right: 29%; top: 44%;}
  .case .sec2 .mySwiper .swiper-button-prev { left: 29%; top: 44%;}
  .case .sec2 .mySwiper .name { margin-top: 20px; font-size: 20px; line-height: 22px;}
  .case .sec2 .mySwiper .desc { font-size: 16px; line-height: 24px;}
  .case .sec2 .tips { margin-top: 40px; font-size: 18px; }
}
@media screen and (max-width: 768px) {
  .case .sec2 { padding: 30px 0;}
  .case .sec2 .mySwiper .swiper-slide { padding: 0 15%;}
  .case .sec2 .mySwiper .swiper-button-next { right: 2%; top: 45%;}
  .case .sec2 .mySwiper .swiper-button-prev { left: 2%; top: 45%;}
  .case .sec2 .tips { margin-top: 20px; }
}

.case .sec3 { padding-top: 96px;}
.case .sec3 .line { margin: 0 auto;}
.case .sec3 .title { margin-top: 33px; text-align: center;}
.case .sec3 .mySwiper { margin-top: 38px;}
.case .sec3 .mySwiper .swiper-slide { padding: 90px 0 50px; height: 100%;}
.case .sec3 .mySwiper .slide-item1 { background: url(../images/case3-bg1.png) center; background-size: cover;}
.case .sec3 .mySwiper .slide-item2 { background: url(../images/case3-bg2.png) center; background-size: cover;}
.case .sec3 .mySwiper .slide-item3 { background: url(../images/case3-bg3.png) center; background-size: cover;}
.case .sec3 .mySwiper .slide-item4 { background: url(../images/case3-bg4.png) center; background-size: cover;}
.case .sec3 .mySwiper .top { align-items: flex-start;}
.case .sec3 .mySwiper .top .name { padding: 15px 36px 15px 20px; background: linear-gradient(90deg, #0E52A2 0%, #0273C4 100%); font-size: 30px; font-weight: bold; color: #FFFFFF; line-height: 34px;}
.case .sec3 .mySwiper .top .text { text-align: right;}
.case .sec3 .mySwiper .top .text p { font-size: 24px; font-weight: bold; color: #FFFFFF; line-height: 48px;}
.case .sec3 .mySwiper .bot { margin-top: 34px;}
.case .sec3 .mySwiper .bot .item p { text-align: center; margin-top: 21px; font-size: 24px; color: #FFFFFF; line-height: 30px;}
.case .sec3 .mySwiper .bot .item img { width: 100%;}
.case .sec3 .mySwiper .bot .item1 { width: 53.42%;}
.case .sec3 .mySwiper .bot .item2 { flex: 1; margin-left: 23px;}
.case .sec3 .mySwiper .swiper-button-next { width: 101px; height: 101px; background-image: url(../images/case3-arrowright.png); background-size: 100% 100%; right: 2.47%; top: 43%; z-index: 10;}
.case .sec3 .mySwiper .swiper-button-prev { width: 101px; height: 101px; background-image: url(../images/case3-arrowleft.png); background-size: 100% 100%; left: 2.47%; top: 43%; z-index: 10;}
.case .sec3 .mySwiper .slide-item2 .bot .item1 { width: 56.07%; margin-left: -33px;}
.case .sec3 .mySwiper .slide-item2 .bot .item2 { margin-right: -50px;}
.case .sec3 .mySwiper .slide-item3 .bot .item1 { width: 47.62%; margin-left: -24px;}
.case .sec3 .mySwiper .slide-item3 .bot .item2 { margin-right: -33px;}
.case .sec3 .mySwiper .slide-item4 .bot .item1 { width: 68.75%; margin-left: 0;}
.case .sec3 .mySwiper .slide-item4 .bot .item2 { margin-right: 10px;}
@media screen and (max-width: 1800px) {
  .case .sec3 .mySwiper .slide-item2 .bot .item1 { width: 52.67%; margin-left: 0;}
  .case .sec3 .mySwiper .slide-item2 .bot .item2 { margin-right: 0;}

}
@media screen and (max-width: 1700px) {
  .case .sec3 .mySwiper .swiper-button-next { width: 60px; height: 60px;}
  .case .sec3 .mySwiper .swiper-button-prev { width: 60px; height: 60px;}
}
@media screen and (max-width: 1620px) {
  .case .sec3 .mySwiper .swiper-button-next { right: 10px;}
  .case .sec3 .mySwiper .swiper-button-prev { left: 10px;}
}
@media screen and (max-width: 1260px) {
  .case .sec3 .mySwiper .top .name { font-size: 26px; line-height: 30px;}
  .case .sec3 .mySwiper .top .text p { font-size: 20px; line-height: 40px;}
  .case .sec3 .mySwiper .bot .item p { font-size: 20px; line-height: 24px;}
}
@media screen and (max-width: 992px) {
  .case .sec3 .mySwiper .top .name { padding: 10px; font-size: 20px; line-height: 24px;}
  .case .sec3 .mySwiper .top .text p { font-size: 16px; line-height: 30px;}
  .case .sec3 .mySwiper .bot .item p { margin-top: 10px; font-size: 16px; line-height: 20px;}
}
@media screen and (max-width: 768px) {
  .case .sec3 { padding-top: 30px;}
  .case .sec3 .mySwiper .swiper-slide { padding: 30px 0;}
}
@media screen and (max-width: 620px) {
  .case .sec3 { padding-top: 30px;}
  .case .sec3 .wrap { width: 70%;;}
  .case .sec3 .mySwiper .swiper-slide { padding: 30px 0;}
  .case .sec3 .mySwiper .top .text { width: 100%; text-align: left; margin-top: 10px;}
  .case .sec3 .mySwiper .bot .item1 { width: 100% !important; margin: 0 !important;}
  .case .sec3 .mySwiper .bot .item2 { margin-left: 0; margin-top: 20px; margin-right: 0 !important;}
  .case .sec3 .mySwiper .swiper-button-next { width: 40px; height: 40px;}
  .case .sec3 .mySwiper .swiper-button-prev { width: 40px; height: 40px;}
}

.case .sec4 { padding: 108px 0 113px;}
.case .sec4 .line { margin: 0 auto;}
.case .sec4 .title { margin-top: 19px; text-align: center;}
.case .sec4 .mySwiper-wrap { padding: 0 24px; margin-top: 5px; position: relative; z-index: 9;}
.case .sec4 .mySwiper .swiper-slide { padding: 50px;}
.case .sec4 .mySwiper .img { border-radius: 30px; background: #FFFFFF; border: 10px solid #ffffff; box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.09);}
.case .sec4 .mySwiper .img img { width: 100%;}
.case .sec4 .mySwiper .icon { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.case .sec4 .mySwiper .swiper-slide:hover .icon { display: block; cursor: pointer;}
.case .sec4 .swiper-button-next { width: 38px; height: 38px; background: #0077C9; border: 2px solid #0077C9; border-radius: 50%; text-align: center; font-size: 21px; font-weight: bold; line-height: 34px; color: #ffffff; background-image: none; right: 0; top: 50%;}
.case .sec4 .swiper-button-next.swiper-button-disabled { background: #ffffff; border: 2px solid #E3E3E3; color: #E3E3E3; opacity: 1;}
.case .sec4 .swiper-button-next::after { content: '\e62a'; font-family: 'iconfont'; }
.case .sec4 .swiper-button-prev { width: 38px; height: 38px; background: #0077C9; border: 2px solid #0077C9; border-radius: 50%; text-align: center; font-size: 21px; font-weight: bold; line-height: 34px; color: #ffffff; background-image: none; left: 0; top: 50%;}
.case .sec4 .swiper-button-prev.swiper-button-disabled { background: #ffffff; border: 2px solid #E3E3E3; color: #E3E3E3; opacity: 1;}
.case .sec4 .swiper-button-prev::after { content: '\e635'; font-family: 'iconfont'; }
.case .sec4 .cont { position: relative;}
.case .sec4 .case-detail { display: none; width: 100%; padding: 103px 0 90px; margin-top: 54px; margin-bottom: 68px; background: #F5F6FD; position: relative;}
.case .sec4 .case-detail .close { width: 25px; height: 25px; background: #0077C9; border-radius: 50%; color: #ffffff; font-size: 14px; line-height: 25px; text-align: center; cursor: pointer; position: absolute; top: 14px; right: 12px;}
.case .sec4 .case-detail .close::after { content: '\e839'; font-family: 'iconfont'; }
.case .sec4 .case-detail .left { width: 38.14%; padding-right: 114px;}
.case .sec4 .case-detail .left .name { margin-top: 63px; font-size: 40px; line-height: 44px; font-weight: bold; color: #0077C9;}
.case .sec4 .case-detail .left .type { margin-top: 20px; font-size: 24px; line-height: 28px; font-weight: bold; color: #333333;}
.case .sec4 .case-detail .left .desc { margin-top: 59px; font-size: 16px; color: #272727; line-height: 34px;}
.case .sec4 .case-detail .right { flex: 1;}
.case .sec4 .case-detail .right img { width: 71%;}
.case .sec4 .case-detail .right .idea { width: 29%; background: #0077C9; padding: 30px; font-size: 16px; line-height: 34px; color: #ffffff; display: flex; flex-direction: column; justify-content: center;}
.case .sec4 .case-detail .right .name { font-size: 24px;}
.case .sec4 .btn-box { text-align: center; margin-top: 8px;}
.case .sec4 .btn-box a { padding: 18px 91px 17px 92px; border: 2px solid #0077C9; border-radius: 31px; font-size: 24px; color: #0077C9; line-height: 1;}
.case .sec4 .btn-box a:hover { background: #0077C9; color: #ffffff;}
@media screen and (max-width: 1460px) {
  .case .sec4 .case-detail .left { padding-right: 60px;}
  .case .sec4 .case-detail .left .name { font-size: 34px; line-height: 38px;}
  .case .sec4 .case-detail .left .type { font-size: 20px; line-height: 24px;}
  .case .sec4 .case-detail .left .desc { font-size: 14px; line-height: 30px;}
  .case .sec4 .case-detail .right .idea { font-size: 14px; line-height: 30px;}
  .case .sec4 .case-detail .right .name { font-size: 20px;}
}
@media screen and (max-width: 1260px) {
  .case .sec4 { padding: 90px 0;}
  .case .sec4 .mySwiper .swiper-slide { padding: 50px 30px;}
  .case .sec4 .case-detail .left .name { font-size: 20px; line-height: 24px;}
  .case .sec4 .case-detail .left .type { font-size: 16px; line-height: 20px;}
  .case .sec4 .case-detail .left .desc { margin-top: 40px; font-size: 12px; line-height: 24px;}
  .case .sec4 .case-detail .right .idea { padding: 20px; font-size: 12px; line-height: 24px;}
  .case .sec4 .case-detail .right .name { font-size: 16px;}
  .case .sec4 .btn-box a { padding: 13px 60px; font-size: 20px;}
}
@media screen and (max-width: 992px) {
  .case .sec4 .case-detail .left { padding-right: 30px;}
  .case .sec4 .btn-box a { font-size: 18px;}
}
@media screen and (max-width: 768px) {
  .case .sec4 { padding: 30px 0;}
  .case .sec4 .case-detail { padding: 30px 0; margin-bottom: 30px;}
  .case .sec4 .case-detail .left { width: 100%;}
  .case .sec4 .case-detail .left .name { margin-top: 0;}
  .case .sec4 .case-detail .left .type { margin-top: 10px;}
  .case .sec4 .case-detail .left .desc { margin-top: 20px;}
  .case .sec4 .case-detail .right { margin-top: 20px;}
  .case .sec4 .case-detail .right .idea { width: 100%;}
  .case .sec4 .btn-box a { padding: 8px 30px; font-size: 14px;}
}
@media screen and (max-width: 520px) {
  .case .sec4 .case-detail .right img { width: 100%;}
}

.about .section .wrap {width:1440px;}
@media (max-width: 1460px) {.about .section .wrap {width: 1230px;}}
@media (max-width: 1260px) {.about .section .wrap {width: 94%;}}
.about .sec1 { padding: 7.8% 0 18.75%; background: #EBEEFB; overflow: hidden; position: relative;}
.about .sec1 .img { max-height: 100%; position: absolute; left: 0; bottom: 0; z-index: 1;}
.about .sec1 .cont { justify-content: flex-end; position: relative; z-index: 2;}
.about .sec1 .cont .text { width: 50%;}
.about .sec1 .cont .text .title { margin-top: 18px;}
.about .sec1 .cont .text .name { margin-top: 56px; font-size: 26px; line-height: 38px; font-weight: bold; color: #333333; }
.about .sec1 .cont .text .desc { margin-top: 20px; font-size: 20px; line-height: 44px; color: #333333; }
@media screen and (max-width: 1260px) {
  .about .sec1 .cont .text .name { margin-top: 40px; font-size: 24px; line-height: 30px;}
  .about .sec1 .cont .text .desc { margin-top: 15px; font-size: 16px; line-height: 36px;}
}
@media screen and (max-width: 992px) {
  .about .sec1 .cont .text .name { margin-top: 25px; font-size: 20px; line-height: 24px;}
  .about .sec1 .cont .text .desc { margin-top: 10px; font-size: 14px; line-height: 30px;}
}
@media screen and (max-width: 768px) {
  .about .sec1 .img { width: 100%;}
  .about .sec1 .cont .text {width: 100%;padding-bottom: 42%;}
  .about .sec1 .cont .text .title { margin-top: 10px;}
  .about .line { margin: 0 auto;}
  .about .title { text-align: center;}
}

.about .sec2 { padding: 68px 0 80px; background: url(../images/about2-bg.png); background-size: cover;}
.about .sec2 .line { margin: 0 auto; background: #ffffff;}
.about .sec2 .title { text-align: center; margin-top: 18px; margin-bottom: 15px; color: #ffffff;}
.about .sec2 .list { padding-left: 5.885%; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.about .sec2 .item { width: 12.5%; text-align: center; }
/*.about .sec2 .item { width: 14.12%; text-align: center; }*/
.about .sec2 .item .year { font-size: 32px; font-weight: bold; color: #FFFFFF; line-height: 1;}
.about .sec2 .item .text { width: 130%; margin-left: -15%; margin-top: 15px; font-size: 16px; color: #FFFFFF; line-height: 26px;}
.about .sec2 .item .lline { margin-top: 20px;}
.about .sec2 .item .dot { margin: 0 auto; margin-top: 3px; display: inline-block; width: 30px;  height: 30px;  border: 2px solid #FFFFFF;  border-radius: 50%; position: relative; z-index: 10;}
.about .sec2 .item .dot::after { content: ''; width: 19px; height: 19px; background: #FFFFFF; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.about .sec2 .list1 .item { display: flex; flex-direction: column; justify-content: flex-end;}
.about .sec2 .list1 .item:nth-of-type(1) { margin-bottom: 3.2%;}
.about .sec2 .list1 .item:nth-of-type(2) { margin-bottom: 6.4%;}
.about .sec2 .list1 .item:nth-of-type(3) { margin-bottom: 6.2%;}
.about .sec2 .list1 .item:nth-of-type(4) { margin-bottom: 3.7%;}
.about .sec2 .list1 .item:nth-of-type(5) { margin-bottom: 1.7%;;}
.about .sec2 .list1 .item:nth-of-type(6) { margin-bottom: 2.75%;}
.about .sec2 .list1 .item:nth-of-type(7) { margin-bottom: 8%;}
.about .sec2 .list2 .item { width: 13.5%;}
.about .sec2 .list2 .item:nth-of-type(1) { margin-top: -10.85%;}
.about .sec2 .list2 .item:nth-of-type(2) { margin-top: -12.6%;}
.about .sec2 .list2 .item:nth-of-type(3) { margin-top: -10.8%;}
.about .sec2 .list2 .item:nth-of-type(4) { margin-top: -7.8%;}
.about .sec2 .list2 .item:nth-of-type(5) { margin-top: -7.1%;}
.about .sec2 .list2 .item:nth-of-type(6) { margin-top: -10.85%;}
.about .sec2 .list2 .item:nth-of-type(7) { margin-top: -17.85%;}
.about .sec2 .cline { margin-top: -14.9%; position: relative; z-index: 1;}
.about .sec2 .list2 { padding-left: 11.44%;}
.about .sec2 .list2 .lline { transform: rotate(180deg); margin-top: 5px; margin-bottom: 29px;}
.about .sec2 .item .dot:hover { border: 2px solid #6BF6FF;}
.about .sec2 .item .dot:hover::after { background: #6BF6FF;}
@media screen and (max-width: 1670px) {
  /*.about .sec2 .list1 .item:nth-of-type(6) { margin-bottom: 3.1%;}*/
  /*.about .sec2 .list2 .item:nth-of-type(1) { margin-top: -10.45%;}*/
  /*.about .sec2 .list2 .item:nth-of-type(2) { margin-top: -10.45%;}*/
  /*.about .sec2 .list2 .item:nth-of-type(3) { margin-top: -7.5%;}*/
  /*.about .sec2 .list2 .item:nth-of-type(4) { margin-top: -5%;}*/
  /*.about .sec2 .list2 .item:nth-of-type(5) { margin-top: -5.8%;}*/
  /*.about .sec2 .list2 .item:nth-of-type(6) { margin-top: -11.7%;}*/
}
@media screen and (max-width: 1560px) {
  .about .sec2 .item .year { font-size: 30px;}
  .about .sec2 .item .text { font-size: 14px; line-height: 24px; width: 120%; margin-left: -10%;}
  .about .sec2 .cline { margin-top: -15.1%;}
  /*.about .sec2 .list1 .item:nth-of-type(6) { margin-bottom: 3.3%;}*/
  /*.about .sec2 .list2 .item:nth-of-type(1) { margin-top: -10.65%;}*/
  /*.about .sec2 .list2 .item:nth-of-type(2) { margin-top: -10.65%;}*/
  /*.about .sec2 .list2 .item:nth-of-type(3) { margin-top: -7.7%;}*/
  /*.about .sec2 .list2 .item:nth-of-type(4) { margin-top: -5.2%;}*/
  /*.about .sec2 .list2 .item:nth-of-type(5) { margin-top: -6%;}*/
  /*.about .sec2 .list2 .item:nth-of-type(6) { margin-top: -11.9%;}*/
}
@media screen and (max-width: 1420px) {
  .about .sec2 .item .year { font-size: 24px;}
  .about .sec2 .item .text { font-size: 12px; line-height: 20px;  width: 120%; margin-left: -10%;}
  .about .sec2 .cline { margin-top: -15.2%;}
}
@media screen and (max-width: 1260px) {
  .about .sec2 .cline { margin-top: -15.3%;}
  .about .sec2 .item .lline { height: 140px;}
  .about .sec2 .item .lline img { height: 100%; object-fit: contain;}
  /*.about .sec2 .list2 .item:nth-of-type(1) { margin-top: -10.85%;}*/
  /*.about .sec2 .list2 .item:nth-of-type(2) { margin-top: -10.85%;}*/
  /*.about .sec2 .list2 .item:nth-of-type(3) { margin-top: -7.9%;}*/
  /*.about .sec2 .list2 .item:nth-of-type(4) { margin-top: -5.4%;}*/
  /*.about .sec2 .list2 .item:nth-of-type(5) { margin-top: -6.2%;}*/
  /*.about .sec2 .list2 .item:nth-of-type(6) { margin-top: -12.1%;}*/
}
@media screen and (max-width: 992px) {
  .about .sec2 .item .text { width: 100%; margin-left: 0;}
  .about .sec2 .item .lline { height: 100px;}
  /*.about .sec2 .list2 .item:nth-of-type(1) { margin-top: -10.85%;}*/
  /*.about .sec2 .list2 .item:nth-of-type(2) { margin-top: -10.85%;}*/
  /*.about .sec2 .list2 .item:nth-of-type(3) { margin-top: -7.9%;}*/
  /*.about .sec2 .list2 .item:nth-of-type(4) { margin-top: -5.4%;}*/
  /*.about .sec2 .list2 .item:nth-of-type(5) { margin-top: -6.2%;}*/
  /*.about .sec2 .list2 .item:nth-of-type(6) { margin-top: -12.1%;}*/
  .about .sec2 .item .dot { width: 20px; height: 20px;}
  .about .sec2 .item .dot::after { width: 12px; height: 12px;}
}
@media screen and (max-width: 768px) {
  .about .sec2 { padding: 30px 0 10px;}
  .about .sec2 .title { margin-top: 10px;}
  .about .sec2 .list { padding-left: 0;}
  .about .sec2 .cline { display: none;}
  .about .sec2 .item,.about .sec2 .list2 .item { width: 50%; padding: 0 5%; margin: 0 0 20px 0!important;}
  .about .sec2 .item .lline { display: none;}
  .about .sec2 .item .dot { display: none;}
  .about .sec2 .list1 .item { display: block;}
}

.about .sec3 { padding: 95px 0 87px; background: url(../images/about3-bg.png) no-repeat left bottom; background-size: cover;}
.about .sec3 .cont { align-items: center;}
.about .sec3 .left { flex: 1;}
.about .sec3 .left .title { margin-top: 18px;}
.about .sec3 .left .desc { margin-top: 36px; font-size: 20px; color: #333333; line-height: 44px;}
.about .sec3 .left .desc span { color: #0077C9;}
.about .sec3 .img { width: 56.4%; margin-right: -32px;}
@media screen and (max-width: 1460px) {
  .about .sec3 .img { margin-right: 0;}
}
@media screen and (max-width: 1260px) {
  .about .sec3 .left .desc { margin-top: 20px; font-size: 16px; line-height: 36px;}
}
@media screen and (max-width: 992px) {
  .about .sec3 .left .desc { margin-top: 20px; font-size: 14px; line-height: 30px;}
}
@media screen and (max-width: 768px) {
  .about .sec3 { padding: 30px 0;}
  .about .sec3 .left { flex: unset; width: 100%;}
  .about .sec3 .left .title { margin-top: 10px;}
  .about .sec3 .img { width: 90%; margin: 0 auto; margin-top: 20px;}
}

.about .sec4 { padding-top: 102px;}
.about .sec4 .line { margin: 0 auto;}
.about .sec4 .title { text-align: center; margin-top: 19px;}
.about .sec4 .list { border-radius: 162px; padding: 34px 122px 38px; margin: 0 4.63%; margin-top: 52px; background: #1977C8 url(../images/about4-bg.png); background-size: cover;}
.about .sec4 .list .item { flex: 1; text-align: center;}
.about .sec4 .list .item .icon { display: inline-block; width: 141px; height: 141px; background: rgba(0,102,198,1); border-radius: 50%; font-size: 74px; line-height: 141px; text-align: center; color: #E2F0FC;}
.about .sec4 .list .item p:nth-of-type(1) { margin-top: 15px; font-size: 30px; font-weight: bold; color: #FFFFFF; line-height: 1;}
.about .sec4 .list .item p:nth-of-type(2) { margin-top: 12px; font-size: 18px; color: #FFFFFF; line-height: 27px;}
.about .sec4 .swiper-wrap { padding: 0 218px; position: relative; margin-top: 62px;}
.about .sec4 .swiper-box { padding: 0 2.79%; overflow: hidden;}
.about .sec4 .mySwiper { margin-top: 42px; overflow: visible;}
.about .sec4 .swiper-container-android .swiper-slide,.about .sec4 .swiper-wrapper{display: flex; align-items:center;}
.about .sec4 .swiper-slide { transform: scale(1.18); width: 33.33% !important; height: 100%; padding: 60px 0 90px; position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.about .sec4 .swiper-slide::after { content: ''; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.55); position: absolute; top: 0; left: 0;}
.about .sec4 .swiper-slide .img { background: #FFFFFF; border: 10px solid #ffffff; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.13);}
.about .sec4 .swiper-slide-next { z-index: 998;}
.about .sec4 .swiper-slide-prev { z-index: 998;}
.about .sec4 .swiper-slide-active { transform: scale(1.331); z-index: 999;}
.about .sec4 .swiper-slide-active::after { display: none;}
.about .sec4 .swiper-button-next { width: 55px; height: 55px; background: #0077C9; border: 2px solid #0077C9; border-radius: 50%; text-align: center; font-size: 25px; font-weight: bold; line-height: 50px; color: #ffffff; background-image: none; right: 10%;}
.about .sec4 .swiper-button-next.swiper-button-disabled { background: #ffffff; border: 2px solid #E3E3E3; color: #E3E3E3; opacity: 1;}
.about .sec4 .swiper-button-next::after { content: '\e62a'; font-family: 'iconfont'; }
.about .sec4 .swiper-button-prev { width: 55px; height: 55px; background: #0077C9; border: 2px solid #0077C9; border-radius: 50%; text-align: center; font-size: 25px; font-weight: bold; line-height: 50px; color: #ffffff; background-image: none; left: 10%;}
.about .sec4 .swiper-button-prev.swiper-button-disabled { background: #ffffff; border: 2px solid #E3E3E3; color: #E3E3E3; opacity: 1;}
.about .sec4 .swiper-button-prev::after { content: '\e635'; font-family: 'iconfont'; }
@media screen and (max-width: 1760px) {
  .about .sec4 .list { padding: 34px 80px 38px;}
}
@media screen and (max-width: 1660px) {
  .about .sec4 .list { padding: 34px 50px 38px;}
}
@media screen and (max-width: 1600px) {
  .about .sec4 .list .item .icon { width: 120px; height: 120px; font-size: 64px; line-height: 120px;}
  .about .sec4 .list .item p:nth-of-type(1) { font-size: 24px;}
  .about .sec4 .list .item p:nth-of-type(2) { font-size: 16px; line-height: 22px;}
}
@media screen and (max-width: 1300px) {
  .about .sec4 .list .item .icon { width: 90px; height: 90px; font-size: 46px; line-height: 90px;}
  .about .sec4 .list .item p:nth-of-type(1) { font-size: 20px;}
  .about .sec4 .list .item p:nth-of-type(2) { font-size: 14px; line-height: 20px;}
}
@media screen and (max-width: 1260px) {
  .about .sec4 { padding-top: 90px;}
  .about .sec4 .swiper-wrap { padding: 0 100px;}
  .about .sec4 .swiper-button-next { width: 40px; height: 40px; font-size: 20px; line-height: 36px; right: 0;}
  .about .sec4 .swiper-button-prev { width: 40px; height: 40px; font-size: 20px; line-height: 36px; left: 0;}
}
@media screen and (max-width: 1160px) {
  .about .sec4 .list .item .icon { width: 70px; height: 70px; font-size: 38px; line-height: 70px;}
  .about .sec4 .list .item p:nth-of-type(1) { margin-top: 10px; font-size: 18px;}
  .about .sec4 .list .item p:nth-of-type(2) { margin-top: 8px; font-size: 12px; line-height: 18px;}
}
@media screen and (max-width: 992px) {
  .about .sec4 .swiper-wrap { margin-top: 30px;}
}
@media screen and (max-width: 768px) {
  .about .sec4 { padding-top: 30px;}
  .about .sec4 .list { padding: 20px 10px; border-radius: 40px; margin-top: 20px;}
  .about .sec4 .list .item { flex: unset; width: 30%; }
  .about .sec4 .swiper-wrap { padding: 0 50px;}
  .about .sec4 .mySwiper { margin-top: 0;}
  .about .sec4 .swiper-slide { width: 100% !important; padding: 30px 10px;}
  .about .sec4 .swiper-slide { transform: scale(1);}
  .about .sec4 .swiper-slide-active { margin: 0; transform: scale(1);}
  .about .sec4 .swiper-button-next { width: 30px; height: 30px; font-size: 16px; line-height: 26px;}
  .about .sec4 .swiper-button-prev { width: 30px; height: 30px; font-size: 16px; line-height: 26px;}
}

.about .sec5 { margin-top: 146px;}
.about .sec5 .line { margin: 0 auto;}
.about .sec5 .title { text-align: center; margin-top: 19px;}
.about .sec5 .list { margin-top: 43px; padding: 0 65px;}
.about .sec5 .list .item { width: 33.1%; position: relative; margin-bottom: 5px;}
.about .sec5 .list .item .mask { width: 100%; height: 100%; background: rgba(0, 120, 232, 0.7); position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.about .sec5 .list .item .mask img { max-width: 80%;}
.about .sec5 .list .item .mask p:nth-of-type(1) { font-size: 45px; font-weight: bold; color: #FFFFFF; line-height: 1; opacity: 0.68;}
.about .sec5 .list .item .mask p:nth-of-type(2) { font-size: 18px; color: #FF9804; line-height: 1; margin-top: 12px;}
.about .sec5 .list .item:hover .mask { display: none;}
@media screen and (max-width: 1260px) {
  .about .sec5 { margin-top: 90px;}
  .about .sec5 .list .item .mask p:nth-of-type(1) { font-size: 40px;}
  .about .sec5 .list .item .mask p:nth-of-type(2) { font-size: 16px;}
}
@media screen and (max-width: 992px) {
  .about .sec5 .list .item .mask p:nth-of-type(1) { font-size: 36px;}
  .about .sec5 .list .item .mask p:nth-of-type(2) { font-size: 14px;}
}
@media screen and (max-width: 768px) {
  .about .sec5 { margin-top: 30px;}
  .about .sec5 .title { margin-top: 10px;}
  .about .sec5 .list { margin-top: 20px;}
  .about .sec5 .list .item { margin-bottom: 3px;}
  .about .sec5 .list .item .mask p:nth-of-type(1) { font-size: 26px;}
  .about .sec5 .list .item .mask p:nth-of-type(2) { font-size: 12px; margin-top: 0;}
}

.about .sec6 { margin-top: 125px; text-align: center;}
.about .sec6 .line { margin: 0 auto;}
.about .sec6 .title { margin-top: 25px;}
.about .sec6 img { max-width: 100%;}
@media screen and (max-width: 1260px) {
  .about .sec6 { margin-top: 90px;}
}
@media screen and (max-width: 768px) {
  .about .sec6 { margin-top: 30px;}
  .about .sec6 .title { margin-top: 10px;}
}

.about .sec7 { padding: 96px 0 82px; background: #EDF3FC;}
.about .sec7 .line { margin: 0 auto;}
.about .sec7 .title { margin-top: 33px; text-align: center;}
.about .sec7 .mySwiper { margin: 0 75px; margin-top: 65px; padding-bottom: 38px;}
.about .sec7 .swiper-slide { overflow: hidden;}
.about .sec7 .item { position: relative; float: left; border-radius: 19px; overflow: hidden; cursor: pointer;}
.about .sec7 .item:nth-of-type(1) { width: 48.14%; margin-right: 2.155%; border-radius: 16px;}
.about .sec7 .item:nth-of-type(2) { width: 23.45%; margin-right: 2.155%; margin-bottom: 18px;}
.about .sec7 .item:nth-of-type(3) { width: 23.45%; margin-bottom: 18px;}
.about .sec7 .item:nth-of-type(4) { width: 23.45%; margin-right: 2.155%;}
.about .sec7 .item:nth-of-type(5) { width: 23.45%;}
.about .sec7 .item .img { width: 100%; height: 100%; object-fit: cover;}
.about .sec7 .item .mask { width: 100%; height: 100%; background: rgba(51, 51, 51, 0.4); position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center;}
.about .sec7 .item .icon i { font-size: 96px; color: #ffffff; opacity: 0.67;}
.about .sec7 .item:nth-of-type(1) .icon i { font-size: 170px;}
.about .sec7 .list::after {content: ''; display: block; clear: both;}
.about .sec7 .swiper-pagination { bottom: 0;}
.about .sec7 .swiper-pagination-bullet { background: #FFFFFF; box-shadow: 0px 0px 10px 0px rgba(64,66,87,0.14); opacity: 1;}
.about .sec7 .swiper-pagination-bullet-active { background: #3692D9; box-shadow: 0px 0px 10px 0px rgba(64,66,87,0.14);}
@media screen and (max-width: 1260px) {
  .about .sec7 .title { margin-top: 20px;}
  .about .sec7 .mySwiper { margin: 0; margin-top: 50px;}
  .about .sec7 .item .icon i { font-size: 70px;}
  .about .sec7 .item:nth-of-type(1) .icon i { font-size: 120px;}
}
@media screen and (max-width: 768px) {
  .about .sec7 { padding: 30px 0;}
  .about .sec7 .title { margin-top: 10px;}
  .about .sec7 .mySwiper { margin-top: 20px;}
  .about .sec7 .item { border-radius: 8px;}
  .about .sec7 .item:nth-of-type(2) { margin-bottom: 7px;}
  .about .sec7 .item:nth-of-type(3) { margin-bottom: 7px;}
  .about .sec7 .item .icon i { font-size: 30px;}
  .about .sec7 .item:nth-of-type(1) .icon i { font-size: 60px;}
}

.about .sec8 { padding: 129px 0 156px;}
.about .sec8 .line { margin: 0 auto;}
.about .sec8 .title { text-align: center; margin-top: 33px;}
.about .sec8 .list { margin-top: 68px;}
.about .sec8 .list .item { width: 33.3%; padding-left: 38px;}
.about .sec8 .list .item .tit { font-size: 24px; font-weight: bold; color: #333333; line-height: 26px;}
.about .sec8 .list .item .nlist { margin-top: 52px; padding-right: 20px; border-right: 1px solid #B0B0B0;}
.about .sec8 .list .item .info { width: 100%; display: flex;}
.about .sec8 .list .item .info+.info { margin-top: 22px;}
.about .sec8 .list .item .info .num { margin-right: 15px; display: block; width: 24px; height: 24px; background: #333333; border-radius: 6px; font-size: 18px; line-height: 24px; text-align: center; color: #ffffff; font-style: normal;}
.about .sec8 .list .item .info span { flex: 1; font-size: 16px; color: #333333; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.about .sec8 .list .item .info:first-child .num { background: #F36525;}
.about .sec8 .list .item .info:nth-child(2) .num { background: #F36525;}
.about .sec8 .list .item .info:hover span { color: #0077C9;}
.about .sec8 .list .item:nth-last-of-type(1) .nlist { border-right: none;}
.about .sec8 .list .item .more { margin-top: 26px; font-size: 14px; color: #8A8A8A;}
.about .sec8 .list .item .more i { font-size: 14px;}
.about .sec8 .list .item .more:hover { color: #0077C9;}
@media screen and (max-width: 1260px) {
  .about .sec8 { padding: 90px 0;}
  .about .sec8 .title { margin-top: 20px;}
  .about .sec8 .list .item { padding-left: 20px;}
  .about .sec8 .list .item .tit { font-size: 20px;}
  .about .sec8 .list .item .nlist { padding-right: 10px;}
  .about .sec8 .list .item .info span { font-size: 14px;}
}
@media screen and (max-width: 992px) {
  .about .sec8 .list { margin-top: 50px;}
  .about .sec8 .list .item .tit { font-size: 18px;}
  .about .sec8 .list .item .nlist { margin-top: 40px;}
  .about .sec8 .list .item .info+.info { margin-top: 10px;}
  .about .sec8 .list .item .info .num { width: 20px; height: 20px; font-size: 14px; line-height: 20px;}
  .about .sec8 .list .item .info span { font-size: 12px; line-height: 20px;}
  .about .sec8 .list .item .more { font-size: 12px; margin-top: 15px;}
  .about .sec8 .list .item .more i { font-size: 12px;}
}
@media screen and (max-width: 768px) {
  .about .sec8 { padding: 30px 0;}
  .about .sec8 .title { margin-top: 10px;}
  .about .sec8 .list { margin-top: 20px;}
  .about .sec8 .list .item { padding-left: 10px;}
  .about .sec8 .list .item .nlist { margin-top: 10px;}
}
@media screen and (max-width: 520px) {
  .about .sec8 .list .item { width: 100%; margin-bottom: 20px;}
  .about .sec8 .list .item .nlist { border-right: none;}
}

.index .sec5 .cont .left .company>img { transition: 0.3s;}
.index .sec5 .cont .left .company>img:hover { transform: scale(1.1);}
@media screen and (max-width: 768px) {
  .index .sec5 .cont .left .company>img:hover { transform: scale(1);}
}

.smartc .sec5 .table .tbody label div { display: flex; align-items: center; justify-content: center;}
.smartc .sec5 .table .tbody:hover label { position: relative;}
.smartc .sec5 .table .tbody:hover label div { width: 138%; height: 100%; border-radius: 26px 0px 0px 26px; background: #097DCD; position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center;}
.smartc .sec5 .table .tbody:hover label div span { color: #ffffff;}
.smartc .sec5 .table .tbody:hover .list { background: #EAEDFB;}
.smartc .sec5 .table .tbody.active label { position: relative;}
.smartc .sec5 .table .tbody.active label div { width: 138%; height: 100%; border-radius: 26px 0px 0px 26px; background: #097DCD; position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center;}
.smartc .sec5 .table .tbody.active label div span { color: #ffffff;}
.smartc .sec5 .table .tbody.active .list { background: #EAEDFB;}
@media screen and (max-width: 992px) {
  .smartc .sec5 .table .tbody:hover label div { border-radius: 18px 0px 0px 18px}
  .smartc .sec5 .table .tbody.active label div { border-radius: 18px 0px 0px 18px}
}
@media screen and (max-width: 768px) {
  .smartc .sec5 .table .tbody:hover label div { border-radius: 18px 0px 0px 18px}
  .smartc .sec5 .table .tbody.active label div { border-radius: 10px 0px 0px 10px}
}

.about .sec2 .list .item .year,.about .sec2 .list .item .text { transition: 0.3s;}
.about .sec2 .list .item:hover .year,.about .sec2 .list .item:hover .text { transform: scale(1.1)}
.about .sec2 .item:hover .dot { border: 2px solid #6BF6FF;}
.about .sec2 .item:hover .dot::after { background: #6BF6FF;}
@media screen and (max-width: 768px) {
  .about .sec2 .list .item:hover .year,.about .sec2 .list .item:hover .text { transform: scale(1)}
}

.case .sec2 .mySwiper .swiper-slide .mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; display: none;}
.case .sec2 .mySwiper .swiper-slide .mask .icon { opacity: 0.68; display: block; width: 49px; height: 49px; border-radius: 50%; background: #333333; padding-left: 3px; font-size: 28px; line-height: 49px; text-align: center; color: #ffffff;}
.case .sec2 .mySwiper .swiper-slide-active:hover .mask { display: flex;}

.seo .sec1 { margin-top: 0; background: #F7FAFE;}
.seo .sec1::after { display: none;}
.seo .sec1 .line { margin-top: -3.125%;}

.about .banner a { display: flex;}
.contact .banner a { display: flex;}
.video { width: 100%;}



.sem .sec1 .cont .item p { transform: 0.3s; cursor: default;}
.sem .sec1 .cont .item p:hover { background: #0077C8; color: #ffffff;}
.sem .sec3 .left .lcont3 .name { margin-top: -44px;}
@media screen and (max-width: 1260px) {
  .sem .sec3 .left .lcont3 .name { margin-top: -30px;}
}
@media screen and (max-width: 992px) {
  .sem .sec3 .left .lcont3 .name { margin-top: -24px;}
}

.smartc .sec4 .cont { height: 472px;}
.smartc .sec4 .btn-box { margin-top: 48px;}
@media screen and (max-width: 1460px) {
  .smartc .sec4 .cont { height: 430px;}
  .smartc .sec4 .btn-box { margin-top: 30px;}
}
@media screen and (max-width: 1260px) {
  .smartc .sec4 .cont { height: 350px;}
}
@media screen and (max-width: 992px) {
  .smartc .sec4 .btn-box { margin-top: 30px;}
}
@media screen and (max-width: 768px) {
  .smartc .sec4 .cont { height: auto;}
  .smartc .sec4 .btn-box { margin-top: 20px;}
}

.custom .sec3 .mySwiper .swiper-slide .img { overflow: hidden;}
.custom .sec3 .mySwiper .swiper-slide .img img { display: none;}
.custom .sec3 .mySwiper .swiper-slide .img .img-box { display: block; width: 100%;}
.custom .sec3 .mySwiper .swiper-slide .img .img-box  { height: 0; padding-bottom: 205%; background-size: 100% auto; background-repeat: no-repeat; background-position: center top; transition: ease-out 3s;}
.custom .sec3 .mySwiper .swiper-slide .img .img-box:hover { background-position: center bottom;}

.multilingual .sec3 .mySwiper .swiper-slide .img .img-box { display: block; width: 100%;}
.multilingual .sec3 .mySwiper .swiper-slide .img .img-box  { height: 0; padding-bottom: 205%; background-size: 100% auto; background-repeat: no-repeat; background-position: center top; transition: ease-out 3s;}
.multilingual .sec3 .mySwiper .swiper-slide .img .img-box:hover { background-position: center bottom;}

.case .sec4 .mySwiper .swiper-slide .img { overflow: hidden;}
.case .sec4 .mySwiper .swiper-slide .img .img-box { display: block; width: 100%;}
.case .sec4 .mySwiper .swiper-slide .img .img-box  { height: 0; padding-bottom: 205.9%; background-size: 100% auto; background-repeat: no-repeat; background-position: center top; transition: ease-out 3s;}
.case .sec4 .mySwiper .swiper-slide .img .img-box:hover { background-position: center bottom;}

.smartc .sec6 .swiper-slide .img { overflow: hidden; border: 10px solid rgba(255,255,255,0.26); border-radius: 30px;}
.smartc .sec6 .swiper-slide .img .img-box { display: block; width: 100%;}
.smartc .sec6 .swiper-slide .img .img-box  { height: 0; padding-bottom: 226.2%; background-size: 100% auto; background-repeat: no-repeat; background-position: center top; transition: ease-out 3s;}
.smartc .sec6 .swiper-slide .img .img-box:hover { background-position: center bottom;}

@media screen and (max-width: 768px) {
  .smartc .sec4 .cont { height: auto;}
  .smartc .sec4 .btn-box { margin-top: 20px;}
}

.contact .sec1 { margin-bottom: 86px;}
@media screen and (max-width: 768px) {
  .contact .sec1 { margin-bottom: 30px;}
}

.about .sec6 img { margin-top: 35px;}
@media screen and (max-width: 768px) {
  .about .sec5 .list { padding: 0;}
  .about .sec6 img { margin-top: 20px;}
}

.index .sec3 .cont { height: 800px;}
@media screen and (max-width: 1260px) {
  .index .sec3 .cont { height: 640px;}
}
@media screen and (max-width: 992px) {
  .index .sec3 .cont { height: 560px;}
}
@media screen and (max-width: 768px) {
  .index .sec3 .cont { height: auto;}
}

.seo .sec3 .cont .left .img { width: 59.36%; border-radius: 40px;}
.seo .sec3 .cont .right .rlogo { width: 24.24%; margin-top: 0;}
.seo .sec3 .cont .right .name { margin-top: 30px;}
.seo .sec3 .cont .right .info { margin-top: 74px;}
.seo .sec3 .cont .right .info .item { width: 491px; max-width: 100%; margin-top: 22px; border-radius: 12px;}
.seo .sec3 .cont .right .info .item .text { padding: 0 10px 0 53px;}
@media screen and (max-width: 1460px) {
  .seo .sec3 .cont .right .info .item .text { padding: 0 10px 0 40px;}
}
@media screen and (max-width: 992px) {
  .seo .sec3 .cont .right .info { margin-top: 30px;}
  .seo .sec3 .cont .right .info .item .text { padding: 0 10px 0 20px;}
}
@media screen and (max-width: 768px) {
  .seo .sec3 .cont .left .img { border-radius: 30px;}
  .seo .sec3 .cont .right .name { margin-top: 15px;}
  .seo .sec3 .cont .right .info { margin-top: 20px;}
}


.custom .sec1 .rcont>.flex { height: 531px;}
.custom .sec1 .rcont .info { height: 100%;}
.custom .sec1 .rcont .text p:first-child { margin-top: 0;}
.custom .sec1 .rcont .img { height: 100%;}
@media screen and (max-width: 1460px) {
  .custom .sec1 .rcont>.flex { height: 480px;}
}
@media screen and (max-width: 1160px) {
  .custom .sec1 .rcont>.flex { height: 520px;}
}
@media screen and (max-width: 992px) {
  .custom .sec1 .rcont>.flex { height: 380px;}
}
@media screen and (max-width: 768px) {
  .custom .sec1 .rcont>.flex { height: auto;}
}






.b2cs .banner-img{position: relative;width: 100%;text-align: center;overflow: hidden;}
.b2cs .banner-img img{display: inline-block;vertical-align: top;width: 100%;}

.b2cs .module-sec1{position: relative;width: 100%;padding-top: 33px;padding-bottom: 31px;}
.b2cs .sec-top{position: relative;width: 100%;font-size: 0;letter-spacing: 0;padding-top: 31px;}
.b2cs .sec-top::before{content: "";position: absolute;left: 0;top: 0px;width: 71px;height: 9px;background: #FF642D;border-radius: 5px;}
.b2cs .sec-top .sec-title{font-size: 32px;font-family: SourceHanSansCN-Bold;color: #333333;line-height: 56px;font-weight: bold;}
.b2cs .mod1-tbody{position: relative;width: 100%;max-width: 1290px;margin: 0 auto;margin-top: 61px;}
.b2cs .mod1-tbody-img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 9;}
.b2cs .mod1-tbody-img .item-pic{position: relative;width: 244px;height: 244px;background: url(../images/2c-logo-bgi.png) no-repeat center center;background-size: 100% 100%; border-radius: 50%;}
.b2cs .mod1-tbody-img .item-pic::before{position: absolute;content: "";left: 10px;top: -12px;background: rgba(205, 205, 205, .05);border: 1px solid #fff; box-shadow: 0px 20px 40px 0px rgba(45,32,27,0.18);border-radius: 50%;border-radius: 50%;z-index: 2;width: 100%;height: 100%;box-sizing: border-box;}
.b2cs .mod1-tbody-img .item-pic img{position: relative;width: 100%;height: 100%;z-index: 3;}
.b2cs .mod1-tbody-list{position: relative;font-size: 0;letter-spacing: 0;margin-left: -45px;margin-right: -45px;margin-bottom: -18px;display: flex;flex-wrap: wrap;}
.b2cs .mod1-tbody-item{display: inline-block;vertical-align: top;width: 50%;padding: 0 45px;margin-bottom: 38px;}
.b2cs .mod1-tbody-item .item-box{position: relative;width: 100%;max-width: 388px;background: #F9F9F9;border: 1px solid #FFFFFF;box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.23);border-radius: 19px;padding: 22px 25px 12px;height: 100%;}
.b2cs .mod1-tbody-item .item-box::before{position: absolute;content: "";width: 173px;height: 140px;background-size: 100% !important;}
.b2cs .mod1-tbody-list .mod1-tbody-item:nth-of-type(1) .item-box::before{background: url(../images/2c-lian.png) no-repeat center center;top: 20px;left: 100%;}
.b2cs .mod1-tbody-list .mod1-tbody-item:nth-of-type(2) .item-box::before{background: url(../images/2c-lian.png) no-repeat center center;top: 20px;right: 100%;transform: rotateY(180deg);}
.b2cs .mod1-tbody-list .mod1-tbody-item:nth-of-type(3) .item-box::before{background: url(../images/2c-lian.png) no-repeat center center;bottom: 32px;left: 100%;transform: rotateX(180deg);}
.b2cs .mod1-tbody-list .mod1-tbody-item:nth-of-type(4) .item-box::before{background: url(../images/2c-lian.png) no-repeat center center;bottom: 32px;right: 100%;transform: rotate(180deg);}
.b2cs .mod1-tbody-list .mod1-tbody-item:nth-of-type(odd) .item-box{margin-right: auto;}
.b2cs .mod1-tbody-list .mod1-tbody-item:nth-of-type(even) .item-box{margin-left: auto;}
.b2cs .mod1-tbody-item .item-box .item-title{font-size: 22px;font-family: SourceHanSansCN-Bold;color: #7C4633;line-height: 32px;margin-bottom: 12px;}
.b2cs .mod1-tbody-item .item-box .item-text{font-size: 18px;font-family: SourceHanSansCN;color: #666666;line-height: 28px;min-height: 84px;}
.b2cs .mod1-tbody-item .item-box:hover{background: #FF642D;}
.b2cs .mod1-tbody-item .item-box:hover .item-title, .b2cs .mod1-tbody-item .item-box:hover .item-text{color: #fff;}

@media screen and (max-width:1459px){
  .b2cs .module-sec1{padding-top: 30px;padding-bottom: 28px;}
  .b2cs .sec-top{padding-top: 28px;}
  .b2cs .sec-top::before{width: 66px;height: 8px;border-radius: 4px;}
  .b2cs .sec-top .sec-title{font-size: 28px;line-height: 48px;}
  .b2cs .mod1-tbody{margin-top: 54px;}
  .b2cs .mod1-tbody-img .item-pic{width: 220px;height: 220px;}
  .b2cs .mod1-tbody-list{margin-left: -40px;margin-right: -40px;margin-bottom: -16px;}
  .b2cs .mod1-tbody-item{width: 50%;padding: 0 40px;margin-bottom: 32px;}
  .b2cs .mod1-tbody-item .item-box{max-width: 360px;border-radius: 16px;padding: 20px 22px 10px;}
  .b2cs .mod1-tbody-item .item-box::before{width: 158px;height: 132px;}
  .b2cs .mod1-tbody-list .mod1-tbody-item:nth-of-type(1) .item-box::before{top: 20px;left: 100%;}
  .b2cs .mod1-tbody-list .mod1-tbody-item:nth-of-type(2) .item-box::before{top: 20px;right: 100%;}
  .b2cs .mod1-tbody-list .mod1-tbody-item:nth-of-type(3) .item-box::before{bottom: 32px;left: 100%;}
  .b2cs .mod1-tbody-list .mod1-tbody-item:nth-of-type(4) .item-box::before{bottom: 32px;right: 100%;}
  .b2cs .mod1-tbody-item .item-box .item-title{font-size: 20px;line-height: 30px;margin-bottom: 10px;}
  .b2cs .mod1-tbody-item .item-box .item-text{font-size: 17px;line-height: 28px;min-height: 84px;}
}
@media screen and (max-width:1259px){
  .b2cs .module-sec1{padding-top: 26px;padding-bottom: 24px;}
  .b2cs .sec-top{padding-top: 24px;}
  .b2cs .sec-top::before{width: 58px;height: 7px;border-radius: 4px;}
  .b2cs .sec-top .sec-title{font-size: 24px;line-height: 40px;}
  .b2cs .mod1-tbody{margin-top: 48px;}
  .b2cs .mod1-tbody-img .item-pic{width: 196px;height: 196px;}
  .b2cs .mod1-tbody-list{margin-left: -30px;margin-right: -30px;margin-bottom: -14px;}
  .b2cs .mod1-tbody-item{width: 50%;padding: 0 30px;margin-bottom: 28px;}
  .b2cs .mod1-tbody-item .item-box{max-width: 320px;border-radius: 14px;padding: 14px 15px 8px;}
  .b2cs .mod1-tbody-item .item-box::before{width: 146px;height: 124px;}
  .b2cs .mod1-tbody-list .mod1-tbody-item:nth-of-type(1) .item-box::before{top: 16px;left: 100%;}
  .b2cs .mod1-tbody-list .mod1-tbody-item:nth-of-type(2) .item-box::before{top: 16px;right: 100%;}
  .b2cs .mod1-tbody-list .mod1-tbody-item:nth-of-type(3) .item-box::before{bottom: 26px;left: 100%;}
  .b2cs .mod1-tbody-list .mod1-tbody-item:nth-of-type(4) .item-box::before{bottom: 26px;right: 100%;}
  .b2cs .mod1-tbody-item .item-box .item-title{font-size: 18px;line-height: 28px;margin-bottom: 10px;}
  .b2cs .mod1-tbody-item .item-box .item-text{font-size: 16px;line-height: 26px;min-height: 78px;}
}
@media screen and (max-width:991px){
  .b2cs .module-sec1{padding-top: 22px;padding-bottom: 20px;}
  .b2cs .sec-top{padding-top: 20px;}
  .b2cs .sec-top::before{width: 50px;height: 6px;border-radius: 3px;}
  .b2cs .sec-top .sec-title{font-size: 20px;line-height: 32px;}
  .b2cs .mod1-tbody{margin-top: 40px;}
  .b2cs .mod1-tbody-img{position: relative;width: 100%;top: 0;left: 0;transform: translate(0,0);margin-bottom: 20px;}
  .b2cs .mod1-tbody-img .item-pic{width: 180px;height: 180px;margin: 0 auto;}
  .b2cs .mod1-tbody-list{margin-left: -15px;margin-right: -15px;margin-bottom: -10px;}
  .b2cs .mod1-tbody-item{width: 50%;padding: 0 15px;margin-bottom: 24px;}
  .b2cs .mod1-tbody-item .item-box{max-width: 100%;border-radius: 14px;padding: 14px 15px 8px;}
  .b2cs .mod1-tbody-item .item-box::before{display: none;}
  .b2cs .mod1-tbody-item .item-box .item-title{font-size: 17px;line-height: 28px;margin-bottom: 8px;}
  .b2cs .mod1-tbody-item .item-box .item-text{font-size: 15px;line-height: 26px;min-height: 78px;}
}
@media screen and (max-width:720px){
  .b2cs .module-sec1{padding-top: 18px;padding-bottom: 16px;}
  .b2cs .sec-top{padding-top: 16px;}
  .b2cs .sec-top::before{width: 48px;height: 6px;border-radius: 3px;}
  .b2cs .sec-top .sec-title{font-size: 18px;line-height: 28px;}
  .b2cs .mod1-tbody{margin-top: 32px;}
  .b2cs .mod1-tbody-img .item-pic{width: 180px;height: 180px;margin: 0 auto;}
  .b2cs .mod1-tbody-list{margin-left: -6px;margin-right: -6px;margin-bottom: -10px;}
  .b2cs .mod1-tbody-item{width: 50%;padding: 0 6px;margin-bottom: 24px;}
  .b2cs .mod1-tbody-item .item-box{max-width: 100%;border-radius: 14px;padding: 14px 15px 8px;}
  .b2cs .mod1-tbody-item .item-box::before{display: none;}
  .b2cs .mod1-tbody-item .item-box .item-title{font-size: 16px;line-height: 26px;margin-bottom: 8px;}
  .b2cs .mod1-tbody-item .item-box .item-text{font-size: 14px;line-height: 24px;min-height: 72px;}
}
@media screen and (max-width:440px){
  .b2cs .module-sec1{padding-top: 18px;padding-bottom: 16px;}
  .b2cs .sec-top{padding-top: 16px;}
  .b2cs .sec-top::before{width: 48px;height: 6px;border-radius: 3px;}
  .b2cs .sec-top .sec-title{font-size: 18px;line-height: 28px;}
  .b2cs .mod1-tbody{margin-top: 32px;}
  .b2cs .mod1-tbody-img .item-pic{width: 160px;height: 160px;margin: 0 auto;}
  .b2cs .mod1-tbody-list{margin-left: -6px;margin-right: -6px;margin-bottom: -10px;}
  .b2cs .mod1-tbody-item{width: 100%;padding: 0 6px;margin-bottom: 24px;}
  .b2cs .mod1-tbody-item .item-box{max-width: 100%;border-radius: 14px;padding: 14px 15px 8px;}
  .b2cs .mod1-tbody-item .item-box::before{display: none;}
  .b2cs .mod1-tbody-item .item-box .item-title{font-size: 16px;line-height: 26px;margin-bottom: 8px;}
  .b2cs .mod1-tbody-item .item-box .item-text{font-size: 14px;line-height: 24px;min-height: 72px;}
}
.b2cs .module-sec2{position: relative;width: 100%;padding-top: 60px;padding-bottom: 68px;}
.b2cs .module-sec2::before{position: absolute;content: "";display: block;left: 0;top: 0;background: url(../images/2c-bgi1.png) no-repeat left top;width: 100%;padding-bottom: 90%;background-size: 100%;}
.b2cs .mod2-tbody{margin-top: 28px;position: relative;width: 100%;background: rgba(255,255,255,0.38);border: 2px solid #FFFFFF;box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.11);border-radius: 37px;padding: 58px 90px 30px;}
.b2cs .mod2-tbody-box{position: relative;width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.b2cs .mod2-tbody-left{position: relative;display: inline-block;vertical-align: top;width: 75%;}
.b2cs .mod2-tbody-right{position: relative;display: inline-block;vertical-align: top;width: 25%;}
.b2cs .mod2-tbody-img{position: relative;width: 100%;text-align: center;}
.b2cs .mod2-tbody-img img{display: inline-block;vertical-align: top;width: auto;max-width: 100%;}
.b2cs .mod2-tbody-list{position: relative;width: 100%;font-size: 0;letter-spacing: 0;}
.b2cs .mod2-tbody-item{position: relative;width: 100%;margin-bottom: 28px;}
.b2cs .mod2-tbody-item .item-box{position: relative;width: 100%;padding-left: 38px;}
.b2cs .mod2-tbody-item .item-box .item-icon{position: absolute;left: 0;top: 0;width: 25px;}
.b2cs .mod2-tbody-item .item-box .item-icon img{display: block;width: 100%;}
.b2cs .mod2-tbody-item .item-box .item-title{font-size: 22px;font-family: SourceHanSansCN-Medium;color: #7C4633;line-height: 26px;}
.b2cs .mod2-tbody-item .item-box .item-desc{font-size: 16px;font-family: SourceHanSansCN;color: #333333;line-height: 26px;margin-top: 10px;}
@media screen and (max-width:1459px){
  .b2cs .module-sec2{padding-top: 54px;padding-bottom: 60px;}
  .b2cs .mod2-tbody{margin-top: 28px;border-radius: 36px;padding: 52px 70px 28px;}
  .b2cs .mod2-tbody-left{width: 75%;}
  .b2cs .mod2-tbody-right{width: 25%;}
  .b2cs .mod2-tbody-item{margin-bottom: 24px;}
  .b2cs .mod2-tbody-item .item-box{padding-left: 38px;}
  .b2cs .mod2-tbody-item .item-box .item-icon{width: 25px;}
  .b2cs .mod2-tbody-item .item-box .item-title{font-size: 20px;line-height: 26px;}
  .b2cs .mod2-tbody-item .item-box .item-desc{font-size: 16px;line-height: 26px;margin-top: 10px;}
}
@media screen and (max-width:1259px){
  .b2cs .module-sec2{padding-top: 48px;padding-bottom: 52px;}
  .b2cs .mod2-tbody{margin-top: 28px;border-radius: 32px;padding: 46px 50px 24px;}
  .b2cs .mod2-tbody-left{width: 75%;}
  .b2cs .mod2-tbody-right{width: 25%;}
  .b2cs .mod2-tbody-item{margin-bottom: 24px;}
  .b2cs .mod2-tbody-item .item-box{padding-left: 36px;}
  .b2cs .mod2-tbody-item .item-box .item-icon{width: 25px;}
  .b2cs .mod2-tbody-item .item-box .item-title{font-size: 18px;line-height: 26px;}
  .b2cs .mod2-tbody-item .item-box .item-desc{font-size: 15px;line-height: 26px;margin-top: 8px;}
}
@media screen and (max-width:991px){
  .b2cs .module-sec2{padding-top: 42px;padding-bottom: 44px;}
  .b2cs .mod2-tbody{margin-top: 24px;border-radius: 28px;padding: 38px 30px 20px;}
  .b2cs .mod2-tbody-left{width: 75%;}
  .b2cs .mod2-tbody-right{width: 22%;}
  .b2cs .mod2-tbody-item{margin-bottom: 20px;}
  .b2cs .mod2-tbody-item .item-box{padding-left: 32px;}
  .b2cs .mod2-tbody-item .item-box .item-icon{width: 22px;}
  .b2cs .mod2-tbody-item .item-box .item-title{font-size: 17px;line-height: 26px;}
  .b2cs .mod2-tbody-item .item-box .item-desc{font-size: 14px;line-height: 24px;margin-top: 8px;}
}
@media screen and (max-width:720px){
  .b2cs .module-sec2{padding-top: 36px;padding-bottom: 36px;}
  .b2cs .mod2-tbody{margin-top: 24px;border-radius: 28px;padding: 32px 15px 15px;}
  .b2cs .mod2-tbody-left{width: 100%;}
  .b2cs .mod2-tbody-right{width: 100%;margin-top: 10px;}
  .b2cs .mod2-tbody-right img{max-width: 160px;}
  .b2cs .mod2-tbody-item{margin-bottom: 20px;}
  .b2cs .mod2-tbody-item .item-box{padding-left: 30px;}
  .b2cs .mod2-tbody-item .item-box .item-icon{width: 20px;}
  .b2cs .mod2-tbody-item .item-box .item-title{font-size: 16px;line-height: 26px;}
  .b2cs .mod2-tbody-item .item-box .item-desc{font-size: 14px;line-height: 24px;margin-top: 6px;}
}


.b2cs .module-sec3{position: relative;width: 100%;padding-top: 60px;padding-bottom: 61px;}
.b2cs .mod3-tbody{margin-top: 44px;position: relative;width: 100%;}
.b2cs .mod3-tbody-list{position: relative;font-size: 0;letter-spacing: 0;margin-left: -43px;margin-right: -43px;display: flex;flex-wrap: wrap;}
.b2cs .mod3-tbody-item{position: relative;display: inline-block;vertical-align: top;width: 25%;padding: 0 43px;margin-bottom: 20px;transition: all .4s}
.b2cs .mod3-tbody-item:hover{ transform: translateY(-20px);transition: all .4s}
.b2cs .mod3-tbody-item .item-box{position: relative;width: 100%;height: 100%;background: rgba(255,255,255,0.38);border: 2px solid #FFFFFF;box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.11);border-radius: 37px;padding: 52px 28px 27px;}
.b2cs .mod3-tbody-item .item-box .item-pic{position: relative;width: 100%;max-width: 163px;margin: 0 auto;background: linear-gradient(184deg, #FFC9B5, #FFFFFF);border-radius: 50%;}
.b2cs .mod3-tbody-item .item-box .item-pic img{display: block;width: 100%;}
.b2cs .mod3-tbody-item .item-box .item-title{position: relative;width: 100%;padding: 10px 15px; line-height: 36px;font-size: 24px;font-family: SourceHanSansCN-Medium;color: #FFFFFF;text-align: center;background: #F5612C;border: 1px solid #FFFFFF;box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.21);border-radius: 28px;margin-top: 36px;}
.b2cs .mod3-tbody-item .item-box .item-desc{font-size: 18px;font-family: SourceHanSansCN;line-height: 32px;color: #333333;margin-top: 20px;}
@media screen and (max-width:1459px){
  .b2cs .module-sec3{padding-top: 54px;padding-bottom: 54px;}
  .b2cs .mod3-tbody{margin-top: 38px;}
  .b2cs .mod3-tbody-list{margin-left: -30px;margin-right: -30px;}
  .b2cs .mod3-tbody-item{width: 25%;padding: 0 30px;margin-bottom: 18px;}
  .b2cs .mod3-tbody-item .item-box{border-radius: 33px;padding: 48px 24px 22px;}
  .b2cs .mod3-tbody-item .item-box .item-pic{max-width: 150px;}
  .b2cs .mod3-tbody-item .item-box .item-title{padding: 8px 14px;line-height: 32px;font-size: 22px;border-radius: 25px;margin-top: 32px;}
  .b2cs .mod3-tbody-item .item-box .item-desc{font-size: 17px;line-height: 30px;margin-top: 18px;}
}
@media screen and (max-width:1259px){
  .b2cs .module-sec3{padding-top: 48px;padding-bottom: 48px;}
  .b2cs .mod3-tbody{margin-top: 32px;}
  .b2cs .mod3-tbody-list{margin-left: -15px;margin-right: -15px;}
  .b2cs .mod3-tbody-item{width: 25%;padding: 0 15px;margin-bottom: 16px;}
  .b2cs .mod3-tbody-item .item-box{border-radius: 28px;padding: 42px 20px 18px;}
  .b2cs .mod3-tbody-item .item-box .item-pic{max-width: 130px;}
  .b2cs .mod3-tbody-item .item-box .item-title{padding: 6px 12px;line-height: 28px;font-size: 20px;border-radius: 22px;margin-top: 28px;}
  .b2cs .mod3-tbody-item .item-box .item-desc{font-size: 16px;line-height: 28px;margin-top: 16px;}
}
@media screen and (max-width:991px){
  .b2cs .module-sec3{padding-top: 42px;padding-bottom: 42px;}
  .b2cs .mod3-tbody{margin-top: 28px;}
  .b2cs .mod3-tbody-list{margin-left: -15px;margin-right: -15px;justify-content: center;}
  .b2cs .mod3-tbody-item{width: 33.333333%;padding: 0 15px;margin-bottom: 16px;}
  .b2cs .mod3-tbody-item .item-box{border-radius: 28px;padding: 42px 20px 18px;}
  .b2cs .mod3-tbody-item .item-box .item-pic{max-width: 130px;}
  .b2cs .mod3-tbody-item .item-box .item-title{padding: 6px 12px;line-height: 28px;font-size: 20px;border-radius: 22px;margin-top: 28px;}
  .b2cs .mod3-tbody-item .item-box .item-desc{font-size: 16px;line-height: 28px;margin-top: 16px;}
}
@media screen and (max-width:750px){
  .b2cs .module-sec3{padding-top: 36px;padding-bottom: 36px;}
  .b2cs .mod3-tbody{margin-top: 24px;}
  .b2cs .mod3-tbody-list{margin-left: -8px;margin-right: -8px;justify-content: center;}
  .b2cs .mod3-tbody-item{width: 33.333333%;padding: 0 8px;margin-bottom: 16px;}
  .b2cs .mod3-tbody-item .item-box{border-radius: 24px;padding: 36px 18px 16px;}
  .b2cs .mod3-tbody-item .item-box .item-pic{max-width: 120px;}
  .b2cs .mod3-tbody-item .item-box .item-title{padding: 5px 10px;line-height: 28px;font-size: 18px;border-radius: 20px;margin-top: 24px;}
  .b2cs .mod3-tbody-item .item-box .item-desc{font-size: 15px;line-height: 26px;margin-top: 14px;}
}
@media screen and (max-width:600px){
  .b2cs .module-sec3{padding-top: 30px;padding-bottom: 30px;}
  .b2cs .mod3-tbody{margin-top: 20px;}
  .b2cs .mod3-tbody-list{margin-left: -8px;margin-right: -8px;justify-content: center;}
  .b2cs .mod3-tbody-item{width: 50%;padding: 0 8px;margin-bottom: 16px;}
  .b2cs .mod3-tbody-item .item-box{border-radius: 24px;padding: 32px 15px 14px;}
  .b2cs .mod3-tbody-item .item-box .item-pic{max-width: 110px;}
  .b2cs .mod3-tbody-item .item-box .item-title{padding: 5px 10px;line-height: 28px;font-size: 18px;border-radius: 20px;margin-top: 24px;}
  .b2cs .mod3-tbody-item .item-box .item-desc{font-size: 14px;line-height: 24px;margin-top: 12px;}
}
@media screen and (max-width:420px){
  .b2cs .module-sec3{padding-top: 24px;padding-bottom: 24px;}
  .b2cs .mod3-tbody{margin-top: 18px;}
  .b2cs .mod3-tbody-list{margin-left: -8px;margin-right: -8px;justify-content: center;}
  .b2cs .mod3-tbody-item{width: 100%;padding: 0 8px;margin-bottom: 16px;}
  .b2cs .mod3-tbody-item .item-box{border-radius: 24px;padding: 32px 15px 14px;max-width: 320px;margin: 0 auto;}
  .b2cs .mod3-tbody-item .item-box .item-pic{max-width: 110px;}
  .b2cs .mod3-tbody-item .item-box .item-title{padding: 5px 10px;line-height: 28px;font-size: 18px;border-radius: 20px;margin-top: 24px;}
  .b2cs .mod3-tbody-item .item-box .item-desc{font-size: 14px;line-height: 24px;margin-top: 12px;}
}
.b2cs .module-sec4{position: relative;width: 100%;padding-top: 70px;padding-bottom: 72px;}
.b2cs .module-sec4::before{position: absolute;content: "";display: block;right: 0;bottom: 0;background: url(../images/2c-bgi2.png) no-repeat right bottom;width: 100%;height: 680px;background-size: auto 100%;}
.b2cs .mod4-tbody{margin-top: 39px;position: relative;width: 100%;}
.b2cs .mod4-tbody-menu{position: relative;width: 100%;font-size: 0;letter-spacing: 0;padding-left: 36px;}
.b2cs .mod4-tbody-menu .menu-item{display: inline-block;vertical-align: top;background: url(../images/2c-tab.png) no-repeat center center;background-size: 100% 100%;width: 202px;font-size: 37px;line-height: 52px;padding-top: 20px;text-align: center;position: relative;font-family: SourceHanSansCN-Bold;margin-bottom: -2px;margin-left: -24px;}
.b2cs .mod4-tbody-menu .menu-item:nth-of-type(1){margin-left: 0 !important;}
.b2cs .mod4-tbody-menu .menu-item a{color: #7C4633;display: block;}
.b2cs .mod4-tbody-menu .menu-item.active{z-index: 99;}
.b2cs .mod4-tbody-content{position: relative;width: 100%;background: #F8F8F8;border: 2px solid #FFFFFF;box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.11);border-radius: 35px;}
.b2cs .mod4-content-item{position: relative;width: 100%;display: none;}
.b2cs .mod4-content-item .item-box{position: relative;width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;padding: 55px 70px 59px;min-height: 498px;}
.b2cs .mod4-tbody-content .mod4-content-item:nth-of-type(odd) .item-box{flex-direction: row-reverse;}
.b2cs .mod4-tbody-content .mod4-content-item:nth-of-type(even) .item-box{flex-direction: row;}
.b2cs .mod4-tbody-content .mod4-content-item:nth-of-type(odd) .item-pic{text-align: right;}
.b2cs .mod4-content-item .item-box .item-pic{position: relative;width: 55.35%;}
.b2cs .mod4-content-item .item-box .item-body{position: relative;width: 40%;}
.b2cs .mod4-content-item .item-body .item-title{font-size: 26px;font-family: Microsoft YaHei;font-weight: bold;color: #7C4633;line-height: 42px;}
.b2cs .mod4-content-item .item-body .item-desc{font-size: 16px;font-family: Microsoft YaHei;color: #333333;line-height: 32px;margin-top: 14px;}
.b2cs .mod4-content-item .item-body .item-info{position: relative;font-size: 0;letter-spacing: 0;margin-left: -5px;margin-right: -5px;margin-top: 30px;}
.b2cs .mod4-content-item .item-body .item-info ul{position: relative;width: 50%;display: inline-block;vertical-align: top;padding-top: 10px;}
.b2cs .mod4-content-item .item-body .item-info ul::before{content: "";position: absolute;left: 0;top: 0;width: 163px;height: 2px;background: #BFBFBF;opacity: 0.5;}
.b2cs .mod4-content-item .item-body .item-info ul>li{font-size: 17px;font-family: Microsoft YaHei;color: #333333;line-height: 27px;padding: 5px 0;position: relative;padding-left: 28px;}
.b2cs .mod4-content-item .item-body .item-info ul>li::before{position: absolute;content: "";left: 0;top: 50%;transform: translateY(-50%);width: 7px;height: 7px;background: #FF642D;}
@media screen and (max-width:1459px){
  .b2cs .module-sec4{padding-top: 62px;padding-bottom: 64px;}
  .b2cs .mod4-tbody{margin-top: 36px;}
  .b2cs .mod4-tbody-menu{padding-left: 32px;}
  .b2cs .mod4-tbody-menu .menu-item{width: 180px;font-size: 34px;line-height: 46px;padding-top: 18px;margin-left: -20px;}
  .b2cs .mod4-tbody-content{border-radius: 30px;}
  .b2cs .mod4-content-item .item-box{padding: 42px 54px 48px;}
  .b2cs .mod4-content-item .item-box .item-pic{width: 57%;}
  .b2cs .mod4-content-item .item-box .item-body{width: 41%;}
  .b2cs .mod4-content-item .item-body .item-title{font-size: 24px;line-height: 40px;}
  .b2cs .mod4-content-item .item-body .item-desc{font-size: 16px;line-height: 30px;margin-top: 14px;}
  .b2cs .mod4-content-item .item-body .item-info{margin-left: -5px;margin-right: -5px;margin-top: 28px;}
  .b2cs .mod4-content-item .item-body .item-info ul{width: 50%;padding-top: 10px;}
  .b2cs .mod4-content-item .item-body .item-info ul::before{width: 156px;height: 2px;}
  .b2cs .mod4-content-item .item-body .item-info ul>li{font-size: 16px;line-height: 26px;padding: 4px 0;padding-left: 24px;}
  .b2cs .mod4-content-item .item-body .item-info ul>li::before{width: 6px;height: 6px;}
}
@media screen and (max-width:1259px){
  .b2cs .module-sec4{padding-top: 54px;padding-bottom: 56px;}
  .b2cs .mod4-tbody{margin-top: 30px;}
  .b2cs .mod4-tbody-menu{padding-left: 28px;}
  .b2cs .mod4-tbody-menu .menu-item{width: 168px;font-size: 30px;line-height: 42px;padding-top: 16px;margin-left: -16px;}
  .b2cs .mod4-tbody-content{border-radius: 28px;}
  .b2cs .mod4-content-item .item-box{padding: 42px 36px 48px;min-height: auto;}
  .b2cs .mod4-content-item .item-box .item-pic{width: 56%;}
  .b2cs .mod4-content-item .item-box .item-body{width: 43%;}
  .b2cs .mod4-content-item .item-body .item-title{font-size: 22px;line-height: 36px;}
  .b2cs .mod4-content-item .item-body .item-desc{font-size: 15px;line-height: 28px;margin-top: 12px;}
  .b2cs .mod4-content-item .item-body .item-info{margin-left: -5px;margin-right: -5px;margin-top: 24px;}
  .b2cs .mod4-content-item .item-body .item-info ul{width: 50%;padding-top: 10px;}
  .b2cs .mod4-content-item .item-body .item-info ul::before{width: 148px;height: 2px;}
  .b2cs .mod4-content-item .item-body .item-info ul>li{font-size: 14px;line-height: 24px;padding: 3px 0;padding-left: 20px;}
  .b2cs .mod4-content-item .item-body .item-info ul>li::before{width: 5px;height: 5px;}
}
@media screen and (max-width:991px){
  .b2cs .module-sec4{padding-top: 46px;padding-bottom: 48px;}
  .b2cs .mod4-tbody{margin-top: 26px;}
  .b2cs .mod4-tbody-menu{padding-left: 24px;}
  .b2cs .mod4-tbody-menu .menu-item{width: 160px;font-size: 28px;line-height: 42px;padding-top: 14px;margin-left: -16px;}
  .b2cs .mod4-tbody-content{border-radius: 24px;}
  .b2cs .mod4-content-item .item-box{padding: 40px 28px 44px;}
  .b2cs .mod4-content-item .item-box .item-pic{width: 100%;text-align: center !important;}
  .b2cs .mod4-content-item .item-box .item-body{width: 100%;margin-top: 20px;}
  .b2cs .mod4-content-item .item-body .item-title{font-size: 20px;line-height: 32px;}
  .b2cs .mod4-content-item .item-body .item-desc{font-size: 14px;line-height: 26px;margin-top: 12px;}
  .b2cs .mod4-content-item .item-body .item-info{margin-left: -5px;margin-right: -5px;margin-top: 24px;}
  .b2cs .mod4-content-item .item-body .item-info ul{width: 50%;padding-top: 10px;}
  .b2cs .mod4-content-item .item-body .item-info ul::before{width: 160px;height: 2px;}
  .b2cs .mod4-content-item .item-body .item-info ul>li{font-size: 14px;line-height: 24px;padding: 3px 0;padding-left: 20px;}
  .b2cs .mod4-content-item .item-body .item-info ul>li::before{width: 5px;height: 5px;}
}
@media screen and (max-width:720px){
  .b2cs .module-sec4{padding-top: 38px;padding-bottom: 40px;}
  .b2cs .mod4-tbody{margin-top: 22px;}
  .b2cs .mod4-tbody-menu{padding-left: 20px;}
  .b2cs .mod4-tbody-menu .menu-item{width: 25%;font-size: 24px;line-height: 36px;padding-top: 8px;margin-left: -14px;}
  .b2cs .mod4-tbody-content{border-radius: 22px;}
  .b2cs .mod4-content-item .item-box{padding: 30px 15px 32px;}
  .b2cs .mod4-content-item .item-box .item-pic{width: 100%;text-align: center !important;}
  .b2cs .mod4-content-item .item-box .item-body{width: 100%;margin-top: 20px;}
  .b2cs .mod4-content-item .item-body .item-title{font-size: 18px;line-height: 28px;}
  .b2cs .mod4-content-item .item-body .item-desc{font-size: 14px;line-height: 26px;margin-top: 12px;}
  .b2cs .mod4-content-item .item-body .item-info{margin-left: -5px;margin-right: -5px;margin-top: 24px;}
  .b2cs .mod4-content-item .item-body .item-info ul{width: 50%;padding-top: 10px;}
  .b2cs .mod4-content-item .item-body .item-info ul::before{width: 160px;height: 2px;}
  .b2cs .mod4-content-item .item-body .item-info ul>li{font-size: 14px;line-height: 24px;padding: 3px 0;padding-left: 20px;}
  .b2cs .mod4-content-item .item-body .item-info ul>li::before{width: 5px;height: 5px;}
}
@media screen and (max-width:540px){
  .b2cs .module-sec4{padding-top: 30px;padding-bottom: 32px;}
  .b2cs .mod4-tbody{margin-top: 22px;}
  .b2cs .mod4-tbody-menu{padding-left: 16px;}
  .b2cs .mod4-tbody-menu .menu-item{width: 25%;font-size: 20px;line-height: 36px;padding-top: 10px;margin-left: -14px;}
  .b2cs .mod4-tbody-content{border-radius: 20px;}
  .b2cs .mod4-content-item .item-box{padding: 24px 15px;}
  .b2cs .mod4-content-item .item-box .item-pic{width: 100%;text-align: center !important;}
  .b2cs .mod4-content-item .item-box .item-body{width: 100%;margin-top: 20px;}
  .b2cs .mod4-content-item .item-body .item-title{font-size: 18px;line-height: 28px;}
  .b2cs .mod4-content-item .item-body .item-desc{font-size: 14px;line-height: 24px;margin-top: 12px;}
  .b2cs .mod4-content-item .item-body .item-info{margin-left: -5px;margin-right: -5px;margin-top: 24px;}
  .b2cs .mod4-content-item .item-body .item-info ul{width: 50%;padding-top: 10px;}
  .b2cs .mod4-content-item .item-body .item-info ul::before{width: 88%;height: 2px;}
  .b2cs .mod4-content-item .item-body .item-info ul>li{font-size: 14px;line-height: 24px;padding: 3px 0;padding-left: 20px;}
  .b2cs .mod4-content-item .item-body .item-info ul>li::before{width: 5px;height: 5px;}
}
@media screen and (max-width:420px){
  .b2cs .module-sec4{padding-top: 30px;padding-bottom: 32px;}
  .b2cs .mod4-tbody{margin-top: 22px;}
  .b2cs .mod4-tbody-menu{padding-left: 16px;}
  .b2cs .mod4-tbody-menu .menu-item{width: 24%;font-size: 18px;line-height: 28px;padding-top: 4px;margin-left: -14px;}
  .b2cs .mod4-tbody-content{border-radius: 16px;}
  .b2cs .mod4-content-item .item-box{padding: 12px 10px;}
  .b2cs .mod4-content-item .item-box .item-pic{width: 100%;text-align: center !important;}
  .b2cs .mod4-content-item .item-box .item-body{width: 100%;margin-top: 16px;}
  .b2cs .mod4-content-item .item-body .item-title{font-size: 16px;line-height: 24px;}
  .b2cs .mod4-content-item .item-body .item-desc{font-size: 13px;line-height: 22px;margin-top: 12px;}
  .b2cs .mod4-content-item .item-body .item-info{margin-left: -5px;margin-right: -5px;margin-top: 24px;}
  .b2cs .mod4-content-item .item-body .item-info ul{width: 50%;padding-top: 10px;}
  .b2cs .mod4-content-item .item-body .item-info ul::before{width: 88%;height: 2px;}
  .b2cs .mod4-content-item .item-body .item-info ul>li{font-size: 13px;line-height: 22px;padding: 2px 0;padding-left: 20px;}
  .b2cs .mod4-content-item .item-body .item-info ul>li::before{width: 5px;height: 5px;}
}
.b2cs .module-sec5{position: relative;width: 100%;padding-top: 72px;padding-bottom: 65px;}
.b2cs .mod5-tbody{margin-top: 24px;position: relative;width: 100%;}
.b2cs .mod5-tbody-list{position: relative;font-size: 0;letter-spacing: 0;margin-left: -38px;margin-right: -38px;padding-bottom: 37px;}
.b2cs .mod5-tbody-list .mod5-tbody-item{display: inline-block;vertical-align: top;position: relative;width: 33.333333%;padding: 0 38px;margin-bottom: 22px; }
.b2cs .mod5-tbody-item .item-box{position: relative;width: 100%;background: #FFFFFF;border: 10px solid rgba(255,255,255,0.4);box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.14);border-radius: 26px;}
.b2cs .mod5-tbody-item .item-box .item-pic{position: relative;width: 100%;text-align: center;border-radius: 26px;overflow: hidden;}
.b2cs .mod5-tbody-item .item-box img {width: 100%;max-width: 100%;max-height: 403px;display: block;background-size: cover;background-position: center top;transition: ease-out 5s;border-radius: 10px;}
.b2cs .mod5-tbody-item .item-box .item-pic:hover img{ background-position: center bottom;}
.b2cs .mod5-tbody-btn{position: relative;width: 100%;text-align: center;}
.b2cs .mod-tbody-btn .btnn{position: relative;display: inline-block;vertical-align: top;text-align: center;min-width: 402px;padding: 12px 20px;line-height: 35px;font-size: 24px;font-family: SourceHanSansCN-Medium;color: #7C4633;border: 2px solid #7C4633;border-radius: 31px;}
.b2cs .mod-tbody-btn .btnn:hover{background: #7C4633;color: #fff;}
@media screen and (max-width:1459px){
  .b2cs .module-sec5{padding-top: 64px;padding-bottom: 58px;}
  .b2cs .mod5-tbody{margin-top: 24px;}
  .b2cs .mod5-tbody-list{margin-left: -25px;margin-right: -25px;padding-bottom: 30px;}
  .b2cs .mod5-tbody-list .mod5-tbody-item{width: 33.333333%;padding: 0 25px;margin-bottom: 20px; }
  .b2cs .mod5-tbody-item .item-box{border-width: 8px;border-radius: 26px;}
  .b2cs .mod5-tbody-item .item-box .item-pic{border-radius: 26px;}
  .b2cs .mod-tbody-btn .btnn{min-width: 380px;padding: 10px 20px;line-height: 32px;font-size: 22px;border-radius: 28px;}
}
@media screen and (max-width:1259px){
  .b2cs .module-sec5{padding-top: 56px;padding-bottom: 50px;}
  .b2cs .mod5-tbody{margin-top: 22px;}
  .b2cs .mod5-tbody-list{margin-left: -12px;margin-right: -12px;padding-bottom: 26px;}
  .b2cs .mod5-tbody-list .mod5-tbody-item{width: 33.333333%;padding: 0 12px;margin-bottom: 18px; }
  .b2cs .mod5-tbody-item .item-box{border-width: 8px;border-radius: 22px;}
  .b2cs .mod5-tbody-item .item-box .item-pic{border-radius: 22px;}
  .b2cs .mod-tbody-btn .btnn{min-width: 358px;padding: 8px 18px;line-height: 30px;font-size: 20px;border-radius: 25px;}
}
@media screen and (max-width:991px){
  .b2cs .module-sec5{padding-top: 48px;padding-bottom: 42px;}
  .b2cs .mod5-tbody{margin-top: 20px;}
  .b2cs .mod5-tbody-list{margin-left: -15px;margin-right: -15px;padding-bottom: 24px;}
  .b2cs .mod5-tbody-list .mod5-tbody-item{width: 50%;padding: 0 15px;margin-bottom: 18px; }
  .b2cs .mod5-tbody-item .item-box{border-width: 8px;border-radius: 20px;}
  .b2cs .mod5-tbody-item .item-box .item-pic{border-radius: 20px;}
  .b2cs .mod-tbody-btn .btnn{min-width: 336px;padding: 6px 16px;line-height: 28px;font-size: 18px;border-radius: 22px;}
}
@media screen and (max-width:720px){
  .b2cs .module-sec5{padding-top: 40px;padding-bottom: 34px;}
  .b2cs .mod5-tbody{margin-top: 18px;}
  .b2cs .mod5-tbody-list{margin-left: -8px;margin-right: -8px;padding-bottom: 22px;}
  .b2cs .mod5-tbody-list .mod5-tbody-item{width: 50%;padding: 0 8px;margin-bottom: 18px; }
  .b2cs .mod5-tbody-item .item-box{border-width: 8px;border-radius: 20px;}
  .b2cs .mod5-tbody-item .item-box .item-pic{border-radius: 20px;}
  .b2cs .mod-tbody-btn .btnn{min-width: 318px;padding: 5px 14px;line-height: 26px;font-size: 16px;border-radius: 20px;}
}
@media screen and (max-width:420px){
  .b2cs .module-sec5{padding-top: 30px;padding-bottom: 24px;}
  .b2cs .mod5-tbody-list{margin-left: -6px;margin-right: -6px;padding-bottom: 24px;}
  .b2cs .mod5-tbody-list .mod5-tbody-item{width: 100%;padding: 0 6px;margin-bottom: 16px; }
  .b2cs .mod-tbody-btn .btnn{min-width: 240px;padding: 4px 12px;line-height: 24px;font-size: 14px;border-radius: 18px;}
}

.b2cs .module-sec6{position: relative;width: 100%;padding-top: 60px;padding-bottom: 120px;}
.b2cs .module-sec6::before{position: absolute;content: "";display: block;right: 0;top: 0;background: url(../images/2c-bgi3.png) no-repeat right top;width: 100%;height: 800px;background-size: auto 100%;}
.b2cs .mod6-tbody{position: relative;width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.b2cs .mod6-tbody-left{position: relative;display: inline-block;vertical-align: top;width: 45%;}
.b2cs .mod6-tbody-right{position: relative;display: inline-block;vertical-align: top;width: 46.75%;}
.b2cs .mod6-tbody-box{position: relative;width: 100%;margin-top: 83px;}
.b2cs .mod6-tbody-title{font-size: 24px;font-family: SourceHanSansCN-Bold;color: #333333;line-height: 36px;}
.b2cs .mod6-tbody-href{font-size: 19px;color: #7C4633;line-height: 32px;margin-top: 20px;}
.b2cs .mod6-tbody-href p{padding: 16px 0;position: relative;}
.b2cs .mod6-tbody-href a{color: #7C4633;display: block;}
.b2cs .mod6-tbody-href .iconfont{display: none;font-size: 24px;font-weight: bold;margin-left: 32px;}
.b2cs .mod6-tbody-href a:hover .iconfont{display: inline-block;vertical-align: top;}
.b2cs .mod6-tbody-swiper{position: relative;width: 100%;max-width: 710px;}
.b2cs .mod6-tbody-swiper .content{width: 100%;position: relative;padding: 0;padding-bottom: 65.07%;}
.b2cs .mod6-tbody-swiper .content .cards-list {position: absolute;left: 0;top: 0;border: 1px solid #Fefefe;background: rgba(235,235,235,0.3);padding: 7.33% 8.45% 8.45%;border-radius: 38px;transition: 330ms;transition: 440ms cubic-bezier(0.34, 1.56, 0.64, 1);}
.b2cs .mod6-tbody-swiper .cards-list .img {width: 100%;border-radius: 30px;overflow: hidden}
.b2cs .mod6-tbody-swiper .btn-direct{position: absolute;bottom: -60px;width: 52px;height: 52px;line-height: 52px;font-size: 22px;color: #666;background: #FFFFFF;text-align: center;border-radius: 50%;display: inline-block;vertical-align: top;z-index: 999;font-weight: bold;}
.b2cs .mod6-tbody-swiper .btn-direct:hover{background: linear-gradient(24deg, #FF8357 0%, #FF642C 100%);color: #fff;}
.b2cs .mod6-tbody-swiper .btn-left {left: 50%;transform: translateX(-120%);}
.b2cs .mod6-tbody-swiper .btn-right {right: 50%;transform: translateX(120%);}

@media screen and (max-width:1459px){
  .b2cs .module-sec6{padding-top: 54px;padding-bottom: 106px;}
  .b2cs .mod6-tbody-left{width: 47.5%;}
  .b2cs .mod6-tbody-right{width: 48%;}
  .b2cs .mod6-tbody-box{margin-top: 65px;}
  .b2cs .mod6-tbody-title{font-size: 22px;line-height: 32px;}
  .b2cs .mod6-tbody-href{font-size: 18px;line-height: 30px;margin-top: 16px;}
  .b2cs .mod6-tbody-href p{padding: 14px 0;}
  .b2cs .mod6-tbody-href .iconfont{font-size: 28px;margin-left: 28px;}
  .b2cs .mod6-tbody-swiper .content .cards-list {padding: 7.25% 8.45% 8.45%;border-radius: 32px;}
  .b2cs .mod6-tbody-swiper .cards-list .img {border-radius: 26px;}
  .b2cs .mod6-tbody-swiper .btn-direct{bottom: -48px;width: 42px;height: 42px;line-height: 42px;font-size: 18px;}
}
@media screen and (max-width:1259px){
  .b2cs .module-sec6{padding-top: 48px;padding-bottom: 92px;}
  .b2cs .mod6-tbody-left{width: 48%;}
  .b2cs .mod6-tbody-right{width: 50%;}
  .b2cs .mod6-tbody-box{margin-top: 38px;}
  .b2cs .mod6-tbody-title{font-size: 20px;line-height: 30px;}
  .b2cs .mod6-tbody-href{font-size: 16px;line-height: 28px;margin-top: 14px;}
  .b2cs .mod6-tbody-href p{padding: 12px 0;}
  .b2cs .mod6-tbody-href .iconfont{font-size: 22px;margin-left: 20px;}
  .b2cs .mod6-tbody-swiper .content .cards-list {padding: 7% 8.25% 8%;border-radius: 28px;}
  .b2cs .mod6-tbody-swiper .cards-list .img {border-radius: 24px;}
  .b2cs .mod6-tbody-swiper .btn-direct{bottom: -40px;width: 36px;height: 36px;line-height: 36px;font-size: 16px;}
}
@media screen and (max-width:991px){
  .b2cs .module-sec6{padding-top: 42px;padding-bottom: 78px;}
  .b2cs .mod6-tbody-left{width: 48%;}
  .b2cs .mod6-tbody-right{width: 50%;}
  .b2cs .mod6-tbody-box{margin-top: 30px;}
  .b2cs .mod6-tbody-title{font-size: 18px;line-height: 28px;}
  .b2cs .mod6-tbody-href{font-size: 15px;line-height: 28px;margin-top: 14px;}
  .b2cs .mod6-tbody-href p{padding: 8px 0;}
  .b2cs .mod6-tbody-href .iconfont{font-size: 20px;margin-left: 20px;}
  .b2cs .mod6-tbody-swiper .content .cards-list {padding: 4.2% 6.85% 5.2%;border-radius: 24px;}
  .b2cs .mod6-tbody-swiper .cards-list .img {border-radius: 24px;}
  .b2cs .mod6-tbody-swiper .btn-direct{bottom: -40px;width: 36px;height: 36px;line-height: 36px;font-size: 16px;}
}
@media screen and (max-width:720px){
  .b2cs .module-sec6{padding-top: 36px;padding-bottom: 64px;}
  .b2cs .mod6-tbody-left{width: 100%;}
  .b2cs .mod6-tbody-right{width: 100%;margin-top: 12px;}
  .b2cs .mod6-tbody-box{margin-top: 16px;}
  .b2cs .mod6-tbody-title{font-size: 18px;line-height: 30px;}
  .b2cs .mod6-tbody-href{font-size: 14px;line-height: 24px;margin-top: 14px;}
  .b2cs .mod6-tbody-href p{padding:6px 0;}
  .b2cs .mod6-tbody-href .iconfont{font-size: 20px;margin-left: 20px;}
  .b2cs .mod6-tbody-swiper .content .cards-list {padding: 4.2% 6.85% 5.2%;border-radius: 24px;}
  .b2cs .mod6-tbody-swiper .cards-list .img {border-radius: 24px;}
  .b2cs .mod6-tbody-swiper .btn-direct{bottom: -40px;width: 36px;height: 36px;line-height: 36px;font-size: 16px;}
}

.b2cs .module-sec7{position: relative;width: 100%;padding-top: 68px;padding-bottom: 70px;}
.b2cs .module-sec7::before{position: absolute;content: "";display: block;left: 0;top: 30%;background: url(../images/2c-bgi4.png) no-repeat left top;width: 100%;height: 800px;background-size: auto 100%;}
.b2cs .mod7-tbody{position: relative;font-size: 0;letter-spacing: 0;margin-left: -35px;margin-right: -35px;}
.b2cs .mod7-tbody-box{position: relative;width: 100%; background: rgba(255, 255, 255, .25);border-radius: 53px;border: 2px solid #FFFFFF;padding: 57px 37px 100px;}
.b2cs .mod7-tbody-list{position: relative;font-size: 0;letter-spacing: 0;padding-top: 45px;}
.b2cs .mod7-tbody-img{position: relative;width: 100%;text-align: center;overflow: hidden;}
.b2cs .mod7-tbody-img img{display: inline-block;vertical-align: top;width: auto;max-width: 100%;}
.b2cs .mod7-tbody-btn{position: relative;width: 100%;text-align: center;margin-top: 80px;}
@media screen and (max-width:1559px){
  .b2cs .mod7-tbody{margin-left: -15px;margin-right: -15px;}
}
@media screen and (max-width:1459px){
  .b2cs .module-sec7{padding-top: 60px;padding-bottom: 62px;}
  .b2cs .mod7-tbody-box{border-radius: 45px;padding: 50px 30px 82px;}
  .b2cs .mod7-tbody-list{padding-top: 40px;}
  .b2cs .mod7-tbody-btn{margin-top: 70px;}
}
@media screen and (max-width:1259px){
  .b2cs .module-sec7{padding-top: 52px;padding-bottom: 54px;}
  .b2cs .mod7-tbody-box{border-radius: 38px;padding: 42px 25px 64px;}
  .b2cs .mod7-tbody-list{padding-top: 32px;}
  .b2cs .mod7-tbody-btn{margin-top: 60px;}
}
@media screen and (max-width:991px){
  .b2cs .module-sec7{padding-top: 44px;padding-bottom: 46px;}
  .b2cs .mod7-tbody{margin-left: 0px;margin-right: 0px;}
  .b2cs .mod7-tbody-box{border-radius: 30px;padding: 36px 16px 46px;}
  .b2cs .mod7-tbody-list{padding-top: 28px;}
  .b2cs .mod7-tbody-btn{margin-top: 50px;}
}
@media screen and (max-width:720px){
  .b2cs .module-sec7{padding-top: 36px;padding-bottom: 38px;}
  .b2cs .mod7-tbody{margin-left: 0px;margin-right: 0px;}
  .b2cs .mod7-tbody-box{border-radius: 26px;padding: 28px 12px 36px;}
  .b2cs .mod7-tbody-list{padding-top: 24px;}
  .b2cs .mod7-tbody-btn{margin-top: 40px;}
}
@media screen and (max-width:540px){
  .b2cs .module-sec7{padding-top: 28px;padding-bottom: 30px;}
  .b2cs .mod7-tbody{margin-left: 0px;margin-right: 0px;}
  .b2cs .mod7-tbody-box{border-radius: 24px;padding: 24px 12px 32px;}
  .b2cs .mod7-tbody-list{padding-top: 20px;}
  .b2cs .mod7-tbody-btn{margin-top: 30px;}
}
.b2cs .module-sec8 {padding-top: 70px; padding-bottom: 124px;}
.b2cs .module-sec8 .mod8-tbody {position: relative;width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap; padding: 73px 0 50px; border-radius: 0 120px 0 112px; background: linear-gradient(-3deg, #FF642D, #FF926B); overflow: hidden; position: relative;}
.b2cs .module-sec8 .mod8-tbody::before { content: ''; width: 224px; height: 224px; background: url(../images/2c-bottom-bgi.png); background-size: 100% 100%; position: absolute; left: 38px; top: 16px; z-index: 1;}
.b2cs .module-sec8 .left { width: 47%; padding-left: 15%; border-right: 1px solid rgba(255, 255, 255, 0.94); position: relative; z-index: 2;padding-top: 8px;padding-bottom: 18px;}
.b2cs .module-sec8 .left .tit { font-size: 45px;font-family: SourceHanSansCN-Medium; color: #FFFFFF; line-height: 52px;margin-bottom: 12px;}
.b2cs .module-sec8 .left .desc p {font-size: 24px; color: #FFFFFF; line-height: 36px;}
.b2cs .module-sec8 .right { flex: 1; position: relative; z-index: 2;}
.b2cs .module-sec8 .right .form-box { display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.b2cs .module-sec8 .right .form-box .list { width: 263px; margin-right: 89px;}
.b2cs .module-sec8 .right .form-box .list .item { width: 100%; height: 40px; border-radius: 5px; background: #FFFFFF; border-radius: 5px; margin-top: 33px;}
.b2cs .module-sec8 .right .form-box .list .item:first-child { margin-top: 0 !important;}
.b2cs .module-sec8 .right .form-box .list .item .input { padding: 0 10px; font-size: 18px; color: #333333; line-height: 40px;}
.b2cs .module-sec8 .right .form-box .list .m-error { height: 0;}
.b2cs .module-sec8 .right .form-box .btn { width: 164px; height: 47px; background: #FFFFFF; border-radius: 23px;font-size: 20px; color: #FF6630; line-height: 47px; font-weight: bold; text-align: center;}
.b2cs .module-sec8 .right .form-box .btn:hover { opacity: 0.8;}
@media screen and (max-width: 1459px) {
  .b2cs .module-sec8 {padding-top: 60px; padding-bottom: 106px;}
  .b2cs .module-sec8 .left {padding-top: 7px;padding-bottom: 16px;}
  .b2cs .module-sec8 .left .tit { font-size: 38px; line-height: 44px;margin-bottom: 10px;}
  .b2cs .module-sec8 .left .desc p { font-size: 20px; line-height: 30px; }
  .b2cs .module-sec8 .right .form-box .list { width: 220px; margin-right: 70px;}
}
@media screen and (max-width: 1259px) {
  .b2cs .module-sec8 {padding-top: 50px; padding-bottom: 88px;}
  .b2cs .module-sec8 .mod8-tbody { padding: 60px 0 45px;}
  .b2cs .module-sec8 .left  { padding-left: 12%;}
  .b2cs .module-sec8 .left .tit { font-size: 30px; line-height: 34px;}
  .b2cs .module-sec8 .right .form-box .list { width: 220px; margin-right: 50px;}
  .b2cs .module-sec8 .right .form-box .list .item {margin-top: 28px;}
  .b2cs .module-sec8 .right .form-box .btn { width: 120px;}
}
@media screen and (max-width: 991px) {
  .b2cs .module-sec8 {padding-top: 40px; padding-bottom: 70px;}
  .b2cs .module-sec8 .mod8-tbody { padding: 30px 0; border-radius: 0 60px 0 60px;}
  .b2cs .module-sec8 .left  { width: 40%; padding-left: 7%;}
  .b2cs .module-sec8 .left .tit { font-size: 28px; line-height: 32px;}
  .b2cs .module-sec8 .left .desc p { font-size: 16px; line-height: 20px;}
  .b2cs .module-sec8 .right .form-box .list { margin-right: 20px;}
  .b2cs .module-sec8 .right .form-box .list .item {margin-top: 22px;}
  .b2cs .module-sec8 .right .form-box .list .item .input { font-size: 14px;}
  .b2cs .module-sec8 .right .form-box .btn { width: 90px; height: 40px; font-size: 14px; line-height: 40px;}
}
@media screen and (max-width: 767px) {
  .b2cs .module-sec8 {padding-top: 30px; padding-bottom: 40px;}
  .b2cs .module-sec8 .mod8-tbody { border-radius: 0 40px 0 40px;}
  .b2cs .module-sec8 .mod8-tbody::before { background: none;}
  .b2cs .module-sec8 .left  { width: 100%; padding: 0 20px; border-right: none;}
  .b2cs .module-sec8 .left .tit { font-size: 24px; line-height: 30px;}
  .b2cs .module-sec8 .left .desc p { font-size: 14px; line-height: 18px;}
  .b2cs .module-sec8 .right { margin-top: 20px;}
  .b2cs .module-sec8 .right .form-box .list .item {margin-top: 16px;}
  .b2cs .module-sec8 .right .form-box .list { width: calc(100% - 40px); margin-right: 0;}
  .b2cs .module-sec8 .right .form-box .btn { margin-top: 18px; width: calc(100% - 40px);}
}
.b2cs .footer {background: linear-gradient(-3deg, #FF6630, #FF8D64);}
.b2cs .bottom{background: #EC4C13;}
.b2cs .footer .top .ft-contact .tel .icon{color: #FF6630;}

.youtb .banner-img{position: relative;width: 100%;text-align: center;overflow: hidden;}
.youtb .banner-img img{display: inline-block;vertical-align: top;width: 100%;}

.youtb .youtb1{position: relative;width: 100%;padding-top: 10px;padding-bottom: 74px;background: #F2F6FE;}
.youtb .you-top{position: relative;width: 100%;font-size: 0;letter-spacing: 0;}
.youtb .you-top .you-title{font-size: 32px;font-family: SourceHanSansCN-Bold;color: #333333;line-height: 44px;font-weight: bold;position: relative;padding-top: 36px;}
.youtb .you-top .you-title.white{color: #fff;}
.youtb .you-top .you-title::before{content: "";position: absolute;left: 0;top: 0px;width: 71px;height: 9px;background: #0077C9;border-radius: 5px;}
.youtb .you-top .you-title.white::before{background: #fff;}
.youtb .you-top .you-title.text-center::before{left: 50%;transform: translateX(-50%);}
.youtb .youtb1-tbody{position: relative;width: 100%;padding-top: 64px;}
.youtb .youtb1-tbody-list{position: relative;display: flex;flex-wrap: wrap;font-size: 0;letter-spacing: 0;margin-left: -45px;margin-right: -45px;transition: all .5s;}
.youtb .youtb1-tbody-item{position: relative;display: inline-block;vertical-align: top;width: 33.3333333%;padding: 0 45px;margin-bottom: 32px;transition: all .5s;}
.youtb .youtb1-tbody-item .item-box{position: relative;width: 100%;background: rgba(0, 119, 201, .07);box-shadow: 0px 0px 18px 0px rgba(129,136,147,0.14);padding: 21px 30px 23px;border-radius: 20px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;transition: all .5s;}
.youtb .youtb1-tbody-item .item-box:hover{background: #0077C9;color: #FFFFFF;}
.youtb .youtb1-tbody-item .item-icon{position: relative;display: inline-flex;align-items: center;justify-content: center;vertical-align: top;width: 77px;height: 77px;background: #FFFFFF;border-radius: 50%;}
.youtb .youtb1-tbody-item .item-icon img{display: inline-block;vertical-align: top;max-width: 100%;}
.youtb .youtb1-tbody-item .item-title{position: relative;display: inline-block;vertical-align: top;width: calc(100% - 100px);font-size: 18px;font-family: SourceHanSansCN-Medium;color: #0077C9;line-height: 32px;}
.youtb .youtb1-tbody-item .item-box:hover .item-title{color: #ffffff;}
@media screen and (max-width: 1459px) {
  .youtb .youtb1{padding-top: 10px;padding-bottom: 66px;}
  .youtb .you-top .you-title{font-size: 30px;line-height: 42px;padding-top: 32px;}
  .youtb .you-top .you-title::before{width: 64px;height: 8px;border-radius: 4px;}
  .youtb .youtb1-tbody{padding-top: 56px;}
  .youtb .youtb1-tbody-list{margin-left: -28px;margin-right: -28px;}
  .youtb .youtb1-tbody-item{width: 33.3333333%;padding: 0 28px;margin-bottom: 28px;}
  .youtb .youtb1-tbody-item .item-box{padding: 18px 26px 20px;border-radius: 18px;}
  .youtb .youtb1-tbody-item .item-icon{width: 70px;height: 70px;}
  .youtb .youtb1-tbody-item .item-title{width: calc(100% - 90px);font-size: 17px;line-height: 30px;}
}
@media screen and (max-width: 1259px) {
  .youtb .youtb1{padding-top: 8px;padding-bottom: 56px;}
  .youtb .you-top .you-title{font-size: 28px;line-height: 39px;padding-top: 30px;}
  .youtb .you-top .you-title::before{width: 56px;height: 7px;border-radius: 4px;}
  .youtb .youtb1-tbody{padding-top: 48px;}
  .youtb .youtb1-tbody-list{margin-left: -10px;margin-right: -10px;}
  .youtb .youtb1-tbody-item{width: 33.3333333%;padding: 0 10px;margin-bottom: 24px;}
  .youtb .youtb1-tbody-item .item-box{padding: 16px 16px 18px;border-radius: 16px;}
  .youtb .youtb1-tbody-item .item-icon{width:60px;height: 60px;}
  .youtb .youtb1-tbody-item .item-title{width: calc(100% - 76px);font-size: 16px;line-height: 28px;}
}
@media screen and (max-width: 991px) {
  .youtb .youtb1{padding-top: 8px;padding-bottom: 48px;}
  .youtb .you-top .you-title{font-size: 24px;line-height: 36px;padding-top: 26px;}
  .youtb .you-top .you-title::before{width: 50px;height: 6px;border-radius: 3px;}
  .youtb .youtb1-tbody{padding-top: 40px;}
  .youtb .youtb1-tbody-list{margin-left: -15px;margin-right: -15px;}
  .youtb .youtb1-tbody-item{width: 50%;padding: 0 15px;margin-bottom: 24px;}
  .youtb .youtb1-tbody-item .item-box{padding: 16px 16px 18px;border-radius: 16px;}
  .youtb .youtb1-tbody-item .item-icon{width:60px;height: 60px;}
  .youtb .youtb1-tbody-item .item-title{width: calc(100% - 76px);font-size: 16px;line-height: 28px;}
}
@media screen and (max-width: 720px) {
  .youtb .youtb1{padding-top: 8px;padding-bottom: 40px;}
  .youtb .you-top .you-title{font-size: 20px;line-height: 32px;padding-top: 22px;}
  .youtb .you-top .you-title::before{width: 44px;height: 6px;border-radius: 3px;}
  .youtb .youtb1-tbody{padding-top: 32px;}
  .youtb .youtb1-tbody-list{margin-left: -8px;margin-right: -8px;}
  .youtb .youtb1-tbody-item{width: 50%;padding: 0 8px;margin-bottom: 20px;}
  .youtb .youtb1-tbody-item .item-box{padding: 12px 12px 13px;border-radius: 14px;}
  .youtb .youtb1-tbody-item .item-icon{width:54px;height: 54px;}
  .youtb .youtb1-tbody-item .item-title{width: calc(100% - 68px);font-size: 14px;line-height: 24px;}
}
@media screen and (max-width: 520px) {
  .youtb .youtb1{padding-top: 8px;padding-bottom: 40px;}
  .youtb .you-top .you-title{font-size: 20px;line-height: 32px;padding-top: 22px;}
  .youtb .you-top .you-title::before{width: 44px;height: 6px;border-radius: 3px;}
  .youtb .youtb1-tbody{padding-top: 24px;}
  .youtb .youtb1-tbody-list{margin-left: -8px;margin-right: -8px;}
  .youtb .youtb1-tbody-item{width: 100%;padding: 0 8px;margin-bottom: 20px;}
  .youtb .youtb1-tbody-item .item-box{padding: 12px 12px 13px;border-radius: 14px;}
  .youtb .youtb1-tbody-item .item-icon{width:54px;height: 54px;}
  .youtb .youtb1-tbody-item .item-title{width: calc(100% - 64px);font-size: 14px;line-height: 24px;}
}
.youtb .youtb2{position: relative;width: 100%;padding-top: 63px;padding-bottom: 29px;background: url(../images/youtube-bgi.png) no-repeat center center;background-size: cover;}
.youtb .youtb2-tbody{position: relative;width: 100%;padding-top: 64px;}
.youtb .youtb2-tbody-list{position: relative;display: flex;flex-wrap: wrap;font-size: 0;letter-spacing: 0;margin-left: -24px;margin-right: -24px;transition: all .5s;}
.youtb .youtb2-tbody-item{position: relative;display: inline-block;vertical-align: top;width: 50%;padding: 0 24px;margin-bottom: 63px;transition: all .5s;}
.youtb .youtb2-tbody-item .item-box{position: relative;width: 100%;height: 100%; padding: 16px 25px 25px;border-radius: 19px;}
.youtb .youtb2-tbody-item .item-box:hover{ background-color: rgba(0, 78, 186, 0.5);}
.youtb .youtb2-tbody-item .item-box .item-title{font-size: 24px;font-family: SourceHanSansCN-Bold;line-height: 36px;color: #FFFFFF;}
.youtb .youtb2-tbody-item .item-box .item-desc{font-size: 18px;font-family: SourceHanSansCN;line-height: 32px;color: #FFFFFF;margin-top: 5px;}
@media screen and (max-width: 1459px) {
  .youtb .youtb2{padding-top: 54px;padding-bottom: 28px;}
  .youtb .youtb2-tbody{padding-top: 56px;}
  .youtb .youtb2-tbody-list{margin-left: -15px;margin-right: -15px;}
  .youtb .youtb2-tbody-item{width: 50%;padding: 0 15px;margin-bottom: 54px;}
  .youtb .youtb2-tbody-item .item-box{padding: 14px 22px 22px;border-radius: 17px;}
  .youtb .youtb2-tbody-item .item-box .item-title{font-size: 22px;line-height: 32px;}
  .youtb .youtb2-tbody-item .item-box .item-desc{font-size: 17px;line-height: 30px;margin-top: 4px;}
}
@media screen and (max-width: 1259px) {
  .youtb .youtb2{padding-top: 46px;padding-bottom: 26px;}
  .youtb .youtb2-tbody{padding-top: 48px;}
  .youtb .youtb2-tbody-list{margin-left: -8px;margin-right: -8px;}
  .youtb .youtb2-tbody-item{width: 50%;padding: 0 8px;margin-bottom: 44px;}
  .youtb .youtb2-tbody-item .item-box{padding: 12px 18px 18px;border-radius: 15px;}
  .youtb .youtb2-tbody-item .item-box .item-title{font-size: 20px;line-height: 30px;}
  .youtb .youtb2-tbody-item .item-box .item-desc{font-size: 16px;line-height: 28px;margin-top: 4px;}
}
@media screen and (max-width: 991px) {
  .youtb .youtb2{padding-top: 38px;padding-bottom: 24px;}
  .youtb .youtb2-tbody{padding-top: 40px;}
  .youtb .youtb2-tbody-list{margin-left: -8px;margin-right: -8px;}
  .youtb .youtb2-tbody-item{width: 50%;padding: 0 8px;margin-bottom: 36px;}
  .youtb .youtb2-tbody-item .item-box{padding: 12px 12px 15px;border-radius: 12px;}
  .youtb .youtb2-tbody-item .item-box .item-title{font-size: 18px;line-height: 28px;}
  .youtb .youtb2-tbody-item .item-box .item-desc{font-size: 14px;line-height: 24px;margin-top: 4px;}
}
@media screen and (max-width: 750px) {
  .youtb .youtb2{padding-top: 30px;padding-bottom: 20px;}
  .youtb .youtb2-tbody{padding-top: 32px;}
  .youtb .youtb2-tbody-list{margin-left: -8px;margin-right: -8px;}
  .youtb .youtb2-tbody-item{width: 100%;padding: 0 8px;margin-bottom: 20px;}
  .youtb .youtb2-tbody-item .item-box{padding: 12px 12px 15px;border-radius: 12px;}
  .youtb .youtb2-tbody-item .item-box .item-title{font-size: 17px;line-height: 28px;}
  .youtb .youtb2-tbody-item .item-box .item-desc{font-size: 14px;line-height: 24px;margin-top: 4px;}
}
.youtb .youtb3{position: relative;width: 100%;padding-top: 93px;padding-bottom: 131px;background: #F2F6FE;}
.youtb .youtb3-tbody{position: relative;width: 100%;padding-top: 100px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
/*.youtb .youtb3-tbody-menu{position: relative;width: 272px;display: inline-block;vertical-align: top;font-size: 0;letter-spacing: 0;}*/
/*.youtb .youtb3-tbody-content{position: relative;width: calc(100% - 314px);display: inline-block;vertical-align: top;}*/
/*.youtb .youtb3-tbody-menu .menu-item{position: relative;display: inline-block;vertical-align: top;width: 100%;cursor: pointer;font-size: 24px;line-height: 33px;padding: 24px 28px;text-align: left;font-family: SourceHanSansCN-Medium;color: #0077C9;background: #E9EFFA;border-radius: 19px;margin-bottom: 38px;text-align: center}*/


.youtb .youtb3-tbody-menu{position: relative;width: 229px;display: inline-block;vertical-align: top;font-size: 0;letter-spacing: 0;}
.youtb .youtb3-tbody-content{position: relative;width: calc(100% - 272px);display: inline-block;vertical-align: top;}
.youtb .youtb3-tbody-menu .menu-item{position: relative;display: inline-block;vertical-align: top;width: 100%;cursor: pointer;font-size: 20px;line-height: 32px;padding: 16px 20px;text-align: left;font-family: SourceHanSansCN-Medium;color:#0077C9;background: #E9EFFA;border-radius: 19px;margin-bottom: 56px;text-align: center;}



.youtb .youtb3-tbody-menu .menu-item:nth-last-of-type(1){margin-bottom: 0 !important;}
.youtb .youtb3-tbody-menu .menu-item.active, .youtb .youtb3-tbody-menu .menu-item:hover{background: #FFFFFF;box-shadow: 0px 0px 27px 0px rgba(129,136,147,0.14);}

.youtb .youtb3-content-item{position: relative;width: 100%;border: 2px solid #0077C9;border-radius: 34px;display: none;}
.youtb .youtb3-content-item .item-box{position: relative;width: 100%;padding: 61px 61px 73px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.youtb .youtb3-tbody-content .youtb3-content-item:nth-of-type(2) .item-box{padding: 48px 61px 58px;}

.youtb .youtb3-content-item .item-box .item-box-left{position: relative;display: inline-block;vertical-align: top;width: 48%;}
.youtb .youtb3-content-item .item-box .item-box-right{position: relative;display: inline-block;vertical-align: top;width: 46.25%;}
.youtb .youtb3-content-item .item-box .item-title{font-size: 24px;font-family: SourceHanSansCN-Bold;font-weight: bold;line-height: 36px;color: #0077C9;}
.youtb .youtb3-content-item .item-box .item-desc{font-size: 16px;font-family: SourceHanSansCN;line-height: 28px;color: #333333;margin-bottom: 68px;margin-top: 10px;}
.youtb .youtb3-content-item .item-box .item-name{font-size: 20px;font-family: SourceHanSansCN-Bold;font-weight: bold;line-height: 32px;color: #333333;}
.youtb .youtb3-content-item .item-box .item-text{font-size: 18px;font-family: SourceHanSansCN;line-height: 32px;color: #333333;padding-bottom: 14px;}
@media screen and (max-width: 1459px) {
  .youtb .youtb3{padding-top: 80px;padding-bottom: 112px;}
  .youtb .youtb3-tbody{padding-top: 88px;}
  /*.youtb .youtb3-tbody-menu{width: 264px;}*/
  /*.youtb .youtb3-tbody-content{width: calc(100% - 300px);}*/
  /*.youtb .youtb3-tbody-menu .menu-item{font-size: 22px;line-height: 30px;padding: 22px 24px;border-radius: 17px;margin-bottom: 32px;}*/


  .youtb .youtb3-tbody-menu{width: 222px;}
  .youtb .youtb3-tbody-content{width: calc(100% - 264px);}
  .youtb .youtb3-tbody-menu .menu-item{font-size: 18px;line-height: 30px;padding: 15px 20px;border-radius: 17px;margin-bottom: 50px;}


  .youtb .youtb3-content-item{border-radius: 30px;}
  .youtb .youtb3-content-item .item-box{padding: 54px 54px 62px;min-height: 532px;}
  .youtb .youtb3-tbody-content .youtb3-content-item:nth-of-type(2) .item-box{padding: 36px 54px 36px;}

  .youtb .youtb3-content-item .item-box .item-box-left{width: 48%;}
  .youtb .youtb3-content-item .item-box .item-box-right{width: 46.25%;}
  .youtb .youtb3-content-item .item-box .item-title{font-size: 22px;line-height: 32px;}
  .youtb .youtb3-content-item .item-box .item-desc{font-size: 15px;line-height: 26px;margin-bottom: 56px;margin-top: 8px;}
  .youtb .youtb3-content-item .item-box .item-name{font-size: 18px;line-height: 30px;}
  .youtb .youtb3-content-item .item-box .item-text{font-size: 16px;line-height: 30px;padding-bottom: 12px;}
}
@media screen and (max-width: 1259px) {
  .youtb .youtb3{padding-top: 68px;padding-bottom: 94px;}
  .youtb .youtb3-tbody{padding-top: 76px;}
  /*.youtb .youtb3-tbody-menu{width: 256px;}*/
  /*.youtb .youtb3-tbody-content{width: calc(100% - 288px);}*/
  /*.youtb .youtb3-tbody-menu .menu-item{font-size: 20px;line-height: 30px;padding: 20px 22px;border-radius: 16px;margin-bottom: 25px;}*/

  .youtb .youtb3-tbody-menu{width: 214px;}
  .youtb .youtb3-tbody-content{width: calc(100% - 248px);}
  .youtb .youtb3-tbody-menu .menu-item{font-size: 16px;line-height: 28px;padding: 14px 18px;border-radius: 15px;margin-bottom: 40px;}


  .youtb .youtb3-content-item{border-radius: 28px;}
  .youtb .youtb3-content-item .item-box{padding: 42px 36px 50px;min-height: auto;}
  .youtb .youtb3-tbody-content .youtb3-content-item:nth-of-type(2) .item-box{padding: 32px 36px 36px;}
  .youtb .youtb3-content-item .item-box .item-box-left{width: 49%;}
  .youtb .youtb3-content-item .item-box .item-box-right{width: 48%;}
  .youtb .youtb3-content-item .item-box .item-title{font-size: 20px;line-height: 30px;}
  .youtb .youtb3-content-item .item-box .item-desc{font-size: 14px;line-height: 24px;margin-bottom: 44px;margin-top: 6px;}
  .youtb .youtb3-content-item .item-box .item-name{font-size: 17px;line-height: 28px;}
  .youtb .youtb3-content-item .item-box .item-text{font-size: 15px;line-height: 28px;padding-bottom: 8px;}
}
@media screen and (max-width: 991px) {
  .youtb .youtb3{padding-top: 56px;padding-bottom: 76px;}
  .youtb .youtb3-tbody{padding-top: 64px;}
  .youtb .youtb3-tbody-menu{width: 100%;}
  .youtb .youtb3-tbody-content{width: 100%;}
  .youtb .youtb3-tbody-menu .menu-item{width: 32%;margin: 0 0.66667%;font-size: 18px;line-height: 28px;padding: 15px 16px;border-radius: 12px;margin-bottom: 15px;}
  .youtb .youtb3-content-item{border-radius: 24px;}
  .youtb .youtb3-content-item .item-box{padding: 36px 24px 44px;}
  .youtb .youtb3-tbody-content .youtb3-content-item:nth-of-type(2) .item-box{padding: 36px 24px 44px;}
  .youtb .youtb3-content-item .item-box .item-box-left{width: 49%;}
  .youtb .youtb3-content-item .item-box .item-box-right{width: 48%;}
  .youtb .youtb3-content-item .item-box .item-title{font-size: 18px;line-height: 28px;}
  .youtb .youtb3-content-item .item-box .item-desc{font-size: 13px;line-height: 22px;margin-bottom: 32px;margin-top: 6px;}
  .youtb .youtb3-content-item .item-box .item-name{font-size: 16px;line-height: 26px;}
  .youtb .youtb3-content-item .item-box .item-text{font-size: 14px;line-height: 26px;padding-bottom: 0px;}
}
@media screen and (max-width: 720px) {
  .youtb .youtb3{padding-top: 44px;padding-bottom: 58px;}
  .youtb .youtb3-tbody{padding-top: 52px;}
  .youtb .youtb3-tbody-menu{width: 100%;}
  .youtb .youtb3-tbody-content{width: 100%;}
  .youtb .youtb3-tbody-menu .menu-item{width: 32%;margin: 0 0.66667%;font-size: 16px;line-height: 26px;padding: 12px 12px;border-radius: 10px;margin-bottom: 12px;}
  .youtb .youtb3-content-item{border-radius: 20px;}
  .youtb .youtb3-content-item .item-box{padding: 28px 15px 36px;}
  .youtb .youtb3-tbody-content .youtb3-content-item:nth-of-type(2) .item-box{padding: 28px 15px 36px;}
  .youtb .youtb3-content-item .item-box .item-box-left{width: 49%;}
  .youtb .youtb3-content-item .item-box .item-box-right{width: 48%;}
  .youtb .youtb3-content-item .item-box .item-title{font-size: 18px;line-height: 28px;}
  .youtb .youtb3-content-item .item-box .item-desc{font-size: 13px;line-height: 22px;margin-bottom: 32px;margin-top: 6px;}
  .youtb .youtb3-content-item .item-box .item-name{font-size: 16px;line-height: 26px;}
  .youtb .youtb3-content-item .item-box .item-text{font-size: 14px;line-height: 26px;padding-bottom: 0px;}
}
@media screen and (max-width: 560px) {
  .youtb .youtb3{padding-top: 32px;padding-bottom: 40px;}
  .youtb .youtb3-tbody{padding-top: 40px;}
  .youtb .youtb3-tbody-menu{width: 100%;}
  .youtb .youtb3-tbody-content{width: 100%;margin-top: 20px;}
  .youtb .youtb3-tbody-menu .menu-item{width: 48%;margin: 0 1%;font-size: 14px;line-height: 24px;padding: 10px 12px;border-radius: 10px;margin-bottom: 12px;}
  .youtb .youtb3-content-item{border-radius: 20px;}
  .youtb .youtb3-content-item .item-box{padding: 28px 15px 36px;}
  .youtb .youtb3-content-item .item-box .item-box-left{width: 100%;}
  .youtb .youtb3-content-item .item-box .item-box-right{width: 100%;margin-top: 20px;}
  .youtb .youtb3-content-item .item-box .item-title{font-size: 18px;line-height: 28px;}
  .youtb .youtb3-content-item .item-box .item-desc{font-size: 13px;line-height: 22px;margin-bottom: 32px;margin-top: 6px;}
  .youtb .youtb3-content-item .item-box .item-name{font-size: 16px;line-height: 26px;}
  .youtb .youtb3-content-item .item-box .item-text{font-size: 14px;line-height: 26px;padding-bottom: 0px;}
}
@media screen and (max-width: 420px) {.youtb .youtb3-tbody-menu .menu-item{width: 100%;margin: 0;font-size: 14px;line-height: 24px;padding: 10px 12px;border-radius: 10px;margin-bottom: 12px;}}

.youtb .youtb4{position: relative;width: 100%;padding-top: 51px;padding-bottom: 145px;}
.youtb .youtb4-tbody{position: relative;width: 100%;margin-top: 80px;padding-bottom: 138px;}
.youtb .youtb4-tbody-img{position: relative;width: 100%;max-width: 531px;margin: 0 auto;}
.youtb .youtb4-tbody-img .item-pic{position: relative;width: 100%;text-align: center;}
.youtb .youtb4-tbody-img .item-pic img{width: 100%;}
.youtb .youtb4-tbody-list{position: absolute;top: 0;left: 0;right: 0;width: 100%;display: flex;flex-wrap: wrap;padding-top: 85px;}
.youtb .youtb4-tbody-left{position: relative;width: 50%;padding-right: 265px;text-align: right;}
.youtb .youtb4-tbody-right{position: relative;width: 50%;padding-left: 265px;text-align: left;}
.youtb .youtb4-tbody-bottom{position: relative;width: 52%;margin-left: auto;text-align: left;}
.youtb .youtb4-tbody-item{position: relative;width: 100%;}
.youtb .youtb4-tbody-left .youtb4-tbody-item, .youtb .youtb4-tbody-right .youtb4-tbody-item{margin-bottom: 65px;}
.youtb .youtb4-tbody-left .youtb4-tbody-item:nth-of-type(1){margin-bottom: 186px;}
.youtb .youtb4-tbody-right .youtb4-tbody-item:nth-of-type(1){margin-bottom: 164px;}
.youtb .youtb4-tbody-item .item-title{font-size: 22px;font-family: SourceHanSansCN-Bold;font-weight: bold;line-height: 32px;color: #333333;}
.youtb .youtb4-tbody-item:hover .item-title{color: #0077C8;}
.youtb .youtb4-tbody-item .item-desc{font-size: 16px;font-family: SourceHanSansCN;line-height: 28px;color: #666666;margin-top: 6px;}
@media screen and (max-width: 1459px) {
  .youtb .youtb4{padding-top: 45px;padding-bottom: 122px;}
  .youtb .youtb4-tbody{margin-top: 70px;padding-bottom: 120px;}
  .youtb .youtb4-tbody-img{max-width: 448px;}
  .youtb .youtb4-tbody-list{padding-top: 66px;}
  .youtb .youtb4-tbody-left{width: 50%;padding-right: 224px;}
  .youtb .youtb4-tbody-right{width: 50%;padding-left: 224px;}
  .youtb .youtb4-tbody-bottom{width: 52%;}
  .youtb .youtb4-tbody-left .youtb4-tbody-item, .youtb .youtb4-tbody-right .youtb4-tbody-item{margin-bottom: 30px;}
  .youtb .youtb4-tbody-left .youtb4-tbody-item:nth-of-type(1){margin-bottom: 142px;}
  .youtb .youtb4-tbody-right .youtb4-tbody-item:nth-of-type(1){margin-bottom: 126px;}
  .youtb .youtb4-tbody-item .item-title{font-size: 20px;line-height: 30px;}
  .youtb .youtb4-tbody-item .item-desc{font-size: 14px;fline-height: 26px;margin-top: 6px;}
}
@media screen and (max-width: 1259px) {
  .youtb .youtb4{padding-top: 38px;padding-bottom: 100px;}
  .youtb .youtb4-tbody{margin-top: 60px;padding-bottom: 108px;}
  .youtb .youtb4-tbody-img{max-width: 380px;}
  .youtb .youtb4-tbody-list{padding-top: 50px;}
  .youtb .youtb4-tbody-left{width: 50%;padding-right: 190px;}
  .youtb .youtb4-tbody-right{width: 50%;padding-left: 190px;}
  .youtb .youtb4-tbody-bottom{width: 52%;margin-top: -15px;}
  .youtb .youtb4-tbody-left .youtb4-tbody-item, .youtb .youtb4-tbody-right .youtb4-tbody-item{margin-bottom: 0px;}
  .youtb .youtb4-tbody-left .youtb4-tbody-item:nth-of-type(1){margin-bottom: 120px;}
  .youtb .youtb4-tbody-right .youtb4-tbody-item:nth-of-type(1){margin-bottom: 72px;}
  .youtb .youtb4-tbody-item .item-title{font-size: 18px;line-height: 28px;}
  .youtb .youtb4-tbody-item .item-desc{font-size: 12px;fline-height: 22px;margin-top: 4px;}
}
@media screen and (max-width: 991px) {
  .youtb .youtb4{padding-top: 26px;padding-bottom: 80px;}
  .youtb .youtb4-tbody{margin-top: 40px;padding-bottom: 0;}
  .youtb .youtb4-tbody-img{max-width: 380px;}
  .youtb .youtb4-tbody-list{padding-top: 20px;position: relative;font-size: 0;letter-spacing: 0;margin-left: -10px;margin-right: -10px;width: auto;}
  .youtb .youtb4-tbody-left{width: 100%;padding-right: 0px;text-align: left;}
  .youtb .youtb4-tbody-right{width: 100%;padding-left: 0px;}
  .youtb .youtb4-tbody-bottom{width: 100%;margin-top: 0px;margin-left: 0;}
  .youtb .youtb4-tbody-item{display: inline-block;vertical-align: top;width: 50%;padding: 0 10px;}
  .youtb .youtb4-tbody-left .youtb4-tbody-item, .youtb .youtb4-tbody-right .youtb4-tbody-item{margin-bottom: 15px;}
  .youtb .youtb4-tbody-left .youtb4-tbody-item:nth-of-type(1){margin-bottom: 15px;}
  .youtb .youtb4-tbody-right .youtb4-tbody-item:nth-of-type(1){margin-bottom: 15px;}
  .youtb .youtb4-tbody-item .item-title{font-size: 16px;line-height: 26px;}
  .youtb .youtb4-tbody-item .item-desc{font-size: 12px;fline-height: 22px;margin-top: 4px;}
}
@media screen and (max-width: 720px) {
  .youtb .youtb4{padding-top: 20px;padding-bottom: 50px;}
  .youtb .youtb4-tbody{margin-top: 30px;padding-bottom: 0;}
  .youtb .youtb4-tbody-img{max-width: 380px;}
  .youtb .youtb4-tbody-list{padding-top: 20px;position: relative;font-size: 0;letter-spacing: 0;margin-left: -10px;margin-right: -10px;width: auto;}
  .youtb .youtb4-tbody-left{width: 100%;padding-right: 0px;text-align: left;}
  .youtb .youtb4-tbody-right{width: 100%;padding-left: 0px;}
  .youtb .youtb4-tbody-bottom{width: 100%;margin-top: 0px;margin-left: 0;}
  .youtb .youtb4-tbody-item{display: inline-block;vertical-align: top;width: 50%;padding: 0 10px;}
  .youtb .youtb4-tbody-left .youtb4-tbody-item, .youtb .youtb4-tbody-right .youtb4-tbody-item{margin-bottom: 15px;}
  .youtb .youtb4-tbody-left .youtb4-tbody-item:nth-of-type(1){margin-bottom: 15px;}
  .youtb .youtb4-tbody-right .youtb4-tbody-item:nth-of-type(1){margin-bottom: 15px;}
  .youtb .youtb4-tbody-item .item-title{font-size: 16px;line-height: 26px;}
  .youtb .youtb4-tbody-item .item-desc{font-size: 12px;fline-height: 22px;margin-top: 4px;}
}
@media screen and (max-width: 560px) {
  .youtb .youtb4-tbody-item{display: inline-block;vertical-align: top;width: 100%;padding: 0 10px;}
}
.youtb .youtb5{position: relative;width: 100%;padding-bottom: 55px;}
.youtb .youtb5-tbody{position: relative;width: 100%;background: #0077C8;}
.youtb .youtb5-tbody .youtb5-tbody-left{position: relative;width: 37.5%;display: inline-block;vertical-align: top;}
.youtb .youtb5-tbody .youtb5-tbody-right{position: relative;width: 62.5%;display: inline-block;vertical-align: top;}
.youtb .youtb5-left-box{position: relative;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;flex-direction: column;text-align: center;background: url(../images/youtube-left-bgi.png) no-repeat center center;background-size: cover;padding: 133px 20px 193px;}
.youtb .youtb5-right-box{position: relative;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;flex-direction: column;background: url(../images/youtube-right-bgi.png) no-repeat center center;background-size: cover;padding: 53px;}
.youtb .youtb5-left-img{position: relative;width: 100%;text-align: center;margin-bottom: 77px;}
.youtb .youtb5-left-img img{position: relative;max-width: 100%;display: inline-block;vertical-align: top;}
.youtb .youtb5-right-list{position: relative;width: 100%;font-size: 0;letter-spacing: 0;}
.youtb .youtb5-list-item{position: relative;width: 100%;margin-bottom: 44px;}
.youtb .youtb5-right-list .youtb5-list-item:nth-last-of-type(1){margin-bottom: 0 !important;}
.youtb .youtb5-list-item .item-box{position: relative;width: 100%;display: flex;flex-wrap: wrap;}
.youtb .youtb5-list-item .item-box .item-icon{position: relative;width: 62px;height: 62px;text-align: center;display: flex;align-items: center;justify-content: center;background: rgba(20, 214, 255, .79);border-radius: 50%;}
.youtb .youtb5-list-item .item-box .item-icon img{display: inline-block;vertical-align: top;width: auto;max-width: 100%;}
.youtb .youtb5-list-item .item-box .item-body{position: relative;width: calc(100% - 62px);padding-left: 22px;}
.youtb .youtb5-list-item .item-body .item-title{font-size: 24px;font-family: SourceHanSansCN-Bold;font-weight: bold;line-height: 36px;color: #FFFFFF;}
.youtb .youtb5-list-item .item-body .item-desc{font-size: 16px;font-family: SourceHanSansCN;line-height: 28px;color: #FFFFFF;margin-top: 6px;}
.youtb .youtb5-tbody-btn{position: relative;width: 100%;text-align: center;padding-top: 69px;}
.youtb .youtb-tbody-btn .btnn{position: relative;display: inline-block;vertical-align: top;text-align: center;min-width: 402px;padding: 12px 20px;line-height: 35px;font-size: 24px;font-family: SourceHanSansCN-Medium;color: #0077C9;border: 2px solid #0077C9;border-radius: 31px;}
.youtb .youtb-tbody-btn .btnn:hover{background: #0077C9;color: #fff;}
@media screen and (max-width: 1659px) {
  .youtb .youtb5{padding-bottom: 50px;}
  .youtb .youtb5-tbody .youtb5-tbody-left{width: 37.5%;}
  .youtb .youtb5-tbody .youtb5-tbody-right{width: 62.5%;}
  .youtb .youtb5-left-box{padding: 118px 20px 178px;}
  .youtb .youtb5-right-box{padding: 48px;}
  .youtb .youtb5-left-img{margin-bottom: 72px;}
  .youtb .youtb5-list-item{margin-bottom: 40px;}
  .youtb .youtb5-list-item .item-box .item-icon{width: 60px;height: 60px;}
  .youtb .youtb5-list-item .item-box .item-body{width: calc(100% - 60px);padding-left: 20px;}
  .youtb .youtb5-list-item .item-body .item-title{font-size: 24px;line-height: 36px;}
  .youtb .youtb5-list-item .item-body .item-desc{font-size: 16px;line-height: 28px;margin-top: 4px;}
  .youtb .youtb5-tbody-btn{padding-top: 62px;}
  .youtb .youtb-tbody-btn .btnn{min-width: 386px;padding: 11px 20px;line-height: 34px;font-size: 24px;border-radius: 30px;}
}
@media screen and (max-width: 1459px) {
  .youtb .youtb5{padding-bottom: 44px;}
  .youtb .youtb5-tbody .youtb5-tbody-left{width: 37.5%;}
  .youtb .youtb5-tbody .youtb5-tbody-right{width: 62.5%;}
  .youtb .youtb5-left-box{padding: 96px 20px 156px;}
  .youtb .youtb5-right-box{padding: 42px;}
  .youtb .youtb5-left-img{margin-bottom: 60px;}
  .youtb .youtb5-list-item{margin-bottom: 36px;}
  .youtb .youtb5-list-item .item-box .item-icon{width: 60px;height: 60px;}
  .youtb .youtb5-list-item .item-box .item-body{width: calc(100% - 60px);padding-left: 18px;}
  .youtb .youtb5-list-item .item-body .item-title{font-size: 22px;line-height: 32px;}
  .youtb .youtb5-list-item .item-body .item-desc{font-size: 15px;line-height: 26px;margin-top: 4px;}
  .youtb .youtb5-tbody-btn{padding-top: 54px;}
  .youtb .youtb-tbody-btn .btnn{min-width: 364px;padding: 10px 18px;line-height: 32px;font-size: 22px;border-radius: 28px;}
}
@media screen and (max-width: 1259px) {
  .youtb .youtb5{padding-bottom: 36px;}
  .youtb .youtb5-tbody .youtb5-tbody-left{width: 37.5%;}
  .youtb .youtb5-tbody .youtb5-tbody-right{width: 62.5%;}
  .youtb .youtb5-left-box{padding: 78px 20px 138px;}
  .youtb .youtb5-right-box{padding: 36px;}
  .youtb .youtb5-left-img{margin-bottom: 48px;}
  .youtb .youtb5-list-item{margin-bottom: 30px;}
  .youtb .youtb5-list-item .item-box .item-icon{width: 56px;height: 56px;}
  .youtb .youtb5-list-item .item-box .item-body{width: calc(100% - 56px);padding-left: 16px;}
  .youtb .youtb5-list-item .item-body .item-title{font-size: 20px;line-height: 30px;}
  .youtb .youtb5-list-item .item-body .item-desc{font-size: 14px;line-height: 24px;margin-top: 4px;}
  .youtb .youtb5-tbody-btn{padding-top: 48px;}
  .youtb .youtb-tbody-btn .btnn{min-width: 336px;padding: 8px 16px;line-height: 30px;font-size: 20px;border-radius: 25px;}
}
@media screen and (max-width: 991px) {
  .youtb .youtb5{padding-bottom: 30px;}
  .youtb .youtb5-tbody .youtb5-tbody-left{width: 100%;}
  .youtb .youtb5-tbody .youtb5-tbody-right{width: 100%;}
  .youtb .youtb5-left-box{padding: 20px 20px 30px;}
  .youtb .youtb5-right-box{padding: 30px;}
  .youtb .youtb5-left-img{margin-bottom: 36px;}
  .youtb .youtb5-list-item{margin-bottom:24px;}
  .youtb .youtb5-list-item .item-box .item-icon{width: 52px;height: 52px;}
  .youtb .youtb5-list-item .item-box .item-body{width: calc(100% - 52px);padding-left: 16px;}
  .youtb .youtb5-list-item .item-body .item-title{font-size: 18px;line-height: 28px;}
  .youtb .youtb5-list-item .item-body .item-desc{font-size: 14px;line-height: 24px;margin-top: 4px;}
  .youtb .youtb5-tbody-btn{padding-top: 40px;}
  .youtb .youtb-tbody-btn .btnn{min-width: 300px;padding: 6px 14px;line-height: 28px;font-size: 18px;border-radius: 22px;}
}
@media screen and (max-width: 720px) {
  .youtb .youtb5{padding-bottom: 24px;}
  .youtb .youtb5-tbody .youtb5-tbody-left{width: 100%;}
  .youtb .youtb5-tbody .youtb5-tbody-right{width: 100%;}
  .youtb .youtb5-left-box{padding: 16px 20px 24px;}
  .youtb .youtb5-right-box{padding: 20px;}
  .youtb .youtb5-left-img{margin-bottom: 30px;}
  .youtb .youtb5-list-item{margin-bottom:20px;}
  .youtb .youtb5-list-item .item-box .item-icon{width: 52px;height: 52px;}
  .youtb .youtb5-list-item .item-box .item-body{width: calc(100% - 52px);padding-left: 16px;}
  .youtb .youtb5-list-item .item-body .item-title{font-size: 18px;line-height: 28px;}
  .youtb .youtb5-list-item .item-body .item-desc{font-size: 14px;line-height: 24px;margin-top: 4px;}
  .youtb .youtb5-tbody-btn{padding-top: 30px;}
  .youtb .youtb-tbody-btn .btnn{min-width: 280px;padding: 4px 12px;line-height: 26px;font-size: 16px;border-radius: 19px;}
}
@media screen and (max-width: 560px) {.youtb .youtb-tbody-btn .btnn{min-width: 240px;}}
.youtb .secs-bottom {padding-top: 100px; padding-bottom: 153px;}
.youtb .secs-bottom .secs-tbody { align-items: center; padding: 71px 0 53px; border-radius: 0 100px 0 100px; background: linear-gradient(38deg, #3FA2E7, #2A94DD, #0077C9); overflow: hidden; position: relative;}
.youtb .secs-bottom .secs-tbody::before { content: ''; width: 273px; height: 282px; background: url(../images/secform-a1.png); background-size: 100% 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.youtb .secs-bottom .secs-tbody::after { content: ''; width: 331px; height: 274px; background: url(../images/secform-a2.png); background-size: 100% 100%; position: absolute; right: 0; top: 0; z-index: 1;}
.youtb .secs-bottom .left { width: 47%; padding-left: 15%; border-right: 1px solid rgba(255, 255, 255, 0.94); position: relative; z-index: 2;padding-top: 8px;padding-bottom: 18px;}
.youtb .secs-bottom .left .tit { font-size: 45px;font-family: SourceHanSansCN-Medium; color: #FFFFFF; line-height: 52px;margin-bottom: 10px;}
.youtb .secs-bottom .left .desc p {  font-size: 24px; color: #FFFFFF; line-height: 36px;}
.youtb .secs-bottom .right { flex: 1; position: relative; z-index: 2;}
.youtb .secs-bottom .right .form-box { display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.youtb .secs-bottom .right .form-box .list { width: 263px; margin-right: 89px;}
.youtb .secs-bottom .right .form-box .list .item { width: 100%; height: 40px; border-radius: 5px; background: #FFFFFF; border-radius: 5px; margin-top: 18px;}
.youtb .secs-bottom .right .form-box .list .item:first-child { margin-top: 0;}
.youtb .secs-bottom .right .form-box .list .item .input { padding: 0 10px; font-size: 18px; color: #333333; line-height: 40px;}
.youtb .secs-bottom .right .form-box .list .m-error { height: 0;}
.youtb .secs-bottom .right .form-box .btn { width: 164px; height: 47px; background: #FFFFFF; border-radius: 23px;font-size: 20px; color: #0077C9; line-height: 47px; font-weight: bold; text-align: center;}
.youtb .secs-bottom .right .form-box .btn:hover { opacity: 0.8;}
@media screen and (max-width: 1460px) {
  .youtb .secs-bottom { padding-bottom: 90px;}
  .youtb .secs-bottom .left .tit { font-size: 38px; line-height: 42px;}
  .youtb .secs-bottom .left .desc p { font-size: 20px; line-height: 30px; margin-top: 8px;}
  .youtb .secs-bottom .right .form-box .list { width: 220px; margin-right: 70px;}
}
@media screen and (max-width: 1260px) {
  .youtb .secs-bottom { padding-bottom: 60px;}
  .youtb .secs-bottom .secs-tbody { padding: 60px 0 45px;}
  .youtb .secs-bottom .left  { padding-left: 12%;}
  .youtb .secs-bottom .left .tit { font-size: 30px; line-height: 34px;}
  .youtb .secs-bottom .right .form-box .list { width: 220px; margin-right: 50px;}
  .youtb .secs-bottom .right .form-box .btn { width: 120px;}
}
@media screen and (max-width: 992px) {
  .youtb .secs-bottom .secs-tbody { padding: 30px 0; border-radius: 0 60px 0 60px;}
  .youtb .secs-bottom .left  { width: 40%; padding-left: 7%;}
  .youtb .secs-bottom .left .tit { font-size: 28px; line-height: 32px;}
  .youtb .secs-bottom .left .desc p { font-size: 16px; line-height: 20px;}
  .youtb .secs-bottom .right .form-box .list { margin-right: 20px;}
  .youtb .secs-bottom .right .form-box .list .item .input { font-size: 14px;}
  .youtb .secs-bottom .right .form-box .btn { width: 90px; height: 40px; font-size: 14px; line-height: 40px;}
}
@media screen and (max-width: 768px) {
  .youtb .secs-bottom { padding-bottom: 30px;}
  .youtb .secs-bottom .secs-tbody { border-radius: 0 40px 0 40px;}
  .youtb .secs-bottom .secs-tbody::before { background: none;}
  .youtb .secs-bottom .secs-tbody::after { background: none;}
  .youtb .secs-bottom .left  { width: 100%; padding: 0 20px; border-right: none;}
  .youtb .secs-bottom .left .tit { font-size: 24px; line-height: 30px;}
  .youtb .secs-bottom .left .desc p { font-size: 14px; line-height: 18px;}
  .youtb .secs-bottom .right { margin-top: 20px;}
  .youtb .secs-bottom .right .form-box .list { width: calc(100% - 40px); margin-right: 0;}
  .youtb .secs-bottom .right .form-box .btn { margin-top: 18px; width: calc(100% - 40px);}
}

.facebook .you-top{position: relative;width: 100%;font-size: 0;letter-spacing: 0;}
.facebook .you-top .you-title{font-size: 32px;font-family: SourceHanSansCN-Bold;color: #333333;line-height: 44px;font-weight: bold;position: relative;padding-top: 36px;}
.facebook .you-top .you-title.white{color: #fff;}
.facebook .you-top .you-title::before{content: "";position: absolute;left: 0;top: 0px;width: 71px;height: 9px;background: #0077C9;border-radius: 5px;}
.facebook .you-top .you-title.white::before{background: #fff;}
.facebook .you-top .you-title.text-center::before{left: 50%;transform: translateX(-50%);}
.facebook .youtb-tbody-btn .btnn{position: relative;display: inline-block;vertical-align: top;text-align: center;min-width: 402px;padding: 12px 20px;line-height: 35px;font-size: 24px;font-family: SourceHanSansCN-Medium;color: #0077C9;border: 2px solid #0077C9;border-radius: 31px;}
.facebook .youtb-tbody-btn .btnn:hover{background: #0077C9;color: #fff;}
.facebook .banner-img{position: relative;width: 100%;text-align: center;overflow: hidden;}
.facebook .banner-img img{display: inline-block;vertical-align: top;width: 100%;}

@media screen and (max-width: 1659px) {
  .facebook .youtb-tbody-btn .btnn{min-width: 386px;padding: 11px 20px;line-height: 34px;font-size: 24px;border-radius: 30px;}
}
@media screen and (max-width: 1459px) {
  .facebook .you-top .you-title{font-size: 30px;line-height: 42px;padding-top: 32px;}
  .facebook .you-top .you-title::before{width: 64px;height: 8px;border-radius: 4px;}
  .facebook .youtb-tbody-btn .btnn{min-width: 364px;padding: 10px 18px;line-height: 32px;font-size: 22px;border-radius: 28px;}
}
@media screen and (max-width: 1259px) {
  .facebook .you-top .you-title{font-size: 28px;line-height: 39px;padding-top: 30px;}
  .facebook .you-top .you-title::before{width: 56px;height: 7px;border-radius: 4px;}
  .facebook .facebook .youtb-tbody-btn .btnn{min-width: 336px;padding: 8px 16px;line-height: 30px;font-size: 20px;border-radius: 25px;}
}
@media screen and (max-width: 991px) {
  .facebook .you-top .you-title{font-size: 24px;line-height: 36px;padding-top: 26px;}
  .facebook .you-top .you-title::before{width: 50px;height: 6px;border-radius: 3px;}
  .facebook .youtb-tbody-btn .btnn{min-width: 300px;padding: 6px 14px;line-height: 28px;font-size: 18px;border-radius: 22px;}
}
@media screen and (max-width: 720px) {
  .facebook .you-top .you-title{font-size: 20px;line-height: 32px;padding-top: 22px;}
  .facebook .you-top .you-title::before{width: 44px;height: 6px;border-radius: 3px;}
  .facebook .youtb-tbody-btn .btnn{min-width: 280px;padding: 4px 12px;line-height: 26px;font-size: 16px;border-radius: 19px;}
}
@media screen and (max-width: 520px) {
  .facebook .you-top .you-title{font-size: 20px;line-height: 32px;padding-top: 22px;}
  .facebook .you-top .you-title::before{width: 44px;height: 6px;border-radius: 3px;}
  .facebook .youtb-tbody-btn .btnn{min-width: 240px;}
}

.facebook .face1{position: relative;width: 100%;padding-top: 96px;padding-bottom: 139px;}
.facebook .face1-tbody{position: relative;display:flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-right: -72px;}
.facebook .face1-tbody-info{position: relative;display: inline-block;vertical-align: top;width: 36%;}
.facebook .face1-tbody-img{position: relative;display: inline-block;vertical-align: top;width: 53.88%;}
.facebook .face1-tbody-title{font-size: 26px;line-height: 36px;margin-top: 42px;font-family: SourceHanSansCN-Bold;font-weight: bold;color: #0077C9;}
.facebook .face1-tbody-text{font-size: 18px;font-family: SourceHanSansCN;line-height: 32px;margin-top: 10px;color: #333333;}
.facebook .face1-tbody-pic{position: relative;width: 100%;}
.facebook .face1-tbody-pic.modile{display: none;}
.facebook .face1-tbody-pic>img{display: block;width: 100%;}
.facebook .face1-tbody-pic .face1-text{position: absolute;display: inline-block;vertical-align: top;font-size: 20px;line-height: 30px;font-family: SourceHanSansCN-Medium;color: #333333;}
.facebook .face1-text1{top: 176px;left: 50%;transform: translateX(-100%);margin-left: -150px;}
.facebook .face1-text2{top: 176px;right: 50%;transform: translateX(100%);margin-right: -150px;}
.facebook .face1-text3{bottom: 102px;left: 50%;transform: translateX(-100%);margin-left: -278px;}
.facebook .face1-text4{bottom: 102px;right: 50%;transform: translateX(100%);margin-right: -278px;}
@media screen and (max-width: 1659px) {
  .facebook .face1{padding-top: 84px;padding-bottom: 120px;}
  .facebook .face1-tbody{margin-right: 0px;}
  .facebook .face1-tbody-info{width: 37.85%;}
  .facebook .face1-tbody-img{width: 55%;}
  .facebook .face1-tbody-title{font-size: 24px;line-height: 34px;margin-top: 40px;}
  .facebook .face1-tbody-text{font-size: 18px;line-height: 30px;margin-top: 8px;}
  .facebook .face1-tbody-pic .face1-text{font-size: 18px;line-height: 28px;}
  .facebook .face1-text1{top: 172px;left: 50%;transform: translateX(-100%);margin-left: -140px;}
  .facebook .face1-text2{top: 172px;right: 50%;transform: translateX(100%);margin-right: -140px;}
  .facebook .face1-text3{bottom: 98px;left: 50%;transform: translateX(-100%);margin-left: -268px;}
  .facebook .face1-text4{bottom: 98px;right: 50%;transform: translateX(100%);margin-right: -268px;}
}
@media screen and (max-width: 1459px) {
  .facebook .face1{padding-top: 72px;padding-bottom: 102px;}
  .facebook .face1-tbody{margin-right: 0px;}
  .facebook .face1-tbody-info{width: 38.5%;}
  .facebook .face1-tbody-img{width: 55%;}
  .facebook .face1-tbody-title{font-size: 22px;line-height: 32px;margin-top: 36px;}
  .facebook .face1-tbody-text{font-size: 17px;line-height: 28px;margin-top: 8px;}
  .facebook .face1-tbody-pic .face1-text{font-size: 17px;line-height: 28px;}
  .facebook .face1-text1{top: 142px;left: 50%;transform: translateX(-100%);margin-left: -118px;}
  .facebook .face1-text2{top: 142px;right: 50%;transform: translateX(100%);margin-right: -118px;}
  .facebook .face1-text3{bottom: 86px;left: 50%;transform: translateX(-100%);margin-left: -224px;}
  .facebook .face1-text4{bottom: 86px;right: 50%;transform: translateX(100%);margin-right: -224px;}
}
@media screen and (max-width: 1259px) {
  .facebook .face1{padding-top: 60px;padding-bottom: 84px;}
  .facebook .face1-tbody{margin-right: 0px;}
  .facebook .face1-tbody-info{width: 40%;}
  .facebook .face1-tbody-img{width: 56%;}
  .facebook .face1-tbody-title{font-size: 20px;line-height: 30px;margin-top: 30px;}
  .facebook .face1-tbody-text{font-size: 16px;line-height: 26px;margin-top: 6px;}
  .facebook .face1-tbody-pic .face1-text{font-size: 16px;line-height: 26px;}
  .facebook .face1-text1{top: 116px;left: 50%;transform: translateX(-100%);margin-left: -96px;}
  .facebook .face1-text2{top: 116px;right: 50%;transform: translateX(100%);margin-right: -96px;}
  .facebook .face1-text3{bottom: 72px;left: 50%;transform: translateX(-100%);margin-left: -180px;}
  .facebook .face1-text4{bottom: 72px;right: 50%;transform: translateX(100%);margin-right: -180px;}
}
@media screen and (max-width: 991px) {
  .facebook .face1{padding-top: 48px;padding-bottom: 66px;}
  .facebook .face1-tbody{margin-right: 0px;}
  .facebook .face1-tbody-info{width: 100%;margin-bottom: 20px;}
  .facebook .face1-tbody-img{width: 100%;max-width: 600px;margin: 0 auto;padding: 0 35px;}
  .facebook .face1-tbody-title{font-size: 18px;line-height: 28px;margin-top: 24px;}
  .facebook .face1-tbody-text{font-size: 14px;line-height: 24px;margin-top: 4px;}
  .facebook .face1-tbody-pic .face1-text{font-size: 16px;line-height: 26px;}
  .facebook .face1-text1{top: 116px;left: 50%;transform: translateX(-100%);margin-left: -96px;}
  .facebook .face1-text2{top: 116px;right: 50%;transform: translateX(100%);margin-right: -96px;}
  .facebook .face1-text3{bottom: 72px;left: 50%;transform: translateX(-100%);margin-left: -180px;}
  .facebook .face1-text4{bottom: 72px;right: 50%;transform: translateX(100%);margin-right: -180px;}
}
@media screen and (max-width: 660px) {
  .facebook .face1{padding-top: 36px;padding-bottom: 48px;}
  .facebook .face1-tbody{margin-right: 0px;}
  .facebook .face1-tbody-info{width: 100%;margin-bottom: 20px;}
  .facebook .face1-tbody-img{width: 100%;max-width: 480px;margin: 0 auto;padding: 0 32px;}
  .facebook .face1-tbody-title{font-size: 18px;line-height: 28px;margin-top: 24px;}
  .facebook .face1-tbody-text{font-size: 14px;line-height: 24px;margin-top: 4px;}
  .facebook .face1-tbody-pic .face1-text{font-size: 14px;line-height: 24px;}
  .facebook .face1-text1{top: 84px;left: 50%;transform: translateX(-100%);margin-left: -74px;}
  .facebook .face1-text2{top: 84px;right: 50%;transform: translateX(100%);margin-right: -74px;}
  .facebook .face1-text3{bottom: 50px;left: 50%;transform: translateX(-100%);margin-left: -146px;}
  .facebook .face1-text4{bottom: 50px;right: 50%;transform: translateX(100%);margin-right: -146px;}
}
@media screen and (max-width: 560px) {
  .facebook .face1-tbody-pic{display: none;}
  .facebook .face1-tbody-pic.modile{display: block;}
  .facebook .face1-tbody-img{width: 100%;max-width: none;padding: 0;}
}

.facebook .face2{position: relative;width: 100%;padding-top: 81px;padding-bottom: 56px;background: rgba(229, 238, 253, .15);}
.facebook .face2-tbody{position: relative;display:flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;flex-direction: row-reverse;}
.facebook .face2-tbody-info{position: relative;display: inline-block;vertical-align: top;width: 45.5%;}
.facebook .face2-tbody-img{position: relative;display: inline-block;vertical-align: top;width: 44.215%;padding-top: 14px;}
.facebook .face2-tbody-desc{font-size: 18px;font-family: SourceHanSansCN;line-height: 32px;margin-top: 10px;color: #333333;}
.facebook .face2-tbody-title{font-size: 26px;line-height: 36px;margin-top: 65px;font-family: SourceHanSansCN-Bold;font-weight: bold;color: #0077C9;padding-bottom: 14px;border-bottom: 1px solid #888888;}
.facebook .face2-tbody-text{font-size: 18px;font-family: SourceHanSansCN;line-height: 32px;margin-top: 14px;color: #333333;}
.facebook .face2-tbody-list{position: relative;width: 100%;margin-top: 33px;}
.facebook .face2-tbody-list .item{position: relative;width: 100%;max-width: 448px;padding: 7px 28px;padding-left: 50px;font-size: 18px;font-family: SourceHanSansCN;line-height: 30px;background: #0379CA;color: #FFFFFF;border-radius: 22px;margin-bottom: 16px;}
.facebook .face2-tbody-list .item::before{content: "";position: absolute;top: 50%;left: 32px;transform: translateY(-50%);width: 8px;height: 8px;background: #FFFFFF;border-radius: 50%;}
.facebook .face2-tbody-pic{position: relative;width: 100%;}
.facebook .face2-tbody-pic>img{display: block;width: 100%;}
.facebook .face2-pic-item{position: absolute;display: inline-block;vertical-align: top;background: #FFFFFF;border-radius: 12px;cursor: pointer;}
.facebook .face2-tbody-pic .face2-pic-item.active{background: linear-gradient(38deg, #3FA2E7, #0077C9);color: #fff;}
.facebook .face2-pic-item .item-pic{position: absolute;right: 19px;top: 50%;transform: translateY(-50%);width: 70px;border-radius: 12px;overflow: hidden;visibility: hidden;opacity: 0;transition: all .3s;}
.facebook .face2-pic-item.active .item-pic{visibility: visible;opacity: 1;}
.facebook .face2-pic-item .item-pic img{display: block;width: 100%;}
.facebook .face2-pic-item .item-body{position: relative;width: 100%;}
.facebook .face2-pic-item .item-body .item-title{font-size: 32px;font-family: SourceHanSansCN-Bold;font-weight: bold;color: #0379CA;line-height: 40px;}
.facebook .face2-pic-item .item-body .item-desc{font-size: 18px;font-family: SourceHanSansCN;color: #333333;line-height: 32px;}
.facebook .face2-pic-item.active .item-body .item-title, .facebook .face2-pic-item.active .item-body .item-desc{color: #fff;}
.facebook .face2-pic-item.active .item-body .item-desc{margin-top: 6px;}
.facebook .face2-tbody-pic .pic-item1{min-width: 226px;padding: 10px 25px 8px;top: 72px;left: 133px;}
.facebook .face2-tbody-pic .pic-item2{min-width: 226px;padding: 10px 25px 8px;top: 135px;right: -55px;}
.facebook .face2-tbody-pic .pic-item3{min-width: 226px;padding: 10px 25px 8px;top: 50%;left: 8px;transform: translateY(-50%);}
.facebook .face2-tbody-pic .pic-item4{min-width: 226px;padding: 10px 25px 8px;bottom: 88px;left: 60%;transform: translateX(-50%);}
.facebook .face2-tbody-pic .pic-item5{min-width: 312px;padding: 26px 22px 20px;top: 60%;right: -90px;transform: translateY(-50%);}
.facebook .face2-tbody-btn{position: relative;width: 100%;text-align: center;padding-top: 52px;}

@media screen and (max-width: 1459px) {
  .facebook .face2{padding-top: 72px;padding-bottom: 50px;}
  .facebook .face2-tbody-info{width: 45.5%;}
  .facebook .face2-tbody-img{width: 45%;padding-top: 12px;}
  .facebook .face2-tbody-desc{font-size: 17px;line-height: 30px;margin-top: 8px;}
  .facebook .face2-tbody-title{font-size: 24px;line-height: 36px;margin-top: 56px;padding-bottom: 12px;}
  .facebook .face2-tbody-text{font-size: 17px;line-height: 30px;margin-top: 12px;}
  .facebook .face2-tbody-list{margin-top: 28px;}
  .facebook .face2-tbody-list .item{padding: 6px 24px;padding-left: 48px;font-size: 17px;line-height: 28px;border-radius: 20px;margin-bottom: 14px;}
  .facebook .face2-tbody-list .item::before{left: 28px;width: 8px;height: 8px;}
  .facebook .face2-pic-item .item-pic{right: 12px;width: 64px;border-radius: 10px;}
  .facebook .face2-pic-item .item-body .item-title{font-size: 28px;line-height: 36px;}
  .facebook .face2-pic-item .item-body .item-desc{font-size: 17px;line-height: 30px;}
  .facebook .face2-tbody-pic .pic-item1{min-width: 214px;padding: 8px 22px 7px;top: 66px;left: 120px;}
  .facebook .face2-tbody-pic .pic-item2{min-width: 214px;padding: 8px 22px 7px;top: 124px;right: -35px;}
  .facebook .face2-tbody-pic .pic-item3{min-width: 214px;padding: 8px 22px 7px;top: 50%;left: 8px;transform: translateY(-50%);}
  .facebook .face2-tbody-pic .pic-item4{min-width: 214px;padding: 8px 22px 7px;bottom: 72px;left: 60%;transform: translateX(-50%);}
  .facebook .face2-tbody-pic .pic-item5{min-width: 288px;padding: 22px 20px 18px;top: 60%;right: -60px;transform: translateY(-50%);}
  .facebook .face2-tbody-btn{padding-top: 48px;}
}
@media screen and (max-width: 1259px) {
  .facebook .face2{padding-top: 63px;padding-bottom: 44px;}
  .facebook .face2-tbody-info{width: 45.5%;}
  .facebook .face2-tbody-img{width: 48%;padding-top: 10px;}
  .facebook .face2-tbody-desc{font-size: 16px;line-height: 28px;margin-top: 8px;}
  .facebook .face2-tbody-title{font-size: 22px;line-height: 32px;margin-top: 50px;padding-bottom: 10px;}
  .facebook .face2-tbody-text{font-size: 16px;line-height: 28px;margin-top: 10px;}
  .facebook .face2-tbody-list{margin-top: 24px;}
  .facebook .face2-tbody-list .item{padding: 4px 20px;padding-left: 42px;font-size: 16px;line-height: 28px;border-radius: 18px;margin-bottom: 12px;}
  .facebook .face2-tbody-list .item::before{left: 22px;width: 8px;height: 8px;}
  .facebook .face2-pic-item .item-pic{right: 10px;width: 56px;border-radius: 8px;}
  .facebook .face2-pic-item .item-body .item-title{font-size: 24px;line-height: 32px;}
  .facebook .face2-pic-item .item-body .item-desc{font-size: 16px;line-height: 28px;}
  .facebook .face2-tbody-pic .pic-item1{min-width: 198px;padding: 8px 18px 7px;top: 40px;left: 100px;}
  .facebook .face2-tbody-pic .pic-item2{min-width: 198px;padding: 8px 18px 7px;top: 100px;right: -25px;}
  .facebook .face2-tbody-pic .pic-item3{min-width: 198px;padding: 8px 18px 7px;top: 50%;left: 8px;transform: translateY(-50%);}
  .facebook .face2-tbody-pic .pic-item4{min-width: 198px;padding: 8px 18px 7px;bottom: 40px;left: 60%;transform: translateX(-50%);}
  .facebook .face2-tbody-pic .pic-item5{min-width: 272px;padding: 18px 16px 15px;top: 60%;right: -30px;transform: translateY(-50%);}
  .facebook .face2-tbody-btn{padding-top: 42px;}
}
@media screen and (max-width: 991px) {
  .facebook .face2{padding-top: 54px;padding-bottom: 36px;}
  .facebook .face2-tbody-info{width: 100%;margin-bottom: 20px;}
  .facebook .face2-tbody-img{width: 100%;max-width: 580px;margin: 0 auto;padding: 0 30px;}
  .facebook .face2-tbody-desc{font-size: 15px;line-height: 26px;margin-top: 6px;}
  .facebook .face2-tbody-title{font-size: 20px;line-height: 30px;margin-top: 40px;padding-bottom: 8px;}
  .facebook .face2-tbody-text{font-size: 15px;line-height: 26px;margin-top: 8px;}
  .facebook .face2-tbody-list{margin-top: 20px;}
  .facebook .face2-tbody-list .item{padding: 4px 16px;padding-left: 36px;font-size: 15px;line-height: 26px;border-radius: 17px;margin-bottom: 10px;}
  .facebook .face2-tbody-list .item::before{left: 16px;width: 8px;height: 8px;}
  .facebook .face2-pic-item .item-pic{right: 10px;width: 52px;border-radius: 8px;}
  .facebook .face2-pic-item .item-body .item-title{font-size: 20px;line-height: 28px;}
  .facebook .face2-pic-item .item-body .item-desc{font-size: 15px;line-height: 26px;}
  .facebook .face2-tbody-pic .pic-item1{min-width: 204px;padding: 8px 18px 7px;top: 40px;left: 100px;}
  .facebook .face2-tbody-pic .pic-item2{min-width: 204px;padding: 8px 18px 7px;top: 120px;right: -25px;}
  .facebook .face2-tbody-pic .pic-item3{min-width: 204px;padding: 8px 18px 7px;top: 50%;left: 0px;transform: translateY(-50%);}
  .facebook .face2-tbody-pic .pic-item4{min-width: 204px;padding: 8px 18px 7px;bottom: 40px;left: 60%;transform: translateX(-50%);}
  .facebook .face2-tbody-pic .pic-item5{min-width: 280px;padding: 18px 16px 15px;top: 60%;right: -30px;transform: translateY(-50%);}
  .facebook .face2-tbody-btn{padding-top: 42px;}
}
@media screen and (max-width: 720px) {
  .facebook .face2{padding-top: 45px;padding-bottom: 28px;}
  .facebook .face2-tbody-info{width: 100%;margin-bottom: 20px;}
  .facebook .face2-tbody-img{width: 100%;max-width: 480px;margin: 0 auto;padding: 0 25px;}
  .facebook .face2-tbody-desc{font-size: 14px;line-height: 24px;margin-top: 6px;}
  .facebook .face2-tbody-title{font-size: 18px;line-height: 28px;margin-top: 28px;padding-bottom: 8px;}
  .facebook .face2-tbody-text{font-size: 14px;line-height: 24px;margin-top: 8px;}
  .facebook .face2-tbody-list{margin-top: 16px;}
  .facebook .face2-tbody-list .item{padding: 4px 14px;padding-left: 36px;font-size: 14px;line-height: 24px;border-radius: 16px;margin-bottom: 10px;}
  .facebook .face2-tbody-list .item::before{left: 16px;width: 8px;height: 8px;}
  .facebook .face2-pic-item .item-pic{right: 10px;width: 48px;border-radius: 6px;}
  .facebook .face2-pic-item .item-body .item-title{font-size: 18px;line-height: 28px;}
  .facebook .face2-pic-item .item-body .item-desc{font-size: 14px;line-height: 24px;}
  .facebook .face2-tbody-pic .pic-item1{min-width: 180px;padding: 8px 16px 7px;top: 28px;left: 80px;}
  .facebook .face2-tbody-pic .pic-item2{min-width: 180px;padding: 8px 16px 7px;top: 110px;right: -15px;}
  .facebook .face2-tbody-pic .pic-item3{min-width: 180px;padding: 8px 16px 7px;top: 50%;left: 0px;transform: translateY(-50%);}
  .facebook .face2-tbody-pic .pic-item4{min-width: 180px;padding: 8px 16px 7px;bottom: 30px;left: 60%;transform: translateX(-50%);}
  .facebook .face2-tbody-pic .pic-item5{min-width: 228px;padding: 16px 14px 12px;top: 60%;right: -20px;transform: translateY(-50%);}
  .facebook .face2-tbody-btn{padding-top: 42px;}
}
@media screen and (max-width: 560px) {
  .facebook .face2{padding-top: 36px;padding-bottom: 20px;}
  .facebook .face2-tbody-info{width: 100%;margin-bottom: 20px;}
  .facebook .face2-tbody-img{width: 100%;max-width: 480px;margin: 0 auto;padding: 0;}
  .facebook .face2-tbody-desc{font-size: 14px;line-height: 24px;margin-top: 6px;}
  .facebook .face2-tbody-title{font-size: 18px;line-height: 28px;margin-top: 28px;padding-bottom: 8px;}
  .facebook .face2-tbody-text{font-size: 14px;line-height: 24px;margin-top: 8px;}
  .facebook .face2-tbody-list{margin-top: 16px;}
  .facebook .face2-tbody-list .item{padding: 4px 14px;padding-left: 36px;font-size: 14px;line-height: 24px;border-radius: 16px;margin-bottom: 10px;}
  .facebook .face2-tbody-list .item::before{left: 16px;width: 8px;height: 8px;}
  .facebook .face2-tbody-pic>img{display: none;}
  .facebook .face2-pic-item{position: relative;width: 100%;margin-bottom: 12px;}
  .facebook .face2-pic-item .item-pic{right: 10px;width: 48px;border-radius: 6px;}
  .facebook .face2-pic-item .item-body .item-title{font-size: 18px;line-height: 28px;}
  .facebook .face2-pic-item .item-body .item-desc{font-size: 14px;line-height: 24px;}
  .facebook .face2-tbody-pic .pic-item1{min-width: auto;padding: 8px 16px 7px;top: 0px;left: 0;}
  .facebook .face2-tbody-pic .pic-item2{min-width: auto;padding: 8px 16px 7px;top: 0;right: 0;}
  .facebook .face2-tbody-pic .pic-item3{min-width: auto;padding: 8px 16px 7px;top: 0;left: 0px;transform: translateY(0);}
  .facebook .face2-tbody-pic .pic-item4{min-width: auto;padding: 8px 16px 7px;bottom: 0px;left: 0;transform: translateX(0);}
  .facebook .face2-tbody-pic .pic-item5{min-width: auto;padding: 8px 16px 7px;top: 0;right: 0;transform: translateY(0);}
  .facebook .face2-tbody-btn{padding-top: 42px;}
}
.facebook .face3{position: relative;width: 100%;padding-top: 87px;padding-bottom: 83px;}
.facebook .face3-tbody{position: relative;width: 100%;padding-top: 50px;display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
.facebook .face3-tbody-menu{position: relative;display: inline-block;vertical-align: top;width: 50%;}
.facebook .face3-tbody-menu .menu-item{position: relative;width: 100%;margin-bottom: 20px;}
.facebook .face3-tbody-menu .menu-item.active{background: #0379CA;box-shadow: 0px 11px 27px 0px rgba(39,54,100,0.08);border-radius: 11px;}
.facebook .face3-tbody-menu .menu-item .item-box{position: relative;width: 100%;padding: 10px 20px 13px;}
.facebook .face3-tbody-menu .menu-item .item-title{font-size: 20px;font-family: SourceHanSansCN-Medium;color: #0077C9;line-height: 32px;}
.facebook .face3-tbody-menu .menu-item .item-desc{font-size: 16px;font-family: SourceHanSansCN;line-height: 28px;color: #333333;}
.facebook .face3-tbody-menu .menu-item.active .item-title, .facebook .face3-tbody-menu .menu-item.active .item-desc{color: #fff;}
.facebook .face3-tbody-content{position: relative;display: inline-block;vertical-align: top;width: 32%;}
.facebook .face3-content-item{position: relative;width: 100%;display: none;}
.facebook .face3-content-item .item-box{position: relative;width: 100%;text-align: center;}
.facebook .face3-content-item .item-box .item-pic{position: relative;width: 100%;text-align: center;}
.facebook .face3-content-item .item-box .item-pic img{display: inline-block;vertical-align: top;width: auto;max-width: 100%;}
.facebook .face3-tbody-btn{position: relative;width: 100%;text-align: center;margin-top: -62px;}
@media screen and (max-width: 1459px) {
  .facebook .face3{padding-top: 78px;padding-bottom: 72px;}
  .facebook .face3-tbody{padding-top: 44px;}
  .facebook .face3-tbody-menu{width: 50%;}
  .facebook .face3-tbody-menu .menu-item{margin-bottom: 18px;}
  .facebook .face3-tbody-menu .menu-item .item-box{padding: 8px 16px 10px;}
  .facebook .face3-tbody-menu .menu-item .item-title{font-size: 18px;line-height: 30px;}
  .facebook .face3-tbody-menu .menu-item .item-desc{font-size: 15px;line-height: 26px;}
  .facebook .face3-tbody-content{width: 32%;}
  .facebook .face3-tbody-btn{margin-top: -40px;}
}
@media screen and (max-width: 1259px) {
  .facebook .face3{padding-top: 66px;padding-bottom: 60px;}
  .facebook .face3-tbody{padding-top: 38px;}
  .facebook .face3-tbody-menu{width: 65%;}
  .facebook .face3-tbody-menu .menu-item{margin-bottom: 16px;}
  .facebook .face3-tbody-menu .menu-item .item-box{padding: 8px 15px 10px;}
  .facebook .face3-tbody-menu .menu-item .item-title{font-size: 18px;line-height: 28px;}
  .facebook .face3-tbody-menu .menu-item .item-desc{font-size: 15px;line-height: 26px;}
  .facebook .face3-tbody-content{width: 32%;}
  .facebook .face3-tbody-btn{margin-top: 32px;}
}
@media screen and (max-width: 991px) {
  .facebook .face3{padding-top: 54px;padding-bottom: 48px;}
  .facebook .face3-tbody{padding-top: 32px;}
  .facebook .face3-tbody-menu{width: 100%;}
  .facebook .face3-tbody-menu .menu-item{margin-bottom: 16px;}
  .facebook .face3-tbody-menu .menu-item .item-box{padding: 8px 15px 10px;}
  .facebook .face3-tbody-menu .menu-item .item-title{font-size: 17px;line-height: 28px;}
  .facebook .face3-tbody-menu .menu-item .item-desc{font-size: 14px;line-height: 24px;}
  .facebook .face3-tbody-content{width: 100%;}
  .facebook .face3-tbody-btn{margin-top: 28px;}
}
@media screen and (max-width: 720px) {
  .facebook .face3{padding-top: 42px;padding-bottom: 36px;}
  .facebook .face3-tbody{padding-top: 24px;}
  .facebook .face3-tbody-menu{width: 100%;}
  .facebook .face3-tbody-menu .menu-item{margin-bottom: 16px;}
  .facebook .face3-tbody-menu .menu-item .item-box{padding: 8px 15px 10px;}
  .facebook .face3-tbody-menu .menu-item .item-title{font-size: 16px;line-height: 26px;}
  .facebook .face3-tbody-menu .menu-item .item-desc{font-size: 14px;line-height: 24px;}
  .facebook .face3-tbody-content{width: 100%;}
  .facebook .face3-tbody-btn{margin-top: 24px;}
}
@media screen and (max-width: 560px) {
  .facebook .face3{padding-top: 30px;padding-bottom: 24px;}
  .facebook .face3-tbody{padding-top: 20px;}
  .facebook .face3-tbody-menu{width: 100%;}
  .facebook .face3-tbody-menu .menu-item{margin-bottom: 16px;}
  .facebook .face3-tbody-menu .menu-item .item-box{padding: 8px 15px 10px;}
  .facebook .face3-tbody-menu .menu-item .item-title{font-size: 16px;line-height: 26px;}
  .facebook .face3-tbody-menu .menu-item .item-desc{font-size: 14px;line-height: 24px;}
  .facebook .face3-tbody-content{width: 100%;}
  .facebook .face3-tbody-btn{margin-top: 24px;}
}
.facebook .face4{position: relative;width: 100%;padding-top: 100px;padding-bottom: 122px;margin-bottom: 73px;background: #F2F6FE;}
.facebook .face4-tbody{position: relative;width: 100%;max-width: 1200px;margin: 0 auto;padding-top: 60px;}
.facebook .face4-tbody-list{position: relative;font-size: 0;letter-spacing: 0;}
.facebook .face4-tbody-item{position: relative;width: 100%;display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;margin-bottom: 69px;}
.facebook .face4-tbody-list .face4-tbody-item:nth-of-type(odd){flex-direction: row-reverse;}
.facebook .face4-tbody-list .face4-tbody-item:nth-of-type(even){flex-direction: row;}
.facebook .face4-tbody-item .item-img{position: relative;display: inline-block;vertical-align: top;width: 44.8333333%;}
.facebook .face4-tbody-item .item-pic{position: relative;width: 100%;max-width: 510px;margin: 0 auto; border: 10px solid rgba(255,255,255,0.4);box-shadow: 0px 0px 32px 0px rgba(17,28,51,0.28);border-radius: 24px;background: transparent;}
.facebook .face4-tbody-item .item-pic img{position: relative;width: 100%;display: block;border-radius: 24px;}
.facebook .face4-tbody-item .item-body{position: relative;display: inline-block;vertical-align: top;width: 43.5%;padding-top: 36px;}
.facebook .face4-tbody-item .item-body .item-info{position: relative;}
.facebook .face4-tbody-list .face4-tbody-item:nth-of-type(odd) .item-body .item-info{padding-right: 72px;text-align: right;margin-left: -100px;}
.facebook .face4-tbody-list .face4-tbody-item:nth-of-type(even) .item-body .item-info{padding-left: 72px;text-align: left;margin-right: -100px;}
.facebook .face4-tbody-item .item-body .item-num{position: absolute;top: 8px;width: 46px;}
.facebook .face4-tbody-item .item-body .item-num::before{content: "";position: absolute;top: 3px;width: 172px;height: 2px;background: #0077C9;}
.facebook .face4-tbody-item .item-body .item-num span{display: inline-block;vertical-align: top;width: 46px;font-size: 24px;line-height: 36px;padding: 5px;text-align: center;background: #0077C9;color: #FFFFFF;}
.facebook .face4-tbody-list .face4-tbody-item:nth-of-type(odd) .item-num{right: 0;}
.facebook .face4-tbody-list .face4-tbody-item:nth-of-type(even) .item-num{left: 0;}
.facebook .face4-tbody-list .face4-tbody-item:nth-of-type(odd) .item-num::before{left:120%;}
.facebook .face4-tbody-list .face4-tbody-item:nth-of-type(even) .item-num::before{right: 120%;}
.facebook .face4-tbody-item .item-body .item-title {font-size: 24px;line-height: 36px;font-family: SourceHanSansCN-Medium;position: relative;color: #0077C9;padding-bottom: 24px;}
.facebook .face4-tbody-item .item-body .item-title::before {content: "";position: absolute;bottom: 0;width: 81px;height: 3px;background: #0077C9;border-radius: 2px;}
.facebook .face4-tbody-list .face4-tbody-item:nth-of-type(odd) .item-body .item-title::before{right: 0;}
.facebook .face4-tbody-list .face4-tbody-item:nth-of-type(even) .item-body .item-title::before{left: 0;}
.facebook .face4-tbody-item .item-body .item-desc {font-size: 16px;line-height: 28px;font-family: SourceHanSansCN;color: #666666;margin-top: 22px;}
.facebook .face4-tbody-item .item-body .item-desc p{margin-bottom: 16px;}
.facebook .face4-tbody-btn{position: relative;width: 100%;text-align: center;padding-top: 14px;}

@media screen and (max-width: 1459px) {
  .facebook .face4{padding-top: 88px;padding-bottom: 104px;margin-bottom: 66px;}
  .facebook .face4-tbody{padding-top: 54px;}
  .facebook .face4-tbody-item{margin-bottom: 62px;}
  .facebook .face4-tbody-item .item-img{width: 45%;}
  .facebook .face4-tbody-item .item-pic{border-width: 9px;border-radius: 22px;}
  .facebook .face4-tbody-item .item-pic img{border-radius: 22px;}
  .facebook .face4-tbody-item .item-body{width: 45%;padding-top: 30px;}
  .facebook .face4-tbody-list .face4-tbody-item:nth-of-type(odd) .item-body .item-info{padding-right: 64px;margin-left: -30px;}
  .facebook .face4-tbody-list .face4-tbody-item:nth-of-type(even) .item-body .item-info{padding-left: 64px;margin-right: -30px;}
  .facebook .face4-tbody-item .item-body .item-num{top: 8px;width: 42px;}
  .facebook .face4-tbody-item .item-body .item-num::before{top: 3px;width: 156px;height: 2px;}
  .facebook .face4-tbody-item .item-body .item-num span{width: 42px;font-size: 22px;line-height: 32px;padding: 5px;}
  .facebook .face4-tbody-item .item-body .item-title {font-size: 22px;line-height: 32px;padding-bottom: 20px;}
  .facebook .face4-tbody-item .item-body .item-title::before {width: 72px;height: 3px;}
  .facebook .face4-tbody-item .item-body .item-desc {font-size: 15px;line-height: 26px;margin-top: 20px;}
  .facebook .face4-tbody-item .item-body .item-desc p{margin-bottom: 14px;}
  .facebook .face4-tbody-btn{padding-top: 12px;}
}
@media screen and (max-width: 1259px) {
  .facebook .face4{padding-top: 76px;padding-bottom: 88px;margin-bottom: 58px;}
  .facebook .face4-tbody{padding-top: 48px;}
  .facebook .face4-tbody-item{margin-bottom: 54px;}
  .facebook .face4-tbody-item .item-img{width: 45%;}
  .facebook .face4-tbody-item .item-pic{border-width: 8px;border-radius: 20px;}
  .facebook .face4-tbody-item .item-pic img{border-radius: 20px;}
  .facebook .face4-tbody-item .item-body{width: 45%;padding-top: 24px;}
  .facebook .face4-tbody-list .face4-tbody-item:nth-of-type(odd) .item-body .item-info{padding-right: 52px;margin-left: 0px;}
  .facebook .face4-tbody-list .face4-tbody-item:nth-of-type(even) .item-body .item-info{padding-left: 52px;margin-right: 0px;}
  .facebook .face4-tbody-item .item-body .item-num{top: 8px;width: 36px;}
  .facebook .face4-tbody-item .item-body .item-num::before{top: 3px;width: 112px;height: 2px;}
  .facebook .face4-tbody-item .item-body .item-num span{width: 36px;font-size: 20px;line-height: 28px;padding: 4px;}
  .facebook .face4-tbody-item .item-body .item-title {font-size: 20px;line-height: 30px;padding-bottom: 18px;}
  .facebook .face4-tbody-item .item-body .item-title::before {width: 64px;height: 2px;}
  .facebook .face4-tbody-item .item-body .item-desc {font-size: 14px;line-height: 24px;margin-top: 18px;}
  .facebook .face4-tbody-item .item-body .item-desc p{margin-bottom: 12px;}
  .facebook .face4-tbody-btn{padding-top: 10px;}
}
@media screen and (max-width: 991px) {
  .facebook .face4{padding-top: 64px;padding-bottom: 70px;margin-bottom: 50px;}
  .facebook .face4-tbody{padding-top: 42px;}
  .facebook .face4-tbody-item{margin-bottom: 48px;}
  .facebook .face4-tbody-item .item-img{width: 47%;}
  .facebook .face4-tbody-item .item-pic{border-width: 6px;border-radius: 18px;}
  .facebook .face4-tbody-item .item-pic img{border-radius: 18px;}
  .facebook .face4-tbody-item .item-body{width: 48%;padding-top: 16px;}
  .facebook .face4-tbody-list .face4-tbody-item:nth-of-type(odd) .item-body .item-info{padding-right: 46px;margin-left: 0px;}
  .facebook .face4-tbody-list .face4-tbody-item:nth-of-type(even) .item-body .item-info{padding-left: 46px;margin-right: 0px;}
  .facebook .face4-tbody-item .item-body .item-num{top: 8px;width: 32px;}
  .facebook .face4-tbody-item .item-body .item-num::before{top: 3px;width: 54px;height: 2px;}
  .facebook .face4-tbody-item .item-body .item-num span{width: 32px;font-size: 18px;line-height: 26px;padding: 3px;}
  .facebook .face4-tbody-item .item-body .item-title {font-size: 18px;line-height: 28px;padding-bottom: 16px;}
  .facebook .face4-tbody-item .item-body .item-title::before {width: 56px;height: 2px;}
  .facebook .face4-tbody-item .item-body .item-desc {font-size: 13px;line-height: 22px;margin-top: 14px;}
  .facebook .face4-tbody-item .item-body .item-desc p{margin-bottom: 8px;}
  .facebook .face4-tbody-btn{padding-top: 10px;}
}
@media screen and (max-width: 750px) {
  .facebook .face4{padding-top: 50px;padding-bottom: 52px;margin-bottom: 40px;}
  .facebook .face4-tbody{padding-top: 36px;}
  .facebook .face4-tbody-item{margin-bottom: 30px;flex-direction: column-reverse !important;}
  .facebook .face4-tbody-item .item-img{width: 100%;margin-top: 20px;}
  .facebook .face4-tbody-item .item-pic{border-width: 10px;border-radius: 24px;}
  .facebook .face4-tbody-item .item-pic img{border-radius: 24px;}
  .facebook .face4-tbody-item .item-body{width: 100%;padding-top: 0;text-align: center;}
  .facebook .face4-tbody-list .face4-tbody-item:nth-of-type(odd) .item-body .item-info{padding-right: 0px;margin-left: 0px;text-align: center;}
  .facebook .face4-tbody-list .face4-tbody-item:nth-of-type(even) .item-body .item-info{padding-left: 0px;margin-right: 0px;text-align: center;}
  .facebook .face4-tbody-item .item-body .item-num{position: relative;width: 100%;top:0;margin-bottom: 10px;}
  .facebook .face4-tbody-item .item-body .item-num::before{display: none;}
  .facebook .face4-tbody-item .item-body .item-num span{width: 32px;font-size: 18px;line-height: 26px;padding: 3px;}
  .facebook .face4-tbody-item .item-body .item-title {font-size: 16px;line-height: 26px;padding-bottom: 10px;}
  .facebook .face4-tbody-item .item-body .item-title::before {width: 56px;height: 2px;left: 50%;transform: translateX(-50%);}
  .facebook .face4-tbody-list .face4-tbody-item:nth-of-type(odd) .item-body .item-title::before{right: auto;}
  .facebook .face4-tbody-list .face4-tbody-item:nth-of-type(even) .item-body .item-title::before{left: 50%;}
  .facebook .face4-tbody-item .item-body .item-desc {font-size: 13px;line-height: 22px;margin-top: 14px;}
  .facebook .face4-tbody-item .item-body .item-desc p{margin-bottom: 6px;}
  .facebook .face4-tbody-btn{padding-top: 10px;}
}
@media screen and (max-width: 540px) {
  .facebook .face4{padding-top: 36px;padding-bottom: 36px;margin-bottom: 20px;}
  .facebook .face4-tbody{padding-top: 24px;}
  .facebook .face4-tbody-item{margin-bottom: 20px;flex-direction: column-reverse !important;}
  .facebook .face4-tbody-item .item-img{width: 100%;margin-top: 20px;}
}

.facebook .secs-bottom {padding-top: 100px; padding-bottom: 153px;}
.facebook .secs-bottom .secs-tbody { align-items: center; padding: 71px 0 53px; border-radius: 0 100px 0 100px; background: linear-gradient(38deg, #3FA2E7, #2A94DD, #0077C9); overflow: hidden; position: relative;}
.facebook .secs-bottom .secs-tbody::before { content: ''; width: 273px; height: 282px; background: url(../images/secform-a1.png); background-size: 100% 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.facebook .secs-bottom .secs-tbody::after { content: ''; width: 331px; height: 274px; background: url(../images/secform-a2.png); background-size: 100% 100%; position: absolute; right: 0; top: 0; z-index: 1;}
.facebook .secs-bottom .left { width: 47%; padding-left: 15%; border-right: 1px solid rgba(255, 255, 255, 0.94); position: relative; z-index: 2;padding-top: 8px;padding-bottom: 18px;}
.facebook .secs-bottom .left .tit { font-size: 45px;font-family: SourceHanSansCN-Medium; color: #FFFFFF; line-height: 52px;margin-bottom: 10px;}
.facebook .secs-bottom .left .desc p {  font-size: 24px; color: #FFFFFF; line-height: 36px;}
.facebook .secs-bottom .right { flex: 1; position: relative; z-index: 2;}
.facebook .secs-bottom .right .form-box { display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.facebook .secs-bottom .right .form-box .list { width: 263px; margin-right: 89px;}
.facebook .secs-bottom .right .form-box .list .item { width: 100%; height: 40px; border-radius: 5px; background: #FFFFFF; border-radius: 5px; margin-top: 18px;}
.facebook .secs-bottom .right .form-box .list .item:first-child { margin-top: 0;}
.facebook .secs-bottom .right .form-box .list .item .input { padding: 0 10px; font-size: 18px; color: #333333; line-height: 40px;}
.facebook .secs-bottom .right .form-box .list .m-error { height: 0;}
.facebook .secs-bottom .right .form-box .btn { width: 164px; height: 47px; background: #FFFFFF; border-radius: 23px;font-size: 20px; color: #0077C9; line-height: 47px; font-weight: bold; text-align: center;}
.facebook .secs-bottom .right .form-box .btn:hover { opacity: 0.8;}
@media screen and (max-width: 1460px) {
  .facebook .secs-bottom { padding-bottom: 90px;}
  .facebook .secs-bottom .left .tit { font-size: 38px; line-height: 42px;}
  .facebook .secs-bottom .left .desc p { font-size: 20px; line-height: 30px; margin-top: 8px;}
  .facebook .secs-bottom .right .form-box .list { width: 220px; margin-right: 70px;}
}
@media screen and (max-width: 1260px) {
  .facebook .secs-bottom { padding-bottom: 60px;}
  .facebook .secs-bottom .secs-tbody { padding: 60px 0 45px;}
  .facebook .secs-bottom .left  { padding-left: 12%;}
  .facebook .secs-bottom .left .tit { font-size: 30px; line-height: 34px;}
  .facebook .secs-bottom .right .form-box .list { width: 220px; margin-right: 50px;}
  .facebook .secs-bottom .right .form-box .btn { width: 120px;}
}
@media screen and (max-width: 992px) {
  .facebook .secs-bottom .secs-tbody { padding: 30px 0; border-radius: 0 60px 0 60px;}
  .facebook .secs-bottom .left  { width: 40%; padding-left: 7%;}
  .facebook .secs-bottom .left .tit { font-size: 28px; line-height: 32px;}
  .facebook .secs-bottom .left .desc p { font-size: 16px; line-height: 20px;}
  .facebook .secs-bottom .right .form-box .list { margin-right: 20px;}
  .facebook .secs-bottom .right .form-box .list .item .input { font-size: 14px;}
  .facebook .secs-bottom .right .form-box .btn { width: 90px; height: 40px; font-size: 14px; line-height: 40px;}
}
@media screen and (max-width: 768px) {
  .facebook .secs-bottom { padding-bottom: 30px;}
  .facebook .secs-bottom .secs-tbody { border-radius: 0 40px 0 40px;}
  .facebook .secs-bottom .secs-tbody::before { background: none;}
  .facebook .secs-bottom .secs-tbody::after { background: none;}
  .facebook .secs-bottom .left  { width: 100%; padding: 0 20px; border-right: none;}
  .facebook .secs-bottom .left .tit { font-size: 24px; line-height: 30px;}
  .facebook .secs-bottom .left .desc p { font-size: 14px; line-height: 18px;}
  .facebook .secs-bottom .right { margin-top: 20px;}
  .facebook .secs-bottom .right .form-box .list { width: calc(100% - 40px); margin-right: 0;}
  .facebook .secs-bottom .right .form-box .btn { margin-top: 18px; width: calc(100% - 40px);}
}