
/* 关于我们-公用 */
.lm_about{ /*line-height: 1.5; letter-spacing: 0.05em;*/ width: 100%; overflow: hidden;}
.lm_about *{ box-sizing: border-box;}
.lm_about .wrap{ width: 1400px;}
.lm_about .wrap2{ width: 1400px; margin: 0 auto;}
.lm_about .about_tit{ font-size: 20px; /*font-weight: bold;*/ line-height: 1; /*border-left: 4px solid #06d5d3; padding-left:20px;*/ color: #fff;}
.lm_about .about_more, .more_a_href a{ margin-top: 80px;}
.lm_about .about_more a, .more_a_href a{ width: 170px; height: 58px; line-height: 58px; font-size: 16px; color: #FFDE00; text-align: center; display: block; border: 1px solid hsla(52,100%,50%,0.30); border-radius: 30px;}
.more_a_href a{ border-color: hsla(210,5%,15%,0.30); color: #252729;}
.lm_about .about_more a:hover{ background: #FFDE00; color: #fff;}
.more_a_href a:hover{ background: hsla(210,5%,15%,0.30);}

/* 关于我们-第1屏-banner */
.lm_about_licon_up{ background: #000 url(../1.jpg) no-repeat center top; background-size: 100% auto;}
.about_add_from{ width: 100%; height: 100vh; /*padding-top: 100vh;*/ position: relative; z-index: 10; display: flex; justify-content: center; align-items: center;}
.about_add_from .m img{ display: block; width: 1334px;}
.about_add_from .p{ font-size: 15px; color: #fff; margin: -70px 0 0 328px; line-height: 36px;}



.lm_about_p1{ width: 100%; height: 100vh; position: relative; z-index: 1; }
.lm_about_p1 .bg{ width: 100%; height: 100%; position: fixed; z-index: 1;/* background:url(../images/about_p1_bg.jpg) no-repeat center #000; background-size: cover;*/}
.lm_about_p1 .bg video{ width: 100%; height: 100%; object-fit: cover;}
/* .lm_about_p1 .bg .bg_after{ content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 10; pointer-events: none;backdrop-filter: blur(0px);}
.lm_about_p1 .bg::before{ content: ""; position: absolute; width: 100%; height: 40%; left: 0; bottom: 0; background-image: linear-gradient(to top, #000 0%, transparent 100%);z-index: 20; pointer-events: none;} */

/*.lm_about_p1 .bg .bg_after{ content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.0);  z-index: 10; pointer-events: none;backdrop-filter: blur(0px);}*/
/*.lm_about_p1 .bg::before{ content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background-image: linear-gradient(to top, #000 0%, transparent 40%,transparent 60%, #000 100%);z-index: 20; pointer-events: none;}*/


.lm_about_p1 .con_box{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2; }
.lm_about_p1 .wrap{ height: 100%;}
.lm_about_p1 .con{ position: relative; z-index: 10; top: 50%; transform: translateY(-50%);}
.lm_about_p1 .about_tit{ color: #fff;}
.lm_about_p1 .txt{ font-size: 82px; /*font-weight: bold;*/ line-height: 1; color: #fff; /*padding: 20px 0 0 22px;*/ /*letter-spacing: 0.025em; */margin-top: 40px; display: flex;}
.lm_about_p1 .txt span{ color: #FFDE00; font-size: 82px; font-family: 'font4';}
.lm_about_p1 .ps{ font-size: 56px; line-height: 1; margin-top: 35px; color: #fff;}

/* 关于我们-第2屏-3块业务 */
.lm_about_p2_h{ width: 100%; height: 600vh; background: url(../6.jpg) no-repeat fixed top center; background-size: 100% auto;}
.lm_about_p2{ position: fixed; z-index: 3; width: 100%; height: 100%; overflow: hidden; left: 0; top: 200%; }
.lm_about_p2 .con_box_bg{ position: absolute; width: 400%; height: 100%; display: flex;}
.lm_about_p2 .con_box{ width: 100%; height: 100vh; display: flex; align-items: center;justify-content: space-between;}
.lm_about_p2 .con_box .wrap2{ height: 100%; display: flex; align-items: center; justify-content: space-between;}
/*.lm_about_p2 .con_l{ height: 590px;}*/
.lm_about_p2 .con_l .num{ font-family: "font4"; font-size: 82px; color: #FFDE00; line-height: 1;}
.lm_about_p2 .con_l .tit{ font-weight: bold; font-size: 42px; line-height: 1; color: #fff; margin-top: 20px;}
.lm_about_p2 .con_l .txt{ font-size: 16px; line-height: 36px; color: #fff; margin-top: 20px; width: 485px;}

.lm_about_p2 .con_box1 .con_r{ /*width: 50%; height: 590px; margin:-55px 220px 0 0;*/}
.lm_about_p2 .con_box1 .con_r .li{ float: left; width: 50%; position: relative;}
.lm_about_p2 .con_box1 .con_r .pic img{ width: 100%;}
.lm_about_p2 .con_box1 .con_r .nr{ position: absolute; color: #fff;}
.lm_about_p2 .con_box1 .con_r .tit{ font-size: 60px; line-height: 1; font-weight: 300;}
.lm_about_p2 .con_box1 .con_r .txt{ font-size: 16px; opacity: 0.6; padding-top: 10px;}
.lm_about_p2 .con_box1 .con_r .li_l{ margin-top: 130px;}
.lm_about_p2 .con_box1 .con_r .li_l .nr{ text-align: left; left: -65px; bottom: -95px;}
.lm_about_p2 .con_box1 .con_r .li_r .nr{ text-align: right; right: -70px; top: 20px;}

.lm_about_p2 .con_box2 .con_r{ width: 71.6%; height: 524px; flex-direction:column; margin: 0 -140px 0 0; display: flex;}
.lm_about_p2 .con_box2 .con_r .ul{ flex: 1; display: flex;}
.lm_about_p2 .con_box2 .con_r .li{ flex: 1; position: relative; border: 1px solid #313a44; margin: -1px 0 0 -1px; }
.lm_about_p2 .con_box2 .con_r .pic img{ width: 100%; height: 100%;}
.lm_about_p2 .con_box2 .con_r .nr{ padding: 0 34px 0 34px; color: #fff; height: 100%; display: flex; align-items: center; }
.lm_about_p2 .con_box2 .con_r .tit{ font-size: 24px;}
.lm_about_p2 .con_box2 .con_r .txt{ font-size: 14px; opacity: 0.5; }

.lm_about_p2 .con_box3 .con_l{ width: 550px;}
.lm_about_p2 .con_box3 .list_box{ overflow: hidden;}
.lm_about_p2 .con_box3 .con_l .bt{ font-size: 18px; font-weight: bold; padding-top: 25px; color: #10c4cb;}
.lm_about_p2 .con_box3 .con_l li{ font-size: 16px; color: rgba(255,255,255,0.5); padding-top: 12px;width: 42%; margin-right: 6%; float: left;}
.lm_about_p2 .con_box3 .con_l li span{ color: #10c4cb; width: 14px; display:inline-block;}
.lm_about_p2 .con_box3 .con_r{ width: 58.2%; margin: 60px -60px 0 0;}
.lm_about_p2 .con_box3 .con_r .pic{ position: relative;}
.lm_about_p2 .con_box3 .con_r .img1 img{ width: 100%;}
.lm_about_p2 .con_box3 .con_r .img2{ position: absolute; width: 112%; right:0px; bottom: -30px; z-index: 10;}
.lm_about_p2 .con_box3 .con_r .img2 img{ width: 100%;}

/* 关于我们-第3屏-服务理念 */
/*.lm_about_p3_h{ width: 100%; height: 600vh; background: #fff; position: relative; z-index: 0;}
.lm_about_p3{ position: fixed; z-index: 4; left: 0; top: 100%; background: #fff; width: 100%; height: 100%; padding: 16% 0 0 0;}
.lm_about_p3 .about_tit{ margin-bottom: 60px;}
.lm_about_p3 .list{height: 80vh; display: flex;flex-direction:column; border-left: 1px solid #b2b2b2;}
.lm_about_p3 .list .li{ flex: 1; width: 600px; display: flex; justify-content:center;flex-direction:column; padding: 0 0 0 95px; position: relative; opacity: 0.1; transition: 1s;}
.lm_about_p3 .list .li .nr{ transform: scale(0.6); transform-origin: left center; transition: 1s;}
.lm_about_p3 .list .li::after{ content: ""; position: absolute; width: 3px; height: 100%; left: -2px; top: 0; background: #ffc819; height: 0; transition: 1s;}
.lm_about_p3 .list .tit{ font-size: 60px; line-height: 1.33; font-weight: 300; padding-bottom: 30px; transition: 1s;}
.lm_about_p3 .list .txt{ font-size: 18px; line-height: 1.55; color: #666666; transition: 1s;}
.lm_about_p3 .list .li.one{ flex: 1.5; opacity: 1;}
.lm_about_p3 .list .li.one .nr{ transform: scale(1);}
.lm_about_p3 .list .li.one::after{ height: 100%;}
.lm_about_p3 .right_three{ position: fixed; width: 100%; height: 100vh; right: -25%; top:0; opacity: 0; transition: all 0.6s cubic-bezier(.01,.22,.41,.99); pointer-events: none;}
.lm_about_p3 .right_three.one{ opacity: 1;}*/


/* 关于我们-第4屏-客户评价*/
.lm_about_p4_h{ height: 170px; width: 100%; background: #F0F7FB;}
.lm_about_p4{ position: relative; z-index: 5; background: #F0F7FB; width: 100%; padding: 30px 0 125px 0;}
.lm_about_p4::after{ content:""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background:linear-gradient(to bottom, #f0f7fb 40%, transparent 70%);}
.lm_about_p4 .wrap2{ position: relative; z-index: 3; width: auto;/* background: #F0F7FB;*/}
.lm_about_p4 .con_r_pic{ position: absolute; width: 53.7%; right: 0; top: -170px; z-index: 2; /*background: url(../2.jpg) no-repeat center;*/ background-size: auto 100%; animation: lm_about_p4_pic 15s infinite linear alternate;}
.lm_about_p4 .con_r_pic img{ width: 100%; opacity: 1;}
@keyframes lm_about_p4_pic {
	0% {background-position: 0% 0%;}
	100% {background-position: 100% 0%;}
}
.lm_about_p4 .con_l .tit{ /*font-size: 46px; line-height: 1.3; font-weight: 300; padding-bottom: 110px;*/ width: 530px; margin-left: 10%;}
.lm_about_p4 .con_l .tit .h{ font-size: 70px; font-weight: bold; line-height: 1; color: #191B1D;}
.lm_about_p4 .con_l .tit .p{ font-size: 16px; line-height: 32px;  color: #191B1D; margin-top: 40px;}


.lm_about_p4 .list { overflow: hidden; margin: 70px 0 0 5%;}
.lm_about_p4 .list .li{ width: 346px; height: 353px; float: left; margin-right: 32px; background: #fff; display: flex; padding: 66px 32px; justify-content: end;flex-direction:column; position: relative; }
.lm_about_p4 .list .num{ font-size: 30px; line-height: 1; display: flex; align-items: flex-start;}
.lm_about_p4 .list .num span{ font-size: 80px; font-family: "font4"; letter-spacing:-0.05em; padding-right: 6px;}
.lm_about_p4 .list .num b{ font-size: 40px;}
.lm_about_p4 .list .txt{ font-size: 16px; color: #666666; padding-top: 8px;} 
.lm_about_p4 .list .icon{ width: 16px; height: 16px; position: absolute; right: 25px; top: 25px; border-right: 2px solid #20bdb9;border-top: 2px solid #20bdb9;}
.lm_about_p4 .list .icon::after{ content:""; position: absolute; width: 160%; height: 2px; right: 0; top: -1px; background: #20bdb9; transform: rotate(-45deg); transform-origin: right top;}

.lm_about_p4 .con_b{ padding: 150px 0; position: relative;}
.lm_about_p4 .swiper-slide{ padding: 0 80px;}
.lm_about_p4 .swiper-slide .nr{ padding: 50px 0 100px 0; height: 480px;}
.lm_about_p4 .swiper-slide .p{ text-align: center; color: #333; font-size: 60px; line-height: 1; font-weight: 300; position: relative; padding-top: 50px;}
.lm_about_p4 .swiper-slide .p span{ position: relative;}
.lm_about_p4 .swiper-slide .p span::after{ content: "";  position: absolute; width: 100%; height: 6px; bottom: 8px; left: 0; background: #49bef3; z-index: -1;}
.lm_about_p4 .swiper-slide .p:first-child span::before,
.lm_about_p4 .swiper-slide .p:last-child span::before{ content: "”"; font-size: 70px; position: absolute;  top: 0; font-weight: 400;}
.lm_about_p4 .swiper-slide .p:first-child span::before{left: -60px; top: -10px;}
.lm_about_p4 .swiper-slide .p:last-child span::before{right: -100px;}
.lm_about_p4 .swiper-slide .p:nth-child(1){ margin-left: -25%;}
.lm_about_p4 .swiper-slide .p:nth-child(2){ margin-left: 15%;}
.lm_about_p4 .swiper-slide .p:nth-child(3){ margin-left: -5%;}
.lm_about_p4 .swiper-slide.li4 .p:nth-child(1){ margin-left: -40%;}
.lm_about_p4 .swiper-slide.li4 .p:nth-child(2){ margin-left: 28%;}
.lm_about_p4 .swiper-slide.li4 .p:nth-child(3){ margin-left: -40%;}

.lm_about_p4 .swiper-slide .l_icon{ transform: translateY(20px); opacity:0 ; transition: 1s;}
.lm_about_p4 .swiper-slide .p:nth-child(1){ transform: translateX(-3%); opacity:0 ; transition: 1s;}
.lm_about_p4 .swiper-slide .p:nth-child(2){ transform: translateX(3%); opacity:0 ; transition: 1s;}
.lm_about_p4 .swiper-slide .p:nth-child(3){ transform: translateX(-2%); opacity:0 ; transition: 1s;}
.lm_about_p4 .swiper-slide-active .l_icon,
.lm_about_p4 .swiper-slide-active .p:nth-child(1),
.lm_about_p4 .swiper-slide-active .p:nth-child(2),
.lm_about_p4 .swiper-slide-active .p:nth-child(3){ transform: translate(0); opacity: 1; transition: 1s 0.8s;}


.lm_about_p4 .swiper-slide .l_icon{ color: #666; font-size: 14px; float: left;}
.lm_about_p4 .swiper-slide .l_icon img{ max-height: 32px; margin-right: 20px;}
.lm_about_p4 .swiper-slide .l_icon b{ color: #000; font-weight: bold;}
.lm_about_p4 .swiper-slide .r_next{ float: right;} 
.lm_about_p4 .swiper-slide .r_next a{ color: #999999; position: relative; padding-right: 20px;}
.lm_about_p4 .swiper-slide .r_next a::after{ content:""; position: absolute; width: 0px; height: 0px; border: 5px solid transparent; border-left:6px solid #20bdb9 ; right: 0; top: 5px;}
.lm_about_p4 .swiper-button{ width: 100px; height: 100px; transition: 0.4s; top: 50%; transform: translateY(-50%);}
.lm_about_p4 .swiper-button-prev{  left: -40px; margin: 0; background:url(../about_icon2.png) no-repeat center;}
.lm_about_p4 .swiper-button-next{ right: -40px; margin: 0; background:url(../about_icon1.png) no-repeat center;}
.lm_about_p4 .swiper-button-disabled{ opacity: 0;}
.lm_about_p4 .swiper-button svg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.lm_about_p4 .swiper-button rect{ fill: none; width: calc(100% - 2px); height: calc(100% - 2px); transform-origin: 50% 50%; stroke: rgba(0,0,0,0.2); stroke-width: 1; stroke-dasharray: 1; stroke-dashoffset: 2;} 
.lm_about_p4 .swiper-button rect+rect{ stroke-width: 1.25;stroke:#20bdb9;stroke-dashoffset: 1; transition:stroke-dashoffset 0.6s; }
.lm_about_p4 .swiper-button:hover rect+rect{  stroke-dashoffset: 0;}


/* 关于我们-第4屏-团队 */
/*.lm_about_p6{ position: relative; background: #000; position: relative; z-index: 2;}
.lm_about_p6 .wrap{ padding: 170px 0 210px 0;}
.lm_about_p6 .con_l{float: left;}
.lm_about_p6 .con_l .about_tit{ color: #20bdb9;} 
.lm_about_p6 .con_l .tit{ font-size: 60px; line-height: 1.33; font-weight: 300; color: #fff; padding: 24px;}
.lm_about_p6 .con_r{ float: right; width: 39%; padding:50px 0 0 0; font-size: 16px; line-height: 1.5; color: rgba(255,255,255,0.4);}*/
/* .lm_about_p6 .list{height: 32.3vw; display: flex; }
.lm_about_p6 .list .li1{ flex: 1; }
.lm_about_p6 .list .li2{ flex: 2;}
.lm_about_p6 .list .li{ display: flex;flex-direction:column;}
.lm_about_p6 .list .li > div{ flex: 1; display: flex;}
.lm_about_p6 .list .li > div > div{ display: flex; flex: 1;}
.lm_about_p6 .list .kuai{ border: 1px solid #000;}
.lm_about_p6 .list .kuai_img{ background: no-repeat center; background-size: cover;}
.lm_about_p6 .list .kuai_c{ justify-content: center; align-items: center; font-size: 24px; line-height:1.66 ; color: #fff; font-weight: 300;}
.lm_about_p6 .list .c1{ background: #1685a2;}
.lm_about_p6 .list .c2{ background: #f07134;}
.lm_about_p6 .list .c3{ background: #278577;} */

/*.lm_about_p6 .list{ display: flex; align-items: flex-end; margin-bottom: -2px;}
.lm_about_p6 .list .li{ flex: 1;}
.lm_about_p6 .list .kuai{ border: 2px solid #000;}
.lm_about_p6 .list .kuai img{ width: 100%;}*/



/* 关于我们-第5屏-合作客户 */
/*.lm_about_p7{ position: relative; background: #fff; z-index: 2;  padding: 160px 0 210px;}
.lm_about_p7 .tit{ font-size: 66px; font-weight: 300; text-align: center;}
.lm_about_p7 .swiper-container{ padding: 150px 0 90px 0;}
.lm_about_p7 .swiper-container .swiper-wrapper{
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.lm_about_p7 .swiper-slide{width:calc(280px * 7);}
.lm_about_p7 .li{ position: relative; width: 280px; height: 280px; display: flex; justify-content: center; align-items: center; float: left; transition: 0.6s;}
.lm_about_p7 .li::after{ content:""; position: absolute; width: 124%; height: 124%; left: 50%; top: 50%;transform: translate(-50%,-50%); border: 1px solid rgba(0,0,0,0.2); border-radius: 50%; pointer-events: none;}
.lm_about_p7 .li:hover{ transform: scale(1.1);}*/


/* 关于我们-第5屏-联系我们 */
/*.lm_about_p8{ position: relative; background: #fff; z-index: 2; padding-bottom: 100px; }
.lm_about_p8 .con{ position: relative;}
.lm_about_p8 .con::after{ content: ""; position: absolute; width: 88%; height: 100%; left: 0; top: 0; z-index: 1; border-radius: 0 170px 0 0; background:url(../images/about_p8_img2.jpg) no-repeat center #f3f3f3; background-size: cover;}
.lm_about_p8 .con::before{ content: ""; position: absolute; width: 500px; height: 440px; position: absolute; right:-30px; bottom: 100px; background: rgba(16,196,203,1); z-index: 0;}
.lm_about_p8 .pic{ position: relative; z-index: 4; width: 88%; pointer-events: none;}
.lm_about_p8 .pic img{ width: 100%;}
.lm_about_p8 .con_r{ width: 500px; height: 440px; position: absolute; right:-30px; bottom: 100px; z-index: 3; background: rgba(16,196,203,0.8); border-radius:80px 0 0 0; transition: 0.4s;}
.lm_about_p8 .con_r a{ color: #fff; display: block; padding: 72px 60px 0 60px; position: relative; width: 100%; height: 100%;}
.lm_about_p8 .con_r .tit{ font-size: 66px; font-weight: 300; padding-bottom: 8px;}
.lm_about_p8 .con_r .txt{ font-size: 18px;}
.lm_about_p8 .con_r .icon{ position: absolute; right: 50px; bottom: 45px;}
.lm_about_p8 .con_r:hover{ background: rgba(16,196,203,1);box-shadow: 0px 0px 30px rgba(16,196,203,0.8);}*/

.lm_about_open{ padding-top: 90px;}
.lm_about_open .h1{ font-size: 26px; line-height: 1; color: #191B1D; font-weight: normal;}
.lm_about_open .list{ display: flex; justify-content: flex-start; flex-wrap: wrap; padding-top: 30px;}
.lm_about_open .list a{ width: 180px; height: 80px; display: flex; justify-content: center; align-items: center;}
.lm_about_open .list a img{ display: block; max-width: 100%; max-height: 100%; filter: grayscale(100%); transition: all 0.5s;}
.lm_about_open .list a:hover img{ filter: grayscale(0%);}
.lm_about_open .list .li{ margin-right: 22px; margin-top: 30px;}
.lm_about_open .list .li:nth-child(7n){ margin-right: 0;}



@media screen and (min-width:1024px){


    /* 关于我们-滚动缓动 */
    /*.lm_about_p1 .con_box,*/
    /*.lm_about_p2,*/
    /*.lm_about_p2 .con_box_bg,*/
    /*.lm_about_p3,*/
	/*.lm_about_p4_h,
	.lm_about_p4,*/
    /*.lm_about_p1 .bg{transition: all 0.4s cubic-bezier(.01,.22,.41,.99);}*/
    .lm_about_p3.noease{transition:none;}
    /* .lm_about_p3.noease .right_three{transition:none;} */



    /* 关于我们-入场动画 */
    .lm_about_p2 .con_box .con_l{ opacity: 0; transform: scale(0.9); transition: 1s;}
    .lm_about_p2 .con_box1 .li_l{ opacity: 0; transform: translateY(50px); transition: 1s 0.4s;}
    .lm_about_p2 .con_box1 .li_r{ opacity: 0; transform: translateY(-50px); transition: 1s 0.4s;}
    .lm_about_p2 .con_box2 .li{ opacity: 0; transition: 1s 0.4s;}
    .lm_about_p2 .con_box2 .li1{ transition-delay: 0.4s;}
    .lm_about_p2 .con_box2 .li2{ transition-delay: 0.5s;}
    .lm_about_p2 .con_box2 .li3{ transition-delay: 0.6s;}
    .lm_about_p2 .con_box2 .li4{ transition-delay: 0.7s;}
    .lm_about_p2 .con_box2 .li5{ transition-delay: 0.8s;}
    .lm_about_p2 .con_box2 .li6{ transition-delay: 0.9s;}
    .lm_about_p2 .con_box2 .li7{ transition-delay: 1s;}
    .lm_about_p2 .con_box2 .li8{ transition-delay: 1.1s;}
    .lm_about_p2 .con_box2 .li9{ transition-delay: 1.2s;}
    .lm_about_p2 .con_box3 .pic{ opacity: 0; transform: scale(0.9); transition: 1s 0.4s;}

    .lm_about_p2 .con_box.on .con_l,
    .lm_about_p2 .con_box1.on .li_l,
    .lm_about_p2 .con_box1.on .li_r,
    .lm_about_p2 .con_box2.on .li,
    .lm_about_p2 .con_box3.on .pic{ opacity: 1; transform: scale(1) translate(0);}

    .lm_about_p4 .con_r_pic .img1{ opacity: 0; transition: 0.6s ease-in;}
    .lm_about_p4 .con_r_pic .img2{ opacity: 0; transition: 1s 0.6s ease-out;}
    .lm_about_p4 .con_r_pic.on .img1,
    .lm_about_p4 .con_r_pic.on .img2{ opacity: 1; }

    .lm_about_p4 .con_l .tit{ opacity: 0; transform: translateY(-20px); transition: 1s;}
    .lm_about_p4 .con_l.on .tit{ opacity: 1; transform: translate(0);}
    .lm_about_p4 .con_l .li{ opacity: 0; transform:scale(0.8); transform-origin: left bottom; transition: 1s;}
    .lm_about_p4 .con_l .li:nth-child(1){ transition-delay: 0.2s;}
    .lm_about_p4 .con_l .li:nth-child(2){ transition-delay: 0.4s;}
    .lm_about_p4 .con_l .li:nth-child(3){ transition-delay: 0.6s;}
    .lm_about_p4 .con_l.on .li{ opacity: 1;transform:scale(1);}

    .lm_about_p4 .con_r_pic .img1{ opacity: 1; transition: 0.6s ease-in;}
    .lm_about_p4 .con_r_pic .img2{ opacity: 0; transition: 1s 0.6s ease-out;}
    .lm_about_p4 .con_r_pic.on .img1,
    .lm_about_p4 .con_r_pic.on .img2{ opacity: 1; }

    .lm_about_p4 .con_b .about_tit{ opacity: 0; transform: translateX(-20px); transition: 1s;}
    .lm_about_p4 .con_b.on .about_tit{ opacity: 1; transform: translate(0);}
    .lm_about_p4 .con_b .swiper_box{ opacity: 0; transform: scale(0.9); transition: 1s 0.2s;}
    .lm_about_p4 .con_b.on .swiper_box{ opacity: 1; transform: scale(1);}
    .lm_about_p4 .con_b .about_tit{ opacity: 0; transform: translateX(-20px); transition: 1s;}
    .lm_about_p4 .con_b.on .about_tit{ opacity: 1; transform: translate(0);}


    .lm_about_p6 .con_l{ opacity: 0; transform:translateX(-20px); transition: 1s 0s;}
    .lm_about_p6 .con_r{ opacity: 0; transform:translateX(20px); transition: 1s 0s;}
    .lm_about_p6 .list{ opacity: 0; transition: 1s 0.4s;}
    .lm_about_p6.on .con_l,
    .lm_about_p6.on .con_r,
    .lm_about_p6.on .list{ opacity: 1; transform: translate(0);}

    .lm_about_p7 .tit{ opacity: 0; transform:scale(0.9); transition: 1s 0s;}
    .lm_about_p7 .swiper_box{ opacity: 0; transform:scale(0.9); transition: 1s 0.4s;}
    .lm_about_p7.on .tit,
    .lm_about_p7.on .swiper_box{ opacity: 1; transform: translate(0) scale(1);}

}



/* 小PC */
@media screen and (max-width:1800px){
    .lm_about .wrap2{ width: 1400px;}
    .lm_about_p2 .con_box2 .con_r{ height: 468px;}
    .lm_about_p4 .swiper-slide .p{ font-size: 50px;}
}


@media screen and (max-width:1600px){
    .lm_about .wrap{ width: 1100px;}
    .lm_about .wrap2{ width: 1100px;}
    .lm_about .about_more{ padding-top: 30px;}

    .lm_about_p1 .txt{ font-size: 56px;}

    .lm_about_p2 .con_l{ height: 520px;}
    .lm_about_p2 .con_l .num{ font-size: 70px;}
    .lm_about_p2 .con_l .tit{ font-size: 60px;}
    .lm_about_p2 .con_box1 .con_r{ height: 520px; margin-right: 100px;}
    .lm_about_p2 .con_box2 .con_r{ height: 395px; margin-top: 0;}
    .lm_about_p2 .con_box2 .con_r .tit{ font-size: 20px;}
    .lm_about_p2 .con_box2 .con_r .nr{ padding: 0 20px 0 20px;}

    .lm_about_p3 .list .tit{ font-size: 50px;}
    .lm_about_p3 .list .txt{ font-size: 16px;}

    .lm_about_p4{ padding-top: 90px;}
    .lm_about_p4 .con_l .tit{ font-size: 40px; padding-bottom: 80px;}
    .lm_about_p4 .list .li{ width: 300px; height: 300px;}
    .lm_about_p4 .list .li{ padding: 40px 20px;}
    .lm_about_p4 .swiper-slide .nr{ height: 450px;}
    .lm_about_p4 .swiper-slide .p{ font-size: 42px;}


    .lm_about_p6 .wrap{padding: 140px 0 160px 0;}
    .lm_about_p6 .con_l .tit{ font-size: 50px;}

    .lm_about_p7{ padding: 140px 0 180px 0;}
    .lm_about_p7 .tit{ font-size: 56px;}
    .lm_about_p7 .li{ width: 240px; height: 240px;}
    .lm_about_p7 .swiper-slide{ width: calc(240px * 7);}
    .lm_about_p7 .swiper-container{ padding-top: 130px;}

    .lm_about_p8 .con::before{width: 450px; height: 400px;}
    .lm_about_p8 .con_r{ width: 450px; height: 400px;}
    .lm_about_p8 .con_r .tit{ font-size: 56px;}

}


@media screen and (max-width:1400px){
    .lm_about .wrap{ width: 1000px;}
    .lm_about .wrap2{ width: 1000px;}
    .about_tit{font-size: 16px;}
    .lm_about .about_more a{ width: 160px; line-height: 46px; height: 46px; font-size: 14px; }

    .lm_about_p1 .txt{ font-size: 46px;}

    .lm_about_p2 .con_l{ height: 400px;}
    .lm_about_p2 .con_l .num{ font-size: 60px;}
    .lm_about_p2 .con_l .tit{ font-size: 50px;}
    .lm_about_p2 .con_box1 .con_r .tit{ font-size: 40px;}
    .lm_about_p2 .con_box1 .con_r{ height: 420px; margin-right:50px;}
    .lm_about_p2 .con_box1 .con_r .li_l .nr{ bottom: 0;}
    .lm_about_p2 .con_box2 .con_r{ height: 360px; margin-top: 0;}
    .lm_about_p2 .con_box2 .con_r .tit{ font-size: 18px;}
    .lm_about_p2 .con_box2 .con_r .txt{ padding-top: 0px; font-size: 13px;}
    .lm_about_p2 .con_box2 .con_r .nr{ padding: 0 15px 0 15px;}
    .lm_about_p2 .con_box3 .con_l .bt{ font-size: 16px; padding-top: 15px;}
    .lm_about_p2 .con_box3 .con_l li{ font-size: 14px; padding-top: 8px;}

    .lm_about_p3 .about_tit{ margin-bottom: 40px;}
    .lm_about_p3 .list .tit{ font-size: 36px;}
    .lm_about_p3 .list .li{ padding-left: 60px;}
    .lm_about_p3 .list .txt{ font-size: 14px;}

    .lm_about_p4_h{ height: 0;}
    .lm_about_p4{ padding-top: 60px;}
    .lm_about_p4 .con_l .tit{ font-size: 36px; padding-bottom: 60px;}
    .lm_about_p4 .con_r_pic{ top: -50px; width: 44%;}
    .lm_about_p4 .list .num span{ font-size:60px ;}
    .lm_about_p4 .list .txt{ font-size: 14px;}
    .lm_about_p4 .list .li{ width: 260px; height: 260px;}
    .lm_about_p4 .con_b{ padding: 120px 0;}
    .lm_about_p4 .swiper-slide .p{ font-size: 36px; padding-top: 30px;}
    .lm_about_p4 .swiper-slide .nr{ height: 360px;}


    .lm_about_p6 .wrap{padding: 100px 0;}
    .lm_about_p6 .con_l .tit{ font-size: 40px;}

    .lm_about_p7{ padding: 120px 0;}
    .lm_about_p7 .tit{ font-size: 46px;}
    .lm_about_p7 .li{ width: 200px; height: 200px; text-align: center;}
    .lm_about_p7 .li img{ max-width: 60%;}
    .lm_about_p7 .swiper-slide{ width: calc(200px * 7);}
    .lm_about_p7 .swiper-container{ padding: 100px 0 60px 0;}

    .lm_about_p8{ padding-bottom: 0;}
    .lm_about_p8 .con::before{width: 400px; height: 360px;}
    .lm_about_p8 .con_r{ width: 400px; height: 360px;}
    .lm_about_p8 .con_r .tit{ font-size:46px;}

}


@media screen and (max-width:1200px){
    .lm_about .wrap{ width: 900px;}
    .lm_about .wrap2{ width: 900px;}
    .lm_about_p2 .con_box2 .con_r{ margin-right: -40px;}
    .lm_about_p2 .con_box2 .con_r .li .pic{ height: 100%;}
    .lm_about_p3 .list .li{ width: 400px;}
    .lm_about_p4 .swiper-slide .p{ font-size: 32px;}
    .lm_about_p4 .swiper-button{ width: 80px; height: 80px;}
}


@media screen and (max-width:1002px){
    .lm_about .wrap{ width: 90%; margin: 0 auto;}
    .lm_about .wrap2{ width: 90%; margin: 0 auto;}
    /*.lm_about_p1 .bg{ background: url(../images/about_p1_bg1.jpg) no-repeat center; background-size: cover;}*/
    .lm_about_p1 .bg video{ display: none;}
    .lm_about_p2 .con_box .wrap2{ flex-direction: column;align-items: start;    justify-content: center;}
    .lm_about_p2 .con_l .tit{ font-size: 40px;}
    .lm_about_p2 .con_l{ height: auto;}
    .lm_about_p2 .con_box1 .con_r{ height: auto; margin: 0 auto; width: 80%;}
    .lm_about_p2 .con_box2 .con_r{ height: auto; margin: auto; width: 100%; margin: 20px auto 0 auto;}

    .lm_about_p2 .con_box3 .con_l{ width: 100%;}
    .lm_about_p2 .con_box3 .con_l .list_box{ padding-top: 15px;}
    .lm_about_p2 .con_box3 .con_l .bt{ padding-top: 10px;}
    .lm_about_p2 .con_box3 .con_l li{ padding-top: 5px;}
    .lm_about_p2 .con_box3 .con_r{ width: 70%; margin: 20px auto 0 auto;}
    .lm_about_p3{ padding-top: 40%;}
    .lm_about_p3 .list .li{ padding-left: 30px;}
    .lm_about_p3 .right_three{ transform: scale(0.6);}
    .lm_about_p4_h{ height: 0;}
    .lm_about_p4 .list .num span{ font-size:40px ;}
    .lm_about_p4 .list .txt{ font-size: 13px;}
    .lm_about_p4 .list .li{ width: 220px; height: 200px; padding: 15px 10px; margin-right: 10px;}
    .lm_about_p4 .swiper-slide .p:first-child span::before, .lm_about_p4 .swiper-slide .p:last-child span::before{ font-size: 50px;}
    .lm_about_p4 .swiper-slide .p{ font-size: 30px;}
    .lm_about_p4 .swiper-slide .p span::after{ height: 3px; bottom: 4px;}
    .lm_about_p4 .swiper-slide.li4 .p:nth-child(2){ margin-left: 12%;}
    .lm_about_p4 .swiper-slide.li4 .p:nth-child(3){ margin-left: 10%;}
    .lm_about_p4 .swiper-button{ width: 60px; height: 60px; background-size: 60%;}
    .lm_about_p4 .swiper-button-prev{ left: -20px;}
    .lm_about_p4 .swiper-button-next{ right: -20px;}
    .lm_about_p7{ padding: 80px 0;}
    .lm_about_p8 .con::before{width: 300px; height: 260px; right: 0;}
    .lm_about_p8 .con_r{ width: 300px; height: 260px;border-radius: 40px 0 0 0; right: 0;}
    .lm_about_p8 .con_r .tit{ font-size:36px;}
    .lm_about_p8 .con_r a{    padding: 40px 30px 0 30px;}
}




@media screen and (max-width:758px){
    .lm_about .about_tit{ font-size: 16px; padding-left: 15px; border-left-width: 2px;}
    .lm_about_p1 .txt{ font-size: 36px;}
    .lm_about_p1 .con{ top: 30%;}

    .lm_about_p2 .con_box .wrap2{ flex-direction:row;justify-content: space-between; padding: 50px 0;}
    .lm_about_p2 .con_l .num{ font-size: 50px;}
    .lm_about_p2 .con_l .tit{ font-size: 30px;}
    .lm_about_p2 .con_l .txt{font-size: 14px;}
    .lm_about_p2 .con_box1 .con_r{ width: 50%;}
    .lm_about_p2 .con_box1 .con_r .li_l{ margin-top: 60px;}
    .lm_about_p2 .con_box1 .con_r .tit{ font-size: 30px;}
    .lm_about_p2 .con_box1 .con_r .txt{ font-size: 14px;}
    .lm_about_p2 .con_box2 .con_r{ width: 60%;}
    .lm_about_p2 .con_box2 .con_r .nr{ padding: 0 5px;}
    .lm_about_p2 .con_box2 .con_r .txt{ font-size: 11px; line-height: 1.2; }
    .lm_about_p2 .con_box2 .con_r .txt p{ display: none;}
    .lm_about_p2 .con_box2 .con_r .txt p:first-child{ display: block;}
    .lm_about_p2 .con_box3 .con_l .bt{ font-size: 14px;}
    .lm_about_p2 .con_box3 .con_l .list_box{ padding: 0;}
    .lm_about_p2 .con_box3 .con_l li{ font-size: 11px; padding: 0;}
    .lm_about_p3{ padding: 60px 0 0 0;}
    .lm_about_p3 .list .txt{ display: none;}
    .lm_about_p3 .list .tit{ font-size: 30px;}
    .lm_about_p3 .right_three{ transform: scale(1);}
    .lm_about_p4_h{ height: 160px;}
    .lm_about_p4{ padding-top: 40px;}
    .lm_about_p4 .con_l .tit{ font-size: 30px; padding-bottom: 40px;}
    .lm_about_p4 .list .li{ width: 32%; margin-right: 2%;}
    .lm_about_p4 .list .li:last-child{ margin: 0;}
    .lm_about_p4 .con_b{ padding: 60px 0;}
    .lm_about_p4 .swiper-slide .nr{ padding: 30px 0 0 0; height: 300px;}
    .lm_about_p4 .swiper-slide .p{ font-size: 30px;}
    .lm_about_p4 .swiper-slide .p:first-child span::before, 
    .lm_about_p4 .swiper-slide .p:last-child span::before{ font-size: 40px;}
    .lm_about_p6 .wrap{ padding: 60px 0;}
    .lm_about_p6 .con_r{ padding-top: 20px;}
    .lm_about_p6 .con_l .tit{ font-size: 36px;}
    .lm_about_p7{ padding: 60px 0;}
    .lm_about_p7 .tit{ font-size: 36px;}
    .lm_about_p7 .swiper-container{ padding: 40px 0;}
    .lm_about_p8 .con_r .tit{ font-size: 30px;}
    .lm_about_p8 .con::before{width: 260px; height: 200px; right: 0;}
    .lm_about_p8 .con_r{ width: 260px; height: 200px;border-radius: 20px 0 0 0; right: 0;}
    .lm_about_p8 .con_r a{    padding: 30px 20px 0 20px;}
    .lm_about_p8 .con_r .icon {right: 20px;bottom: 20px;}
    .lm_about_p8 .con_r .icon img{ width: 30px;}
}

@media screen and (max-width:470px){
    .lm_about .wrap{ width: calc(100vw - 30px); margin: 0 auto;}
    .lm_about .wrap2{ width: calc(100vw - 30px); margin: 0 auto;}
    .lm_about .about_more{ padding-top: 15px;}
    .lm_about .about_more a {width: 120px;line-height: 40px;height: 40px;font-size: 14px;    }

    .lm_about_p1 .con{ top: 50%;}
    .lm_about_p2 .con_box .wrap2 {flex-direction: column; align-items: start; justify-content: center;}
    .lm_about_p2 .con_box1 .con_r {width: 80%;margin: 30px auto 0 auto;}
    .lm_about_p2 .con_box1 .con_r .li_l .nr{ left: -30px;}
    .lm_about_p2 .con_box1 .con_r .li_r .nr{ right: -30px;}
    .lm_about_p2 .con_box1 .con_r .txt{ font-size: 12px; text-shadow: 0px 0px 1px rgba(0,0,0,0.8); opacity: 0.8;}
    .lm_about_p2 .con_box2 .con_r{ width: 100%; margin: 30px auto 0 auto;}
    .lm_about_p2 .con_box2 .con_r .tit{ font-size: 14px;}
    .lm_about_p2 .con_box2 .con_r .txt{ font-size: 10px;}
    .lm_about_p3_h{ height: 340vh;}
    .lm_about_p3{ padding-top: 40%;}
    .lm_about_p3 .list .txt{ display: block;}
    .lm_about_p3 .list .li{ width: auto;}
    .lm_about_p3 .wrap{ position: relative; z-index: 10;}
    .lm_about_p3 .right_three{right: 0; opacity: 0;}
    .lm_about_p3 .right_three.one{right: 0; opacity: 0.4;}
    .lm_about_p4_h{ height: 0;}
    .lm_about_p4{ padding-top: 0;}
    .lm_about_p4 .con_r_pic{ position: relative; width: 100%; right: 0; top: 0;}
    .lm_about_p4 .con_l .tit{ padding: 30px 0;}
    .lm_about_p4 .list .num span{ font-size:30px ;}
    .lm_about_p4 .list .li{ height: 160px; padding: 8px;}
    .lm_about_p4 .list .num{ font-size: 20px;}
    .lm_about_p4 .list .num b{ font-size: 20px;}
    .lm_about_p4 .list .txt{ font-size: 12px;}
    .lm_about_p4 .list .icon{ transform: scale(0.6); right: 15px; top: 15px;}
    .lm_about_p4 .swiper-slide{ padding: 0 20px;}
    .lm_about_p4 .swiper-slide .p{ font-size: 18px; padding-top: 10px;}
    .lm_about_p4 .swiper-slide .p span::after{ height: 3px; bottom: 0;}
    .lm_about_p4 .swiper-slide .p:first-child span::before, 
    .lm_about_p4 .swiper-slide .p:last-child span::before{ font-size: 30px; top: 0;}
    .lm_about_p4 .swiper-slide .p:first-child span::before{ left: -20px;}
    .lm_about_p4 .swiper-slide .p:last-child span::before{ right: -40px;}
    .lm_about_p4 .swiper-slide.li4 .p:nth-child(1){ padding-top: 20px;}
    .lm_about_p4 .swiper-slide.li4 .p:nth-child(3){ margin-left: 0;}
    .lm_about_p4 .swiper-slide .nr {padding: 20px 0 30px 0; height: 150px;}
    .lm_about_p4 .swiper-slide .l_icon{ font-size: 12px; width: 100%; text-align: center; float: none;}
    .lm_about_p4 .swiper-slide .l_icon img {max-height: 20px;margin-right: 10px; }
    .lm_about_p4 .swiper-slide .r_next{ display: none;}
    .lm_about_p4 .swiper-button{ width: 30px; height: 30px; top: auto; transform: translate(0); bottom: 55px;}
    .lm_about_p4 .swiper-button-prev{ left: 0;}
    .lm_about_p4 .swiper-button-next{ right: 0;}
    .lm_about_p6 .con_l{ float: none;}
    .lm_about_p6 .con_l .tit{ padding: 20px 0;}
    .lm_about_p6 .con_r{ float: none; width: 100%; padding-top: 0;}
    /* .lm_about_p6 .list{ display: block;    height: 100vw;}
    .lm_about_p6 .list .li{ float: left; height: 50%;}
    .lm_about_p6 .list .li:nth-child(3){ display: none;}
    .lm_about_p6 .list .li1{ width: 33.3%;}
    .lm_about_p6 .list .li2{ width: 66.6%;} */
    .lm_about_p6 .list .li:nth-child(4){ display: none}
    .lm_about_p6 .list .li:nth-child(5){ display: none}
    .lm_about_p6 .con_l .tit{ font-size: 30px;}
    .lm_about_p7 .tit{ font-size: 30px;}
    .lm_about_p7 .li{ width: 140px; height: 140px; text-align: center;}
    .lm_about_p7 .li img{ max-width: 60%;}
    .lm_about_p7 .swiper-slide{ width: calc(140px * 7);}
    .lm_about_p7 .swiper-container{ padding: 60px 0 30px 0;}
    .lm_about_p8 .con::before{width: 160px;height: 160px;bottom: 20px;}
    .lm_about_p8 .con_r {width: 160px;height: 160px;border-radius: 20px 0 0 0;right: 0;bottom: 20px;}
    .lm_about_p8 .con_r .txt{ display: none;}
    .lm_about_p8 .con_r .tit{ font-size: 26px;}
    .lm_about_p8 .con::after{border-radius: 0 40px 0 0;}
    .lm_about_p8 .con::after{ width: 100%;}
    .lm_about_p8 .pic{ width: 100%;}



}




































