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

.index .banner { width: 100%; position: relative;}
.index .banner img { width: 100%; }
.index .banner .swiper-pagination { position: absolute;bottom: 53px;left: 50%; transform: translate(-50%, 0);}
.index .banner .swiper-pagination .swiper-pagination-bullet { width: 11px; height: 11px; background: rgba(255, 255, 255, 0.7); opacity: 1;}
.index .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 1px solid #FFFFFF; border-radius: 50%; background-color: rgba(0,0,0,0);}
@media screen and (max-width: 1219px) { 
  .index .banner .swiper-pagination { bottom: 40px;}
}

@media screen and (max-width: 992px) {  
  .index .banner .swiper-pagination { bottom: 30px;}
}

@media screen and (max-width: 768px) { 
  .index .banner .swiper-pagination { bottom: 15px;}
}

.title-box { width: 100%;}
.title { width: 100%; text-align: center; line-height: 0;}
.title img { width: 623px;}
.title p { margin-top: -35px; font-size: 44px; color: #FF7E0E;line-height: 1;}
.s-title { margin-top: 25px; font-size: 18px;color: #919191;line-height: 30px;text-align: center;}
.s-title span { margin-top: 31px; font-size: 18px;color: #919191;line-height: 30px;text-align: center;}
@media screen and (max-width: 1640px) { 
  .title img { width: 580px;}
  .title p { font-size: 40px; line-height: 44px;}
  .s-title { font-size: 16px; line-height: 28px;}
}
@media screen and (max-width: 1460px) {
  .title img { width: 520px;} 
  .title p { font-size: 36px; line-height: 40px;}
  .s-title { font-size: 16px;}
}
@media screen and (max-width: 1260px) {
  .title img { width: 460px;} 
  .title p { font-size: 32px; line-height: 36px;}
  .s-title { font-size: 14px; line-height: 24px;}
}

@media screen and (max-width: 768px) {
  .title img { width: 240px;} 
  .title p { margin-top: -15px; font-size: 26px; line-height: 30px;}
  .s-title { margin-top: 10px; font-size: 14px; line-height: 20px;}
}

.index .s-title:hover { color: #FF7E0E;}
.index .sec1 { padding-top: 112px;}
.index .sec1 .list { margin-top: 45px; display: flex; justify-content: flex-start;}
.index .sec1 .list .item { width: calc(25% - 21px); margin-right: 27px;}
.index .sec1 .list .item:nth-child(4n) { margin-right: 0;}
.index .sec1 .list .item .img { width: 100%; overflow: hidden;}
.index .sec1 .list .item .img img { width: 100%; transition: 0.3s;}
.index .sec1 .list .item .img:hover img { transform: scale(1.1);}
.index .sec1 .list .item .text { padding: 13px 23px 28px; border-radius: 0px 0px 4px 4px; background: #F7F7F7; position: relative; overflow: hidden;}
.index .sec1 .list .item .text:hover { background: linear-gradient(-45deg, #FD811F 0%, #FD953D 100%);}
.index .sec1 .list .item .text p:nth-of-type(1) { border-bottom: 1px solid rgba(153, 153, 153, 0.3); font-size: 22px; color: #333333; line-height: 45px;}
.index .sec1 .list .item .text p:nth-of-type(2) { height: 60px; margin-top: 14px; font-size: 16px; color: #999999; line-height: 30px;}
.index .sec1 .list .item .text:hover p { color: #FFFFFF;}
.index .sec1 .list .item .text:hover p:nth-of-type(1) { font-weight: bold;}
.index .sec1 .list .item .text:hover::before { content: ''; width: 86.84%; height: 235px; background: url(../images/index-sec1-a.png) no-repeat; background-size: 100% auto; background-position: bottom right; position: absolute; bottom: 0; right: -40px;} 
.index .sec1 .list .item .text:hover::before { transform: scale(1.1); transition: 0.3;}
.index .sec1 .btn-box { width: 100%; text-align: center; margin-top: 50px;}
.index .sec1 .btn-box .btn { margin: 0 auto; width: 301px;height: 61px;background: #FFFFFF;border: 1px solid #F47E17;border-radius: 6px;font-size: 16px;font-family: Microsoft YaHei;font-weight: 400;color: #F47E17;line-height: 61px; display: flex; justify-content: center; transition: 0.3s;}
.index .sec1 .btn-box .btn i { font-size: 16px; line-height: 61px;}
.index .sec1 .btn-box .btn:hover { background: #F47E17; color: #FFFFFF;} 
@media screen and (max-width: 1460px) {
  .index .sec1 { padding-top: 90px;}
}
@media screen and (max-width: 1260px) {
  .index .sec1 { padding-top: 60px;}
  .index .sec1 .list { margin-top: 30px;}
  .index .sec1 .list .item { width: calc(25% - 15px); margin-right: 20px;}
  .index .sec1 .list .item .text { padding: 10px 15px;}
  .index .sec1 .list .item .text p:nth-of-type(1) { font-size: 16px; line-height: 36px;}
  .index .sec1 .list .item .text p:nth-of-type(2) { height: 40px; font-size: 12px; line-height: 20px;}
}
@media screen and (max-width: 992px) { 
  .index .sec1 .list { justify-content: center;}
  .index .sec1 .list .item { width: 45%; margin-right: 20px; margin-bottom: 20px;}
  .index .sec1 .list .item:nth-child(2n) { margin-right: 0;}
}
@media screen and (max-width: 768px) { 
  .index .sec1 { padding-top: 30px;}
  .index .sec1 .list { margin-top: 20px;}
  .index .sec1 .list .item { margin-bottom: 15px; margin-right: 15px;}
  .index .sec1 .list .item .text { padding: 10px 15px;}
  .index .sec1 .list .item .text p:nth-of-type(1) { font-size: 16px; line-height: 30px;}
  .index .sec1 .list .item .text p:nth-of-type(2) { margin-top: 10px; height: auto; font-size: 12px; line-height: 18px;}
  .index .sec1 .btn-box { margin-top: 10px;}
  .index .sec1 .btn-box .btn { width: 220px; height: 40px; font-size: 14px; line-height: 40px;}
  .index .sec1 .btn-box .btn i { font-size: 14px; line-height: 40px;}
}

.index .sec2 { padding-top: 103px;}
.index .sec2 .list { margin-top: 54px; background: url(../images/index-sec2-img.png); background-size: 100% auto; display: flex; flex-wrap: wrap; background-attachment: fixed;}
.index .sec2 .list .item { display: inline-block; width: 33.33333%; padding-bottom: 19.8%; border: 1px solid rgba(255, 255, 255, 0.7); position: relative; line-height: 0; transition: 0.3s; overflow: hidden;}
.index .sec2 .list .item .t1 { width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center; position: absolute; top: 0; left: 0;}
.index .sec2 .list .item .t1::before { content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: absolute; top: 0; left: 0; z-index: 1;}
.index .sec2 .list .item .t1 p:nth-of-type(1) { font-size: 120px;font-family: Poppins;color: #FFFFFF;line-height: 1;opacity: 0.2; font-weight: bold; position: relative; z-index: 2;}
.index .sec2 .list .item .t1 p:nth-of-type(2) { font-size: 20px; font-weight: bold; color: #FFFFFF; line-height: 24px; position: relative; z-index: 2;}
.index .sec2 .list .item .t2 { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.index .sec2 .list .item:last-child .t1 p { font-size: 16px;color: #FFFFFF; line-height: 20px;opacity: 1;}
.index .sec2 .list .item:last-child .t1 .more { margin-top: 23px; width: 42px; height: 30px; background: #FFFFFF; border-radius: 4px; text-align: center; position: relative; z-index: 2;}
.index .sec2 .list .item:last-child .t1 .more i { color: #FF7E0E; line-height: 30px;}
.index .sec2 .list .item .t2 { position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; transition: 0.3s;}
.index .sec2 .list .item .t2::before { content: ''; width: 100%; height: 100%; background: rgba(255, 126, 14, 0.8); position: absolute; top: 0; left: 0; z-index: 1;}
.index .sec2 .list .item .t2::after { content: ''; width: 76.8%; height: 100%; background: url(../images/index-sec1-a.png); background-size: auto 100%; position: absolute; top: 0; ;left: 45.78%; z-index: 1;}
.index .sec2 .list .item .t2 img { width: 100%; height: 100%; object-fit: cover;}
.index .sec2 .list .item .t2 .text { width: 100%; height: 100%; padding: 0 55px; position: absolute; left: 0; top: 0; z-index: 2;}
.index .sec2 .list .item .t2 .text p { height: calc(100% - 20px); font-size: 16px; color: #FFFFFF; line-height: 30px; text-shadow: 0px 1px 2px rgba(214,100,0,0.55); display: flex; align-items: center;}
.index .sec2 .list .item .t2 .text p a { color: #FFFFFF;}
.index .sec2 .list .item .t2 .text .name { width: 100%; text-align: right; font-size: 28px; font-weight: bold; color: #FFFFFF; line-height: 32px; text-shadow: 0px 1px 2px rgba(214,100,0,0.55); position: absolute; right: 55px; bottom: 28px;}
.index .sec2 .list .item .t2 .text .name:hover { text-decoration: underline;}
.index .sec2 .list .item:hover .t1 { opacity: 0;}
.index .sec2 .list .item:hover .t2 { opacity: 1;}
.index .sec2 .list .item:last-child:hover .t1 { opacity: 1;}
.index .sec2 .list .item:last-child:hover .t1::after { content: ''; width: 100%; height: 100%; background: rgba(255, 126, 14, 0.9); position: absolute; top: 0; left: 0; z-index: 1;}
@media screen and (max-width: 1460px) {
  .index .sec2 { padding-top: 90px;}
}
@media screen and (max-width: 1260px) {
  .index .sec2 { padding-top: 60px;}
  .index .sec2 .list .item .t1 p:nth-of-type(1) { font-size: 90px;}
  .index .sec2 .list .item .t2 .text .name { font-size: 24px;}
  .index .sec2 .list .item:last-child .t1 p { font-size: 16px;}
  .index .sec2 .list .item .t2 .text { padding: 0 20px;}
  .index .sec2 .list .item .t2 .text p { font-size: 14px; line-height: 24px;}
  .index .sec2 .list .item .t2 .text .name { font-size: 20px; right: 20px; bottom: 15px;}
}
@media screen and (max-width: 992px) {
  .index .sec2 { padding-top: 60px;}
  .index .sec2 .list .item .t2 .text p { font-size: 12px; line-height: 20px;}
  .index .sec2 .list .item .t2 .text .name { font-size: 18px;}
}


@media screen and (max-width: 768px) { 
  .index .sec2 { padding-top: 30px;}
  .index .sec2 .list { margin-top: 20px; background: none;}
  .index .sec2 .list .item { width: 100%; /*padding-bottom: 59.5%;*/ margin-bottom: 10px; padding-bottom: 0;}
  .index .sec2 .list .item .t1 { opacity: 0;}
  .index .sec2 .list .item:last-child .t1 { opacity: 1;}
  .index .sec2 .list .item:last-child .t1::after { content: ''; width: 100%; height: 100%; background: rgba(255, 126, 14, 0.9); position: absolute; top: 0; left: 0; z-index: 1;}
  .index .sec2 .list .item .t2 { opacity: 1; position: relative;}
  .index .sec2 .list .item .t2::before { display: none;}
  .index .sec2 .list .item .t2 img { display: block; width: 85%; height: auto; margin: 0 auto;}
  .index .sec2 .list .item .t2 .text { height: auto; position: relative; display: flex; flex-direction: column-reverse;}
  .index .sec2 .list .item .t2 .text p { font-size: 12px; line-height: 20px;text-shadow: none;}
  .index .sec2 .list .item .t2 .text p a { color: #333333;}
  .index .sec2 .list .item .t2 .text .name { text-align: center; color: #333333; text-shadow: none; position: relative; bottom: unset; right: unset;}
}

.index .sec3 { margin-top: 74px; padding: 40px 0 114px; background: url(../images/index-sec3-bg.png) no-repeat; background-size: auto 100%; align-items: center;} 
.index .sec3 .info { flex: 1; padding-left: 8.33%; padding-right: 3.64%;}
.index .sec3 .info .title-box { text-align: left;}
.index .sec3 .info .title-box .title { text-align: left; margin-top: 24px;}
.index .sec3 .info .title-box .title p { line-height: 64px;}
.index .sec3 .info .title-box .s-title { margin-top: 40px; text-align: left;}
.index .sec3 .info .list { display: flex; margin-top: 80px;}
.index .sec3 .info .list .item { flex: 1;}
.index .sec3 .info .list .item p:nth-of-type(1) { font-size: 24px; color: #FF7E0E; line-height: 30px;}
.index .sec3 .info .list .item p:nth-of-type(1) span { font-size: 44px; font-weight: bold;}
.index .sec3 .info .list .item p:nth-of-type(2) { margin-top: 23px; font-size: 18px; color: #333333; line-height: 30px;}
.index .sec3 .img { width: 50%;}
.index .sec3 .img img { width: 100%;}
@media screen and (max-width: 1640px) {
  .index .sec3 .info .title-box .title p { font-size: 38px; line-height: 50px;}
  .index .sec3 .info .title-box .s-title { margin-top: 30px;}
  .index .sec3 .info .list { margin-top: 60px;}
  .index .sec3 .info .list .item p:nth-of-type(1) { font-size: 20px; line-height: 1;}
  .index .sec3 .info .list .item p:nth-of-type(1) span { font-size: 40px;}
  .index .sec3 .info .list .item p:nth-of-type(2) { margin-top: 18px; font-size: 16px; line-height: 28px;}
}
@media screen and (max-width: 1260px) {
  .index .sec3 { margin-top: 60px;}
  .index .sec3 .info .title-box .title p { font-size: 32px; line-height: 36px;}
  .index .sec3 .info .list { margin-top: 40px;}
  .index .sec3 .info .list .item { flex: unset; width: 50%;}
  .index .sec3 .info .list .item p:nth-of-type(1) { font-size: 18px;}
  .index .sec3 .info .list .item p:nth-of-type(1) span { font-size: 36px;}
  .index .sec3 .info .list .item p:nth-of-type(2) { margin-top: 12px; font-size: 14px; line-height: 24px;}
  .index .sec3 .img { width: 50%;}
}
@media screen and (max-width: 992px) {
  .index .sec3 .info .title-box .s-title { margin-top: 20px;}
  .index .sec3 .info .list { margin-top: 20px;}
}
@media screen and (max-width: 768px) { 
  .index .sec3 { margin-top: 30px; padding: 30px 0;}
  .index .sec3 .info { flex: unset; width: 100%; padding: 0 3%;}
  .index .sec3 .info .title-box .title { margin-top: 0; text-align: center;}
  .index .sec3 .info .title-box .title p { font-size: 26px; line-height: 38px;}
  .index .sec3 .info .title-box .s-title { text-align: center;}
  .index .sec3 .info .list .item { flex: unset; width: 50%; text-align: center; margin-bottom: 10px;}
  .index .sec3 .info .list .item p:nth-of-type(1) { font-size: 16px;}
  .index .sec3 .info .list .item p:nth-of-type(1) span { font-size: 32px;}
  .index .sec3 .info .list .item p:nth-of-type(2) { margin-top: 8px; font-size: 12px; line-height: 20px;}
  .index .sec3 .img { width: 95%; margin: 0 auto; margin-top: 20px;}
}

.index .sec4 { background-color: rgba(235, 235, 235, 0.3);}
.index .sec4 .cont .left { padding: 66px 0 93px; width: 36.4%; min-width: 510px; padding-left: 8%; background-image: url(../images/index-sec4-bg.png); background-size: 100% 100%;}
.index .sec4 .cont .left .title { text-align: left;}
.index .sec4 .cont .left .title p { margin-top: -30px; color: #FFFFFF; position: relative;}
.index .sec4 .cont .left .title p::after { content: ''; width: 46px; height: 2px; background: #FFFFFF; opacity: 0.6; position: absolute; left: 0; bottom: -39px;}
.index .sec4 .cont .left .text { margin-top: 78px; font-size: 18px;color: #FFFFFF;line-height: 30px;}
.index .sec4 .cont .left .text p { margin-top: 30px;}
.index .sec4 .cont .left .text span { font-weight: bold; font-size: 20px;}
.index .sec4 .cont .left .text span em { font-style: normal; font-size: 36px;}
.index .sec4 .cont .right { width: 63.6%; max-width: calc(100% - 510px); padding: 125px 8% 3% 4%;}
.index .sec4 .cont .right .mySwiper { width: 100%; padding-bottom: 48px;}
.index .sec4 .cont .right .mySwiper .swiper-slide { margin-bottom: 6px;}
.index .sec4 .cont .right .mySwiper .swiper-slide img { width: 100%; height: 100%; object-fit: contain; transition: 0.3s;}
.index .sec4 .cont .right .mySwiper .swiper-slide img:hover { transform: scale(1.1);}
.index .sec4 .cont .right .mySwiper .swiper-pagination { text-align: right; bottom: 0;}
.index .sec4 .cont .right .mySwiper .swiper-pagination .swiper-pagination-bullet { width: 11px; height: 11px; background: rgba(31, 30, 42, 0.7); opacity: 1;}
.index .sec4 .cont .right .mySwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 1px solid #1F1E2A; background: #FFFFFF;}
@media (max-width: 1660px) {
  .index .sec4 .cont .left { padding-left: 6%; min-width: 460px;}
  .index .sec4 .cont .right { max-width: calc(100% - 460px); padding: 125px 6% 3% 3%;}
}
@media (max-width: 1460px) {
  .index .sec4 .cont .left { padding: 50px 0 70px; padding-left: 6%;}
  .index .sec4 .cont .left .title p::after { bottom: -25px;}
  .index .sec4 .cont .right { padding: 100px 6% 2% 3%;}
  .index .sec4 .cont .left .text { margin-top: 50px; font-size: 16px; line-height: 26px;}
}
@media (max-width: 1260px) {
  .index .sec4 .cont .left { padding: 40px 0 60px; padding-left: 6%; min-width: 370px;}
  .index .sec4 .cont .left .title p { margin-top: -22px;}
  .index .sec4 .cont .right { max-width: calc(100% - 370px); padding: 60px 6% 3% 3%;}
  .index .sec4 .cont .right .mySwiper { padding-bottom: 30px;}
}
@media (max-width: 992px) {
  .index .sec4 .cont .left { min-width: 370px;}
  .index .sec4 .cont .left .title p::after { bottom: -20px;}
  .index .sec4 .cont .left .title p {}
  .index .sec4 .cont .left .text { margin-top: 40px; font-size: 14px; line-height: 22px;}
  .index .sec4 .cont .left .text p { margin-top: 20px;}
  .index .sec4 .cont .left .text span em { line-height: 24px;}
  .index .sec4 .cont .right { max-width: calc(100% - 370px);}
}
@media (max-width: 768px) {
  .index .sec4 .cont .left { padding: 30px 0; padding-left: 6%; width: 100%; min-width: unset;}
  .index .sec4 .cont .right { width: 100%; max-width: unset; padding: 20px 2% 3% 2%;}
  .index .sec4 .cont .right .mySwiper .swiper-slide { margin-bottom: 0;}
  .index .sec4 .cont .right .mySwiper .swiper-slide img:hover { transform: scale(1);}
  .index .sec4 .cont .right .mySwiper .swiper-pagination { text-align: center;}
  .index .sec4 .cont .right .mySwiper .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px;}
}

.index .sec5 { padding-top: 101px; background: url(../images/index-sec5-bg.png); background-attachment: fixed;}
.index .sec5 .list { margin-top: 48px; padding-bottom: 37.72%; position: relative;}
.index .sec5 .list p { position: absolute;}
.index .sec5 .list p img { transition: 0.3s;}
.index .sec5 .list p img:hover { transform: scale(1.1);}
.index .sec5 .list p:nth-of-type(1) { width: 12.53%; left: 8.375%; top: 46.59%;}
.index .sec5 .list p:nth-of-type(2) { width: 11.13%; left: 27%; top: 14.44%;}
.index .sec5 .list p:nth-of-type(3) { width: 13.2%; left: 36.31%; top: 48.48%;}
.index .sec5 .list p:nth-of-type(4) { width: 16.66%; left: 48.56%; top: 0;}
.index .sec5 .list p:nth-of-type(5) { width: 14.4%; left: 59.18%; top: 45.07%;}
.index .sec5 .list p:nth-of-type(6) { width: 12.93%; left: 79.68%; top: 23.67%;}
@media screen and (max-width: 1460px) {
  .index .sec5 { padding-top: 90px;}
}
@media screen and (max-width: 1260px) { 
  .index .sec5 { padding-top: 60px;}
  .index .sec5 .list { margin-top: 30px;}
}
@media screen and (max-width: 768px) {  
  .index .sec5 { padding-top: 30px;}
  .index .sec5 .list { margin-top: 20px;}
} 

.index .sec6 { padding: 108px 0 93px;}
.index .sec6 .list { margin-top: 77px; justify-content: flex-start;}
.index .sec6 .list .item { width: calc(33.33% - 44px); margin-right: 65px;}
.index .sec6 .list .item:nth-child(3n) { margin-right: 0;}
.index .sec6 .list .item .img { width: 100%; border-radius: 10px; overflow: hidden;}
.index .sec6 .list .item .img img { transition: 0.3s;}
.index .sec6 .list .item .img img:hover { transform: scale(1.1);}
.index .sec6 .list .item .name { margin-top: 50px; font-size: 24px; color: #222222; line-height: 30px;}
.index .sec6 .list .item .name:hover { color: #F47E17;}
.index .sec6 .list .item .more { margin-top: 14px; display: flex; justify-content: center; width: 132px; height: 37px; border: 1px solid #919191; border-radius: 18px; font-size: 16px; color: #666666; line-height: 35px; transition: 0.3s;}
.index .sec6 .list .item .more i { line-height: 37px; margin-left: 10px;}
.index .sec6 .list .item .more:hover { background: #F47E17; border: 1px solid #F47E17; color: #FFFFFF;}
@media screen and (max-width: 1460px) {
  .index .sec6 { padding: 90px 0;}
  .index .sec6 .list { margin-top: 60px;}
}
@media screen and (max-width: 1260px) { 
  .index .sec6 { padding: 60px 0;}
  .index .sec6 .list { margin-top: 40px;}
  .index .sec6 .list .item { width: calc(33.33% - 20px); margin-right: 30px;}
  .index .sec6 .list .item .name { margin-top: 30px; font-size: 20px; line-height: 24px;}
  .index .sec6 .list .item .more { font-size: 14px;}
}
@media screen and (max-width: 768px) {  
  .index .sec6 { padding: 30px 0;}
  .index .sec6 .list { margin-top: 20px;}
  .index .sec6 .list .item { width: calc(33.33% - 6px); margin-right: 8px;}
  .index .sec6 .list .item .name { margin-top: 10px; font-size: 14px; line-height: 20px;}
  .index .sec6 .list .item .more { margin-top: 5px; width: 100px; height: 28px; font-size: 12px; line-height: 28px;}
  .index .sec6 .list .item .more i { font-size: 14px; line-height: 28px; margin-left: 5px;}
} 

.sec-from { padding: 42px 0 45px; background: linear-gradient(0deg, #FF811E 0%, #FD9840 100%); position: relative;}
.sec-from::after { content: ''; width: 100%; height: 100%; background: url(../images/index-sec7-bg.png); background-size: 100% 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.sec-from .wrap { position: relative; z-index: 2;}
.sec-from .title img {margin: 0 auto;}
.sec-from .title p { margin-top: -65px; font-size: 40px; font-weight: bold; line-height: 60px; color: #FFFFFF;}
.sec-from .s-title { margin-top: 6px; color: #FFFFFF;}
.sec-from .ajax-form { width: 1160px; max-width: 100%; margin: 0 auto; margin-top: 60px;}
.sec-from .ajax-form .item-box { flex: 1; margin-right: 36px; margin-bottom: 20px;}
.sec-from .ajax-form .item-box .item { display: flex; border: 2px solid #F8F8F8; border-radius: 4px; line-height: 54px; color: #FFFFFF;}
.sec-from .ajax-form .item-box i { display: inline-block; width: 52px; text-align: center; line-height: 54px;}
.sec-from .ajax-form .item-box span { font-size: 16px; color: #FFFFFF;}
.sec-from .ajax-form .item-box .input { flex: 1; padding-right: 20px; color: #FFFFFF; font-size: 16px;}
.sec-from .ajax-form .submit { width: 261px; height: 58px; background: #F8F8F8; border: 1px solid #F8F8F8; border-radius: 4px;font-size: 22px;color: #333333;line-height: 58px; text-align: center;}
.sec-from .big-btn { text-align: center; margin-top: 48px; margin-bottom: 37px;}
.sec-from .big-btn a { display: inline-block; padding: 15px 30px; border: 2px solid #F8F8F8; border-radius: 4px; font-size: 22px; line-height: 30px; color: #FFFFFF;}
.sec-from .big-btn a:hover { background: #ffffff; color: #FF7E0E;}
@media screen and (max-width: 1460px) {
  .sec-from .title p { margin-top: -54px; font-size: 38px; line-height: 48px;}
}
@media screen and (max-width: 1260px) { 
  .sec-from .title p { margin-top: -48px; font-size: 32px; line-height: 42px;}
  .sec-from .big-btn { margin-top: 30px; margin-bottom: 20px;}
  .sec-from .big-btn a { padding: 10px 20px; font-size: 16px;}
}
@media screen and (max-width: 992px) {
  .sec-from .title p { margin-top: -15px;}
  .sec-from .ajax-form .item-box { flex: unset; width: 100%; margin-right: 0;}
  .sec-from .ajax-form .submit { width: 100%;}
}
@media screen and (max-width: 768px) {
  .sec-from .title p { font-size: 26px; line-height: 36px;}
  .sec-from .ajax-form { margin-top: 30px;}
  .sec-from .ajax-form .item-box .item { line-height: 40px;}
  .sec-from .ajax-form .item-box .item i { line-height: 40px;}
  .sec-from .ajax-form .item-box span { font-size: 14px;}
  .sec-from .ajax-form .item-box .input { font-size: 14px;}
  .sec-from .ajax-form .submit { height: 40px; font-size: 16px; line-height: 40px;}
  .sec-from .big-btn { margin-top: 20px; margin-bottom: 0;}
  .sec-from .big-btn a { padding: 5px 10px; font-size: 14px;}
} 

.fenbanner { position: relative;}
.fenbanner::after { content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; z-index: 1;}
.fenbanner img { width: 100%;}
.fenbanner .wrap { text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;}
.fenbanner .wrap .name { padding: 0 62px; display: inline-block; font-size: 44px; color: #FFFFFF; line-height: 50px; position: relative;}
.fenbanner .wrap .name::before { content: ''; width: 39px; height: 3px; background: #FFFFFF; position: absolute; left: 0; top: 50%; margin-top: -2px;}
.fenbanner .wrap .name::after { content: ''; width: 39px; height: 3px; background: #FFFFFF; position: absolute; right: 0; top: 50%; margin-top: -2px;}
.fenbanner .wrap .desc { margin-top: 30px; font-size: 24px; color: #FFFFFF; line-height: 30px;}
.fenbanner .wrap .btn { margin-top: 75px; padding: 20px 76px; border-radius: 4px; border: 1px solid #FFFFFF; background: rgba(255,255,255,0.1); font-size: 20px; font-family: SourceHanSansSC; font-weight: bold; color: #FFFFFF; line-height: 23px;}
.fenbanner .wrap .btn:hover { opacity: 0.8;}
@media screen and (max-width: 1260px) {
  .fenbanner .wrap .name { font-size: 32px; line-height: 36px;}
  .fenbanner .wrap .desc { margin-top: 30px; font-size: 20px;}
  .fenbanner .wrap .btn { margin-top: 50px; padding: 15px 40px; font-size: 18px;}
}
@media screen and (max-width: 992px) {
  .fenbanner .wrap .name { font-size: 30px; line-height: 34px;}
  .fenbanner .wrap .desc { margin-top: 20px; font-size: 18px;}
  .fenbanner .wrap .btn { margin-top: 30px; padding: 10px 20px; font-size: 16px;}
}
@media screen and (max-width: 768px) {
  .fenbanner { height: 150px;}
  .fenbanner img { height: 100%; object-fit: cover;}
  .fenbanner .wrap .name { padding: 0 23px; font-size: 20px; line-height: 22px;}
  .fenbanner .wrap .name::before { width: 15px; height: 2px;}
  .fenbanner .wrap .name::after { width: 15px; height: 2px;}
  .fenbanner .wrap .desc { margin-top: 10px; font-size: 14px; line-height: 18px;}
  .fenbanner .wrap .btn { margin-top: 10px; padding: 5px 10px; font-size: 12px;}
}

.m-crumbs { background: #F8F8F8; padding: 20px 0;}
.m-crumbs .crumbs { height: auto; justify-content: flex-start; align-items: center;}
.m-crumbs .crumbs a { font-size: 16px; color: #999999; line-height: 20px;}
.m-crumbs .crumbs a.active { color: #FF7E0E;}
.m-crumbs .crumbs a:hover { color: #FF7E0E;}
.m-crumbs .crumbs i { font-size: 15px; color: #999999; margin: 0 5px;}
@media screen and (max-width: 768px) {
  .m-crumbs { padding: 10px 0;}
  .m-crumbs .crumbs a { font-size: 12px;}
  .m-crumbs .crumbs i { margin: 0 2px;}
} 

.case .sec1 { padding-bottom: 91px;}
.case .sec1 .list { margin-top: 36px;}
.case .sec1 .list .item { margin-top: 60px; padding: 37px 42px; background: #F8F8F8; position: relative; overflow: hidden;} 
.case .sec1 .list .item .img { width: 470px; height: 353px; margin-right: 54px; overflow: hidden; border: 4px solid #F8F8F8;}
.case .sec1 .list .item .img img { width: 100%; height: 100%; object-fit: cover; transition: 0.3s;}
.case .sec1 .list .item .img img:hover { transform: scale(1.1);}
.case .sec1 .list .item .info { flex: 1; position: relative; z-index: 2;}
.case .sec1 .list .item .info .name { padding: 53px 0 15px; font-size: 26px; color: #333333; line-height: 30px; border-bottom: 1px solid #DBDBDB;}
.case .sec1 .list .item .info .desc { margin-top: 20px; font-size: 16px; color: #999999; line-height: 28px;}
.case .sec1 .list .item .info .more { margin-top: 65px; width: 168px; height: 53px; background: #FFFFFF; border: 1px solid #F47E17; border-radius: 6px;font-size: 16px;color: #F47E17;line-height: 53px; text-align: center;}
.case .sec1 .list .item .info .more i { font-size: 16px; margin-left: 15px;}
.case .sec1 .list .item:nth-child(2n) { flex-direction: row-reverse;} 
.case .sec1 .list .item:nth-child(2n) .img  { margin-left: 54px; margin-right: 0;} 
.case .sec1 .list .item:nth-child(2n) .info  { padding-left: 58px;} 
.case .sec1 .list .item:hover { background: #FF7E0E;}
.case .sec1 .list .item:nth-child(2n+1):hover::after { content: ''; width: 609px; height: 100%; background: url(../images/icon-a.png) no-repeat; background-size: auto 100%; background-position: right top; position: absolute; right: -7.8%; top: 0; z-index: 1;}
.case .sec1 .list .item:nth-child(2n):hover::after { content: ''; width: 609px; height: 100%; background: url(../images/icon-a.png) no-repeat; background-size: auto 100%; position: absolute; left: -7.8%; top: 0; z-index: 1;}
.case .sec1 .list .item:hover .img { border: 4px solid #FFFFFF;}
.case .sec1 .list .item:hover .name { color: #FFFFFF; border-bottom: 1px solid #FFFFFF;}
.case .sec1 .list .item:hover .desc { color: #FFFFFF;}
.case .sec1 .list .item:hover .more { color: #FF7E0E;}
@media screen and (max-width: 1260px) { 
  .case .sec1 { padding-bottom: 60px;}
  .case .sec1 .list .item { margin-top: 40px; padding: 25px 30px;}
  .case .sec1 .list .item .img { width: 300px; height: 225px; margin-right: 30px;}
  .case .sec1 .list .item .info .name { padding: 10px 0; font-size: 20px;}
  .case .sec1 .list .item .info .desc { margin-top: 15px; font-size: 14px; line-height: 24px;}
  .case .sec1 .list .item .info .more { margin-top: 40px; width: 120px; height: 40px; font-size: 14px; line-height: 40px;}
  .case .sec1 .list .item .info .more i { margin-left: 5px;}
} 
@media screen and (max-width: 768px) {
  .case .sec1 { padding-bottom: 30px;}
  .case .sec1 .list .item { margin-top: 10px; padding: 15px;}
  .case .sec1 .list .item .img { width: 100%; margin: 0;}
  .case .sec1 .list .item:nth-child(2n) .img { margin: 0;}
  .case .sec1 .list .item:nth-child(2n) .info { padding-left: 0;}
  .case .sec1 .list .item .info .name { font-size: 18px;}
  .case .sec1 .list .item .info .desc { margin-top: 10px; font-size: 12px; line-height: 20px;}
  .case .sec1 .list .item .info .more { margin-top: 20px; width: 100px; height: 34px; border-radius: 3px; font-size: 12px; line-height: 34px;}
  .case .sec1 .list .item .info .more i { font-size: 12px; margin-left: 2px;}
  .case .sec1 .list .item:hover { background: #F8F8F8; }
  .case .sec1 .list .item:hover::after  { display: none;}
  .case .sec1 .list .item:hover .img { border: none;}
  .case .sec1 .list .item:hover .name { color: #333333; border-bottom: 1px solid #DBDBDB;}
  .case .sec1 .list .item:hover .desc { color: #999999;}
  .case .sec1 .list .item:hover .more { color: #FF7E0E;}
}

.case .detail-box { width: 1400px; max-width: 100%; margin: 0 auto; padding: 80px 0 100px;}
.case .detail-box .left {flex: 1; margin-right: 70px;}
.case .detail-box .left .name { text-align: center; font-size: 28px;font-weight: bold;color: #333333;line-height: 38px;}
.case .detail-box .left .detail { margin-top: 40px; font-size: 16px; color: #666666; line-height: 32px;} 
.case .detail-box .left .detail img { max-width: 100%;}
.case .detail-box .left .detail p { text-indent: 2em;}
.case .detail-box .left .bot { width: 100%; margin-top: 70px; padding: 14px 7px; border: 1px solid #C3C3C3;} 
.case .detail-box .left .bot>div .icon { width: 67px; height: 62px; border-right: 1px solid #c1c1c1; line-height: 62px; font-size: 18px; color: #444444;}
.case .detail-box .left .bot>div p { flex: 1; padding-left: 23px; font-size: 16px; color: #333333; line-height: 62px;}
.case .detail-box .left .bot>div p a:hover { color: #FF7E0E;}
.case .detail-box .right { width: 316px;}
.case .detail-box .right .list { width: 100%; position: sticky; top: 96px;}
.case .detail-box .right .item { margin-bottom: 26px; width: 100%; height: calc(25vh - 45px); background: linear-gradient(0deg, #EBEBEB 0%, #F9F9F9 100%); border-radius: 0px 26px 0px 26px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative;}
.case .detail-box .right .item img { width: 64px; height: 64px; object-fit: contain;}
.case .detail-box .right .item .name { font-size: 24px;color: #666666; margin-top: 18px;}
.case .detail-box .right .item .text { font-size: 16px;color: #666666; margin-top: 18px;}
.case .detail-box .right .item:nth-of-type(1):hover::after { content: ''; width: 44.93%; height: 73.5%; background: url(../images/case-detail-icon1.png) no-repeat; background-size: contain; background-position: right bottom; position: absolute; right: 0; bottom: 0;}
.case .detail-box .right .item:nth-of-type(2):hover::after { content: ''; width: 44.93%; height: 73.5%; background: url(../images/case-detail-icon2.png) no-repeat; background-size: contain; background-position: right bottom; position: absolute; right: 0; bottom: 0;}
.case .detail-box .right .item:nth-of-type(3):hover::after { content: ''; width: 39.24%; height: 73.5%; background: url(../images/case-detail-icon3.png) no-repeat; background-size: contain; background-position: right bottom; position: absolute; right: 0; bottom: 0;}
.case .detail-box .right .item1 { padding: 0 30px;}
.case .detail-box .right .item1 .text { display: none;}
.case .detail-box .right .item1:hover {background: linear-gradient(0deg, #FD811F 0%, #FD953D 100%);}
.case .detail-box .right .item1:hover img { display: none;}
.case .detail-box .right .item1:hover .name { color: #ffffff;margin-top: 0;}
.case .detail-box .right .item1:hover .text { color: #ffffff; display: block;}
.case .detail-box .right .item:last-child { text-align: left; padding: 8% 6.4%; border-radius: 16px; background: #FCF6F1 url(../images/case-icon4.png) no-repeat; background-size: 79.63% auto; background-position: right bottom; justify-content: flex-start; align-items: flex-start;}
.case .detail-box .right .item:last-child .name { margin-top: 0; font-size: 24px; font-weight: bold; color: #FF7E0E; line-height: 24px;}
.case .detail-box .right .item:last-child .name i { font-size: 18px; padding-left: 5px;}
.case .detail-box .right .item:last-child .name:hover span{ text-decoration: underline;}
.case .detail-box .right .item:last-child .desc{ margin-top: 13px; font-size: 20px; font-weight: bold; color: #FF7E0E; line-height: 1;}
@media (max-width: 1260px) {
  .case .detail-box { padding: 60px 0;}
  .case .detail-box .left { margin-right: 30px;}
  .case .detail-box .left .name { font-size: 22px; line-height: 30px;}
  .case .detail-box .left .detail { margin-top: 30px; font-size: 14px; line-height: 28px;}
  .case .detail-box .left .bot { margin-top: 50px;} 
  .case .detail-box .left .bot>div .icon { width: 67px; height: 46px;line-height: 46px;}
  .case .detail-box .left .bot>div p { padding-left: 23px; font-size: 14px; line-height: 46px;}
  .case .detail-box .right { width: 280px;}
  .case .detail-box .right .item { height: 177px;}
  .case .detail-box .right .item img { width: 50px; height: 50px;}
  .case .detail-box .right .item .name { font-size: 20px;}
  .case .detail-box .right .item .text { font-size: 14px;}
  .case .detail-box .right .item:last-child { padding: 21px;}
  .case .detail-box .right .item:last-child .name { font-size: 20px;}
  .case .detail-box .right .item:last-child .name i { font-size: 16px;}
  .case .detail-box .right .item:last-child .desc { font-size: 18px;}
}
@media (max-width: 992px) {
  .case .detail-box .left { margin-right: 0;}
  .case .detail-box .right { width: 100%; margin-top: 30px;}
  .case .detail-box .right .list{ display: flex; flex-wrap: wrap;}
  .case .detail-box .right .item { width: 48%;}
  .case .detail-box .right .item:nth-child(2n) { margin-left: 4%;}
}
@media (max-width: 768px) {
  .case .detail-box { padding: 20px 0;}
  .case .detail-box .left .name { font-size: 18px; line-height: 24px;}
  .case .detail-box .left .detail { margin-top: 15px; font-size: 12px; line-height: 24px;}
  .case .detail-box .left .bot { margin-top: 20px; padding: 7px;} 
  .case .detail-box .left .bot>div .icon { width: 40px; height: 40px;line-height: 40px;}
  .case .detail-box .left .bot>div p { padding-left: 10px; line-height: 40px; font-size: 12px;}
  .case .detail-box .right { width: 100%;}
  .case .detail-box .right .item { height: 140px; margin-bottom: 10px;}
  .case .detail-box .right .item img { width: 40px; height: 40px; margin-top: 20px;}
  .case .detail-box .right .item .name { margin-top: 0; font-size: 18px;}
  .case .detail-box .right .item .text { font-size: 12px;}
  .case .detail-box .right .item1 { padding: 0 10px;}
  .case .detail-box .right .item .text { margin-top: 10px;}
  .case .detail-box .right .item:last-child { padding: 5px 10px;}
  .case .detail-box .right .item:last-child .name { font-size: 18px; line-height: 18px; margin-top: 15px;}
  .case .detail-box .right .item:last-child .name i { font-size: 14px;}
  .case .detail-box .right .item:last-child .desc { margin-top: 8px; font-size: 14px;}
}

.case-show { padding: 53px 0 92px; background: url(../images/case-show-bg.png); background-size: cover;}
.case-show .list { margin-top: 39px; display: flex; justify-content: flex-start;}
.case-show .list .item { width: calc(25% - 21px); margin-right: 27px;}
.case-show .list .item:nth-child(4n) { margin-right: 0;}
.case-show .list .item .img { width: 100%; overflow: hidden;}
.case-show .list .item .img img { width: 100%; transition: 0.3s;}
.case-show .list .item .img:hover img { transform: scale(1.1);}
.case-show .list .item .text { padding: 13px 23px 28px; border-radius: 0px 0px 4px 4px; background: #F7F7F7; position: relative; overflow: hidden;}
.case-show .list .item .text:hover { background: linear-gradient(-45deg, #FD811F 0%, #FD953D 100%);}
.case-show .list .item .text p:nth-of-type(1) { border-bottom: 1px solid rgba(153, 153, 153, 0.3); font-size: 22px; color: #333333; line-height: 45px;}
.case-show .list .item .text p:nth-of-type(2) { height: 60px; margin-top: 14px; font-size: 16px; color: #999999; line-height: 30px;}
.case-show .list .item .text:hover p { color: #FFFFFF;}
.case-show .list .item .text:hover p:nth-of-type(1)  { font-weight: bold;}
.case-show .list .item .text:hover::before { content: ''; width: 86.84%; height: 235px; background: url(../images/index-sec1-a.png) no-repeat; background-size: 100% auto; background-position: bottom right; position: absolute; bottom: 0; right: -40px;} 
.case-show .list .item .text:hover::before { transform: scale(1.1); transition: 0.3;}
.case-show .btn-box { width: 100%; text-align: center; margin-top: 42px;}
.case-show .btn-box .btn { margin: 0 auto; width: 380px;height: 80px;background: linear-gradient(0deg, #FF7204 0%, #FF8B28 100%);border-radius: 4px;font-size: 25px;font-weight: 400;color: #FFFFFF;line-height: 80px;transition: 0.3s;}
.case-show .btn-box .btn:hover { opacity: 0.8;}
@media screen and (max-width: 1260px) {
  .case-show { padding: 50px 0;}
  .case-show .list { margin-top: 30px;}
  .case-show .list .item { width: calc(25% - 15px); margin-right: 20px;}
  .case-show .list .item .text { padding: 10px 15px;}
  .case-show .list .item .text p:nth-of-type(1) { font-size: 16px; line-height: 40px;}
  .case-show .list .item .text p:nth-of-type(2) { height: 48px; font-size: 12px; line-height: 24px;}
  .case-show .btn-box .btn { width: 300px;height: 60px; font-size: 16px; line-height: 60px;}
}
@media screen and (max-width: 992px) { 
  .case-show .list { justify-content: center;}
  .case-show .list .item { width: 45%; margin-right: 20px; margin-bottom: 20px;}
  .case-show .list .item:nth-child(2n) { margin-right: 0;}
}
@media screen and (max-width: 768px) { 
  .case-show { padding-top: 30px;}
  .case-show .list { margin-top: 20px;}
  .index .sec1 .list .item { margin-bottom: 15px; margin-right: 15px;}
  .case-show .list .item .text p:nth-of-type(1) { font-size: 16px; line-height: 30px;}
  .case-show .list .item .text p:nth-of-type(2) { margin-top: 10px; height: auto; font-size: 12px; line-height: 18px;}
  .case-show .btn-box { margin-top: 10px;}
  .case-show .btn-box .btn { width: 220px; height: 40px; font-size: 14px; line-height: 40px;}
  .case-show .btn-box .btn i { font-size: 14px; line-height: 40px;}
}

.custom .sec1 { margin-top: 158px; padding-bottom: 56px; background: url(../images/custom-sec1-bg.png);}
.custom .sec1>.wrap { align-items: flex-start;}
.custom .sec1 .text {flex: 1; margin-right: 72px; padding-top: 47px;}
.custom .sec1 .text .title { text-align: left;}
.custom .sec1 .text .title img { width: 360px;}
.custom .sec1 .text .title p { color: #333333;}
.custom .sec1 .text .desc { padding: 14px 0; font-size: 18px; color: #A2A2A2; line-height: 38px;}
.custom .sec1 .text .list { margin-top: 12px;}
.custom .sec1 .text .list .item { margin-bottom: 20px; display: flex; align-items: flex-start; background: #FFFFFF; border-radius: 4px; overflow: hidden;}
.custom .sec1 .text .list .item span { width: 69px; height: 66px; padding-right: 20px; background: url(../images/custom-sec1-num.png) no-repeat; background-size: 100% auto; font-size: 30px;font-weight: bold; color: #FFFFFF; line-height: 62px; text-align: center;}
.custom .sec1 .text .list .item p { flex: 1; min-height: 66px; font-size: 16px; color: #444444; padding: 10px 16px; display: flex; align-items: center;}
.custom .sec1 .img-box { width: 32.5%; position: relative; margin-top: -82px;}
.custom .sec1 .img-box::after { content: ''; width: 49.61%; height: 53.97%; border: 10px solid #FD811F; opacity: 0.5; position: absolute; bottom: -28px; left: -28px; z-index: 1;}
.custom .sec1 .img { width: 100%; overflow: hidden; position: relative; z-index: 2;}
.custom .sec1 .img img { width: 100%; transition: 0.3s;}
.custom .sec1 .img img:hover { transform: scale(1.1);}
@media screen and (max-width: 1640px) { 
  .custom .sec1 .text .desc { font-size: 16px; line-height: 26px;}
  .custom .sec1 .text .list .item span { width: 60px; height: 58px; padding-right: 15px; font-size: 26px; line-height: 54px;}
  .custom .sec1 .text .list .item p { font-size: 14px;}
}
@media screen and (max-width: 1260px) { 
  .custom .sec1 { margin-top: 60px;}
  .custom .sec1 .img-box { margin-top: 50px;}
  .custom .sec1 .text { padding-top: 30px;}
}
@media screen and (max-width: 992px) { 
  .custom .sec1>.wrap { align-items: center;}
}
@media screen and (max-width: 768px) { 
  .custom .sec1 { margin-top: 0;}
  .custom .sec1 .text { margin-right: 0;}
  .custom .sec1 .text .desc { font-size: 14px; line-height: 22px;}
  .custom .sec1 .text .list .item { margin-bottom: 10px;}
  .custom .sec1 .img-box { display: none; width: 100%; margin-top: 10px;}
  .custom .sec1 .img img:hover { transform: scale(1);}
}

.sec-market { padding: 27px 0 50px; background: url(../images/custom-sec2-bg.png); background-size: cover;}
.sec-market .title { }
.sec-market .title p { color: #FFFFFF;}
.sec-market .title p span { color: #FF7E0E;}
.sec-market .s-title { margin-top: 30px; font-size: 22px; color: #FFFFFF; line-height: 34px; opacity: 0.9;}
.sec-market .desc { margin-top: 10px; font-size: 16px; color: #FFFFFF; line-height: 24px; opacity: 0.7; text-align: center;}
.sec-market .list { width: 1465px; max-width: 100%; margin: 0 auto; text-align: left; justify-content: space-between;}
.sec-market .list .item { width: 18.97%; padding: 37px 0; background: #FCFFFF; border-radius: 4px; margin-top: 33px; position: relative; overflow: hidden;}
.sec-market .list .item::after { content: ''; width: 91.72%; height: 200px; background: url(../images/icon-ao.png) no-repeat; background-size: 100% auto; background-position: right bottom; position: absolute; right: -23.74%; bottom: -9px;}
.sec-market .list .item .top { display: flex; padding: 0 10px 0 23px;}
.sec-market .list .item .top .num { font-size: 64px; font-family: Arial; font-weight: bold; color: #FF7E0E; line-height: 50px; margin-right: 12px;}
.sec-market .list .item .top .tit { flex: 1;}
.sec-market .list .item .top .tit p:nth-of-type(1) { font-size: 23px; font-weight: bold; color: #333333; line-height: 1;}
.sec-market .list .item .top .tit p:nth-of-type(2) { margin-top: 10px; font-size: 15px; color: #999999; line-height: 1;}
.sec-market .list .item .s-list { padding: 0 28px; min-height: 180px; margin-top: 20px;}
.sec-market .list .item .s-list .s-item { padding: 10px 0; border-bottom: 1px solid rgba(153, 153, 153, 0.08); display: flex; align-items: center; justify-content: space-between;}
.sec-market .list .item .s-list .s-item span { flex: 1; font-size: 16px; color: #333333; line-height: 24px; margin-right: 10px;}
.sec-market .list .item .s-list .s-item .img1 { display: block;}
.sec-market .list .item .s-list .s-item .img2 { display: none;}
.sec-market .list .item .text { margin-top: 14px; padding: 0 28px; font-size: 12px; color: #999999; line-height: 22px;}
.sec-market .list .item:hover { background: #FF7E0E; color: #FFFFFF;}
.sec-market .list .item:hover::after { width: 91.72%; height: 200px;  background: url(../images/icon-aw.png) no-repeat; background-size: 100% auto; background-position: right bottom; position: absolute; right: -23.74%; bottom: -9px;}
.sec-market .list .item:hover .top .num { color: #FFFFFF; font-style: italic;}
.sec-market .list .item:hover .top .tit p:nth-of-type(1) { color: #FFFFFF;}
.sec-market .list .item:hover .top .tit p:nth-of-type(2) { color: #FFFFFF; opacity: 0.9;}
.sec-market .list .item:hover .s-list .s-item { border-bottom: 1px solid rgba(252, 247, 241, 0.2);}
.sec-market .list .item:hover .s-list .s-item span { color: #FFFFFF;}
.sec-market .list .item:hover .s-list .s-item .img1 { display: none;}
.sec-market .list .item:hover .s-list .s-item .img2 { display: block;}
.sec-market .list .item:hover .text { color: #FFFFFF; opacity: 0.8;}
.sec-market .btn-box { width: 100%; text-align: center; margin-top: 42px;}
.sec-market .btn-box .btn { margin: 0 auto; padding: 0 26px; min-width: 380px; height: 80px;background: linear-gradient(0deg, #FF7204 0%, #FF8B28 100%);border-radius: 4px;font-size: 25px;font-weight: 400;color: #FFFFFF;line-height: 80px;transition: 0.3s;}
.sec-market .btn-box .btn:hover { opacity: 0.8;}
@media screen and (max-width: 1640px) {
  .sec-market .list .item .top .num { font-size: 54px; line-height: 44px;}
  .sec-market .list .item .top .tit p:nth-of-type(1) { font-size: 20px;}
  .sec-market .list .item .top .tit p:nth-of-type(2) { font-size: 14px;}
  .sec-market .list .item .s-list .s-item span { font-size: 14px; line-height: 20px;}
}
@media screen and (max-width: 1460px) {
  .sec-market .list .item .top .tit p:nth-of-type(1) { font-size: 18px;}
}
@media screen and (max-width: 1260px) {
  .sec-market .s-title { font-size: 18px; line-height: 26px;}
  .sec-market .list { justify-content: center;}
  .sec-market .list .item { width: 30%; margin-right: 2%;}
  .sec-market .btn-box .btn { min-width: auto; height: 60px; font-size: 16px; line-height: 60px; padding: 0 15px;}
}
@media screen and (max-width: 992px) {
  .sec-market .list .item { width: 40%; margin-right: 2%;}
}
@media screen and (max-width: 768px) { 
  .sec-market { padding: 27px 0;}
  .sec-market .s-title { font-size: 16px;}
  .sec-market .desc { font-size: 14px;}
  .sec-market .list .item { width: 48%; margin-right: 2%; padding: 20px 0; margin-top: 10px;}
  .sec-market .list .item:nth-child(2n) { margin-right: 0;}
  .sec-market .list .item .top { padding: 0 15px;}
  .sec-market .list .item .s-list { padding: 0 15px; min-height: auto;}
  .sec-market .list .item .text { padding: 0 15px;}
  .sec-market .btn-box { margin-top: 20px;}
  .sec-market .btn-box .btn { height: 40px; font-size: 14px; line-height: 40px;}
  .sec-market .btn-box .btn i { font-size: 14px; line-height: 40px;}
}
@media screen and (max-width: 500px) {
  .sec-market .list .item { width: 70%; margin-right: 0; padding: 20px 0; margin-top: 10px;}
}
.custom .sec3 { padding-top: 97px; background: url(../images/custom-sec3-bg.png); background-size: 100% 100%;}
.custom .sec3 .nav { display: flex; padding-left: 7.37%;}
.custom .sec3 .nav .item { cursor: pointer; width: 245px; height: 68px; border: 1px solid rgba(102, 102, 102, 0.2); border-radius: 4px; display: flex; align-items: center; justify-content: center; margin-right: 20px;}
.custom .sec3 .nav .item i { width: 28px; height: 24px; background: url(../images/custom-sec3-icon1.png) no-repeat; background-size: contain; margin-right: 10px;}
.custom .sec3 .nav .item span { font-size: 22px; color: #666666; line-height: 1;}
.custom .sec3 .nav .item:nth-of-type(2) i { background: url(../images/custom-sec3-icon2.png) no-repeat; background-size: contain;}
.custom .sec3 .nav .item:nth-of-type(3) i { background: url(../images/custom-sec3-icon3.png) no-repeat; background-size: contain;}
.custom .sec3 .nav .item:hover { background: linear-gradient(0deg, #FF7E0E 0%, #FF9C46 100%); box-shadow: 0px 3px 16px 0px rgba(255,139,45,0.16); border: none;}
.custom .sec3 .nav .item.active { background: linear-gradient(0deg, #FF7E0E 0%, #FF9C46 100%); box-shadow: 0px 3px 16px 0px rgba(255,139,45,0.16); border: none;}
.custom .sec3 .nav .item:nth-of-type(1):hover i { background: url(../images/custom-sec3-icon4.png) no-repeat; background-size: contain;}
.custom .sec3 .nav .item:nth-of-type(1).active i { background: url(../images/custom-sec3-icon4.png) no-repeat; background-size: contain;}
.custom .sec3 .nav .item:hover span { color: #ffffff;}
.custom .sec3 .nav .item.active span { color: #ffffff;}
.custom .sec3 .nav .item:nth-of-type(2):hover i { background: url(../images/custom-sec3-icon5.png) no-repeat; background-size: contain;}
.custom .sec3 .nav .item:nth-of-type(3):hover i { background: url(../images/custom-sec3-icon6.png) no-repeat; background-size: contain;}
.custom .sec3 .nav .item:nth-of-type(2).active i { background: url(../images/custom-sec3-icon5.png) no-repeat; background-size: contain;}
.custom .sec3 .nav .item:nth-of-type(3).active i { background: url(../images/custom-sec3-icon6.png) no-repeat; background-size: contain;}
.custom .sec3 .cont .left { flex: 1; padding-left: 7.37%;}
.custom .sec3 .cont .left .title { margin-top: 146px; padding-left: 32px; text-align: left; position: relative;}
.custom .sec3 .cont .left .title::before { content: ''; width: 14px; height: 14px; background: #FF7E0E; position: absolute; left: 3px; top: 30px;}
.custom .sec3 .cont .left .title::after { content: ''; width: 10px; height: 10px; background: #FF7E0E; box-shadow: 0px 3px 59px 0px rgba(195,101,19,0.16); opacity: 0.2; position: absolute; left: 11px; top: 38px;}
.custom .sec3 .cont .left .title img { width: 360px;}
.custom .sec3 .cont .left .title p { margin-top: -24px; font-size: 40px; color: #333333; position: relative;}
.custom .sec3 .cont .left .title p::after { content: ''; width: 32px; height: 2px; background: #FF7E0E; opacity: 0.4; position: absolute; left: 0; bottom: -33px;}
.custom .sec3 .cont .left .text { padding-left: 32px; margin-top: 60px; font-size: 16px; color: #666666; line-height: 28px; opacity: 0.8;}
.custom .sec3 .cont .right { width: 60%; padding: 0 25px; text-align: center;}
.custom .sec3 .cont .right img { max-width: 100%;}
.custom .sec3 .cont1 { display: none;}
.custom .sec3 .cont2 { display: none;}
.custom .sec3 .cont1 .right img { margin-top: 75px;}
@media screen and (max-width: 1260px) {
  .custom .sec3 { padding: 60px 0;}
  .custom .sec3 .nav .item { width: 180px;height: 50px; margin-right: 15px;}
  .custom .sec3 .nav .item i { width: 24px; height: 20px;}
  .custom .sec3 .nav .item span { font-size: 18px;}
  .custom .sec3 .cont .left .title { margin-top: 40px;}
  .custom .sec3 .cont .left .title p { font-size: 32px;}
  .custom .sec3 .cont .left .text { margin-top: 40px; font-size: 14px; line-height: 24px;}
  .custom .sec3 .cont .right { width: 50%;}
  .custom .sec3 .cont1 .right img { margin-top: 40px;}
}
@media screen and (max-width: 768px) {
  .custom .sec3 { padding: 30px 0; }
  .custom .sec3 .nav { padding-left: 0;}
  .custom .sec3 .nav .item { width: 32%; height: 40px;}
  .custom .sec3 .nav .item i { width: 20px; height: 16px; margin-right: 5px;}
  .custom .sec3 .nav .item span { font-size: 14px;}
  .custom .sec3 .cont .left { padding-left: 0;}
  .custom .sec3 .cont .left .title p { font-size: 26px;}
  .custom .sec3 .cont .left .title p::after { bottom: -20px;}
  .custom .sec3 .cont .right { width: 100%; }
  .custom .sec3 .cont1 .right img { margin-top: 20px;}
}


.sem .sec1 { padding: 66px 0 63px; position: relative;}
.sem .sec1::before { content: ''; width: 922px; height: 100%; background: url(../images/icon-ao.png); background-size: auto 100%; background-position: top right; position: absolute; left: -18.49%; top: 0; opacity: 0.7; z-index: 1;}
.sem .sec1::after { content: ''; width: 58.125%; height: 100%; background: url(../images/sem-sec1-bg.png) no-repeat; background-size: 100% auto; background-position: center center; position: absolute; right: 3%; top: 2%; z-index: 1;}
.sem .sec1>.wrap { align-items: center;}
.sem .sec1 .left { flex: 1; padding: 0 5.1%; position: relative; z-index: 2;}
.sem .sec1 .left .title { text-align: left;}
.sem .sec1 .left .title p{ line-height: 58px;}
.sem .sec1 .left .text1 { margin-top: 22px; font-size: 18px; color: #333333; line-height: 30px;}
.sem .sec1 .left .text2 { margin-top: 46px; font-size: 16px; color: #919191; line-height: 30px;}
.sem .sec1 .left .text3 { margin-top: 50px; font-size: 20px; font-weight: bold; color: #FF7E0E; line-height: 30px;}
.sem .sec1 .left .btn { margin-top: 20px; padding: 25px 31px; border-radius: 4px; background: linear-gradient(180deg, #FF8C29 0%, #FF7000 100%); font-size: 24px; font-weight: bold; color: #FFFFFF; line-height: 30px;}
.sem .sec1 .left .btn:hover { opacity: 0.8;}
.sem .sec1 .right { width: 50%; position: relative; z-index: 2;}
.sem .sec1 .right img { max-width: 100%; transition: 0.3s;}
.sem .sec1 .right img:hover { transform: scale(1.1);}
@media screen and (max-width: 1260px) {
  .sem .sec1 .left { padding: 0 2% 0 0;}
  .sem .sec1 .left .title p { line-height: 40px;}
  .sem .sec1 .left .text1 { margin-top: 15px; font-size: 16px; line-height: 26px;}
  .sem .sec1 .left .text2 { margin-top: 30px; font-size: 14px; line-height: 26px;}
  .sem .sec1 .left .text3 { margin-top: 32px; font-size: 18px; line-height: 26px;}
  .sem .sec1 .left .btn { padding: 20px 15px; font-size: 20px;}
}
@media screen and (max-width: 992px) {
  .title img { max-width: 100%;}
}
@media screen and (max-width: 768px) {
  .sem .sec1 { padding: 30px 0;}
  .sem .sec1 .left .title p { line-height: 38px;}
  .sem .sec1 .left .text1 { margin-top: 10px; font-size: 14px; line-height: 22px;}
  .sem .sec1 .left .text2 { margin-top: 15px; font-size: 12px; line-height: 22px;}
  .sem .sec1 .left .text3 { margin-top: 15px; font-size: 16px; line-height: 22px;}
  .sem .sec1 .left .btn { margin-top: 10px; font-size: 16px; padding: 10px;}
  .sem .sec1 .right { width: 100%; margin-top: 20px; text-align: center;}
  .sem .sec1 .right img { width: 85%;}
  .sem .sec1 .right img:hover { transform: scale(1);}
}

.sem .sec2 { padding: 103px 0 149px;}
.sem .sec2 .list { margin-top: 58px;}
.sem .sec2 .list .item { padding-bottom: 50px; width: 17.75%; background: #FFFFFF url(../images/sem-sec2-img.png) no-repeat; background-size: 100% auto; box-shadow: -3px 10px 21px 0px rgba(138,161,228,0.16); border-radius: 8px; position: relative; overflow: hidden;}
.sem .sec2 .list .item .name { padding: 24px 22px; height: 140px; font-size: 21px; font-weight: bold; color: #FFF4EB; line-height: 26px;}
.sem .sec2 .list .item .desc { padding: 0 30px; font-size: 14px; color: #666666; line-height: 26px; position: relative; z-index: 2;}
.sem .sec2 .list .item .num { font-size: 159px; font-weight: bold; color: RGBA(247, 247, 247, 1); line-height: 1; text-align: right; position: absolute; bottom: -28px; right: -20px; z-index: 1;}
@media screen and (max-width: 1640px) {
  .sem .sec2 .list .item .name { height: 120px; font-size: 18px; line-height: 24px;}
  .sem .sec2 .list .item .num { font-size: 120px; bottom: -20px; right: -15px;}
}
@media screen and (max-width: 1460px) {
  .sem .sec2 { padding: 90px 0;}
  .sem .sec2 .list .item .name { padding: 20px 15px; height: 100px; font-size: 16px; line-height: 20px;}
  .sem .sec2 .list .item .desc { padding: 0 15px;}
}
@media screen and (max-width: 1260px) {
  .sem .sec2 { padding: 60px 0;}
  .sem .sec2 .list { margin-top: 50px;}
  .sem .sec2 .list .item { width: 19%; padding-bottom: 30px;}
  .sem .sec2 .list .item .name { padding: 15px 10px; height: 100px; font-size: 14px; line-height: 16px;}
  .sem .sec2 .list .item .desc { padding: 0 10px; font-size: 12px; line-height: 20px;}
  .sem .sec2 .list .item .num { font-size: 100px; bottom: -18px; right: -12px;}
}
@media screen and (max-width: 992px) {
  .sem .sec2 .list { justify-content: center;}
  .sem .sec2 .list .item { width: calc(33.33% - 15px); margin-right: 15px; margin-bottom: 15px;}
}
@media screen and (max-width: 768px) {
  .sem .sec2 { padding: 30px 0;}
  .sem .sec2 .list { margin-top: 30px; justify-content: space-between;}
  .sem .sec2 .list .item { width: 49%; margin-right: 0; margin-bottom: 10px;}
}

.sem .sec-market { padding: 88px 0 80px;}
.sem .sec-market .desc { margin-top: 17px;}
.sem .sec-market .list { padding: 0 130px;}
.sem .sec-market .list .item { width: 23.76%; font-size: 18px;}
@media screen and (max-width: 1640px) {
  .sem .sec-market .list { padding: 0 40px;}
}
@media screen and (max-width: 1460px) {
  .sem .sec-market .list { padding: 0;}
}
@media screen and (max-width: 1260px) {
  .sem .sec-market { padding: 60px 0;}
  .sem .sec-market .list { justify-content: space-between;}
  .sem .sec-market .list .item { width: 23.76%; margin-right: 0;}
}
@media screen and (max-width: 992px) {
  .sem .sec-market .list .item { width: 48%; }
}
@media screen and (max-width: 768px) {
  .sem .sec-market { padding: 30px 0;}
  .sem .sec-market .list .item { width: calc(50% - 5px) }
}
@media screen and (max-width: 500px) {
  .sem .sec-market .list { justify-content: center;}
  .sem .sec-market .list .item { width: 70%; }
}

.sem .sec4 { padding: 112px 0 76px;}
.sem .sec4 .list { margin-top: 66px;}
.sem .sec4 .list .item { width: 17.93%; padding: 58px 25px 45px; background: #FFFFFF; border-radius: 4px; border: 1px solid #ECECEC; text-align: center;}
.sem .sec4 .list .item .img { width: 39.72%; margin: 0 auto;}
.sem .sec4 .list .item .name { margin-top: 31px; font-size: 20px; font-weight: bold; color: #333333; line-height: 30px;}
.sem .sec4 .list .item .desc { margin-top: 13px; font-size: 14px; color: #888888; line-height: 24px;}
@media screen and (max-width: 1260px) {
  .sem .sec4 { padding: 60px 0;}
  .sem .sec4 .list { margin-top: 50px;}
  .sem .sec4 .list .item { width: 19%; padding: 30px 15px;}
}
@media screen and (max-width: 992px) {
  .sem .sec4 .list { justify-content: center;}
  .sem .sec4 .list .item { width: 31%; margin-right: 2%; margin-bottom: 15px;}
}
@media screen and (max-width: 768px) {
  .sem .sec4 { padding: 30px 0;}
  .sem .sec4 .list { margin-top: 30px; justify-content: space-between;}
  .sem .sec4 .list .item { width: calc(50% - 5px); padding: 15px 10px; margin-right: 0; margin-bottom: 10px;}
  .sem .sec4 .list .item:last-child { margin-bottom: 0;}
  .sem .sec4 .list .item .img { width: 60px; }
  .sem .sec4 .list .item .name { font-size: 16px; line-height: 24px; margin-top: 15px;}
  .sem .sec4 .list .item .desc { margin-top: 8px; font-size: 12px; line-height: 20px;}
}

.seo .btn-box { width: 100%; text-align: center; margin-top: 53px;}
.seo .btn-box .btn { margin: 0 auto; padding: 20px 26px;background: linear-gradient(0deg, #FF7204 0%, #FF8B28 100%);border-radius: 4px;font-size: 25px;font-weight: 400;color: #FFFFFF;line-height: 40px;transition: 0.3s;}
.seo .btn-box .btn:hover { opacity: 0.8;}
@media screen and (max-width: 1260px) {
  .seo .btn-box .btn { padding: 10px 15px; font-size: 22px;}
}
@media screen and (max-width: 768px) { 
  .seo .btn-box .btn { padding: 0 10px; font-size: 16px;}
}
.seo .sec1 { padding: 90px 0 85px; background: url(../images/seo-sec1-bg.png); background-size: cover; background-position: center;}
.seo .sec1 .list { margin-top: 60px; justify-content: center;}
.seo .sec1 .list .item { width: calc(20% - 15px); margin-right: 15px; margin-bottom: 15px; padding: 58px 30px 50px; background: #FFFFFF; border-radius: 4px; border: 1px solid #ECECEC; text-align: center;}
.seo .sec1 .list .item:last-child { margin-right: 0;}
.seo .sec1 .list .item .img { width: 114px;}
.seo .sec1 .list .item .name { margin-top: 41px; font-size: 20px; font-weight: bold; color: #333333; line-height: 30px;}
.seo .sec1 .list .item .desc { margin-top: 15px; font-size: 14px; color: #888888; line-height: 26px; text-align: left;}
@media screen and (max-width: 1260px) {
  .seo .sec1 { padding: 60px 0;}
  .seo .sec1 .list .item { width: calc(33.33% - 15px);}
}
@media screen and (max-width: 768px) { 
  .seo .sec1 { padding: 30px 0;}
  .seo .sec1 .list { margin-top: 20px;}
  .seo .sec1 .list .item { width: calc(50% - 5px); margin-right: 10px; margin-bottom: 10px; padding: 20px 15px;}
  .seo .sec1 .list .item:nth-child(2n) { margin-right: 0;}
  .seo .sec1 .list .item .name { margin-top: 20px; font-size: 16px;}
  .seo .sec1 .list .item .desc { margin-top: 5px; font-size: 12px; line-height: 22px;}
}
@media screen and (max-width: 500px) { 
  .seo .sec1 .list .item { width: 70%; margin-right: 0; margin-bottom: 10px; padding: 20px 15px;}
}

.seo .step { margin-top: 60px; display: flex; justify-content: center; align-items: center;}
.seo .step .dot { width: 14px; height: 14px; background: #FF7E0E; position: relative; margin-right: 15px;}
.seo .step .dot::after { content: ''; width: 10px; height: 10px; background: #FF7E0E; box-shadow: 0px 3px 59px 0px rgba(195,101,19,0.16); opacity: 0.2; position: absolute; left: 8px; top: 8px;}
.seo .step span { font-size: 28px; color: #000000; line-height: 1;}
.seo .sec2 { padding: 97px 0 50px;}
.seo .sec2 .cont { margin-top: 23px; align-items: center;}
.seo .sec2 .text { flex: 1; padding-right: 50px;}
.seo .sec2 .text .item { display: flex; margin-top: 22px;}
.seo .sec2 .text .item em { margin-top: 10px; width: 11px; height: 11px; border: 1px solid #FF7E0E; border-radius: 4px; position: relative; margin-right: 9px;}
.seo .sec2 .text .item em::after { content: ''; width: 7px; height: 7px; background: #FF7E0E; border-radius: 50%; position: absolute; left: 1px; top: 1px;}
.seo .sec2 .text .item span { flex: 1; font-size: 16px; color: #666666; line-height: 30px;}
.seo .sec2 .img { width: 50%;}
.seo .sec2 .img img { width: 100%; transition: 0.3s;}
.seo .sec2 .img img:hover { transform: scale(1.1);}
@media screen and (max-width: 1260px) {
  .seo .step { margin-top: 40px;}
  .seo .step span { font-size: 24px;}
  .seo .sec2 { padding: 60px 0 50px;}
}
@media screen and (max-width: 768px) {
  .seo .step { margin-top: 20px;}
  .seo .step span { font-size: 20px;}
  .seo .sec2 { padding: 30px 0;}
  .seo .sec2 .cont { margin-top: 10px;}
  .seo .sec2 .text .item { margin-top: 10px;}
  .seo .sec2 .text .item em { margin-top: 7px;}
  .seo .sec2 .text .item span { font-size: 14px; line-height: 24px;}
  .seo .sec2 .img { width: 100%;}
  .seo .sec2 .img img:hover { transform: scale(1);}
}

.seo .sec-market { background: url(../images/seo-sec3-bg.png); background-size: cover;}
.seo .sec-market .desc { margin-top: 17px; color: #666666;}
.seo .sec-market .list .item .top .tit p:nth-of-type(1) { font-size: 20px;}
.seo .sec-market .list .item .top .tit p:nth-of-type(2) { margin-top: 14px; font-size: 12px;}
@media screen and (max-width: 1460px) {
  .seo .sec-market .list .item .top .tit p:nth-of-type(1) { font-size: 18px;}
  .seo .sec-market .list .item .top .tit p:nth-of-type(2) { margin-top: 10px;}
}

.seo .sec4 { padding:40px 0 145px;}
.seo .sec4 .list { margin-top: 60px;}
.seo .sec4 .list .item { width: calc(25% - 45px); background: #FFFFFF url(../images/seo-sec4-img.png) no-repeat; background-size: 100% auto; box-shadow: -3px 10px 21px 0px rgba(138,161,228,0.16); border-radius: 8px; position: relative; overflow: hidden;}
.seo .sec4 .list .item .name { padding: 25px 30px; height: 140px; font-size: 20px; font-weight: bold; color: #FFF4EB; line-height: 26px;}
.seo .sec4 .list .item .desc { padding: 45px 40px 95px; font-size: 14px; color: #666666; line-height: 26px; position: relative; z-index: 2;}
.seo .sec4 .list .item .num { font-size: 159px; font-weight: bold; color: RGBA(247, 247, 247, 1); line-height: 1; text-align: right; position: absolute; bottom: -28px; right: -20px; z-index: 1;}
@media screen and (max-width: 1640px) {
  .seo .sec4 .list .item .name { height: 120px; font-size: 18px; line-height: 24px;}
}
@media screen and (max-width: 1460px) {
  .seo .sec4 .list .item .name { padding: 20px 15px; height: 100px; font-size: 16px; line-height: 20px;}
  .seo .sec4 .list .item .desc { padding: 30px 20px 95px;}
}
@media screen and (max-width: 1260px) {
  .seo .sec4 { padding:40px 0 60px;}
  .seo .sec4 .list .item { width: calc(25% - 20px);}
  .seo .sec4 .list .item .name { padding: 20px 10px;}
  .seo .sec4 .list .item .desc { padding: 20px 10px 80px;}
  .seo .sec4 .list .item .num { font-size: 120px; bottom: -20px; right: -15px;}
}
@media screen and (max-width: 992px) {
  .seo .sec4 { padding:40px 0 60px;}
  .seo .sec4 .list .item { width: calc(25% - 20px);}
  .seo .sec4 .list .item .name { padding: 20px 10px;}
  .seo .sec4 .list .item .desc { padding: 0 10px 65px;}
  .seo .sec4 .list .item .num { font-size: 100px; bottom: -18px; right: -12px;}
}
@media screen and (max-width: 768px) {
  .seo .sec4 { padding: 30px 0;}
  .seo .sec4 .list { margin-top: 20px;}
  .seo .sec4 .list .item { width: calc(50% - 5px); margin-bottom: 10px;}
  .seo .sec4 .list .item .name { padding: 20px 30% 20px 10px;}
}
@media screen and (max-width: 500px) {
  .seo .sec4 .list .item .name { padding: 15px 30% 20px 10px;}
}
@media screen and (max-width: 400px) {
  .seo .sec4 .list .item {background-size: 100% 80px;}
  .seo .sec4 .list .item .name { font-size: 14px;}
}

.seo .sec5 { padding: 90px 0 140px; background: url(../images/seo-sec5-bg.png); background-size: cover; background-position: center;}
.seo .sec5 .title p { color: #ffffff;}
.seo .sec5 .s-title { color: #ffffff;}
.seo .sec5 .list { width: 1174px; max-width: 100%; margin: 0 auto; color: #ffffff; margin-top: 33px;}
.seo .sec5 .list .item { width: calc(50% - 12px); margin-top: 26px; padding: 27px 36px; border-radius: 4px; background: #FFFFFF; border: 1px solid #ECECEC;}
.seo .sec5 .list .item .tit { display: flex;}
.seo .sec5 .list .item .tit img { width: 41px; height: 41px; margin-right: 11px;}
.seo .sec5 .list .item .tit p { flex: 1; font-size: 28px; color: #000000; line-height: 41px;}
.seo .sec5 .list .item .desc { margin-top: 13px; font-size: 14px; color: #888888; line-height: 24px;}
@media screen and (max-width: 1260px) {
  .seo .sec5 { padding: 60px 0;}
  .seo .sec5 .list .item .tit p { font-size: 18px;}
}
@media screen and (max-width: 768px) {
  .seo .sec5 { padding: 30px 0; }
  .seo .sec5 .list { margin-top: 10px;}
  .seo .sec5 .list .item { width: 100%; margin-top: 10px; padding: 15px;}
  .seo .sec5 .list .item .tit img { width: 30px; height: 30px;}
  .seo .sec5 .list .item .tit p { line-height: 30px;}
}

.seo .sec6 { padding: 60px 0 0;}
@media screen and (max-width: 1260px) {
  .seo .sec6 { padding: 50px 0 0;}
}
@media screen and (max-width: 768px) {
  .seo .sec6 { padding: 30px 0 0;}
}

.vr .sec1 { margin-top: 74px; padding-bottom: 105px; background: url(../images/vr-sec1-bg.png) no-repeat; background-size: auto 100%;}
.vr .sec1 .list { margin-top: 44px; justify-content: flex-start;}
.vr .sec1 .list .item { width: calc(25% - 14px); margin-right: 18px; overflow: hidden; position: relative;}
.vr .sec1 .list .item:nth-child(4n) { margin-right: 0;}
.vr .sec1 .list .item img { width: 100%; object-fit: cover; transition: 0.3s;}
.vr .sec1 .list .item img:hover { transform: scale(1.1);}
.vr .sec1 .list .item .name { width: 100%; height: 51px; padding: 0 12px; background: rgba(0,0,0,0.5); display: flex; align-items: center; position: absolute; left: 0; bottom: 0;}
.vr .sec1 .list .item .name span { font-size: 16px; color: #FFFFFF; line-height: 51px; opacity: 0.9;}
.vr .sec1 .list .item .name .iconfont { width: 32px; height: 26px; border: 1px solid #FFFFFF;  border-radius: 4px; font-size: 14px; line-height: 26px; color: #ffffff; margin-left: 10px;} 
@media screen and (max-width: 1260px) {
  .vr .sec1 { padding-bottom: 60px;}
}
@media screen and (max-width: 992px) {
  .vr .sec1 .list .item { width: calc(50% - 5px); margin-right: 10px; margin-bottom: 10px;}
  .vr .sec1 .list .item:nth-child(2n) { margin-right: 0;}
}
@media screen and (max-width: 768px) {
  .vr .sec1 { margin-top: 30px; padding-bottom: 30px;}
  .vr .sec1 .list { margin-top: 20px;}
}
@media screen and (max-width: 500px) {
  .vr .sec1 .list .item { width: 100%; margin-right: 0;}
}

.vr .sec2 { padding: 92px 0 114px; background: url(../images/vr-sec2-bg.png); background-size: cover;}
.vr .sec2 .list { color: #ffffff; margin-top: 38px;}
.vr .sec2 .list .item { width: calc(50% - 12px); margin-top: 27px; padding: 27px 36px; border-radius: 4px; background: #FFFFFF;}
.vr .sec2 .list .item .tit { display: flex;}
.vr .sec2 .list .item .tit img { width: 41px; height: 41px; margin-right: 11px;}
.vr .sec2 .list .item .tit p { flex: 1; font-size: 28px; color: #000000; line-height: 41px;}
.vr .sec2 .list .item .desc { margin-top: 13px; font-size: 14px; color: #888888; line-height: 24px;}
@media screen and (max-width: 1260px) {
  .vr .sec2 { padding: 60px 0;}
  .vr .sec2 .list .item .tit p { font-size: 18px;}
}
@media screen and (max-width: 768px) {
  .vr .sec2 {  padding: 30px 0; }
  .vr .sec2 .list { margin-top: 10px;}
  .vr .sec2 .list .item { width: 100%; margin-top: 10px; padding: 15px;}
  .vr .sec2 .list .item .tit img { width: 30px; height: 30px;}
  .vr .sec2 .list .item .tit p { line-height: 30px;}
}

.vr .sec3 { padding: 110px 0 102px;}
.vr .sec3 .list { margin-top: 60px;}
.vr .sec3 .list .item { width: calc(25% - 45px); margin-right: 58px; background: #FFFFFF url(../images/seo-sec4-img.png) no-repeat; background-size: 100% auto; box-shadow: -3px 10px 21px 0px rgba(138,161,228,0.16); border-radius: 8px; position: relative; overflow: hidden;}
.vr .sec3 .list .item:nth-child(4n) { margin-right: 0;}
.vr .sec3 .list .item .name { padding: 25px 90px 25px 30px; height: 140px; font-size: 20px; font-weight: bold; color: #FFF4EB; line-height: 26px;}
.vr .sec3 .list .item .desc { padding: 40px 50px; font-size: 14px; color: #666666; line-height: 26px; position: relative; z-index: 2;}
.vr .sec3 .list .item .num { font-size: 159px; font-weight: bold; color: RGBA(247, 247, 247, 1); line-height: 1; text-align: right; position: absolute; bottom: -28px; right: -20px; z-index: 1;}
@media screen and (max-width: 1460px) {
  .vr .sec3 .list .item .name { height: 120px; font-size: 18px; line-height: 24px;}
  .vr .sec3 .list .item .desc { padding: 20px 30px 30px;}
}
@media screen and (max-width: 1260px) {
  .vr .sec3 { padding: 60px 0;}
  .vr .sec3 .list { margin-top: 40px;}
  .vr .sec3 .list .item { width: calc(25% - 23px); margin-right: 30px;}
  .vr .sec3 .list .item .name { padding: 20px 70px 20px 10px; height: 100px;}
  .vr .sec3 .list .item .desc { padding: 20px 20px 30px;}
  .vr .sec3 .list .item .num { font-size: 120px; bottom: -20px; right: -15px;}
}
@media screen and (max-width: 992px) {
  .vr .sec3 .list { margin-top: 20px;}
  .vr .sec3 .list .item { width: calc(25% - 12px); margin-right: 15px;}
  .vr .sec3 .list .item .name { padding: 10px 50px 20px 10px; font-size: 16px;}
  .vr .sec3 .list .item .desc { padding: 0 10px 30px;}
  .vr .sec3 .list .item .num { font-size: 100px; bottom: -18px; right: -12px;}
}
@media screen and (max-width: 768px) {
  .vr .sec3 {  padding: 30px 0;}
  .vr .sec3 .list .item { width: calc(50% - 5px); margin-right: 10px; margin-bottom: 10px;}
  .vr .sec3 .list .item:nth-child(2n) { margin-right: 0; margin-bottom: 10px;}
}

.smad .sec1 { padding: 75px 0px;}
.smad .sec1 .list { margin-top: 68px; justify-content: flex-start;}
.smad .sec1 .list .item { width: calc(20% - 12px); margin-right: 15px; padding: 58px 30px 30px; border-radius: 4px; border: 1px solid #ECECEC; text-align: center;}
.smad .sec1 .list .item:nth-child(5n) { margin-right: 0;}
.smad .sec1 .list .item img { width: 114px; max-width: 50%;}
.smad .sec1 .list .item .name { margin-top: 35px; font-size: 20px; font-weight: bold; color: #000000; line-height: 30px;}
.smad .sec1 .list .item .desc { margin-top: 24px; font-size: 14px; color: #888888; line-height: 26px; text-align: left;}
@media screen and (max-width: 1260px) {
  .smad .sec1 { padding: 60px 0px;}
  .smad .sec1 .list { margin-top: 40px; }
  .smad .sec1 .list .item { width: calc(20% - 8px); margin-right: 10px; padding: 30px 15px;}
  .smad .sec1 .list .item .name { margin-top: 20px; font-size: 18px; line-height: 24px;}
  .smad .sec1 .list .item .desc { margin-top: 10px; font-size: 14px; line-height: 22px;}
}
@media screen and (max-width: 768px) {
  .smad .sec1 { padding: 30px 0px;}
  .smad .sec1 .list { margin-top: 20px; justify-content: center;}
  .smad .sec1 .list .item { width: calc(50% - 5px); margin-right: 10px; margin-bottom: 10px; padding: 32px 10px;}
  .smad .sec1 .list .item:nth-child(5n) { margin-right: 10px;}
  .smad .sec1 .list .item:nth-child(2n) { margin-right: 0;}
}

.smad .sec2 { padding: 31px 0 162px;}
.smad .sec2 .cont { width: 1225px; margin: 0 auto; max-width: 100%;}
.smad .sec2 .list { margin-top: 8px;}
.smad .sec2 .list .item { margin-top: 30px; padding: 30px 10px; border-radius: 6px; border: 1px solid #CFCFCF; display: flex; align-items: center;}
.smad .sec2 .list .item .img { padding: 0 40px; width: 180px;}
.smad .sec2 .list .item .img img { width: 100%;;}
.smad .sec2 .list .item .num { padding: 0 40px; min-width: 228px; position: relative;}
.smad .sec2 .list .item .num::before { content: ''; width: 1px; height: 68px; border-left: 1px solid #CFCFCF; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.smad .sec2 .list .item .num::after { content: ''; width: 1px; height: 68px; border-left: 1px solid #CFCFCF; position: absolute; right: 0; top: 50%; transform: translate(0, -50%);}
.smad .sec2 .list .item .num p:nth-of-type(1) { font-size: 20px; color: #FF7E0E; line-height: 26px;}
.smad .sec2 .list .item .num p:nth-of-type(1) span { font-size: 32px; font-weight: bold;}
.smad .sec2 .list .item .num p:nth-of-type(2) { margin-top: 8px; font-size: 16px; color: #666666; line-height: 26px;}
.smad .sec2 .list .item .text { flex: 1; padding: 0 62px; font-size: 14px; color: #666666; line-height: 26px;}
@media screen and (max-width: 1260px) {
  .smad .sec2 { padding: 31px 0 60px;}
  .smad .sec2 .list .item { padding: 20px 10px;}
  .smad .sec2 .list .item .img { padding: 0 30px; width: 140px;}
  .smad .sec2 .list .item .num { padding: 0 40px;}
  .smad .sec2 .list .item .text { padding: 0 40px;}
}
@media screen and (max-width: 992px) {
  .smad .sec2 .list .item { padding: 10px 0;}
  .smad .sec2 .list .item .img { padding: 0 20px; width: 100px;}
  .smad .sec2 .list .item .num { padding: 0 20px; min-width: 180px;}
  .smad .sec2 .list .item .num p:nth-of-type(1) { font-size: 18px; line-height: 22px;}
  .smad .sec2 .list .item .num p:nth-of-type(1) span { font-size: 26px;}
  .smad .sec2 .list .item .text { padding: 0 30px;}
}
@media screen and (max-width: 768px) {
  .smad .sec2 { padding: 0 0 30px;}
  .smad .sec2 .list { justify-content: center;}
  .smad .sec2 .list .item { width: calc(50% - 5px); margin-right: 10px; padding: 10px 10px; flex-direction: column; margin-top: 10px;}
  .smad .sec2 .list .item:nth-child(2n) { margin-right: 0;}
  .smad .sec2 .list .item .img { margin-top: 10px;}
  .smad .sec2 .list .item .num { margin: 15px 0; text-align: center;}
  .smad .sec2 .list .item .num::before { display: none;}
  .smad .sec2 .list .item .num::after { display: none;}
  .smad .sec2 .list .item .text { padding: 0;}
}

.smad .sec-market { padding: 88px 0 80px;}
.smad .sec-market .desc { margin-top: 17px;}
.smad .sec-market .list  { padding: 0 70px;}
.smad .sec-market .list .item { width: 23.76%; font-size: 18px;}
.smad .sec-market .tips { font-size: 18px; color: #FFFFFF; line-height: 30px; opacity: 0.8;text-align: center; margin-top: 52px;}
.smad .sec-market .btn-box { margin-top: 16px;}
@media screen and (max-width: 1640px) {
  .smad .sec-market .list  { padding: 0 40px;}
}
@media screen and (max-width: 1460px) {
  .smad .sec-market .list  { padding: 0;}
}
@media screen and (max-width: 1260px) {
  .smad .sec-market { padding: 60px 0;}
  .smad .sec-market .list { justify-content: space-between;}
  .smad .sec-market .list .item { width: 23.76%; margin-right: 0;}
  .smad .sec-market .tips { font-size: 16px; margin-top: 30px;}
}
@media screen and (max-width: 992px) {
  .smad .sec-market .list { justify-content: center; }
  .smad .sec-market .list .item { width: 40%; margin-right: 30px;}
  .smad .sec-market .list .item:nth-child(2n) { margin-right: 0;}
}
@media screen and (max-width: 768px) {
  .smad .sec-market { padding: 30px 0;}
  .smad .sec-market .list .item { width: calc(50% - 5px); margin-right: 10px;}
  .smad .sec-market .list .item:nth-child(2n) { margin-right: 0;}
  .smad .sec-market .tips { font-size: 14px;}
  .smad .sec-market .btn-box { margin-top: 10px;}
}
@media screen and (max-width: 500px) {
  .smad .sec-market .list .item { width: 70%; margin-right: 0;}
}

.smad .sec4 { padding: 97px 0 112px;}
.smad .sec4 .list { margin-top: 60px;}
.smad .sec4 .list .item { width: calc(25% - 23px); margin-right: 30px; background: #FFFFFF url(../images/seo-sec4-img.png) no-repeat; background-size: 100% auto; box-shadow: -3px 10px 21px 0px rgba(138,161,228,0.16); border-radius: 8px; position: relative; overflow: hidden;}
.smad .sec4 .list .item:nth-child(4n) { margin-right: 0;}
.smad .sec4 .list .item .name { padding: 25px 90px 25px 30px; height: 140px; font-size: 20px; font-weight: bold; color: #FFF4EB; line-height: 26px;}
.smad .sec4 .list .item .desc { padding: 40px 50px 69px; font-size: 14px; color: #666666; line-height: 26px; position: relative; z-index: 2;}
.smad .sec4 .list .item .desc p { display: flex; padding: 8px 0;}
.smad .sec4 .list .item .desc p em { display: block; margin-top: 3px; margin-right: 7px; width: 14px; height: 14px; border: 1px solid #FF7E0E; border-radius: 50%; position: relative;}
.smad .sec4 .list .item .desc p em::after { content: ''; width: 8px; height: 8px; background: #FF7E0E; border-radius: 50%; position: absolute; left: 2px; top: 2px;}
.smad .sec4 .list .item .desc p span { font-size: 16px; color: #333333; line-height: 20px;}
.smad .sec4 .list .item .num { font-size: 159px; font-weight: bold; color: RGBA(247, 247, 247, 1); line-height: 1; text-align: right; position: absolute; bottom: -22px; right: -20px; z-index: 1;}
@media screen and (max-width: 1460px) {
  .smad .sec4 .list .item .name { height: 120px; font-size: 18px; line-height: 24px;}
  .smad .sec4 .list .item .desc { padding: 20px 30px 30px;}
}
@media screen and (max-width: 1260px) {
  .smad .sec4 { padding: 60px 0;}
  .smad .sec4 .list { margin-top: 40px;}
  .smad .sec4 .list .item { width: calc(25% - 15px); margin-right: 20px;}
  .smad .sec4 .list .item .name { padding: 20px 70px 20px 10px; height: 100px;}
  .smad .sec4 .list .item .desc { padding: 20px 20px 30px;}
  .smad .sec4 .list .item .desc p { padding: 5px 0;}
  .smad .sec4 .list .item .desc p span { font-size: 14px;}
  .smad .sec4 .list .item .num { font-size: 120px; bottom: -17px; right: -15px;}
}
@media screen and (max-width: 992px) {
  .smad .sec4 .list { margin-top: 20px;}
  .smad .sec4 .list .item { width: calc(25% - 12px); margin-right: 15px;}
  .smad .sec4 .list .item .name { padding: 10px 50px 20px 10px; font-size: 16px;}
  .smad .sec4 .list .item .desc { padding: 0 10px 30px;}
  .smad .sec4 .list .item .num { font-size: 100px; bottom: -15px; right: -12px;}
}
@media screen and (max-width: 768px) {
  .smad .sec4 { padding: 30px 0;}
  .smad .sec4 .list .item { width: calc(50% - 5px); margin-right: 10px; margin-bottom: 10px;}
  .smad .sec4 .list .item:nth-child(2n) { margin-right: 0; margin-bottom: 10px;}
}

.smad .sec5 { padding: 68px 0; background: url(../images/sma-sec5-bg.png); background-size: cover; background-position: center; position: relative;}
.smad .sec5::after { content: ''; width: 100%; height: 100%; background: rgba(255, 126, 14, 0.8); position: absolute; top: 0; left: 0;}
.smad .sec5 .cont { padding: 0 59px 0 74px; position: relative; z-index: 2; align-items: flex-start;}
.smad .sec5 .left { flex: 1; padding-right: 120px;}
.smad .sec5 .left .title { text-align: left; margin-top: 13px;}
.smad .sec5 .left .title p { color: #ffffff; font-weight: bold;}
.smad .sec5 .left .s-title { color: #ffffff; text-align: left; margin-top: 16px;}
.smad .sec5 .left .desc { margin-top: 62px; font-size: 16px; color: #ffffff; opacity: 0.9; position: relative;}
.smad .sec5 .left .desc::before { content: ''; width: 68px; height: 2px; background: #FFFFFF; position: absolute; top: -31px; left: 0;}
.smad .sec5 .left .btn { margin-top: 53px; display: inline-block; padding: 25px 21px; border-radius: 4px; border: 2px solid #FFFFFF; font-size: 20px; font-weight: bold; color: #FFFFFF; line-height: 24px;}
.smad .sec5 .img { width: 55.55%; border-radius: 4px; border: 6px solid #F3AA6A; overflow: hidden;}
.smad .sec5 .img img { width: 100%; transition: 0.3s;}
.smad .sec5 .img img:hover { transform: scale(1.1);}
@media screen and (max-width: 1640px) {
  .smad .sec5 { padding: 60px 0;}
  .smad .sec5 .left { padding-right: 80px;}
  .smad .sec5 .left .btn { padding: 20px 15px;}
}
@media screen and (max-width: 1460px) {
  .smad .sec5 { padding: 60px 0;}
  .smad .sec5 .cont { padding: 0;}
  .smad .sec5 .left { padding-right: 40px;}
}
@media screen and (max-width: 1260px) {
  .smad .sec5 { padding: 60px 0;}
  .smad .sec5 .left .desc { margin-top: 62px; font-size: 14px;}
  .smad .sec5 .left .btn { padding: 10px; font-size: 16px;}
}
@media screen and (max-width: 992px) {
  .smad .sec5 .cont { align-items: center;}
  .smad .sec5 .img { width: 50%;}
  .smad .sec5 .left { padding-right: 20px;}
}
@media screen and (max-width: 768px) {
  .smad .sec5 { padding: 30px 0;}
  .smad .sec5 .left .s-title { margin-top: 10px;}
  .smad .sec5 .left { padding-right: 0;}
  .smad .sec5 .left .desc { margin-top: 40px;}
  .smad .sec5 .left .desc::before { top: -20px;}
  .smad .sec5 .left .btn { margin-top: 30px;}
  .smad .sec5 .img { width: 100%; margin-top: 20px; display: none;}
}

.brandSupport .sec1 { padding: 81px 0 107px;}
.brandSupport .sec1 .list { margin-top: 80px;}
.brandSupport .sec1 .list .item { padding-bottom: 50px; width: 17.75%; background: #FFFFFF url(../images/sem-sec2-img.png) no-repeat; background-size: 100% auto; box-shadow: -3px 10px 21px 0px rgba(138,161,228,0.16); border-radius: 8px; position: relative; overflow: hidden;}
.brandSupport .sec1 .list .item .name { padding: 24px 22px; height: 140px; font-size: 21px; font-weight: bold; color: #FFF4EB; line-height: 26px;}
.brandSupport .sec1 .list .item .desc { padding: 0 30px; font-size: 14px; color: #666666; line-height: 26px; position: relative; z-index: 2;}
.brandSupport .sec1 .list .item .num { font-size: 159px; font-weight: bold; color: RGBA(247, 247, 247, 1); line-height: 1; text-align: right; position: absolute; bottom: -28px; right: -20px; z-index: 1;}
@media screen and (max-width: 1640px) {
  .brandSupport .sec1 .list .item .name { height: 120px; font-size: 18px; line-height: 24px;}
  .brandSupport .sec1 .list .item .num { font-size: 120px; bottom: -20px; right: -15px;}
}
@media screen and (max-width: 1460px) {
  .brandSupport .sec1 .list { margin-top: 65px;}
  .brandSupport .sec1 .list .item .name { padding: 20px 15px; height: 100px; font-size: 16px; line-height: 20px;}
  .brandSupport .sec1 .list .item .desc { padding: 0 15px;}
}
@media screen and (max-width: 1260px) {
  .brandSupport .sec1 { padding: 60px 0;}
  .brandSupport .sec1 .list { margin-top: 50px;}
  .brandSupport .sec1 .list .item { width: 19%; padding-bottom: 30px;}
  .brandSupport .sec1 .list .item .name { padding: 15px 10px; height: 100px; font-size: 14px; line-height: 16px;}
  .brandSupport .sec1 .list .item .desc { padding: 0 10px; font-size: 12px; line-height: 20px;}
  .brandSupport .sec1 .list .item .num { font-size: 100px; bottom: -18px; right: -12px;}
}
@media screen and (max-width: 992px) {
  .brandSupport .sec1 .list { justify-content: center;}
  .brandSupport .sec1 .list .item { width: calc(33.33% - 15px); margin-right: 15px; margin-bottom: 15px;}
}
@media screen and (max-width: 768px) {
  .brandSupport .sec1 { padding: 30px 0;}
  .brandSupport .sec1 .list { margin-top: 30px; justify-content: space-between;}
  .brandSupport .sec1 .list .item { width: 49%; margin-right: 0; margin-bottom: 10px;}
}

.brandSupport .sec-market { padding: 57px 0 66px;}
.brandSupport .sec-market .desc { margin-top: 17px;}
.brandSupport .sec-market .list { padding: 0 70px;}
.brandSupport .sec-market .list .item { width: 23.76%; font-size: 18px;}
@media screen and (max-width: 1460px) {
  .brandSupport .sec-market .list { padding: 0;}
}
@media screen and (max-width: 1260px) {
  .brandSupport .sec-market { padding: 50px 0;}
  .brandSupport .sec-market .list { justify-content: space-between;}
  .brandSupport .sec-market .list .item { width: 23.76%; margin-right: 0;}
}
@media screen and (max-width: 992px) {
  .brandSupport .sec-market .list { justify-content: center;}
  .brandSupport .sec-market .list .item { width: 40%; margin-right: 30px;}
  .brandSupport .sec-market .list .item:nth-child(2n) { margin-right: 0;}
}
@media screen and (max-width: 768px) {
  .brandSupport .sec-market { padding: 30px 0;}
  .brandSupport .sec-market .list .item { width: calc(50% - 5px); margin-right: 10px;}
  .brandSupport .sec-market .list .item:nth-child(2n) { margin-right: 0;}
}
@media screen and (max-width: 500px) {
  .brandSupport .sec-market .list .item { width: 70%; margin-right: 0;}
}

.mediaSpread .sec1 { padding: 102px 0 132px; background: url(../images/sms-sec1-bg.png); background-size: cover; background-position: center;}
.mediaSpread .sec1 .list { color: #ffffff; margin-top: 33px;}
.mediaSpread .sec1 .list .item { width: calc(50% - 12px); margin-top: 26px; padding: 27px 36px; border-radius: 4px; background: #FFFFFF;}
.mediaSpread .sec1 .list .item .tit { display: flex;}
.mediaSpread .sec1 .list .item .tit img { width: 41px; height: 41px; margin-right: 11px;}
.mediaSpread .sec1 .list .item .tit p { flex: 1; font-size: 28px; color: #000000; line-height: 41px;}
.mediaSpread .sec1 .list .item .desc { margin-top: 13px; font-size: 14px; color: #888888; line-height: 24px;}
@media screen and (max-width: 1260px) {
  .mediaSpread .sec1 { padding: 60px 0;}
  .mediaSpread .sec1 .list .item .tit p { font-size: 22px;}
}
@media screen and (max-width: 992px) {
  .mediaSpread .sec1 .list .item .tit p { font-size: 18px;}
}
@media screen and (max-width: 768px) {
  .mediaSpread .sec1 {  padding: 30px 0; }
  .mediaSpread .sec1 .list { margin-top: 10px;}
  .mediaSpread .sec1 .list .item { width: 100%; margin-top: 10px; padding: 15px;}
  .mediaSpread .sec1 .list .item .tit img { width: 30px; height: 30px;}
  .mediaSpread .sec1 .list .item .tit p { line-height: 30px;}
}

.mediaSpread .sec-market { padding: 78px 0 86px;}
@media screen and (max-width: 1260px) {
  .mediaSpread .sec-market { padding: 50px 0;}
}
@media screen and (max-width: 992px) {
  .mediaSpread .sec-market .list { justify-content: center;}
  .mediaSpread .sec-market .list .item { width: 40%; margin-right: 30px;}
  .mediaSpread .sec-market .list .item:nth-child(2n) { margin-right: 0;}
}
@media screen and (max-width: 768px) {
  .mediaSpread .sec-market { padding: 30px 0;}
  .mediaSpread .sec-market .list .item { width: calc(50% - 5px); margin-right: 10px;}
  .mediaSpread .sec-market .list .item:nth-child(2n) { margin-right: 0;}
}
@media screen and (max-width: 500px) {
  .mediaSpread .sec-market .list .item { width: 70%; margin-right: 0;}
}

.smo .sec1 { padding: 68px 0 76px;}
.smo .sec1 .list { margin-top: 60px; padding: 0 122px;}
.smo .sec1 .list .item { padding: 45px; width: calc(25% - 15px); border-radius: 4px; background: rgba(221, 221, 221, 0.1); border: 1px solid rgba(0,0,0,0.1); margin-right: 20px;}
.smo .sec1 .list .item:last-child { margin-right: 0;}
.smo .sec1 .list .item>img { margin-left: 21.4%; width: 86.75%; height: auto; object-fit: contain;}
.smo .sec1 .list .item .name { margin-top: -18px; height: 22px; font-size: 22px; font-weight: bold; color: #333333; line-height: 1; text-align: center;}
.smo .sec1 .list .item .info { margin-top: 38px;}
.smo .sec1 .list .item .info .iitem { margin-top: 28px; display: flex; align-items: flex-start;}
.smo .sec1 .list .item .info .iitem>img { width: 42px; height: 42px; margin-right: 20px;}
.smo .sec1 .list .item .info .iitem .right { flex: 1;} 
.smo .sec1 .list .item .info .iitem .right p:nth-of-type(1) { font-size: 14px; color: #333333; line-height: 18px;}
.smo .sec1 .list .item .info .iitem .right p:nth-of-type(1) span { font-size: 24px; font-weight: bold;}
.smo .sec1 .list .item .info .iitem .right p:nth-of-type(2) { margin-top: 10px; font-size: 12px; color: #666666; line-height: 18px;}
@media screen and (max-width: 1640px) {
  .smo .sec1 .list { padding: 0;}
}
@media screen and (max-width: 1460px) {
  .smo .sec1 .list .item { padding: 30px;}
}
@media screen and (max-width: 1260px) {
  .smo .sec1 .list { margin-top: 40px;}
  .smo .sec1 .list .item { padding: 30px 20px;}
  .smo .sec1 .list .item .name { font-size: 18px;}
  .smo .sec1 .list .item .info .iitem>img { width: 30px; height: 30px; margin-right: 10px;}
  .smo .sec1 .list .item .info .iitem .right p:nth-of-type(1) span { font-size: 20px;}
}
@media screen and (max-width: 768px) {
  .smo .sec1 .list { margin-top: 20px;}
  .smo .sec1 .list .item { padding: 20px 10px; width: calc(50% - 5px); margin-right: 0; margin-bottom: 10px;}
  .smo .sec1 .list .item>img { width: 30%; margin-left: 40%;}
  .smo .sec1 .list .item .name { margin-top: -12px;}
  .smo .sec1 .list .item .info { margin-top: 20px;}
  .smo .sec1 .list .item .info .iitem { margin-top: 15px;}
  .smo .sec1 .list .item .info .iitem .right p:nth-of-type(2) { margin-top: 5px;}
}

.smo .sec-market { padding: 58px 0 50px;}
.smo .sec-market .desc { margin-top: 17px;}
.smo .sec-market .list { padding: 0 147px;}
.smo .sec-market .list .item { width: 23.76%; font-size: 18px;}
@media screen and (max-width: 1640px) {
  .smo .sec-market .list { padding: 0 100px;}
}
@media screen and (max-width: 1460px) {
  .smo .sec-market .list { padding: 0;}
}
@media screen and (max-width: 1260px) {
  .smo .sec-market { padding: 50px 0;}
  .smo .sec-market .list { justify-content: space-between;}
  .smo .sec-market .list .item { width: 23.76%; margin-right: 0;}
}
@media screen and (max-width: 992px) {
  .smo .sec-market .list { justify-content: center;}
  .smo .sec-market .list .item { width: 40%; margin-right: 20px; margin-top: 20px;}
  .smo .sec-market .list .item:nth-child(2n) { margin-right: 0;}
}
@media screen and (max-width: 768px) {
  .smo .sec-market { padding: 30px 0;}
  .smo .sec-market .list .item { width: calc(50% - 10px); margin-right: 20px;}
}
@media screen and (max-width: 500px) {
  .smo .sec-market .list .item { width: 70%; margin-right: 0;}
}

.smo .sec3 { padding: 86px 0 95px;}
.smo .sec3 .list { margin-top: 70px;}
.smo .sec3 .list .item { width: calc(25% - 45px); margin-right: 58px; background: #FFFFFF url(../images/seo-sec4-img.png) no-repeat; background-size: 100% auto; box-shadow: -3px 10px 21px 0px rgba(138,161,228,0.16); border-radius: 8px; position: relative; overflow: hidden;}
.smo .sec3 .list .item:nth-child(4n) { margin-right: 0;}
.smo .sec3 .list .item .name { padding: 25px 90px 25px 30px; height: 140px; font-size: 20px; font-weight: bold; color: #FFF4EB; line-height: 26px;}
.smo .sec3 .list .item .desc { padding: 40px 50px; font-size: 14px; color: #666666; line-height: 26px; position: relative; z-index: 2;}
.smo .sec3 .list .item .num { font-size: 159px; font-weight: bold; color: RGBA(247, 247, 247, 1); line-height: 1; text-align: right; position: absolute; bottom: -28px; right: -20px; z-index: 1;}
@media screen and (max-width: 1460px) {
  .smo .sec3 .list .item .name { height: 120px; font-size: 18px; line-height: 24px;}
  .smo .sec3 .list .item .desc { padding: 20px 30px 30px;}
}
@media screen and (max-width: 1260px) {
  .smo .sec3 { padding: 60px 0;}
  .smo .sec3 .list { margin-top: 40px;}
  .smo .sec3 .list .item { width: calc(25% - 23px); margin-right: 30px;}
  .smo .sec3 .list .item .name { padding: 20px 70px 20px 10px; height: 100px;}
  .smo .sec3 .list .item .desc { padding: 20px 20px 30px;}
  .smo .sec3 .list .item .num { font-size: 120px; bottom: -20px; right: -15px;}
}
@media screen and (max-width: 992px) {
  .smo .sec3 .list { margin-top: 20px;}
  .smo .sec3 .list .item { width: calc(25% - 12px); margin-right: 15px;}
  .smo .sec3 .list .item .name { padding: 10px 50px 20px 10px; font-size: 16px;}
  .smo .sec3 .list .item .desc { padding: 0 10px 30px;}
  .smo .sec3 .list .item .num { font-size: 100px; bottom: -18px; right: -12px;}
}
@media screen and (max-width: 768px) {
  .smo .sec3 {  padding: 30px 0;}
  .smo .sec3 .list .item { width: calc(50% - 5px); margin-right: 10px; margin-bottom: 10px;}
  .smo .sec3 .list .item:nth-child(2n) { margin-right: 0; margin-bottom: 10px;}
}

.smo .sec3 .btn-box { width: 100%; text-align: center; margin-top: 74px;}
.smo .sec3 .btn-box .btn { margin: 0 auto; padding: 20px 28px;background: linear-gradient(0deg, #FF7204 0%, #FF8B28 100%);border-radius: 4px;font-size: 24px;font-weight: 400;color: #FFFFFF;line-height: 40px;transition: 0.3s;}
.smo .sec3 .btn-box .btn:hover { opacity: 0.8;}
@media screen and (max-width: 1260px) {
  .smo .sec3 .btn-box { margin-top: 40px;}
  .smo .sec3 .btn-box .btn { padding: 10px 15px; font-size: 22px;}
}
@media screen and (max-width: 768px) { 
  .smo .sec3 .btn-box { margin-top: 20px;}
  .smo .sec3 .btn-box .btn { padding: 0 10px; font-size: 16px;}
}

.smo .sec4 { padding-bottom: 74px; background: url(../images/smo-sec4-bg.png); background-size: cover; background-position: center bottom;}
.smo .sec4 .cont { margin-top: 80px;}
.smo .sec4 .img { width: 63%; padding: 2.3% 7.8% 8% 8%; background: url(../images/smo-sec4-computer.png) no-repeat; background-size: contain;}
.smo .sec4 .img img { width: 100%;}
.smo .sec4 .text { flex: 1; padding-left: 23px;}
.smo .sec4 .text .tit { margin-top: 77px; font-size: 32px; font-weight: bold; color: #3E84FD; line-height: 36px;}
.smo .sec4 .text .text1 { margin-top: 40px; font-size: 20px; color: #333333; line-height: 24px;}
.smo .sec4 .text .stit { margin-top: 40px; font-size: 22px; color: #145ADE; line-height: 26px;}
.smo .sec4 .text .text2 { margin-top: 14px; font-size: 18px; color: #333333; line-height: 22px;}
.smo .sec4 .text .more { display: inline-block; margin-top: 75px; padding: 25px 35px; background: linear-gradient(180deg, #FF8C29 0%, #FF7000 100%); border-radius: 4px; font-size: 24px; line-height: 30px; color: #ffffff;}
.smo .sec4 .text .more:hover { opacity: 0.8;}
@media screen and (max-width: 1640px) {
  .smo .sec4 .text .tit { margin-top: 50px;}
  .smo .sec4 .text .text1 { margin-top: 30px;}
  .smo .sec4 .text .stit { margin-top: 30px;}
  .smo .sec4 .text .more { margin-top: 45px;}
}
@media screen and (max-width: 1460px) {
  .smo .sec4 .text .tit { margin-top: 40px;}
  .smo .sec4 .text .text1 { margin-top: 20px;}
  .smo .sec4 .text .stit { margin-top: 20px;}
  .smo .sec4 .text .more { margin-top: 35px;}
}
@media screen and (max-width: 1260px) {
  .smo .sec4 .cont { margin-top: 40px;}
  .smo .sec4 .text .tit { margin-top: 30px; font-size: 22px; line-height: 28px;}
  .smo .sec4 .text .text1 { margin-top: 10px; font-size: 16px; line-height: 20px;}
  .smo .sec4 .text .stit { margin-top: 10px; font-size: 18px; line-height: 22px;}
  .smo .sec4 .text .text2 { margin-top: 10px; font-size: 14px; line-height: 18px;}
  .smo .sec4 .text .more { margin-top: 25px; padding: 15px 20px; font-size: 16px;}
}
@media screen and (max-width: 992px) { 
  .smo .sec4 .text .tit { margin-top: 0;}
}
@media screen and (max-width: 768px) {
  .smo .sec4 { padding-bottom: 30px;}
  .smo .sec4 .img { width: 100%; padding: 3.5% 12.3% 15% 12.8%; height: auto;}
  .smo .sec4 .text .more { margin-top: 20px; padding: 5px 10px; font-size: 14px;}
}

.about { position: relative;}
.about .fenbanner .desc { margin-top: 29px; font-size: 44px; color: #FFFFFF; line-height: 50px;}
@media screen and (max-width: 1260px) {
  .about .fenbanner .desc { margin-top: 20px; font-size: 32px; line-height: 36px;}
}
@media screen and (max-width: 992px) {
  .about .fenbanner .desc { margin-top: 15px; font-size: 30px; line-height: 34px;}
}
@media screen and (max-width: 768px) {
  .about .fenbanner .desc { margin-top: 10px; font-size: 20px; line-height: 22px;}
}

.about .sec1 { padding: 141px 0 69px;}
.about .sec1 .cont { align-items: flex-start; display: flex; flex-direction: row-reverse;}
.about .sec1 .cont::after { display: block; content: ''; clear: both;}
.about .sec1 .left { width: 48%; padding-left: 5.6%;}
.about .sec1 .left .title { text-align: left;}
.about .sec1 .left .title p { text-align: left; line-height: 64px; position: relative;}
.about .sec1 .left .title p::after { content: ''; width: 50px; height: 2px; background:#F67D13; position: absolute; left: 0; bottom: -41px;}
.about .sec1 .left .desc { margin-top: 80px; font-size: 16px; color: #919191; line-height: 30px;} 
.about .sec1 .player { width: 46.31%; float: right; margin-left: 5.6%;}
.about .sec1 .player { position: relative; overflow: hidden;}
.about .sec1 .player .poster { transition: 0.3s;}
.about .sec1 .player .poster:hover { transform: scale(1.1);}
.about .sec1 .player .play { width: 10.8%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
@media screen and (max-width: 1640px) {
  .about .sec1 .left .title p { text-align: left; line-height: 50px;}
}
@media screen and (max-width: 1460px) {
  .about .sec1 .left { padding-left: 3%;}
  .about .sec1 .left .title p { line-height: 42px;}
}
@media screen and (max-width: 1260px) {
  .about .sec1 { padding: 60px 0;}
  .about .sec1 .cont { align-items: center;}
  .about .sec1 .left { padding-left: 0;}
  .about .sec1 .left .title p { line-height: 40px;}
  .about .sec1 .left .title p::after { bottom: -30px;}
  .about .sec1 .left .desc { margin-top: 60px;}
  .about .sec1 .player { margin-left: 3%;}
}
@media screen and (max-width: 768px) {
  .about .sec1 { padding: 30px 0;}
  .about .sec1 .cont { display: flex; flex-direction: column-reverse;}
  .about .sec1 .left { width: 100%;}
  .about .sec1 .player { width: 100%; float: unset; margin-left: 0; margin-top: 20px;}
  .about .sec1 .player .poster:hover { transform: scale(1);}
}

.player-modal { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: #000; background: rgba(0, 0, 0, 0.5); display: none; z-index: 9999999999;cursor: pointer;}
.player-modal:before { content: "X"; position: absolute; width: 30px; height: 30px; line-height: 30px; text-align: center; top: 10px; right: 10px; background: #fff; border-radius: 50%; font-size: 18px; cursor: pointer;}
#player { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}

.about .static {
    width: 100%;
    padding-right: 4.2%;
    background: url(../images/about-sec1-bg.png);
    background-size: cover;
    background-position: left top;
}
.about .static .item { flex: 1; padding: 54px 0 44px; position: relative; text-align: center;}
.about .static .item div { display: inline-block; text-align: left;}
.about .static .item::after { content: ''; height: 52px; width: 1px; background: rgba(255, 255, 255, 0.6); position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.about .static .item:last-child::after { display: none;}
.about .static .item p:nth-of-type(1) { font-size: 27px; color: #FFFFFF; line-height: 40px;}
.about .static .item p:nth-of-type(1) span { font-size: 52px; font-weight: bold;}
.about .static .item p:nth-of-type(2) { margin-top: 16px; font-size: 16px; color: #FFFFFF; opacity: 0.9; line-height: 1;}
@media screen and (max-width: 1460px) {
  .about .static .item { padding: 40px 0 30px;}
}
@media screen and (max-width: 1260px) {
  .about .static .item p:nth-of-type(1) { font-size: 22px; line-height: 30px;}
  .about .static .item p:nth-of-type(1) span { font-size: 40px;}
  .about .static .item p:nth-of-type(2) { margin-top: 10px; font-size: 14px;}
}
@media screen and (max-width: 992px) {
  .about .static .item { padding: 20px 0 15px;}
  .about .static .item p:nth-of-type(1) { font-size: 18px; line-height: 22px;}
  .about .static .item p:nth-of-type(1) span { font-size: 30px;}
  .about .static .item p:nth-of-type(2) { margin-top: 10px; font-size: 14px;}
}
@media screen and (max-width: 768px) {
  .about .static { width: 98%; margin-left: 2%; justify-content: center;}
  .about .static .item { flex: unset; width: 33%;}
  .about .static .item::after { display: none;}
  .about .static .item div { text-align: center;}
}

.about .sec2 { padding: 96px 0 85px;}
.about .sec2 .list { justify-content: flex-start;}
.about .sec2 .list .item { margin-top: 62px; width: calc(33.33% - 32px); margin-right: 48px;}
.about .sec2 .list .item:nth-child(3n) { margin-right: 0;}
.about .sec2 .list .item .img { width: 100%; cursor: pointer; position: relative; overflow: hidden; border-radius: 20px;}
.about .sec2 .list .item .img .poster { width: 100%; transition: 0.3s;}
.about .sec2 .list .item .img:hover .poster { transform: scale(1.1);}
.about .sec2 .list .item .mask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; position: absolute; left: 0; top: 0; transition: 0.3s; opacity: 0;}
.about .sec2 .list .item .mask .play { width: 49px; height: 49px;}
.about .sec2 .list .item .img:hover .mask { opacity: 1;}
.about .sec2 .list .item .name { cursor: pointer; text-align: center; margin-top: 9px; font-size: 18px; font-weight: bold; color: #333333; line-height: 28px;}
.about .sec2 .list .item .name:hover { color: #FF7E0E;}
@media screen and (max-width: 1260px) {
  .about .sec2 { padding: 60px 0;}
  .about .sec2 .list .item { margin-top: 40px;  width: calc(33.33% - 10px); margin-right: 15px;}
  .about .sec2 .list .item .img { border-radius: 15px;}
}
@media screen and (max-width: 768px) {
  .about .sec2 { padding: 30px 0;}
  .about .sec2 .list .item { margin-top: 20px;  width: calc(50% - 8px); margin-right: 15px;}
  .about .sec2 .list .item:nth-child(3n) { margin-right: 16px;}
  .about .sec2 .list .item:nth-child(2n) { margin-right: 0;}
  .about .sec2 .list .item .img { border-radius: 10px;}
  .about .sec2 .list .item .name { font-size: 16px; line-height: 24px;}
}
@media screen and (max-width: 500px) {
  .about .sec2 .list .item { width: 100%; margin-right: 0;}
}

.about .sec3 { padding: 93px 0 74px; background: url(../images/about-sec3-bg.png); background-size: cover;}
.about .sec3 .cont { padding: 0 124px 0 95px;}
.about .sec3 .title-box { width: 86px; height: 100%; margin-right: 87px; display: flex; position: relative;}
.about .sec3 .title-box img { max-width: unset; width: 623px; height: auto; transform-origin: 43px 43px; transform: rotate(90deg); position: absolute; top: 0; left: 0;}
.about .sec3 .title-box .title { width: 44px; font-size: 44px; line-height: 50px; color: #FF7E0E; float: left; margin-right: 19px;}
.about .sec3 .title-box .s-title { width: 18px; font-size: 18px; line-height: 26px; margin-top: 0;}
.about .sec3 .vr { flex: 1;}
.about .sec3 .vr .img { width: 100%; overflow: hidden; border-radius: 6px;}
.about .sec3 .vr .img img { width: 100%; transition: 0.3s;}
.about .sec3 .vr .img img:hover { transform: scale(1.1);}
.about .sec3 .vr .name { margin-top: 22px; text-align: center; font-size: 16px; color: #333333; line-height: 26px;}
@media screen and (max-width: 1460px) {
  .about .sec3 .title-box img { width: 520px;}
}
@media screen and (max-width: 1260px) {
  .about .sec3 { padding: 60px 0;}
  .about .sec3 .cont { padding: 0;}
  .about .sec3 .title-box { margin-right: 40px;}
  .about .sec3 .title-box img { width: 460px;}
  .about .sec3 .title-box .title { font-size: 32px; line-height: 38px;}
  .about .sec3 .title-box .s-title { font-size: 16px; line-height: 22px;}
}
@media screen and (max-width: 992px) {
  .about .sec3 .title-box img { width: 380px;}
}
@media screen and (max-width: 768px) {
  .about .sec3 { padding: 30px 0;}
  .about .sec3 .title-box { width: 40px; margin-right: 20px;}
  .about .sec3 .title-box img { width: 240px;}
  .about .sec3 .title-box .title { width: 26px; font-size: 26px; line-height: 30px; margin-right: 10px;}
  .about .sec3 .title-box .s-title { width: 14px; font-size: 14px; line-height: 18px;}
  .about .sec3 .vr .name { margin-top: 10px; font-size: 14px;}
}

.about .sec4 { padding: 73px 0 100px; background: url(../images/about-sec4-bg.png); background-size: cover;}
.about .sec4 .title p { color: #ffffff;}
.about .sec4 .s-title { color: #ffffff; opacity: 0.7;}
.about .sec4 .mySwiper1 { margin-top: 50px; padding: 0 135px; position: relative;}
.about .sec4 .mySwiper1 img{display:block;width:100%}
.about .sec4 .mySwiper1 .swiper-button-prev { width: 81px; height: 81px; background: #FFF0E4; border: 4px solid #FFDFC3; border-radius: 50%; text-align: center;}
.about .sec4 .mySwiper1 .swiper-button-prev::after { font-family: 'iconfont'; content: '\e635'; font-size: 35px; color: #FF7E0E; line-height: 73px; font-weight: bold;}
.about .sec4 .mySwiper1 .swiper-button-next { width: 81px; height: 81px; background: #FFF0E4; border: 4px solid #FFDFC3; border-radius: 50%; text-align: center;}
.about .sec4 .mySwiper1 .swiper-button-next::after { font-family: 'iconfont'; content: '\e62a'; font-size: 35px; color: #FF7E0E; line-height: 73px; font-weight: bold;}
.about .sec4 .mySwiper1 .swiper-button-prev.swiper-button-disabled { background: rgba(255,240,228,0.2); border: 4px solid #FFDFC3; opacity: 0.6;}
.about .sec4 .mySwiper1 .swiper-button-prev.swiper-button-disabled::after { color: #FFDFC3; }
.about .sec4 .mySwiper1 .swiper-button-next.swiper-button-disabled { background: rgba(255,240,228,0.2); border: 4px solid #FFDFC3; opacity: 0.6;}
.about .sec4 .mySwiper1 .swiper-button-next.swiper-button-disabled::after { color: #FFDFC3; }
@media screen and (max-width: 1460px) {
  .about .sec4 .mySwiper1 .swiper-button-prev,.about .sec4 .mySwiper1 .swiper-button-next { width: 70px; height: 70px;}
  .about .sec4 .mySwiper1 .swiper-button-prev::after,.about .sec4 .mySwiper1 .swiper-button-next::after { font-size: 28px; line-height: 62px;}
}
@media screen and (max-width: 1260px) {
  .about .sec4 .mySwiper1 { margin-top: 40px; padding: 0 100px;}
  .about .sec4 .mySwiper1 .swiper-button-prev,.about .sec4 .mySwiper1 .swiper-button-next { width: 60px; height: 60px;}
  .about .sec4 .mySwiper1 .swiper-button-prev::after,.about .sec4 .mySwiper1 .swiper-button-next::after { font-size: 22px; line-height: 52px;}
}
@media screen and (max-width: 992px) {
  .about .sec4 .mySwiper1 { padding: 0 70px;}
  .about .sec4 .mySwiper1 .swiper-button-prev,.about .sec4 .mySwiper1 .swiper-button-next { width: 40px; height: 40px;}
  .about .sec4 .mySwiper1 .swiper-button-prev::after,.about .sec4 .mySwiper1 .swiper-button-next::after { font-size: 18px; line-height: 32px;}
}
@media screen and (max-width: 768px) {
  .about .sec4 { padding: 30px 0;}
  .about .sec4 .mySwiper1 { margin-top: 20px; padding: 0 60px;}
}

.about .sec5 { padding-top: 94px; background: url(../images/about-sec5-bg.png) no-repeat; background-size: auto 100%;}
.customer .mySwiper2 { padding: 0 100px; height: 475px; overflow: hidden;}
.customer .swiper-box { flex: 1; padding: 0 10px; overflow: hidden;}
.customer .mySwiper { margin-top: 24px; overflow: visible;}
.customer .btn-box { width: 50px; height: 300px; margin-top: 74px; position: relative; margin-right: 110px;}
.customer .btn-box::after { content: ''; width: 7px; height: 2px; background: #FF8925; position: absolute; top: 50%; left: calc(50% - 3px);}
.customer .swiper-button-prev { width: 50px; height: 50px;background: linear-gradient(0deg, #FF8925 0%, #FFA152 100%); border-radius: 50%; text-align: center; left: 0; bottom: unset; top: 25px; transform: rotate(90deg);}
.customer .swiper-button-prev::before { content: ''; width: 90px; height: 3px; background: #FF8A29; position: absolute; left: 59px; top: 23px;}
.customer .swiper-button-prev::after { font-family: 'iconfont'; content: '\e635'; font-size: 16px; color: #ffffff; line-height: 50px; font-weight: bold;}
.customer .swiper-button-next { width: 50px; height: 50px;background: linear-gradient(0deg, #FF8925 0%, #FFA152 100%); border-radius: 50%; text-align: center; right: 0; top: unset; bottom: 0; transform: rotate(90deg);}
.customer .swiper-button-next::before { content: ''; width: 90px; height: 3px; background: #FF8A29; position: absolute; left: -98px; top: 23px;}
.customer .swiper-button-next::after { font-family: 'iconfont'; content: '\e62a'; font-size: 16px; color: #ffffff; line-height: 50px; font-weight: bold;}
.customer .swiper-button-prev.swiper-button-disabled { background: linear-gradient(0deg, #D8D8D8 0%, #DDDDDD 100%); opacity: 1;}
.customer .swiper-button-prev.swiper-button-disabled::before { background: #E2E2E2;}
.customer .swiper-button-next.swiper-button-disabled { background: linear-gradient(0deg, #D8D8D8 0%, #DDDDDD 100%); opacity: 1;}
.customer .swiper-button-next.swiper-button-disabled::before { background: #E2E2E2;}
.customer .item { border: 1px solid #ECECEC;background: #FFFFFF; border-radius: 4px;}
.customer .img { width: 100%; border-radius: 4px 4px 0px 0px; overflow: hidden; position: relative;}
.customer .img:hover .poster { transition: 0.3s;}
.customer .img:hover .poster { transform: scale(1.1);}
.customer .img .mask { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 100%; left: 0; transition: all 0.4s;}
.customer .img:hover .mask { top: 0;}
.customer .img .mask .play { width: 44px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);cursor:pointer}
#plv_b65b3c73d50a924fcc8678c54fcc741d_b .pv-video-player{max-width:100%!important}
@media screen and (max-width: 500px) {
#plv_b65b3c73d50a924fcc8678c54fcc741d_b .pv-video-player{max-width:100%!important;height:260px!important}
}
.customer .bot { padding: 22px 21px 15px;}
.customer .bot .name { font-size: 18px; color: #222222; line-height: 26px;}
.customer .bot .desc { margin-top: 10px; font-size: 12px; color: #777777; line-height: 19px;}
.customer .bot .more { margin-top: 10px; display: none;}
.customer .bot .more i { color: #FF8925;}
.customer .item:hover .bot a { color: #FF8925;}
.customer .item:hover .more { display: block;}
.customer .swiper-slide { width: 25% !important; z-index: 1; padding: 50px 10px;}
.customer .swiper-slide:hover { transform: scale(1.12); z-index: 2;}
.customer .swiper-slide:hover .item { border: none; box-shadow: -4px 1px 28px 0px rgba(130,130,130,0.3);}
@media screen and (max-width: 1460px) {
  .customer { margin: 0;}
  .customer .mySwiper2 { padding: 0;}
  .customer .btn-box { margin-top: 34px; margin-right: 70px;}
  .customer .mySwiper { margin-top: 0;}
}
@media screen and (max-width: 1260px) {
  .about .sec5 { padding-top: 0;}
  .customer .btn-box { width: 32px; height: 264px; margin-right: 30px; margin-top: 70px;}
  .customer .swiper-button-prev,.customer .swiper-button-next { width: 32px; height: 32px;}
  .customer .swiper-button-prev::after,.customer .swiper-button-next::after { line-height: 32px;}
  .customer .swiper-button-prev::before { left: 40px; top: 14px;}
  .customer .swiper-button-next::before { top: 14px;}
  .customer .swiper-slide { width: 33.33% !important; }
}
@media screen and (max-width: 992px) {
  .customer .mySwiper2 { height: 360px;}
  .customer .btn-box { height: 220px; margin-right: 20px;}
  .customer .swiper-box { padding: 0;}
  .customer .swiper-button-prev::before { width: 67px;}
  .customer .swiper-button-next::before { width: 67px; left: -76px;}
}
@media screen and (max-width: 768px) {
  .about .sec5 { padding-top: 30px;}
  .customer .mySwiper2 { align-items: center;}
  .customer .btn-box { margin-top: 0;}
  .customer .swiper-slide { width: 50% !important; padding: 20px 10px;}
  .customer .swiper-slide:hover { transform: scale(1);}
}
@media screen and (max-width: 500px) {
  .customer .swiper-slide { width: 100% !important;}
}

#outer3{margin-top:37px;position:relative;display:flex;flex-direction:row-reverse;justify-content:space-between;}
#tab3{zoom:1;font-size:0px;position:relative;display:flex;flex-direction:column;width:39.4%;padding-bottom:82px}
#tab3 li{width:95%;background-color:rgba(169,185,198,0.2);border-radius:6px;margin-top:11px}
#tab3 li p{font-family:MicrosoftYaHei-Bold;font-size:18px;font-weight:bolder;font-stretch:normal;line-height:26px;letter-spacing:0px;color:#555555;padding:0px 20px;display:inline-block;cursor:pointer;border-radius:6px}
#tab3 li .nocon{padding:0px 10px}
#tab3 li em{width:1px;height:34px;background-color:#a9b9c6;box-shadow:0 0 2px #fff;display:block;border-right:1px solid rgba(0,0,0,0)}
.tab3-bor{display:flex;align-items:center;border-radius:6px;padding-top:13px;padding-bottom:13px}
#tab3 li span{flex:1;font-family:MicrosoftYaHei;font-size:18px;font-weight:normal;font-stretch:normal;line-height:26px;letter-spacing:0px;color:#555555;padding:0px 20px;cursor:pointer}
#tab3 li.current3 .tab3-bor,#tab3 li.current3 .tab3-bor p,#tab3 li.current3 .tab3-bor span{color:#fff;background-color:#ff7e0e}
#tab3 li.current3 .tab3-bor em{color:#000;border-right:1px solid #fff;box-shadow:0 0 2px #000}
#content3{display:block;width:37.18%;position:relative;margin-left:2.4%}
#content3 .tabul3{display:none;vertical-align:middle;font-size:16px;padding-top:18px}
.comp-title{font-family:MicrosoftYaHei-Bold;font-size:18px;font-weight:bolder;font-stretch:normal;line-height:47px;letter-spacing:0px;color:#ff7e0e;padding-left:26px;padding-top:5px;position:relative}
.companybox{top:21%;position:absolute;left:73%;width:51.77%;background-color:#ffffff;box-shadow:0px 5px 21px 0px rgba(14,25,54,0.11);border-radius:18px 6px 18px 6px;z-index:2;margin-left:116px}
.companybox2{top:47%;left:72%}
.companybox3{top:48%;left:73%}
.companybox4{top:47%;left:69%}
.companybox5{top:30%;left:84%}
.companybox6{top:33%;left:85%}
/*.companybox6{top:47%;left:85%}*/
.companybox7{top:18%;left:78%}
.companybox8{top:24%;left:78%}
.companybox9{top:21%;left:76%}
.companybox10{top:67%;left:60%}
.comp-picbor::before{position:absolute;content:"";width:116px;height:2px;background-color:#d79b32;top:12%;margin-left:-116px;z-index:-1}
.comp-picbor img{border-radius:18px 6px 18px 6px}
.comp-picbor2::before{background-color:#8b6aa5}
.comp-picbor3::before{background-color:#5b96c5}
.comp-picbor4::before{background-color:rgb(9,205,247)}
.comp-picbor5::before{background-color:#c94131}
.comp-picbor6::before{background-color:#63b29c}
.comp-picbor7::before{background-color:#d84b8c}
.comp-picbor8::before{background-color:#6ab137}
.comp-picbor9::before{background-color:#d07a70}
.comp-picbor10::before{background-color:#11A058}
.tab3-picbor{max-width:669px;margin:0 auto}
@media screen and (max-width:1888px){
  #tab3 li span{font-size:16px}
  #tab3 li p{font-size:16px}
}
@media screen and (max-width:1640px){
  #outer3 { align-items: center;}
  #tab3 li span{font-size:14px}
  #tab3 li p{font-size:14px}
}@media screen and (max-width:1403px){
  .tab3-bor{padding-top:6px;padding-bottom:8px}
  #content3{margin:0 auto}
  #tab3{padding-bottom:20px}
  .comp-title{font-size:16px}
}@media screen and (max-width:999px){
  #tab3{width:100%}
  #outer3{flex-flow:wrap}
  #tab3 li{width:100%}
  .comp-title{font-size:14px}
}
@media screen and (max-width:768px){
  #content3{margin-left:0%}
  .comp-picbor::before{width:96px;margin-left:-96px}
  .companybox{width:51.77%;margin-left:91px}
}
@media screen and (max-width:538px){
  .companybox{display:none}
  #content3{margin-left:0;margin-right:0;width:100%}
}
@media screen and (max-width:1555px){
  #tab3 li span{font-family:MicrosoftYaHei;font-size:16px;font-weight:normal;font-stretch:normal;line-height:26px;letter-spacing:0px;color:#555555;padding:0px 20px;cursor:pointer;padding:5px;width:calc(100% - 101px)}
  #tab3 li p{font-family:MicrosoftYaHei-Bold;font-size:16px;font-weight:bolder;font-stretch:normal;line-height:26px;letter-spacing:0px;color:#555555;padding:5px;display:inline-block;cursor:pointer;border-radius:6px;width:101px;padding-left:20px}
  #content3{display:block;width:35%;position:relative;margin-left:2.4%}
  .companybox{top:29%;position:absolute;left:75%;width:51.77%;background-color:#ffffff;box-shadow:0px 5px 21px 0px rgba(14,25,54,0.11);border-radius:18px 6px 18px 6px;z-index:2;margin-left:116px}
  #tab3 li{width:95%;background-color:rgba(169,185,198,0.2);border-radius:6px;margin-top:11px}
  #outer3{margin-top:37px;position:relative;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center}
}
@media screen and (max-width:1333px){
  #tab3 li span{font-size:14px}
  #tab3 li p{font-size:14px;width:80px;padding-left:5px}
  #tab3 li span{width:calc(100% - 80px)}
  .tab3-bor{padding-top:6px;padding-bottom:8px;padding-left:10px}
}
@media screen and (max-width:999px){
  #content3{width:100%}
  .companybox{display:none}
  #tab3 li{width:100%}
}

.brandTosea .sec1 { padding: 81px 0px 88px; background: url(../images/tosea-sec1-bg.png); background-size: cover;}
.brandTosea .sec1 .list { margin-top: 68px; justify-content: flex-start;}
.brandTosea .sec1 .list .item { width: calc(20% - 12px); background: #FFFFFF; margin-right: 15px; padding: 58px 30px 30px; border-radius: 4px; border: 1px solid #ECECEC; text-align: center;}
.brandTosea .sec1 .list .item:nth-child(5n) { margin-right: 0;}
.brandTosea .sec1 .list .item .icon { margin: 0 auto; width: 114px; height: 114px; background: #FFECDC; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.brandTosea .sec1 .list .item .icon img { max-width: 50%;}
.brandTosea .sec1 .list .item .name { margin-top: 35px; font-size: 20px; font-weight: bold; color: #000000; line-height: 30px;}
.brandTosea .sec1 .list .item .desc { margin-top: 24px; font-size: 14px; color: #888888; line-height: 26px; text-align: left;}
@media screen and (max-width: 1260px) {
  .brandTosea .sec1 { padding: 60px 0px;}
  .brandTosea .sec1 .list { margin-top: 40px; }
  .brandTosea .sec1 .list .item { width: calc(20% - 8px); margin-right: 10px; padding: 30px 15px;}
  .brandTosea .sec1 .list .item .name { margin-top: 20px; font-size: 18px; line-height: 24px;}
  .brandTosea .sec1 .list .item .desc { margin-top: 10px; font-size: 14px; line-height: 22px;}
}
@media screen and (max-width: 992px) {
  .brandTosea .sec1 .list { justify-content: center;}
  .brandTosea .sec1 .list .item { width: 30%; margin-bottom: 10px;}
  .brandTosea .sec1 .list .item:nth-child(3n) { margin-right: 0;}
  .brandTosea .sec1 .list .item .name { font-size: 16px; line-height: 22px;}
  .brandTosea .sec1 .list .item .desc { font-size: 12px; line-height: 18px;}
}
@media screen and (max-width: 768px) {
  .brandTosea .sec1 { padding: 30px 0px;}
  .brandTosea .sec1 .list { margin-top: 20px; justify-content: center;}
  .brandTosea .sec1 .list .item { width: 45%; margin-right: 15px; margin-bottom: 15px; padding: 25px 10px;}
  .brandTosea .sec1 .list .item:nth-child(3n) { margin-right: 15px;}
  .brandTosea .sec1 .list .item:nth-child(2n) { margin-right: 0;}
  .brandTosea .sec1 .list .item .icon { width: 80px; height: 80px;}
}
.brandTosea .btn-box { width: 100%; text-align: center; margin-top: 65px;}
.brandTosea .btn-box .btn { margin: 0 auto; padding: 20px 26px;background: linear-gradient(0deg, #FF7204 0%, #FF8B28 100%);border-radius: 4px;font-size: 25px;font-weight: 400;color: #FFFFFF;line-height: 40px;transition: 0.3s;}
.brandTosea .btn-box .btn:hover { opacity: 0.8;}
@media screen and (max-width: 1260px) {
  .brandTosea .btn-box { margin-top: 40px;}
  .brandTosea .btn-box .btn { padding: 10px 15px; font-size: 22px;}
}
@media screen and (max-width: 768px) { 
  .brandTosea .btn-box { margin-top: 20px;}
  .brandTosea .btn-box .btn { padding: 0 10px; font-size: 16px;}
}

.brandTosea .sec2 { padding: 106px 0 153px; background: url(../images/tosea-sec2-bg.png); background-size: cover;}
.brandTosea .sec2 .list { margin-top: 40px;}
.brandTosea .sec2 .list .item { width: calc(50% - 15px); padding: 28px 30px; margin-top: 29px; background: #FFFFFF; border: 1px solid #C5C5C5; border-radius: 8px; display: flex;}
.brandTosea .sec2 .list .item .img { width: 34.7%; overflow: hidden; margin-right: 22px;}
.brandTosea .sec2 .list .item .img img { width: 100%; transition: 0.3s;}
.brandTosea .sec2 .list .item .img:hover img { transform: scale(1.1);}
.brandTosea .sec2 .list .item .info { flex: 1;}
.brandTosea .sec2 .list .item .info .name { margin-top: 11px; font-size: 22px; font-weight: bold; color: #333333; line-height: 28px;}
.brandTosea .sec2 .list .item .info .desc { margin-top: 13px; font-size: 16px; color: #666666; line-height: 28px;}
.brandTosea .sec2 .list .item .info .name:hover { color: #FF7E0E;}
.brandTosea .sec2 .list .item .info .desc:hover { color: #FF7E0E;}
@media screen and (max-width: 1260px) {
  .brandTosea .sec2 { padding: 60px 0;}
  .brandTosea .sec2 .list { margin-top: 20px;}
  .brandTosea .sec2 .list .item { width: calc(50% - 7px); margin-top: 15px; padding: 15px;}
  .brandTosea .sec2 .list .item .img { margin-right: 15px;}
  .brandTosea .sec2 .list .item .info .name { margin-top: 5px; font-size: 18px; line-height: 22px;}
  .brandTosea .sec2 .list .item .info .desc { margin-top: 8px; font-size: 14px; line-height: 20px;}
}
@media screen and (max-width: 992px) { 
  .brandTosea .sec2 .list .item .info .name { margin-top: 5px; font-size: 16px; line-height: 20px;}
  .brandTosea .sec2 .list .item .info .desc { margin-top: 8px; font-size: 12px; line-height: 18px;}
}
@media screen and (max-width: 768px) { 
  .brandTosea .sec2 { padding: 30px 0;}
  .brandTosea .sec2 .list { margin-top: 10px;}
  .brandTosea .sec2 .list .item { width: 100%; margin-top: 10px;}
  .brandTosea .sec2 .list .item .img { margin-right: 10px;}
  .brandTosea .sec2 .list .item .img:hover img { transform: scale(1);}
  .brandTosea .sec2 .list .item .info { display: flex; flex-direction: column; justify-content: center;}
  .brandTosea .sec2 .list .item .info .name { margin-top: 0;}
}

.brandTosea .sec3 { padding: 104px 0 177px;}
.brandTosea .sec3 .list { margin-top: 70px; padding: 0 70px;}
.brandTosea .sec3 .list .item { width: calc(25% - 45px); margin-right: 58px; background: #FFFFFF url(../images/seo-sec4-img.png) no-repeat; background-size: 100% auto; box-shadow: -3px 10px 21px 0px rgba(138,161,228,0.16); border-radius: 8px; position: relative; overflow: hidden;}
.brandTosea .sec3 .list .item:nth-child(4n) { margin-right: 0;}
.brandTosea .sec3 .list .item .name { padding: 25px 90px 25px 30px; height: 140px; font-size: 20px; font-weight: bold; color: #FFF4EB; line-height: 26px;}
.brandTosea .sec3 .list .item .desc { padding: 40px 50px; font-size: 14px; color: #666666; line-height: 26px; position: relative; z-index: 2;}
.brandTosea .sec3 .list .item .num { font-size: 159px; font-weight: bold; color: RGBA(247, 247, 247, 1); line-height: 1; text-align: right; position: absolute; bottom: -28px; right: -20px; z-index: 1;}
@media screen and (max-width: 1460px) {
  .brandTosea .sec3 .list .item .name { height: 120px; font-size: 18px; line-height: 24px;}
  .brandTosea .sec3 .list .item .desc { padding: 20px 30px 30px;}
}
@media screen and (max-width: 1260px) {
  .brandTosea .sec3 { padding: 60px 0;}
  .brandTosea .sec3 .list { margin-top: 40px; padding: 0;}
  .brandTosea .sec3 .list .item { width: calc(25% - 23px); margin-right: 30px;}
  .brandTosea .sec3 .list .item .name { padding: 20px 70px 20px 10px; height: 100px;}
  .brandTosea .sec3 .list .item .desc { padding: 20px 20px 30px;}
  .brandTosea .sec3 .list .item .num { font-size: 120px; bottom: -20px; right: -15px;}
}
@media screen and (max-width: 992px) {
  .brandTosea .sec3 .list { margin-top: 20px;}
  .brandTosea .sec3 .list .item { width: calc(25% - 12px); margin-right: 15px;}
  .brandTosea .sec3 .list .item .name { padding: 10px 50px 20px 10px; font-size: 16px;}
  .brandTosea .sec3 .list .item .desc { padding: 0 10px 30px;}
  .brandTosea .sec3 .list .item .num { font-size: 100px; bottom: -18px; right: -12px;}
}
@media screen and (max-width: 768px) {
  .brandTosea .sec3 {  padding: 30px 0;}
  .brandTosea .sec3 .list .item { width: calc(50% - 5px); margin-right: 10px; margin-bottom: 10px;}
  .brandTosea .sec3 .list .item:nth-child(2n) { margin-right: 0; margin-bottom: 10px;}
}

.brandTosea .sec4 { padding: 117px 0 152px; background: url(../images/tosea-sec4-bg.png); background-size: cover;}
.brandTosea .sec4 .list { margin-top: 25px; padding: 0 160px;}
.brandTosea .sec4 .list .item { width: 25%; margin-top: 67px;}
.brandTosea .sec4 .list .item p:nth-of-type(1) { font-size: 28px; font-weight: bold; color: #333333; line-height: 30px;}
.brandTosea .sec4 .list .item p:nth-of-type(1) span { color: #186AB1;}
.brandTosea .sec4 .list .item p:nth-of-type(1) span em { font-style: normal;}
.brandTosea .sec4 .list .item p:nth-of-type(2) { margin-top: 17px; font-size: 16px; color: #666666; line-height: 20px;}
@media screen and (max-width: 1640px) {
  .brandTosea .sec4 .list { padding: 0;}
}
@media screen and (max-width: 1260px) {
  .brandTosea .sec4 { padding: 60px 0;}
  .brandTosea .sec4 .list .item { margin-top: 40px;}
  .brandTosea .sec4 .list .item p:nth-of-type(1) { font-size: 20px; line-height: 24px;}
  .brandTosea .sec4 .list .item p:nth-of-type(2) { margin-top: 10px; font-size: 14px; line-height: 18px;}
}
@media screen and (max-width: 992px) {
  .brandTosea .sec4 .list .item { width:50%; text-align: center;}
}
@media screen and (max-width: 768px) {
  .brandTosea .sec4 {  padding: 30px 0;}
  .brandTosea .sec4 .list { margin-top: 10px;}
  .brandTosea .sec4 .list .item { margin-top: 20px;}
  .brandTosea .sec4 .list .item p:nth-of-type(1) { font-size: 18px; line-height: 22px;}
  .brandTosea .sec4 .list .item p:nth-of-type(2) { font-size: 12px; line-height: 16px;}
}

.brandTosea .sec5 { padding: 88px 0 91px;}
.brandTosea .sec5 .mySwiper { width: 100%; margin-top: 44px; padding-bottom: 70px;}
.brandTosea .sec5 .mySwiper .swiper-slide { margin-bottom: 6px;border: 1px solid #E5E5E5; overflow: hidden;}
.brandTosea .sec5 .mySwiper .swiper-slide img { width: 100%; height: 100%; object-fit: contain; transition: 0.3s;}
.brandTosea .sec5 .mySwiper .swiper-slide img:hover { transform: scale(1.1);}
.brandTosea .sec5 .mySwiper .swiper-pagination { bottom: 0;}
.brandTosea .sec5 .mySwiper .swiper-pagination .swiper-pagination-bullet { width: 11px; height: 11px; background: rgba(31, 30, 42, 0.7); opacity: 1;}
.brandTosea .sec5 .mySwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 1px solid #1F1E2A; background: #FFFFFF;}

@media screen and (max-width: 1260px) {
  .brandTosea .sec5 { padding: 60px 0;}
}
@media screen and (max-width: 768px) {
  .brandTosea .sec5 {  padding: 30px 0;}
  .brandTosea .sec5 .mySwiper { margin-top: 30px; padding-bottom: 30px;}
}


.brandTosea .sec-from { padding: 52px 0 56px;}
.brandTosea .sec-from .big-btn { margin-bottom: 0;}
@media screen and (max-width:768px){
  .brandTosea .sec-from { padding: 30px 0;}
}

/*.seo .section .wrap,.brandTosea .section .wrap,.vr .section .wrap,.smad .section .wrap,.brandSupport .section .wrap,.smo .section .wrap,.mediaSpread .section .wrap,.about .section .wrap { max-width: 1495px;}*/
.seo .section .wrap,.brandTosea .section .wrap,.vr .section .wrap,.smad .section .wrap,.brandSupport .section .wrap,.smo .section .wrap,.mediaSpread .section .wrap{ max-width: 1495px;}




@font-face {
  font-family: 'iconfont';  
  src: url('../font/iconfont.woff2') format('woff2'),
       url('../fonts/iconfont.woff') format('woff'),
       url('../fonts/iconfont.ttf') format('truetype');
}
@font-face {
  font-family: 'SourceHanSansSC';
  src: url('../font/SourceHanSansCN-Regular') format('truetype')
}
@font-face {
  font-family: 'Roboto';
  src: url('../font/Roboto-Regular.ttf') format('truetype')
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins.ttf') format('truetype')
}
@font-face {
  font-family: 'Poppins-SemiBold';
  src: url('../fonts/poppins-semibold.ttf') format('truetype')
}