body{color: #000;}
.fnt_14{font-size:14px;}
.fnt_16{font-size:16px;}
.fnt_18{font-size:18px;}
.fnt_20{font-size:20px;}
.fnt_22{font-size:22px;}
.fnt_24{font-size:24px;}
.fnt_28{font-size:28px;}
.fnt_30{font-size:30px;}
.fnt_32{font-size:32px;}
.fnt_34{font-size:34px;}
.fnt_36{font-size:36px;}
.fnt_40{font-size:40px;}
.fnt_48{font-size:48px;}
.fnt_60{font-size:60px;}
.fnt_72{font-size:72px;}
@media only screen and (max-width: 1660px){
    .fnt_18{font-size:16px;}
    .fnt_20{font-size:18px;}
    .fnt_22{font-size:20px;}
    .fnt_24{font-size:22px;}
    .fnt_28{font-size:26px;}
    .fnt_30{font-size:28px;}
    .fnt_32{font-size:30px;}
    .fnt_34{font-size:32px;}
    .fnt_36{font-size:34px;}
    .fnt_40{font-size:36px;}
    .fnt_48{font-size:44px;}
    .fnt_60{font-size:55px;}
    .fnt_72{font-size:60px;}
}
@media only screen and (max-width: 1440px){
    .fnt_16{font-size:14px;}
    .fnt_18{font-size:15px;}
    .fnt_20{font-size:16px;}
    .fnt_22{font-size:18px;}
    .fnt_24{font-size:20px;}
    .fnt_28{font-size:22px;}
    .fnt_30{font-size:24px;}
    .fnt_32{font-size:26px;}
    .fnt_34{font-size:28px;}
    .fnt_36{font-size:30px;}
    .fnt_40{font-size:32px;}
    .fnt_48{font-size:36px;}
    .fnt_60{font-size:45px;}
    .fnt_72{font-size:50px;}
}
@media only screen and (max-width: 1366px){
    .fnt_14{font-size:12px;}
    .fnt_16{font-size:14px;}
    .fnt_18{font-size:14px;}
    .fnt_20{font-size:16px;}
    .fnt_22{font-size:16px;}
    .fnt_24{font-size:18px;}
    .fnt_28{font-size:20px;}
    .fnt_30{font-size:22px;}
    .fnt_32{font-size:24px;}
    .fnt_34{font-size:26px;}
    .fnt_36{font-size:28px;}
    .fnt_40{font-size:30px;}
    .fnt_48{font-size:32px;}
    .fnt_60{font-size:40px;}
    .fnt_72{font-size:45px;}
}
@media only screen and (max-width: 1280px){
    .fnt_20{font-size:14px;}
    .fnt_22{font-size:16px;}
    .fnt_28{font-size:18px;}
    .fnt_30{font-size:20px;}
    .fnt_32{font-size:22px;}
    .fnt_34{font-size:24px;}
    .fnt_36{font-size:26px;}
    .fnt_40{font-size:28px;}
    .fnt_48{font-size:30px;}
    .fnt_60{font-size:38px;}
    .fnt_72{font-size:40px;}
}
@media only screen and (max-width: 1023px){
    .fnt_28{font-size:15px;}
    .fnt_40{font-size:24px;}
    .fnt_48{font-size:24px;}
    .fnt_72{font-size:36px;}

}
@media only screen and (max-width: 767px){
    .fnt_22{font-size:14px;}
    .fnt_24{font-size:16px;}
    .fnt_28{font-size:16px;}
    .fnt_30{font-size:18px;}
    .fnt_32{font-size:20px;}
    .fnt_34{font-size:22px;}
    .fnt_36{font-size:24px;}
    .fnt_48{font-size:28px;}
    .fnt_60{font-size:36px;}
    .fnt_72{font-size:30px;}
}

#fogWrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    z-index: -1;
    pointer-events: none;
    touch-action: none;
    --pos-x: 0;
    --pos-y: calc(var(--vh, 1vh) * 50);
    transform: translate(var(--pos-x), var(--pos-y));
}
#fogWrap::before {
    content: "";
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 53.625em;
    max-width: 80vw;
    max-height: calc(var(--vh, 1vh) * 85);
    aspect-ratio: 858/920;
    background: url("../images/lhl/fog_img01.svg") no-repeat center / contain;
    z-index: 2;
    animation: distortFog 15s infinite;
    animation-fill-mode: both;
    animation-direction: alternate;
}
@media screen and (max-width: 601px) {
    #fogWrap::before {
        max-width: 120vw;
    }
}
.wrap{width: 1680px;max-width: 90%;}
.bold{font-weight: bold;}
.index_news{margin-top: 40px;margin-bottom: 0;}
.index_01 ul li{width: 33.3%;}
.spec_li{text-align: right;}
.spec_div{display: inline-block;text-align: left;margin-top: 25%;}

.tit_img{margin-bottom: 80px;}
.tit_img img{width: 40px;height: 44px;}
.pub_tit{margin-bottom: 40px;}
.pub_tit h2{margin-bottom: 10px;}

.part1{padding-top: 30px;padding-bottom: 80px;}
.part1 h2{text-align: center;margin-bottom: 20px;}
.tlt_div{text-align: center;padding-bottom: 30px;border-bottom: 1px solid #000;margin-bottom: 40px;}
.word1 span{margin: 0 20px;
    background-image: linear-gradient(10deg, #d19b9f,#8d9db9);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.part1_bot-text{width: 58%;margin: 0 auto;text-align: center;}
.part1_bot-text h3{margin-bottom: 15px;}
.part1_bot-text p{line-height: 30px;}
.part1_bot-img{text-align: center;margin-top: 5%;margin-bottom: 3%;}
.part1_list{text-align: center;font-size: 0;}
.part1_list li{display: inline-block;padding: 0 60px;box-sizing: border-box;position: relative;}
.part1_list li:after{content: "";position: absolute;width: 8px;height: 8px;background: #000;border-radius: 8px;top: 85px;right: -4px;}
.part1_list dd{width: 179px;height: 179px;text-align: center;line-height: 179px;background: url(../images/lhl/xh_05.png) no-repeat center;background-size: cover;margin-bottom: 20px;font-weight: 300;}
.part1_list dt{font-weight: bold;}
.part1_list li:last-child:after{display: none;}

.part2{overflow: hidden;padding-top: 80px;position: relative;}
.part2_bg{position: absolute;left: 0;top: 80px;width: 44.5%;}
.part2_01{margin-bottom: 60px;overflow: hidden;}
.part2_01 dd{float: right;width: 69.7%;}
.part2_01 dt{float: left;width: 30.3%;padding-right: 3%;box-sizing: border-box;}
.part2_01 dt h2{margin-top: -8%;}
.part2_01 dt img{width: 65%;}
.part2_01 dt p{margin-top: 50px;font-weight: 300;margin-bottom: 10px;}
.part2_01 dt span{display: block;font-weight: bold;}
.part2_02-b{margin-top: 50px;}
.part2_02-b dd{float: left;width: 30.3%;position: relative;}
.part2_02-b dd p{position: absolute;color: #fff;right: 30px;top: 25px;}
.part2_02-b dt{float: right;width: 69.7%;padding-left: 5%;box-sizing: border-box;position: relative;}
.part2_02-b dt h2{position: absolute;right: 0;top: 15px;font-weight: bold;line-height: 1.1}
.part2_02-b dt img{margin-top: 10%;}
.part2_02-b dt p{margin-top: 16%;font-weight: bold;}


.part3{padding-top: 5%;}
.part3 h2{margin-top: 30px}
.index_news ul{display: none;}
.index_news ul.on{display: block;}
.index_news span{display: block;margin-bottom: 8px;}
.index_news dl{background: #efefef;padding: 50px 40px;border-radius: 0;}
.index_news dd{color: #666;padding: 0;}
.index_news dd p{line-height: 1.5em;height: 3em;overflow: hidden;}
.index_news ul{overflow: hidden;margin: 0 -10px;}
.index_news li{width: 33.33%;*margin-left: -1px;float: left;}
.index_news li dl{margin: 0 10px;border-top:1px solid #efefef;border-bottom:1px solid #efefef;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.index_news li h3{font-weight: bold;margin-bottom: 20px;}

.index_01{padding: 115px 0 100px 0;/*overflow: hidden; */ display: table;width: 100%;padding-top: 0;}
.index_01 .pub_title{margin-bottom: 90px;}
.index_01 .pub_tit h2{margin-top: 30px;}
.index_01 ul{margin: 0 -10px;}
.index_01 ul li{float: left;width:33.3%;*margin-left: -1px;}
.index_01 ul li dl{padding: 0 10px;color: #6b6b6f;}
.index_01 ul li a{color: #6b6b6f;}
.index_01 ul li dd{border-bottom: 1px solid #6b6b6f;border-top: 1px solid #6b6b6f;overflow: hidden;padding: 6px 0;
    transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
    opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;
    -webkit-transform: translateY(50px); -moz-transform: translateY(50px);-o-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);

}
.index_01 ul li dd p{/*float: left;width: calc(100% - 70px);*/line-height: 1.7em;height: 3.4em;overflow: hidden;}
.index_01 ul li dd span{font-family: "Arial";float: right;line-height: 60px;}
.index_01 ul li dt{margin-bottom: 50px;position: relative;/*overflow: hidden;*/}
.index_01 ul li dt p{ text-transform: uppercase;margin-top: 20px;}
.index_01 ul li dt p,.index_01 ul li dt h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.service_p{width: 90px; height: 90px; color: #fff; padding: 3px;border: 2px solid #f6f6f7;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;  z-index: 2; }
.service_p p{margin-top: 28px;}

.index_01 ul dt{overflow: inherit;}
.index_01 ul dt .slew_01{position: absolute;top:0;left: 0;width: 100%;height: 100%;opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;
    transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.index_01 ul dt .slew_01 img{width: 100%;height: 100%;}


@media only screen and (min-width:1025px) {
    .index_01 ul dl:hover{position: relative;z-index:9;}
    .index_01 ul dl:hover .slew_01,.index_01 ul dl:hover dd{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}
    .index_01 ul dl:hover img{transform:scale(1.07,1.07); -webkit-transform:scale(1.07,1.07);-moz-:scale(1.07,1.07);-o-transform:scale(1.07,1.07);-ms-transform:scale(1.07,1.07);}
    .index_01 ul dl:hover dd,.index_02:hover p,.index_02:hover .pub_more{-webkit-transform: translateY(0); -moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}
    .index_news li dl:hover{background: none;border-top:1px solid #6b6b6f;border-bottom:1px solid #6b6b6f;}

}

.index_02{text-align: center;padding:310px 0 270px 0;color: #fff;position: relative;overflow: hidden;}
.index_02 .index_slider{padding: 0 80px;}
.index_02 .wrap{position: relative;z-index:2;}
.index_icon{margin-bottom: 10px;}
.index_icon img{width: 75px;height: 75px;}
.index_02 h1{margin-bottom: 15px;}
.index_02 p{line-height: 1.875em;}
.index_02 p,.index_02 .pub_more{
    -webkit-transform: translateY(50px); -moz-transform: translateY(50px);-o-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);
    opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;
    transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;
}


.index_04 video{
    /*width: 100%;height: 100%;position: absolute;top:0;left: 0;    background: #000;*/
    position: absolute;
    left: 50%;
    top: 0;
    min-height: 100%;
    width: 100%;
    transform: translateX(-50%);
    background: #000;object-fit: cover;
}
.index_04 p{-webkit-transform: translateY(0); -moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}
.index_04 .index_a{position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: 9; text-indent: -99999px;}
.index_04 .walker_video{display: none;}

.part5{margin-bottom: 80px;}
.part6{padding: 95px 0 80px;box-sizing: border-box;overflow: hidden;position: relative;}
.part6 .part2_bg{top: 0;width: 97%;}
.part6 .wrap{position: relative;z-index: 2;}
.part6-con{width: 10rem;margin: 0 auto;}
.part6-con-t{margin-bottom: 60px;overflow: hidden;}
.part6-con-t dd{background: #efefef;padding: 40px;box-sizing: border-box;overflow: hidden;}
.part6-con-t .dd-l{float: left;width: 30%;}
.dd-l-t span{float: left;width: 28px;height: 28px;background: #ad2632;border: 1px solid #ad2632;border-radius: 100%;z-index: 3;position: relative;}
.dd-l-t span.circle_02{background: none;border: 1px solid #1b2850;margin-left: -8px;z-index: 2;}
.dd-l-b{font-size: 213px;margin-top: 100px;}
.dd-l-b h2{line-height: 1.1;}
.part6-con-t .dd-r{float: right;width: 53.5%;}
.part6-con-t .dd-r li{border-bottom: 1px solid #000;}
.part6-con-t .dd-r li:last-child{border-bottom: 0;}
.dt-item{float: left;width: 50%;padding: 20px 28px;box-sizing: border-box;color: #fff;text-align: right;}
.dt-item.xh_red{background: #ad2632;}
.dt-item.xh_blue{background: #1b2850;}
.dt-item h3{margin-bottom: 12px;}
.dt-item span{border: 1px solid rgba(255,255,255,.2);padding: 2px 17px;box-sizing: border-box;}
.dt-item p{margin-top: 90px;}
.part6-con-b{border: 1px solid #cecece;box-sizing: border-box;padding: 0.3rem 0 0.7rem;}
.part6-con-b{overflow: hidden;box-sizing: border-box;}
.part6-con-b h3{padding: 0 0.35rem 0.7rem;box-sizing: border-box;}
.part6-con-b01,.part6-con-b02{float: left;}
.part6-con-b01 img,.part6-con-b02 img{width: 100%;}
.part6-con-b01{margin-left: 1.25rem;width: 5.66rem;position: relative;}
.part6-con-b02{width: 2.19rem;}
.fx_box{width: 4.36rem;height: 3.28rem;overflow: hidden;position: absolute;top:0.13rem;left: 0.66rem;border-radius: 10px;}
.fx_scoll{overflow: hidden; /*overflow-y:auto;*/width:100%;height: 100%;}
.fx_scoll img{height: auto !important;width: 100%;}
body::after{
    display: none;
}
@-webkit-keyframes line_a {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-2rem);
        transform: translateY(-2rem);
    }
}

@keyframes line_a {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-2rem);
        transform: translateY(-2rem);
    }
}


@media only screen and (min-width:1025px) {
    .fx_scoll.on img{animation: line_a 5s linear infinite  ;}
    .fx_scoll img{animation: line_a 5s linear infinite  ;animation-play-state: paused;}

}


.part7{box-sizing: border-box;overflow: hidden;position: relative;margin-top: 70px;}
.part7 .part2_bg{top: 0;width: 100%;}
.part7_tit{float: right;}
.part7_tit img{width: 40%;margin-left: 30%;}
.part7-bot>.wrap{margin-top: -7%;margin-bottom: 50px;}
.part7-bot h3,.part7-bot p{font-weight: bold;}
.part7-swiper{position: relative;}
.part7-swiper li{position: relative;}
.part7-swiper li img{width: 100%;}
.part7-swiper li.swiper-slide-active img {
    animation: zoom 3s;
}
@keyframes zoom {
    0% {
        transform: scale3d(1.2, 1.2, 1.2);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}
.part7-swiper h2{font-size: 200px;color: #efefef;width: 100%;text-align: center;font-weight: bold;}
.part7-swiper .lhl_but div{background: none;width: 62px;text-align: center;height: 62px;margin-top: -31px;}
.part7-swiper .lhl_but div img{width: 100%;height: 100%;}
.part7-swiper .lhl_but div.swiper-button-prev{left: 6.25%;}
.part7-swiper .lhl_but div.swiper-button-next{right: 6.25%;}

.part8{padding: 80px 0;box-sizing: border-box;overflow: hidden;}
.part8 h2{margin-bottom: 10px;}
.part8-con{padding: 70px 10% 0;box-sizing: border-box;background: #efefef;margin-top: 70px;}
.part8-con img{width: 100%;}

.part12{position: relative;padding-top: 20px;}
.part12 .part2_bg{width: 30.5%;top: 0;}
.part12>.wrap{margin-bottom: 5%;}

@media only screen and (max-width:1660px) {
    .dd-l-b{font-size: 180px;margin-top: 80px;}
    .part7-swiper h2{font-size: 180px;}
}
@media only screen and (max-width:1560px) {
    .dd-l-b{font-size: 170px;}
    .part7-swiper h2{font-size: 150px;}
}
@media only screen and (max-width:1440px) {
    .inbanner .banner_page span{margin:10px 0;}
    .index_01,.index_03{padding: 80px 0;}
    .index_02{padding: 150px 0;}
    .index_01 .pub_title{margin-bottom: 50px;}
    .index_news li dl{padding: 30px;}
    .part7-swiper h2{font-size: 120px;}
    .dd-l-b {
        font-size: 140px;
    }
}
@media only screen and (max-width:1024px) {
    .part1{padding-bottom: 40px;}
    .part1_bot-text{width: 80%;}
    .part1_list li{padding: 0 30px;}
    .part1_list dd{width: 130px;height: 130px;line-height: 130px;}
    .part1_list li:after{top: 61px;}
    .part2{padding-top: 30px;}
    .fnt_150{font-size: 36px;}
    .part2_01 dt img{width: 40%;}
    .part2_01 dt p{margin-top: 20px;}
    .part2_02-b dt p{margin-top: 30px;}
    .spec_div{margin-top: 15%;}
    .index_01,.index_03{padding: 50px 0;}
    .index_01 ul li dd{opacity: 1;transform: none;}
    .index_01 ul li dt{margin-bottom: 25px;}
    .tit_img{margin-bottom: 40px;}
    .part6{padding: 40px 0;}
    .part6-con{width: 100%;}
    .part6-con-b01{width: 50%;margin-left:12%;}
    .fx_box{display: none;}
    .part6-con-b02 {
        width: 23%;
        margin-top: -5.6%;
    }
    .part7{margin-top: 30px;}
    .part7_tit img{width: 20%;margin-left: 28%;}
    .part7-swiper h2{font-size: 100px;}

}
@media only screen and (max-width:767px) {
    .tlt_div{padding-bottom: 20px;margin-bottom: 25px;}
    .word1 span{margin: 0 5px;}
    .part1{padding-bottom: 0px;}
    .part1_bot-text{width: 100%;}
    .part1_bot-img img:first-child{width: 2.16rem;}
    .part1_bot-img img:nth-child(2){width: 0.49rem;}
    .part1_bot-img img:nth-child(3){width: 1.48rem;}

    .part1_list li{padding: 0 10px;width: 100%;margin-bottom: 30px;}
    .part1_list dd{width: 100px;height: 100px;line-height: 100px;margin-left: auto;margin-right: auto;}
    .part1_list dd p{font-size: 20px;}
    .part1_list li:after{display: none;}
    .part2_01{margin-bottom: 40px;}
    .part2_02-t img{width: 40px;}
    .part2_01 dt,.part2_01 dd{width: 100%;}
    .part2_01 dt{padding-right: 0;margin-bottom: 20px;}
    .part2_01 dt h2{margin-top: 0;}
    .part2_01 dt img{width: 23%;}
    .part2_02-b dd,.part2_02-b dt{width: 100%;}
    .part2_02-b{margin-top: 30px;}
    .part3{padding-top: 50px;}
    .index_news li{width: 100%;margin-bottom: 20px;}
    .index_01 ul li{width: 100%;margin-bottom: 20px;}
    .spec_li{text-align: left;}
    .dd-l-b {
        font-size: 40px;margin-top: 30px;
    }
    .part6-con-t .dd-r{width: 100%;margin-top: 20px;}
    .part7_tit{text-align: right;}
    .part7_tit img{width: 15%;
        margin-left: 30%;}
    .part7-swiper h2{font-size: 40px;}
    .part8{padding: 40px 0;}
}