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





.sycpljg{

  background-size: contain;

  height: 240px;width: 100%;background-repeat: no-repeat;background-position: center;

}

.lbsp video{

  width: 100%;

}



.sygyhj{

  margin-top: 20px;

  font-size: 16px;

  line-height: 1.7;text-align: justify;width: 80%;

}













@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;}

.bfbt{
  position: absolute; left: 50%; top:50%;transform: translate(-50%, -50%);
 z-index: 99;
}

.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) {

  .sygyhj{

    width: 100%;margin-top: 10px;

  }

  .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 {  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: 157px;}

.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(/skin/in/images/index-sec3-bg1.png); background-size: cover;}

.index .sec3 .cont .left { width: 41.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(/skin/in/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: 68.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(/skin/in/images/index-sec3-bg2.png); background-size: cover;}

.index .sec3 .cont3 { display: none; background: url(/skin/in/images/index-sec3-bg3.png); background-size: cover;}

.index .sec3 .cont4 { display: none; background: url(/skin/in/images/index-sec3-bg4.png); background-size: cover;}

.index .sec3 .cont5 { display: none; background: url(/skin/in/images/index-sec3-bg5.png); background-size: cover;}



@media screen and (max-width: 1640px) {

  .index .sec3 { margin-top: 120px;}

  .index .sec3 .cont .left { width: 45%;}

  .index .sec3 .cont .img { flex: 1; margin-right: 0;}

  .index .sec3 .cont4 .img { width: 61.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 a{

  display: block;

}

.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;  color: #FFFFFF;text-align: center;}

.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(/skin/in/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(/skin/in/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(/skin/in/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: 150px;}

.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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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 0px;justify-content: center;}

.news .content .left .contactus p .icon { width: 25px; height: 28px; font-size: 28px; line-height: 1; margin-right: 8px;}

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

}

.news { padding: 30px 0;}

@media screen and (max-width: 768px) {



  

  .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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/images/case3-bg1.png) center; background-size: cover;}

.case .sec3 .mySwiper .slide-item2 { background: url(/skin/in/images/case3-bg2.png) center; background-size: cover;}

.case .sec3 .mySwiper .slide-item3 { background: url(/skin/in/images/case3-bg3.png) center; background-size: cover;}

.case .sec3 .mySwiper .slide-item4 { background: url(/skin/in/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(/skin/in/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(/skin/in/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: 35%;}

  .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(/skin/in/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(/skin/in/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(/skin/in/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: #f36525; 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: 600px;}

@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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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(/skin/in/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);}

}