@charset "utf-8";
/* CSS Document */
*{ box-sizing: border-box; padding:0; margin:0;}
html{ width: 100%; overflow-x: hidden;}
body { font: var(--fz16) "Microsoft Yahei","Arial",sans-serif; color: #333; line-height: 1.5;  letter-spacing: 0.05vw; -webkit-text-size-adjust: none; }
img{border:0; vertical-align: middle; max-width: 100%;}
dl,dt,dd{display: block;}
a{text-decoration:none; transition: 0.5s; outline: none; color: #333;}
input{height: 100%;}
input,textarea{  outline:none;  border: 0; background:none; font: var(--fz16) "Microsoft Yahei","Arial",sans-serif; width: 100%; }
input[type="button"], input[type="submit"], input[type="text"] {-webkit-appearance: none; outline: none; }
button{border: 0; background: none; height: 100%; cursor: pointer; font-size: 0.94vw;}
video{width: 100%; height: 100%; object-fit: cover;}

/*文本框placeholder=""文字颜色*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #666; opacity: 1}
input:-moz-placeholder,textarea:-moz-placeholder {color: #666; opacity: 1}
input::-moz-placeholder,textarea::-moz-placeholder {color: #666; opacity: 1}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #666; opacity: 1}

/* 扫除浮动 */
.cf:before{ content: ''; display: table }
.cf:after{ content: ''; display: table; clear: both }
.cf { *zoom: 1 }

/* 字体 */
@font-face {
	font-family: 'BaiJamjuree';
	src: url('/lydlww/xhtml/fonts/BaiJamjuree-Regular.ttf');
    font-display: swap;
}

:root{
    --color: #D88820;
    --hover: #F6AB00;
    --fz12: 0.625vw;
    --fz14: 0.7292vw;
    --fz16: 0.8333vw;
    --fz18: 0.9375vw;
    --fz20: 1.0417vw;
    --fz24: 1.25vw;
    --fz26: 1.3542vw;
    --fz30: 1.5625vw;
    --fz46: 2.3958vw;

    --h160: 8.3333vw;

    --white02: rgba(255, 255, 255, 0.1);
    --radius: 1.0417vw;
}

/* 公用类 */
.wrap{width: 83.3333vw; margin: 0 auto; } /* 1600 */
.line{overflow:hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.line2{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.o{border-radius: var(--radius); overflow: hidden;}

.c_more{width: 9.375vw; height: 2.3958vw; color: #fff; border: 1px solid #fff; border-radius: 2.3958vw; display: inline-flex; align-items: center; justify-content: center; font-weight: bold; font-size: var(--fz14);}
.c_more::after{content: '\eb93'; font-family: "iconfont"; font-size: 1.3542vw; padding-left: 0.5208vw; font-weight: normal;}
.c_more:hover{background: var(--color); color: #fff; border-color: var(--color);}
.c_more.fill{background: var(--color); color: #fff; border-color: var(--color);}
.c_more.fill:hover{background: var(--hover); border-color: var(--hover);}
.c_more.black{border-color: #333; color: #333;}
.c_more.black:hover{color: #fff; border-color: var(--color);}
.c_more.h:hover{background-color: var(--hover); color: var(--hover); color: #fff;}

.c_h46{font-size: var(--fz46); font-weight: bold; line-height: 1;}
.c_h24{font-size: var(--fz24); font-weight: bold; }

.c_tmt{font-family: "Arial"; display: flex; align-items: center; color: #999;}
.c_tmt::before{content: ''; width: 0.3125vw; height: 0.3125vw; background: var(--color); margin-right: 0.4167vw; margin-bottom: 0.1042vw; flex-shrink: 0;}

.c_tit{display: flex; align-items: center;}
.c_tit::before{content: '';  width: 0.4167vw; height: 0.4167vw; margin-right: 0.5208vw; background: var(--color);}


/* 视频配景 */
.back_video{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.back_video::before,
.back_video::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;  background-position: center; background-size: cover; z-index: 1; }
.back_video .video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.back_video .pcimg,
.back_video .phoneimg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: cover; }
.video_dialog{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; background: rgba(0, 0, 0, 0.6); display: none; }
.video_dialog .box{background: #ddd; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 65%; height: 70%;}
.video_dialog .close{position: absolute; right: 0; top: 0; margin: -1.56vw; cursor: pointer; color: #fff; font-size: 1.56vw; line-height: 1;}


/* 公用头部、尾部*/
.header{display: flex; width: 100%; height: 4.1667vw; padding: 0 5.2083vw; border-bottom: 1px solid var(--white02); position: fixed; left: 0; top: 0; z-index: 99; transition: 1s; transform: translateY(-100%);}
.header::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.10);backdrop-filter: blur(5px); z-index: -1; transition: 1s;}
.header .logo{padding: 0 2.0833vw; border-left: 1px solid var(--white02); border-right: 1px solid var(--white02); display: flex; align-items: center;}
.header .logo a{position: relative; display: inline-block;}
.header .logo img{width: 10.833vw; transition: 0.5s;}

.header .nav{ display: flex; padding-left: 3.125vw; margin-right: auto; font-size: var(--fz14);}
.header .nav dl{position: relative;}
.header .nav dl+dl{margin-left: 2.6042vw;}
.header .nav dt{height: 100%;}
.header .nav dt a{ color: #fff; display: flex; height: 100%; align-items: center;}
.header .nav dt i{font-size: var(--fz12); padding-left: 0.2604vw;}
.header .nav dd{ position: absolute; left: 50%; top: 100%; transform: translateX(-50%); transition: 0.5s; opacity: 0; pointer-events: none;}
.header .nav span{display: block; background: rgba(255, 255, 255, 0.80); box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.10); backdrop-filter: blur(15px); width: 9.7396vw;}
.header .nav span a{display: block; text-align: center; padding: 1.0417vw 0; border-bottom: 1px solid #D9D4D4;}
.header .nav span a:hover{border-bottom: 1px solid var(--color); background: rgba(193, 25, 32, 0.15); color: var(--color);}

.header .nav dt a.active,
.header .nav dl:hover dt a{color: var(--color);}
.header .nav dl:hover dd {opacity: 1; pointer-events: initial;}

.header .lang dl{height: 100%; border-left: 1px solid var(--white02); border-right: 1px solid var(--white02); position: relative;}
.header .lang dt{display: flex; height: 100%; padding: 0 2.0833vw; align-items: center; cursor: pointer;}
.header .lang dt i{color: #fff; font-size: 1.0417vw; transition: 0.5s;}
.header .lang dd{position: absolute; left: 0; top: 100%; width: 100%; background: rgba(255, 255, 255, 0.80); opacity: 0; pointer-events: none; transition: 0.5s; border: 1px solid rgba(0, 0, 0, 0.2); backdrop-filter: blur(15px);}
.header .lang dd a{display: block; padding: 0.5208vw 0; text-align: center;}
.header .lang dd a:hover{color: var(--color);}
.header .lang dl:hover dt i{color: var(--color);}
.header .lang dl:hover dd{opacity: 1; pointer-events: initial;}
.header .contact{  border-right: 1px solid var(--white02); height: 100%;}
.header .contact a{color: #fff; font-size: var(--fz14); padding: 0 2.0833vw; height: 100%; display: flex; align-items: center;}
.header .contact i{padding-left: 0.5208vw;}
.header .contact a:hover{color: var(--color);}

.header.white{ border-bottom: 1px solid rgba(0, 0, 0, 0.10); }
.header.white::after{background: rgba(255, 255, 255, 0.80); backdrop-filter: blur(10px);}
.header.white .logo{border-color: rgba(0, 0, 0, 0.10);}
.header.white .nav dt a{color: #000;}
.header.white .nav dt a.active{color: var(--color);}
.header.white .lang dl{border-color: rgba(0, 0, 0, 0.10);}
.header.white .contact{border-color: rgba(0, 0, 0, 0.10);}
.header.white .lang dt i{color: #000;}
.header.white .contact a{ color: #000;}
.header.white .contact a:hover{color: var(--color);}

.header.show{transform: translateY(0);}
.header.up{transform: translateY(-100%);}


.footer{ background: #F7F2EE; position: relative; z-index: 1;}

.footer .col_2{display: flex; padding: 3.125vw 0;}
.footer .col_2 .logo img{width: 15.1vw;}
.footer .col_2 .nav{margin-left: auto; display: flex; align-items: center;}
.footer .col_2 dl+dl{padding-left: 4.6875vw;}
.footer .col_2 dt a{font-weight: bold; font-size: var(--fz18); }
.footer .col_2 dd{display: none;}
.footer .col_2 dd a{display: block; font-size: var(--fz16); color: #666; margin-top: 1.1458vw;} 
.footer .col_2 dl a:hover{color: var(--color);}

.footer .col_3{padding-bottom: 2.6042vw; display: flex; margin: 0 -0.2604vw;}
.footer .col_3 .item{width: 25%; padding: 0 0.2604vw;}
.footer .col_3 dl{position: relative; cursor: pointer;}
.footer .col_3 dt{ border: 1px solid #D5D7DB; height: 2.7083vw;  display: flex; align-items: center; justify-content: space-between; padding: 0 1.3021vw; color: #666;}
.footer .col_3 dt span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.footer .col_3 dt::after{content: '\eb6c'; flex-shrink: 0; height: 100%; display: flex; align-items: center; justify-content: center; font-family: "iconfont"; font-size: 0.63vw; font-weight: bold; color: #333;}
.footer .col_3 dd{position: absolute; left: 0; bottom: 100%; z-index: 1; background: #fff; border: 1px solid #F1F4F6; width: 100%; max-height: 11.46vw; overflow: auto; display: none;}
.footer .col_3 dd a{display: block; padding: 0.52vw;}
.footer .col_3 dd a+a{border-top: 1px solid #F1F4F6;}
.footer .col_3 dd a:hover{color: var(--color);}

.footer .col_4{display: flex; justify-content: space-between; padding-bottom: 1.5625vw; font-size: var(--fz14); color: #666; opacity: 0.6;}
.footer .col_4 a{color: 666;}
.footer .col_4 a:hover{color: var(--color);}



/* 首页 */
.home_main > div{background: #fff; position: relative;}


.home_part1{height: 100vh; display: flex; flex-direction: column; overflow: hidden; z-index: 2;}
.home_part1 .back_video::before{background: url(/lydlww/xhtml/images/home/back_1.png) center no-repeat; background-size: cover;}
.home_part1 .title{flex: 1; display: flex; flex-direction: column; justify-content: center; padding-top: 2vw; text-align: center; position: relative; z-index: 10;color: #FFF; text-shadow: 0 0.2vw 0.2vw rgba(0, 0, 0, 0.20);font-family: "Source Han Sans CN";font-size: 3.333vw;font-weight: 700;letter-spacing: 0.4vw;}
.home_part1 .con_box{background: rgba(0, 0, 0, 0.10); backdrop-filter: blur(10px); position: relative; z-index: 10; display: flex;border-top: 1px solid rgba(255, 255, 255, 0.1);}
.home_part1 .con_box .li{ flex: 1; height: 12vw; padding:1vw 1vw 1.5vw 1vw ; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid rgba(255, 255, 255, 0.1);border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #fff; font-size: var(--fz16); width: 100%; text-align: left; }
.home_part1 .con_box .li:last-child{ border-right: none;}
.home_part1 .con_box .li .num{ display: flex; justify-content: flex-end;}
.home_part1 .con_box .li .num b{ font-size: 2.86vw; margin-right: 0.5vw; line-height: 1; font-family: 'BaiJamjuree'; }


.home_part2 {background: #F7F2EE !important;}
.home_part2 .con_box{ display: flex; padding: 10.4167vw 0;}
.home_part2 .con_box .img{ width: 50%;}
.home_part2 .con_box .img img{ width: 100%;}
.home_part2 .con_box .con_r{ width: 50%; padding-left: 4.68vw;}
.home_part2 .con_box .con_r .c_h46{ color: var(--color); line-height: 1.3; padding-top: 1vw;}
.home_part2 .con_box .con_r .txt{ font-family: var(--fz16); color: #666; line-height: 1.8; padding-top: 1.5vw;}
.home_part2 .con_box .con_r .tat{ padding-top: 4.16vw;}


.home_part3{padding: 10.4167vw 0;  z-index: 2;}
.home_part3 .c_h46{text-align: center; padding-bottom: 2.6vw;}
.home_part3 .c_h46 a:hover{color: var(--color);}
.home_part3 .tab_box{margin-bottom: 2.3438vw; border-bottom: 1px solid #D5D7DB;}
.home_part3 .tab{display: flex;}
.home_part3 .tab a{flex: 1; text-align: center; padding: 0.5208vw 0 1.0417vw 0; font-size: var(--fz20); color: #999; position: relative;}
.home_part3 .tab a::after{content: ''; position: absolute; left: 0%; bottom: -1px; width: 100%; height: 0.1563vw; background: var(--color); transition: 0.5s; opacity: 0;}
.home_part3 .tab a.selected{color: var(--color);}
.home_part3 .tab a.selected::after{opacity: 1;}

.home_part3 .cont{display: flex; position: relative;}
.home_part3 .cont .tat{display: none;}
.home_part3 .tmt::before{content: ''; width: 0.3125vw; height: 0.3125vw; background: var(--color); margin-right: 0.4167vw; flex-shrink: 0;}
.home_part3 .list{width: 37.5vw; flex-shrink: 0;}
.home_part3 .list .item+.item{padding-top: 1.4583vw;}
.home_part3 .list dl{display: flex; align-items: center;}
.home_part3 .list dt{width: 16.6667vw; border-radius: var(--radius); flex-shrink: 0; overflow: hidden;}
.home_part3 .list dt img{width: 100%;}
.home_part3 .list dd{padding-left: 1.5625vw; flex: 1; overflow: hidden;}
.home_part3 .list .txt{padding: 0.5208vw 0; font-size: var(--fz20); transition: 0.5s;}
.home_part3 .list .tet{color: #999;}
.home_part3 .list a:hover .txt{color: var(--color);}

.home_part3 .hot{position: absolute; right: 0; top: 0; height: 100%; width: 41.4583vw;}
.home_part3 .hot dl{position: relative; border-radius: var(--radius); overflow: hidden;}
.home_part3 .hot dt{position: relative;}
.home_part3 .hot dt img{width: 100%; height: 100%; object-fit: cover;}
.home_part3 .hot dt span{position: absolute; left: 2.0833vw; top: 1.5625vw; background: var(--color); color: #fff; border-radius: 0.2083vw; padding:0.1563vw 1.0417vw;}
.home_part3 .hot dt::after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 16.6667vw; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 16.51%, rgba(0, 0, 0, 0.32) 45.73%, rgba(0, 0, 0, 0.61) 100%);}
.home_part3 .hot dd{position: absolute; left: 0; bottom: 0; z-index: 1; padding: 2.0833vw 3.125vw; width: 100%;}
.home_part3 .hot .c_tmt{color: #fff; font-family: 'BaiJamjuree';  font-size: var(--fz16); line-height: 1.2;}
.home_part3 .hot .c_h24{ font-weight: lighter; color: #fff; transition: 0.5s; margin-top: 0.52vw;}
.home_part3 .hot a:hover .c_h24{color: var(--hover);}
.home_part3 .hot .swiper{ border-radius: var(--radius);}

.home_part3 .hot .swiper,
.home_part3 .hot .swiper-wrapper,
.home_part3 .hot .swiper-slide
.home_part3 .hot a,
.home_part3 .hot dl,
.home_part3 .hot dt{height: 100%;}
.home_part3 .hot .button{width: 2.0833vw; height: 2.0833vw; position: absolute; top: 50%; border-radius: 50%; background: rgba(216, 136, 32, 0.80); z-index: 1; display: flex; align-items: center; justify-content: center; color: #fff; cursor: pointer; transition: 0.5s;}
.home_part3 .hot .button i{font-size: var(--fz18);}
.home_part3 .hot .prev{left: 1.0417vw;}
.home_part3 .hot .next{right: 1.0417vw;}
.home_part3 .hot .button:hover{background: var(--color);}

.home_part3 .list1{display: flex; flex-wrap: wrap; margin: -2.0833vw -2.0833vw 0;}
.home_part3 .list1 .item{width: 50%; padding: 2.0833vw 2.0833vw 0;}
.home_part3 .list1 dl{display: flex; align-items: center; border-bottom: 1px solid rgba(217, 217, 217, 0.5); padding-bottom: 2.0833vw; height: 6.6667vw;}
.home_part3 .list1 dt{ flex-shrink: 0; padding-right: 1.5625vw; border-right: 1px solid #D5D7DB; text-align: center;}
.home_part3 .list1 dt .logo{height: 1.8229vw; margin-bottom: 0.5208vw;}
.home_part3 .list1 dt .logo img{max-height: 100%;}
.home_part3 .list1 dt .tpt{font-size: var(--fz20); color: var(--color); width: 5.4688vw; padding-bottom: 0.2604vw;}
.home_part3 .list1 dt .tit{font-family: 'Arial'; color: #999;}
.home_part3 .list1 dt .tdt{font-family: 'Arial'; color: var(--color); font-size: 1.4583vw;}
.home_part3 .list1 dd{padding-left: 1.5625vw; flex: 1; overflow: hidden;}
.home_part3 .list1 .txt{font-size: var(--fz20); transition: 0.5s; }
.home_part3 .list1 .tet{color: #999; padding-top: 0.5208vw;}
.home_part3 .list1 a:hover .txt{color: var(--color);}

.home_part3 .list1_box{width: 37.5vw; flex-shrink: 0; }
.home_part3 .list1_box .item{width: 100%; }

.home_part3 .list2{ display: grid; grid-template-columns:1fr 1fr 1fr; gap:2.604vw; width: 100%;}
.home_part3 .list2 .item{border-radius: var(--radius); overflow: hidden; }
.home_part3 .list2 .item a{ display: block; position: relative; width: 100%; }
.home_part3 .list2 .item img{ width: 100%; height: 14.583vw; object-fit: cover;border-radius: var(--radius);}
.home_part3 .list2 .item .txt{position: absolute; left: 0; bottom: 0; padding: 1.0416vw 2.0833vw; width: 100%; z-index: 10;background: linear-gradient(180deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.70) 100%);}
.home_part3 .list2 .item .c_tmt{color: #fff; font-family: 'BaiJamjuree';  font-size: var(--fz16); line-height: 1.2;}
.home_part3 .list2 .item .tpt{ font-size: var(--fz20); font-weight: lighter; color: #fff; transition: 0.5s; margin-top: 0.52vw;}
.home_part3 .list2 .item a:hover .tpt{color: var(--color);}


.home_part4{ padding: 10.4167vw 0; z-index: 1; background: radial-gradient(324.65% 135.64% at 56.43% 50%, #FFFCFA 0%, #E6DDD6 36.11%, #C9BBB0 100%) !important; overflow: hidden; }
.home_part4 .c_h46{text-align: center; padding-bottom: 2.6vw;}
.home_part4 .swiper_box{height: 33.854vw; position: relative; }
.home_part4 .swiper_box .button{width: 3.5416vw; height: 3.5416vw; position: absolute; top: 50%; border-radius: 50%; border: 1px solid rgba(153, 153, 153, 0.30); z-index: 10; display: flex; align-items: center; justify-content: center; color: #fff; cursor: pointer; transition: 0.5s;}
.home_part4 .swiper_box .button i{font-size: var(--fz18); color: #999;}
.home_part4 .swiper_box .prev{left: -4vw;}
.home_part4 .swiper_box .next{right: -4vw;}
.home_part4 .swiper_box .button:hover{ border-color : var(--color);}
.home_part4 .swiper_box .button:hover i{ color : var(--color);}

.home_part4 .swiper{height:100%; }
.home_part4 .swiper-slide{ display: flex; height: 100%;}
.home_part4 .swiper-slide .box{ width: 27.552vw; margin:0 4.6875vw; padding-top: 6.25vw;}
.home_part4 .swiper-slide .txt{ border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding-bottom: var(--fz20); margin-bottom: var(--fz20); line-height: var(--fz30);} 
.home_part4 .swiper-slide .txt .p1{font-family: 'BaiJamjuree'; font-size: var(--fz20); padding-right: 0.52vw;}
.home_part4 .swiper-slide .txt .p2{ font-weight: bold; font-size: var(--fz24);}
.home_part4 .swiper-slide .tet{ font-size: var(--fz16); color: #999; padding-bottom: 2.604vw;} 
.home_part4 .swiper-slide .img{ flex: 1; position: relative;}
.home_part4 .swiper-slide .img img{ max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.home_part4 .swiper-pagination{display: none;}

.home_part4 .tab_box{ display: flex;justify-content: center;}
.home_part4 .swiper_tab{display: flex;  z-index: 2; margin-top: 2.3438vw; border-bottom: 1px solid #D5D7DB;}
.home_part4 .swiper_tab > div{padding:0 2.8645vw; position: relative;}
.home_part4 .swiper_tab > div::after{content: ''; position: absolute; left: 0%; bottom: -1px; width: 100%; height: 0.1563vw; background: var(--color); transition: 0.5s; opacity: 0;}
.home_part4 .swiper_tab span{ display: block; line-height: 3.125vw; font-size: var(--fz20); color: #999; cursor: pointer;}
.home_part4 .swiper_tab > div.on::after{opacity: 1;}
.home_part4 .swiper_tab > div.on span{color: var(--color);}


.home_part5{z-index: 1; padding: 10.4167vw 0; overflow: hidden;}
.home_part5 .c_h46{text-align: center; padding-bottom: 2.6vw;}
.home_part5 .wrap{ position: relative; z-index: 10;}
.home_part5 .con_box{ display: flex; justify-content: space-between;}
.home_part5 .con_l .tit{ font-size: var(--fz24); font-weight: bold; color: #666; padding-bottom: 1.5625vw;}
.home_part5 .con_l .tab a{ padding: 0 2.3958vw; line-height: 2.916vw; font-size: var(--fz20); display: block; background: #fff; color: #666; border-radius: 0.416vw; margin-bottom: 0.52vw;}
.home_part5 .con_l .tab a:hover,
.home_part5 .con_l .tab a.selected{ background: var(--color); color: #fff;}
.home_part5 .con_r .cont{ display: flex;}
.home_part5 .con_r .li_l{ border-right: 1px solid #C7C7C7; padding-right: 2.604vw;}
.home_part5 .con_r .li_l .num{ display: flex; font-family: 'BaiJamjuree';}
.home_part5 .con_r .li_l .num > span{ font-size: 5.7291vw; line-height: 5.729vw; }
.home_part5 .con_r .li_l .num .iconfont{ transform: rotate(-90deg); font-size:4.2vw ; width: 5vw; display: flex; justify-content: center;}
.home_part5 .con_r .li_l .num.color_down .iconfont{ transform: rotate(90deg);}
.home_part5 .con_r .li_l .num .num_r{ display: flex; font-size: var(--fz18);flex-direction: column; justify-content: flex-end; padding-bottom: 0.3vw; text-align: right;}
.home_part5 .con_r .li_l .time{ font-size: var(--fz16); padding-bottom: 0.52vw; font-family: 'BaiJamjuree'; text-align: right; color: #999;}
.home_part5 .con_r .li_l .stop{ font-size: var(--fz18); padding: 0.7812vh 1.458vw; border-top: 1px solid #C7C7C7; border-bottom: 1px solid #C7C7C7; display: flex;}
.home_part5 .con_r .li_l .stop > div{ flex: 1; text-align: center; color: #999;}
.home_part5 .con_r .li_l .stop > div span{  color: #666; font-family: 'BaiJamjuree';}
.home_part5 .con_r .li_r{padding-left: 2.604vw;}
.home_part5 .con_r .li_r > div{ line-height: 2.604vw; font-size: var(--fz18); color: #999;font-family: 'BaiJamjuree';}
.home_part5 .con_r .li_r > div span{ color: #666;} 
.home_part5 .con_r .color_up{ color:#C11920 !important; }
.home_part5 .con_r .color_down{ color:#42AB9D !important; }
.home_part5 .list{ display: flex; padding-top: 3.6458vw; gap: 1.5625vw;}
.home_part5 .list .li{flex: 1;}
.home_part5 .list .li a{ display: block;  height: 18.75vw; border-radius: var(--radius); background: rgba(172, 180, 224, 0.27); backdrop-filter: blur(25px); display: flex;flex-direction: column; align-items: center; justify-content: center;gap: 1.5625vw; color: #fff;}
.home_part5 .list .li a:hover{ transform: scale(1.05);}
.home_part5 .list .li .tit{ font-size: var(--fz24);}
.home_part5 .list .li .img{ width: 3.854vw;}
.home_part5 .list .li .img img{ width: 100%;}


.home_part6 {background: #F7F2EE !important; padding: 10.4167vw 0;}
.home_part6 .c_h46{text-align: center; padding-bottom: 2.6vw;}
.home_part6 .con_box{ display: flex; padding:0 2.08vw; justify-content: space-between; align-items: center;}
.home_part6 .con_box .con_l{ width: 38%;}
.home_part6 .con_box .con_l .txt{ font-size: var(--fz20); color: #666; padding-bottom: 4.166vw;}
.home_part6 .con_box .con_l .tat .c_more{ width: auto; padding:0 2.4vw;}
.home_part6 .con_box .img{ width: 51%; display: flex;mix-blend-mode: multiply;}
.home_part6 .con_box .img img{ width: 100%;}
.home_part6 .list{ display: grid; gap: 1.5625vw; grid-template-columns: repeat(6, 1fr);}
.home_part6 .list .li{ grid-column: span 2; }
.home_part6 .list .li:nth-child(1),
.home_part6 .list .li:nth-child(2){ grid-column: span 3; }
.home_part6 .list .li a{ display: block;  border-radius: var(--radius); background:#fff; color: #666; padding: 2.083vw; }
.home_part6 .list .li a:hover{ transform: scale(1.05);}
.home_part6 .list .li .tit{ padding-bottom: 0.52vw; display: flex; font-size: var(--fz24); font-weight: bold;}
.home_part6 .list .li .tit img{ width: 2.083vw; margin-right: 0.8vw;}
.home_part6 .list .li .txt{ font-size: var(--fz16); padding-bottom: 1.5625vw;}


.home_part7 {padding: 10.4167vw 0; z-index: 1;}
.home_part7 .box{height: 33.8542vw;  background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: var(--radius); display: flex; flex-direction: column; justify-content: center; padding: 0 5.2083vw; color: #fff; overflow: hidden;}
.home_part7 .box .tet{width: 30.9896vw; padding: 1.0417vw 0 5.2083vw 0; }
.home_part7 .back_video{pointer-events: none;}
.home_part7 .c_h46,
.home_part7 .tet,
.home_part7 .tat{position: relative; z-index: 1;}





/* 动效 */
.scrollbox .often_anima{ opacity: 0; transition: 1s;}
.scrollbox .often_anima:nth-child(1){ transition-delay: 0s;}
.scrollbox .often_anima:nth-child(2){ transition-delay: 0.2s;}
.scrollbox .often_anima:nth-child(3){ transition-delay: 0.4s;}
.scrollbox .often_anima:nth-child(4){ transition-delay: 0.6s;}
.scrollbox .often_anima:nth-child(5){ transition-delay: 0.8s;}
.scrollbox .often_anima:nth-child(6){ transition-delay: 1s;}

.scrollbox .often_anima_scale{ transform: scale(0.9);}
.scrollbox .often_anima_scale2{ transform: scale(1.1);}
.scrollbox .often_anima_left{ transform: translateX(-30px);}
.scrollbox .often_anima_right{ transform: translateX(100px);}
.scrollbox .often_anima_top{ transform: translateY(-30px);}
.scrollbox .often_anima_bottom{ transform: translateY(30px);}
.scrollbox.on .often_anima{ transform: translate(0) scale(1); opacity: 1;}

.scrollbox .often_anima_width{ width: 0; opacity: 1; transform-origin: left; }
.scrollbox.on .often_anima.often_anima_width{ width: 100%;}


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

    :root{
        --fz12: 12px;
        --fz14: 14px;
        --fz16: 14px;
        --fz18: 16px;
        --fz20: 16px;
        --fz24: 18px;
        --fz26: 22px;
        --fz30: 26px;
        --fz46: 28px;

        --radius: 5px;
    }

    .wrap{width: auto; margin: 0 40px;}

    .c_more{width: 140px; height: 40px; border-radius: 40px;}
    .c_more::after{font-size: 16px; padding-left: 5px;}

    .c_tit::before{width: 5px; height: 5px; margin-right: 8px;}
    .c_tmt::before{width: 4px; height: 4px; margin-right: 8px;}


    .header{height: 60px; padding: 0 40px; align-items: center;}
    .header .logo{margin-right: auto; padding: 0 20px; height: 100%;}
    .header .logo img{width: 130px;}
    .header .lang{height: 100%;}
    .header .lang dt{padding: 0 20px;}
    .header .lang dt i{font-size: 18px;}
    .header .lang dl:hover dt i{color: #fff;}
    .header .lang .phone_lang{ display: block;}
    
    .header .contact a{padding: 0 20px;}
    .header .contact a:hover{color: #fff;}

    .header .but_open{border-color: rgba(0, 0, 0, 0.10);}

    .header .nav{position: fixed; left: 0; top: 60px; width: 100%; height: calc(100vh - 60px); background: rgba(255, 255, 255, 0.7);  backdrop-filter: blur(5px); display: block; padding: 0; overflow: auto; transform: translateX(100%); transition: 0.5s;}
    .header .nav dl+dl{margin: 0;}
    .header .nav dl{border-bottom: 1px solid var(--white02);}
    .header .nav dt a.active, 
    .header .nav dl:hover dt a{color: #000;}
    .header .nav dt.on .chil i{ transform: rotate(-90deg);}
    .header .nav dt a{font-size: 16px; display: flex; align-items: center; justify-content: space-between; padding: 20px 20px; color: #000 !important;}
    .header .nav dd{display: none; position: inherit; left: auto; top: auto; transform: translateY(0); transition: 0s !important; opacity: 1;}  
    .header .nav dd span{background:none; display: block; width: 100%; box-shadow: none; }
    .header .nav span a{padding: 10px 20px; border: 0; color: #333 !important; text-align: left;}
    .header .nav span a:hover{border: 0; background: none;}
    .header .nav.on{transform: translateY(0);}

    .header.white .but_open span,
    .header.white .but_open span::after,
    .header.white .but_open span::before{background: #333;}
    .header.white .lang dt i{color: #333 !important;}

    .but_open{ height: 100%; cursor: pointer; display: flex;  padding-left: 40px; width: 20px; position: relative;}
    .but_open span{width: 20px; height: 1px; background: #fff;  position: absolute; left: 0; top: 50%; transition: 0.4s; }
    .but_open span::after,
    .but_open span::before{content: ""; position: absolute; left: 0; width: 100%; height: 1px; background: #fff; display: block; transition: 0.4s;}
    .but_open span::before{top: -6px;}
    .but_open span::after{top: 6px;}
    .but_open.on span{background: none !important; }
    .but_open.on span::after{transform: rotate(-45deg); top: 0;}
    .but_open.on span::before{transform: rotate(45deg); top: 0;}

    .footer .col_1 dt p:last-child{letter-spacing: 2.2px;}
    .footer .col_3 dt{height: 40px; padding: 0 15px;}
    .footer .col_3 dt::after{font-size: 11px;}
 
    /* 首页 */
    .home_part1 .title{ font-size: 46px;}
    .home_part1 .con_box{ display: grid;  grid-template-columns: repeat(6, 1fr);}
    .home_part1 .con_box .li{ grid-column: span 2; height: 15vw; }
    .home_part1 .con_box .li:nth-child(1),
    .home_part1 .con_box .li:nth-child(2){ grid-column: span 3; }
    
    .home_part3 .list,
    .home_part3 .list1_box{width: 50%;}
    .home_part3 .list1 dl{height: 95px;}
    .home_part3 .list1 dt .tpt{width: 90px;}
    .home_part3 .list1 dt .tdt{font-size: 16px;}
    .home_part3 .list1 dd{padding-left: 20px;}
    .home_part3 .list1 dt .logo{height: 25px;}
    .home_part3 .hot .button{width: 30px; height: 30px;}
    .home_part3 .list2{grid-template-columns: 1fr 1fr;}
    .home_part3 .list2 .item img{ height: 24.6vw;}

    .home_part4 .swiper-slide .box{width: 40vw; margin: 0 3vw;}
    .home_part4 .swiper_tab{ margin-top: 4vw;}
    .home_part4 .swiper_tab span{ line-height: 2;}

    .home_part5 .con_l .tab a{ line-height: 2;}

    .home_part6 .con_box { flex-direction: column;}
    .home_part6 .con_box .con_l{ width: 100%;}
    .home_part6 .con_box .con_l .txt{ padding-bottom: 2vw;}
    .home_part6 .con_box .img{ width: 60%;}

      
}


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

    .footer .col_2 dl+dl{padding-left: 20px;}

}

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

    :root{
        --fz20: 14px;
        --fz24: 16px;
        --fz26: 18px;
        --fz30: 18px;
        --fz46: 22px;
    }


    .wrap{margin: 0 20px;}

    .c_more{ width: 125px; height: 34px;}
    .c_more::after{font-size: 14px; transform: translateY(1px);}

    .header{height: 60px; padding: 0 20px;}
    .header .logo{border: 0; padding: 0;}
    .header .logo img{width: 130px;}
    .header .contact{display: none;}
    .header .nav dt a{padding: 15px 20px;}
    .header .lang dl{border: 0;}
    .header .but_open{ padding: 0;}

    .footer .col_2{display: none;}
    .footer .col_3{display: none;}
    .footer .col_4{padding: 20px 0; display: block; text-align: center;}
    .footer .col_4>div+div{padding-top: 5px;}

    .footer .col_1{border: 0; margin: 0; padding: 20px 0 0 0;}
    .footer .col_1 dd{margin: 0 -20px 0 10px; padding: 0; overflow: auto; }

    .footer .col_1 dd .box{display: flex;}
    .footer .col_1 dd span:hover .dt img{transform: translateY(0px) scale(1);}
    .footer .col_1 dd span{padding: 0 10px 0 0; display: inline-block; flex-shrink: 0;}
    .footer .col_1 .dd{display: none;}

    
    /* 首页 */
    .home_main .c_h46,
    .home_main .c_h46 a{color: #666;}

    .home_part1 .title{ font-size: 8vw; padding-top: 10vw;}
    .home_part1 .con_box .li{ height: 90px; padding: 10px; grid-column: span 3; font-size: 12px;}
    .home_part1 .con_box .li:last-child{ grid-column: span 6; }
    .home_part1 .con_box .li .num b{ font-size: 24px; margin-right: 5px;}

    .home_part2 .con_box{ padding: 40px 0; flex-direction: column;}
    .home_part2 .con_box .img{ width: 100%;}
    .home_part2 .con_box .con_r{ width: 100%; padding: 0;}
    .home_part2 .con_box .con_r .c_tit{font-size: 22px; justify-content: center; font-weight: bold; padding-top:20px;}
    .home_part2 .con_box .con_r .c_tit::before{display: none;}
    .home_part2 .con_box .con_r .c_h46{ text-align: center; padding: 10px 0; font-size: 18px;}
    .home_part2 .con_box .con_r .txt{}
    .home_part2 .con_box .con_r .tat{ padding-top: 20px; text-align: center;}

    .home_part3{padding: 60px 0;}
    .home_part3 .tab_box{margin-bottom: 20px;}
    .home_part3 .tab a{padding-bottom: 5px; font-size: 14px;}
    .home_part3 .tab a::after{width: 100%; bottom: 0;}
    .home_part3 .cont{display: block;}
    .home_part3 .list,
    .home_part3 .list1_box{width: auto;}
    .home_part3 .hot{position: inherit; width: 100%; height: 250px; padding-bottom: 20px;}
    .home_part3 .hot .c_h24{font-weight: normal;}
    .home_part3 .list dt{width: 150px;}
    .home_part3 .list dd{padding-left: 10px;}
    .home_part3 .list .item+.item{padding-top: 20px;}
    .home_part3 .list .tet{display: none;}
    .home_part3 .list .txt{padding: 0; font-weight: bold; display: -webkit-box; white-space:initial; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
    .home_part3 .cont .tat{display: block; text-align: center; padding-top: 20px;}
    .home_part3 .list2 .item .txt{ position: relative; background: none;}
    .home_part3 .list2 .item .c_tmt,
    .home_part3 .list2 .item .tpt{ color: #666; font-weight: normal;}

    .home_part4{padding: 60px 0;}
    .home_part4 .wrap{ position: relative;}
    .home_part4 .swiper_box{ height: auto; margin-top: 70px;}
    .home_part4 .swiper_box .button{ display: none;}
    .home_part4 .swiper-slide{ flex-direction: column-reverse; height: auto;}
    .home_part4 .swiper-slide .box{ width: 100%; margin: 0;}
    .home_part4 .swiper-slide .img{ flex: none; width: 100%; height: 200px; margin-bottom: 20px;}
    .home_part4 .swiper-pagination{display: block; width: 100%; display: flex; align-items: center; justify-content: center; height: 10px; position: absolute; top: 220px;}
    .home_part4 .swiper-pagination span{background: #fff; opacity: 1; width: 5px; height: 5px;}
    .home_part4 .swiper-pagination span.swiper-pagination-bullet-active{background: var(--color); width: 15px; border-radius: 20px;}
    .home_part4 .tab_box{ position: absolute; top: 20px; left: 0; width: 100%; overflow: hidden; overflow-x: auto;}
    .home_part4 .swiper_tab { width: 100%; display: flex; border-bottom: none;}
    .home_part4 .swiper_tab > div{ flex: none; padding: 0 15px; text-align: center; border-bottom: 1px solid #D5D7DB;}
    .home_part4 .swiper_tab span{ font-size: 14px; line-height: 36px;}
    .home_part4 .swiper-slide .txt{ padding-bottom: 10px; margin-bottom: 10px;}
    .home_part4 .swiper-slide .tet{ padding-bottom: 15px;}
    .home_part4 .swiper-slide .tat{text-align: center;}

    .home_part5{padding: 60px 0; overflow: hidden;}
    .home_part5 .c_h46{padding-bottom: 20px;}
    .home_part5 .con_box{ flex-direction: column;}
    .home_part5 .con_l .tit{ padding-bottom: 10px;}
    .home_part5 .con_l .tab{ display: flex;}
    .home_part5 .con_l .tab a{ flex: 1; padding:5px 10px; line-height: 1.4; text-align: center;}
    .home_part5 .con_r .cont{ padding: 15px 0; display: block;}
    .home_part5 .con_r .li_l{ flex: 1; padding:0; border-right: none;}
    .home_part5 .con_r .li_l .num{ justify-content: flex-end;}
    .home_part5 .con_r .li_l .num > span{ font-size: 50px; line-height: 60px;}
    .home_part5 .con_r .li_l .num .iconfont{ width: 40px; font-size: 40px;}
    .home_part5 .con_r .li_l .num .num_r{ font-size: 14px;}
    .home_part5 .con_r .li_l .stop{ font-size: 14px;}
    .home_part5 .con_r .li_r{ padding: 5px 0 0 0; display: grid;grid-template-columns:1fr 1fr;}
    .home_part5 .con_r .li_r > div{ line-height: 2; font-size:14px; text-align: center;}
    .home_part5 .list{ display:grid;grid-template-columns:1fr 1fr; padding-top: 20px; gap: 10px;}
    .home_part5 .list .li{ flex: none;}
    .home_part5 .list .li a{ height: 150px; gap: 8px;}
    .home_part5 .list .li .img{ width: 40px;}



    .home_part6{padding: 60px 0; overflow: hidden;}
    .home_part6 .c_h46{padding-bottom: 20px;}
    .home_part6 .con_box .con_l .txt{ padding-bottom: 15px;}
    .home_part6 .con_box .con_l .tat{ text-align: center;}
    .home_part6 .con_box .con_l .tat .c_more{ padding: 0 20px;}
    .home_part6 .con_box .img{ width: 100%; padding-top: 15px;}
    .home_part6 .list{ display: block;}
    .home_part6 .list .li{ margin-bottom: 10px;}
    .home_part6 .list .li a{ padding: 15px;}
    .home_part6 .list .li .tit{ padding-bottom: 10px;}
    .home_part6 .list .li .tit img{ width: 20px; margin-right: 5px;}
    .home_part6 .list .li .txt{ padding-bottom: 10px;}

    
    .home_part7{padding-bottom: 40px; text-align: center;}
    .home_part7 .box{height: auto; padding: 20px ; min-height: 250px;}
    .home_part7 .box .tet{width: auto; padding: 0 0 40px 0; text-align: left;}
    .home_part7 .c_h46{color: #fff;padding-bottom: 20px;}
    
}<!--耗时1774207257.4754秒-->