@charset "utf-8";
/* CSS Document */
*{ box-sizing: border-box;}
html{ width: 100%; overflow-x: hidden;}
body { font:14px "microsoft Yahei","Arial",sans-serif; color: #333; line-height: 1.4; word-wrap:break-word; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust: none; box-sizing: border-box;}
body,form,input,p,ol,ul,li,h1,h2,h3,h4,h5,h6,table,th,td,dl,dt,dd,figure{padding:0;margin:0;}
img{border:0; vertical-align: middle;}
ul,li{list-style:none;}
dl,dt,dd{display: block;}
a{text-decoration:none; transition: 0.4s; -webkit-transition: 0.4s; outline: none;}
input,textarea{ box-sizing: border-box; outline:none;  border: 0; background:none; font:14px "microsoft Yahei","Arial",sans-serif; width: 100%; }
input[type="button"], input[type="submit"], input[type="text"] {-webkit-appearance: none; outline: none; }
h2{font-weight:400;}
i{ font-style:normal;}
b{ font-weight:normal;}
video{object-fit: cover;}

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

/*字体图标*/
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
font-family: "iconfont"; 
src: url('font/iconfont.woff2?t=1638869001436') format('woff2'),
        url('font/iconfont.woff?t=1638869001436') format('woff'),
        url('font/iconfont.ttf?t=1638869001436') format('truetype');
}


/*预加载*/
.content_body{ height: 100%; width: 100%;}
.load_body{ width: 100%; height: 100%; overflow: hidden; position: absolute;} 
.load{ position: fixed; width: 100%; height: 100%; overflow: hidden; left: 0; top: 0; z-index: 5000;}
.load .icon{ width: 100%; height: 100%; position: absolute; left:0; top: 0; display: flex; z-index: 10; justify-content: center; align-items: center; }
.load .logo{ text-align: center;animation: logo 2s ease infinite;}
.load .logo img{ margin: 0 auto; height: 80px;}
@keyframes logo{
    0%{ opacity: 1; }
    30%{ opacity: 0.2; }
    100%{  opacity: 1; }
}
.load .bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #fff; z-index: 1;}
.load_on{ opacity: 0; visibility: hidden; transition: 0s 0.8s;}
.load_on .bg{ height: 0; transition: 0.8s cubic-bezier(.77,0,.175,1);}
.load_on .icon{ transform: translateY(-50px); opacity: 0; transition: 0.8s cubic-bezier(.77,0,.175,1);}
.logo img{ height: 50px;}

/* 视频弹层 */
.popup_video{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -300; background: hsla(0,0%,0%,0.70); display: flex; justify-content: center; align-items: center; opacity: 0; visibility: hidden;}
.popup_video.on{ z-index: 1050; opacity: 1; visibility: visible;}
.popup_video .cont{ width: 80%; height: 80%; background: #fff; padding: 10px; border-radius: 2px; position: relative; transform: scale(0); transition: all 0.5s;}
.popup_video.on .cont{ transform: scale(1);}
.popup_video .cont video{ display: block; width: 100%; height: 100%; background: #000;}
.popup_video .cont .sole{ width: 30px; height: 30px; font-size: 30px; color: #fff; display: flex;justify-content: center;  align-items: center;  position: absolute; top: 0; right: -60px; cursor: pointer; transition: all 0.5s;}


/*公用*/

.header .logo1{ display: none;}
.header .nav{ opacity: 1; transition: 0.6s;}
.header_no{ opacity: 0;}
/* .header .nav{ position: fixed; left:  0; top: 0; z-index: 100;}
.header .nav img{ position: absolute; left: 0; top: 0; opacity: 0; transition: 0.4s 0.1s;}
.header .nav.nav1 .pic1{ opacity: 1;}
.header .nav.nav2 .pic2{ opacity: 1;} */

.header{ background: #fff;}
.header .nav_r{ position: fixed; right: 50px;  top: 40%; transform: translateY(-50%); z-index: 100;}
.header .nav_r img{ position: absolute; right: 0; top: 0; opacity: 0; transition: 0.4s 0.4s;}
.header .nav_r.nav_r1 .pic1{ opacity: 1;}
.header .nav_r.nav_r2 .pic2{ opacity: 1;}
.header{ width: 100%; position: fixed; height: 70px; z-index: 1000; transition: 0.4s;}
.header .header_wrap{ display: flex; height: 100%; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 0 60px;}

.header .nav{ display: flex; align-items: center;}
.header .btn_search{ padding-right: 20px; margin-right: 20px; box-sizing: border-box;}
.header .btn_search a{ display: block; width: 30px; height: 30px; position: relative;}
.header .btn_search a i{font-size: 20px; display: block; position: absolute; left: 0; top: 0; transition: 0.4s;}
.header .btn_search a .black{ opacity: 1;}
.header2 .btn_search a .black{ opacity: 1;}
.header2 .btn_search a .white{ opacity: 0;}

.header .btn_language{ cursor: pointer; position: relative;} 
.header .btn_language span{display: block; width: 23px; height: 23px; position: relative;}
.header .btn_language span i{display: block; position: absolute; left: 0; top: 0; transition: 0.4s;}
.header .btn_language span .black{ opacity: 1;}
/* .header2 .btn_language span .black{ opacity: 0;} */
.header2 .btn_language span .white{ opacity: 0;}

/* .header .btn_language span i:first-child{font-size: 18px; margin-right: 8px;}
.header .btn_language span i:last-child{font-size: 12px; margin-left: 8px;} */
.header .btn_language .div{position: absolute; left: 50%; top: 100%; width: 100px; max-height: 0; overflow: hidden; transition: 0.4s; z-index: 100; margin-left: -50px;}
.header .btn_language .div div{width: 100%; background: rgba(255,255,255,0.8); box-shadow: 1px 1px 5px rgba(0,0,0,0.1);  margin-top: 10px; position: relative;}
.header .btn_language .div div::before{content: ""; position: absolute; top: -16px; left: 50%; margin-left: -10px; width:0; height:0; border:8px solid transparent; border-bottom: 8px solid rgba(255,255,255,0.8);} 
.header .btn_language .div a{display: block; padding: 8px 0; text-align: center; color: #333; font-size: 12px; line-height: 2;}
.header .btn_language .div a:hover{background: #333; color: #fff;}
.header .btn_language:hover .div{ max-height:150px;}
.header .btn_nav{ position: relative; z-index: 10; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; cursor: pointer; margin-left: 50px; display: none;}
.header .btn_nav i{width:100%; height: 2px; background: #333; display: block; position: relative; transition: 0.4s;}
.header .btn_nav i:before,
.header .btn_nav i:after{content:""; position:absolute; left:0; top:0; display:block; width:100%; height:2px; background: #333; transition: 0.4s;}
.header .btn_nav i:before{ margin-top: -7px;}
.header .btn_nav i:after{ margin-top: 7px; width: 70%;}
.header .btn_nav.one i:before{ transform: rotate(45deg); margin: 0;}
.header .btn_nav.one i:after{ transform: rotate(-45deg); margin: 0;}
.header .btn_nav.one i{ background:none;}
.header2 .btn_nav i,
.header2 .btn_nav i:before,
.header2 .btn_nav i:after{ background: #333;}



.t_right{position: fixed; right: 0; top: 0; height: 100%; width:60px; box-sizing: border-box; z-index: 49;}
.t_right .box{position: relative; height: 100%; transition: 0.6s;}
.t_right .menu{position: absolute; top:50%; left: 0; transform: translate(-50%,-50%); opacity: 1; }
.t_right .menu li{ cursor: pointer; display: block;width: 12px; height: 12px; position: relative; margin: 8px 0;}
.t_right .menu li::after{display: block; content: ''; position: absolute;top: 4px;left: 4px;width: 4px;height: 4px;border-radius: 10px;background-color: #fff;transition: .3s ease;}
.t_right .menu li::before{display: block; content: ''; position: absolute;top: 0px;left: 0px;width: 12px;height: 12px;border-radius: 20px;background-color: #fff;transition: .3s ease; opacity: 0;}
/* .t_right .menu li.active{ height: 22px;} */
.t_right .menu li.active::before{ opacity: 0.5;}
.t_right .menu li.active::after{height: 6px; width: 6px; left: 3px; top: 3px;}
.t_right .menu li:hover::after{ background: #d8a77f;}
.t_right .menu li.active:hover::after{ background: #fff;}
.t_right.t_right2 .menu li::after{background-color: #999;}
.t_right.t_right2 .menu li:hover::after{ background: #999;}
.t_right.t_right2 .menu li.active:hover::after{ background: #999;}
.t_right.t_right2 .menu li.active::before{background-color: #999; opacity: 0.3;}
.t_right.t_right_on .box{ opacity: 0;}
.t_right_no{ opacity: 0;}


.in_main{ z-index: 2;transform: translate3d(0px, 0px, 0px) !important; background: #F5F5F5;}
.in_main .wrap{ height: 100%; }
.wrap{width: 1440px; margin: 0 auto; position: relative; z-index: 10;}

.in_section{ width: 100%; height: 100%; position: relative; z-index: 2; transform: translateY(0); transition: 0.7s;}
.in_section::after{ content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); opacity: 0; z-index: 100; pointer-events: none; transition: 0.6s;}
.in_section_top{ transform: translateY(-610px) !important;}
.in_section_top::after{ opacity: 0;}
.in_section_top .section6 .con_b{ opacity: 0 !important; transition: 0.4s !important;}

.section_footer { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 0; transform: translateY(100px);transition: 0.7s;}
.section_footer_top{ transform: translateY(0);}
.section_footer .section_con{ width: 100%; bottom: 0%; position: absolute; left: 0; box-sizing: border-box; background: #025EA1; padding: 0 100px; box-sizing: border-box;}
.section_footer .con_t{ padding: 90px 0; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.section_footer .con_t .top{ width: 45px; height: 45px; background: url(../images/in_btn_top.svg) no-repeat center; cursor: pointer;}
.section_footer .con_cen{ display: flex; justify-content: space-between; padding: 40px 0 90px;}
.section_footer .con_cen ul{ display: flex;}
.section_footer .con_cen li{ padding-right: 70px;}
.section_footer .con_cen a{ display: block; color: #fff; padding: 5px 0; white-space: nowrap;}
.section_footer .con_cen a.a1{ font-weight: bold; padding-bottom: 10px;}

.section_footer .con_b{ display: flex; justify-content: space-between; border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 20px; padding-bottom: 20px;}
.section_footer .f_b{ border-top: 1px solid rgba(255,255,255,0.3); display: flex; justify-content: space-between; align-items: center; padding: 30px 80px;}
.section_footer .copyright{ font-size: 13px; line-height: 1.3; color: #fff;}
.section_footer .copyright a{color: #fff;}
.section_footer .url_list{ display: flex;}
.section_footer .url_list span{ display: inline-block; width: 1px; height: 100%; background: #fff; opacity: 0.3; margin: 0 15px;}
.section_footer .url_list a{ color: #fff; font-size: 13px;}
.section_footer .con_cen .r{ text-align: right; color: #fff; display: flex; align-items: center;}
.section_footer .con_cen .r .text{ padding-right: 40px;}
.section_footer .con_cen .r .text p{ padding-bottom: 15px;}
.section_footer .con_cen .r .text .tel{ font-size: 14px !important; line-height: 1;}
.section_footer .con_cen .r .ewm{ text-align: center;}
.section_footer .con_cen .r .ewm img{ max-width: 93px;}
.section_footer .con_cen .r .ewm p{ font-size: 16px; padding-bottom: 10px;}


.section{position: absolute !important; width: 100vw; height: 100vh; overflow: hidden;}
.section.active{opacity: 1; z-index: 2;}
.section .bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0;}


.video_box{ position: absolute; width:100%; height: 100%; z-index: 1; top: 0; left: 0;}
.video_box video{ width: 100%; height: 100%;}
.video_box::after{ content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; background: rgba(0,0,0,0);}

.video_box .video{ width: 100%; height: 100%;object-fit: cover;}
.wapshow{ display:none;}
@media screen and (max-width:1202px){
    .pcshow{ display:none;}
    .wapshow{ display:block;}
}

/* 首页 */
.in_fullbtn a{ width: 180px; height: 50px; border-radius: 33px; display: flex; color: #0576DB; justify-content: center; align-items: center; background: #fff; border: 1px solid #fff; font-weight: 700;}
.in_fullbtn a i{ display: block; margin-left: 10px; width: 36px; height: 1px; background: #0576DB; transition: 0.4s;}
.in_fullbtn a:hover{ color: #fff; background: #0576DB; border-color: #0576DB;}
.in_fullbtn a:hover i{ width: 0;}
.in_fullbtn_lv a{ color: #00B363; border-color: #00B363; background: initial;}
.in_fullbtn_lv a i{ background: #00B363;}
.in_fullbtn_lv a:hover{ background: #00B363; border-color: #00B363;}
.in_fullbtn_vid a{ color: #00B363;}
.in_fullbtn_vid a b{ display: block; width: 15px; height: 17px; background: url(../images/in_btn_vid.svg) no-repeat center; margin-right: 10px; transition: 0.4s;}
.in_fullbtn_vid a:hover{ background: #00B363; border-color: #00B363;}
.in_fullbtn_vid a:hover b{ width: 0; margin-right: 0;}
.in_fullbtn_xian a{ border-color: rgba(255, 255, 255, 0.40); background-color: initial; color: #fff;}
.in_fullbtn_lan a{ color: #00B7DB; border-color: #00B7DB; background: initial;}
.in_fullbtn_lan a i{ background: #00B7DB;}
.in_fullbtn_lan a:hover{ background: #00B7DB; border-color: #00B7DB;}



.home_part_1 .video_box::after{ background: url(../images/s1_bg.png) no-repeat center; background-size: cover;}
.home_part_1 .con_k{ position: absolute; z-index: 10;}
.home_part_1 .k1{ width: 60%; height: 270px; background: #00A86C; left: 0; bottom: 0; }
.home_part_1 .k2{ width: 40%; height: 80px; background: #F5F5F5; right: 0; bottom: 0; }
.home_part_1 .con_t{ position: absolute; left: 180px; top: 287px; z-index: 10;}
.home_part_1 .con_t .text .tit1{ color: #FFF; font-size: 20px; padding-bottom: 10px; font-weight: 700;}
.home_part_1 .con_t .text .tit2{ color: #FFF; font-size: 60px; padding-bottom: 40px;}

.home_part_1 .con_l{ display: flex; height: 100%;  align-items: center; padding-left: 180px; width: 100%; justify-content: space-between;}
.home_part_1 .con_l .lb_box{ width: 670px;}
.home_part_1 .swiper-container{ width: 670px; margin-left: 0;}
.home_part_1 .swiper-slide{ width: 100%;}
.home_part_1 .con_l .text_box{ display: flex;}
.home_part_1 .con_l .text_box .day{ width: 70px; text-align: center; color: #fff;}
.home_part_1 .con_l .text_box .day span{ display: block;}
.home_part_1 .con_l .text_box .day .sp1{ font-size: 50px; line-height: 1; padding-bottom: 10px;}
.home_part_1 .con_l .text_box .day .sp2{ font-size: 16px;}
.home_part_1 .con_l .text_box .text{ flex: 1; padding-left: 50px;}
.home_part_1 .con_l .text_box .text .tet{ display: block; font-weight: bold; padding-bottom: 15px; opacity: 1; color: #fff;}
.home_part_1 .con_l .text_box .text a{ display: block; color: #fff; font-size: 18px;}
.home_part_1 .con_l .swiper-button{ margin-right: 100px; display: flex; position: relative;}
.home_part_1 .con_l .swiper-button::before{ content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 20px; background: #fff;}
.home_part_1 .con_l .swiper-button-next, 
.home_part_1 .con_l .swiper-button-prev{ position: initial; margin-top: 0; width: 20px; height: 20px; background-size: 10px 16px; margin: 0 10px;}
.home_part_1 .con_l .swiper-button-next{ background: url(../images/in_btn_right.svg) no-repeat center;}
.home_part_1 .con_l .swiper-button-prev{ background: url(../images/in_btn_left.svg) no-repeat center;  transform: rotate(180deg);}
.home_part_1 .con_r{ display: flex; height: 100%;justify-content: right;  align-items: center;    mix-blend-mode: multiply; padding: 0 40px;}
.home_part_1 .con_r .swiper-num{ font-size: 16px; font-weight: bold; display: flex; width: 100%; justify-content: right; align-items: center;}
.home_part_1 .con_r .swiper-num span{ display: block;}
.home_part_1 .con_r .swiper-pagination{ width: 60px; height: 2px; position: inherit; margin: 0 20px;}
.home_part_1 .con_r .swiper-pagination-progress .swiper-pagination-progressbar{ background: #333;}

.home_part_2 .bg_box{ position: absolute; width: 100%; height: 100%; left: 0; bottom: 0;}
.home_part_2 .con_k{ position: absolute; z-index: 10; overflow: hidden;}
.home_part_2 .k1{ width: 43.6%; height: 100%; background: #00A86C; left: 0; bottom: 0; z-index: 15; }
.home_part_2 .k2{ width: 56.4%; height: 100%; background: #F5F5F5; right: 0; bottom: 0%; }
.home_part_2 .k3{ width: 56.4%; height: 50%; right: 0; bottom: 0%; }

.home_part_2 .con_l{ width: 43.6vw; height: calc(100vh - 100px); position: absolute; left: 0; bottom: 0;}
.home_part_2 .con_l .swiper-container{ width: 100%; height: 100%;}
.home_part_2 .con_l .swiper-slide{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.home_part_2 .con_l .swiper-slide .pic{ opacity: 0; transform: scale(0.8); transition: 0.6s;}
.home_part_2 .con_l .swiper-slide-active .pic{ opacity: 1; transform: scale(1); transition: 0.6s 0.4s;}

.home_part_2 .s_box{ position: absolute; width: 830px; height: 860px; left: 50%; top: 50%; margin: -430px 0 0 -415px; z-index: 20}
.home_part_2 .s_box span{ position: absolute; display: block; transition: 1s ease-in-out;}
.home_part_2 .s_box span::after{ content: ""; position: absolute; width: 24px; height: 24px; border-radius: 50%; background: #29B099; left: -12px; top: -12px; transition: 1s;}

.home_part_2 .con_t{ width: 100%; height: 50%; position: relative;}
.home_part_2 .con_t .li{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex;  align-items: center; padding-left: 80px; opacity: 0;   transform: scale(0.9);transition: 0.8s 0.2s;}
.home_part_2 .con_t .li.one{ opacity: 1; transform: scale(1); z-index: 10;transition: 0.8s 0.6s;}
.home_part_2 .con_t .text .tit1{ color: #999; font-size: 16px; padding-bottom: 20px; font-weight: 700;}
.home_part_2 .con_t .text .tit2{ font-size: 36px; padding-bottom: 40px;}

.home_part_2 .con_b{ width: 100%; height: 100%; position: absolute; z-index: 5;}
.home_part_2 .con_b .li{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0;   transform: scale(1);transition: 0.8s 0.4s; padding: 0 80px;}
.home_part_2 .con_b .li.one{ opacity: 1; transform: scale(1); z-index: 10;transition: 0.8s 0.8s;}
.home_part_2 .con_b .li .text_yd{ display: none;}

.home_part_2 .con_b .li1{ display: flex;  align-items: center;z-index: 0; padding: 0 0 16px 0;}
.home_part_2 .con_b .li1 .s{ position: absolute;}
.home_part_2 .con_b .li1 .s img{ opacity: 0; transition: 0.4s;}
.home_part_2 .con_b .li1 .s.one img{ opacity: 1;}
.home_part_2 .con_b .li1 .s1{left: 287px; top: 10px;}
.home_part_2 .con_b .li1 .s2{ left: 540px; top: 10px;}

.home_part_2 .con_b .cont{ position: relative; width: 100%; height: 100%; display: flex;justify-content: center;}
.home_part_2 .con_b .cont .yuan{ width: 320px; height: 320px; position: absolute; z-index: 10;transform: scale(1); opacity: 1; transition:0.6s; left: 50%; top: 50%; margin: -160px 0 0 -160px;}
.home_part_2 .con_b .cont .yuan .y{ position: absolute; left: 0; top: 0; opacity: 0; transition:0.6s;}
.home_part_2 .con_b .cont .yuan .y img{ width: 100%; height: 100%;}
.home_part_2 .con_b .cont .yuan .y.on{opacity: 1; transform: rotate(0);}
.home_part_2 .con_b .cont .line1{ position: absolute; left: 50%; top: 50%; width: 630px; height: 630px; transform: translate(-50%,-50%);}
.home_part_2 .con_b .cont .line1 div{ width: 100%; height: 100%;border: 1px solid #00B363; border-radius: 50%;  -webkit-mask-image: linear-gradient(to left, transparent 0%, #fff 50%, transparent 100%); transition:0.8s 0.2s;}
.home_part_2 .con_b .cont .line2{ position: absolute; width: 100%; height: 1px; background: #00B363; top: 50%; left: 0; transition:1s 0.2s;}
.home_part_2 .con_b .cont .list{ width: 100%; height: 100%; z-index: 11; box-sizing: border-box;}
.home_part_2 .con_b .cont .list_box{ display: flex; width: 100%; height: 100%; justify-content: space-between; align-items: center;}
.home_part_2 .con_b .cont .list .li_box{ position: relative; flex: 1; height: 100%;}
/* .home_part_2 .con_b .cont .list .li_box1,
.home_part_2 .con_b .cont .list .li_box4{ width: 15%;}
.home_part_2 .con_b .cont .list .li_box2,
.home_part_2 .con_b .cont .list .li_box3{ width: 35%;} */
.home_part_2 .con_b .cont .list .li_box .btn{ text-align: center; position: relative; font-size: 16px; color: #fff; margin: auto; height: 50%; display: flex; align-items: end; justify-content: center;}
.home_part_2 .con_b .cont .list .li_box .btn::before{ content: ""; position: absolute; left: 50%; bottom: -10px; width: 20px; height: 20px; border-radius: 20px; background: #00B363; margin-left: -10px; display:nones;}
.home_part_2 .con_b .cont .list .li_box .btn i{ display: inline-block; max-width: 150px; padding-bottom: 20px;}
/* .home_part_2 .con_b .cont .list .li_box.on .btn{ opacity: 0;} */
.home_part_2 .con_b .cont .list .li_box .hov{ position: absolute; left: 50%; top: 56%; z-index: 10; transform: translate(-50%,-50%); opacity: 0; mix-blend-mode: multiply; transition: 0.6s; text-align: center; height: 50%;}
.home_part_2 .con_b .cont .list .li_box.on .hov{ opacity: 1; transform: translate(-50%,-50%) scale(1);}
.home_part_2 .con_b .cont .list .li_box .hov .t{ width: 150px; height: 150px; border-radius: 150px; display: flex; align-items: center; justify-content: center; background: #00B362; color: #fff; font-size: 20px; margin: 0 auto;}
.home_part_2 .con_b .cont .list .li_box .hov .b{ padding-top: 20px; font-size: 28px; width: 100%; color: #fff;}

/* .home_part_2 .con_b .li2 .s{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; display: flex;align-items: center; padding-left: 80px; transition: 0.4s;}
.home_part_2 .con_b .li2 .s1{opacity: 0;}
.home_part_2 .con_b .li2 .s2{opacity: 1;}
.home_part_2 .con_b .li2:hover .s1{opacity: 1;}
.home_part_2 .con_b .li2:hover .s2{opacity: 0;} */
.home_part_2 .con_b .li_zksq{ display: flex; z-index: 0; flex-direction: column; justify-content: center;}
.home_part_2 .con_b .li_zksq .txt_listbox{ border-top: 1px solid rgba(255, 255, 255, 0.2);}
.home_part_2 .con_b .li_zksq .txt_list{ width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 30px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #fff; cursor: pointer;}
.home_part_2 .con_b .li_zksq .txt_list .icon{ display: flex; align-items: center; width: 200px;}
.home_part_2 .con_b .li_zksq .txt_list .icon a{ color: #fff;}
.home_part_2 .con_b .li_zksq .txt_list .icon i{ padding-left: 20px; font-size: 20px;}
.home_part_2 .con_b .li_zksq .txt_list ul{ flex: 1; padding: 0 40px; display: none;}
.home_part_2 .con_b .li_zksq .txt_list li{ margin: 5px 0; position: relative; padding-left: 14px;}
.home_part_2 .con_b .li_zksq .txt_list li a{ color: #fff;}
.home_part_2 .con_b .li_zksq .txt_list li::before{ content: ""; position: absolute; left: 0; top: 7px; width: 4px; height: 4px; border-radius: 4px; background: #fff;}
.home_part_2 .con_b .li_zksq .txt_list .more{ width: 34px; transform: rotate(180deg);}
/* .home_part_2 .con_b .li_zksq .txt_list.txt_up ul{ max-height: 200px; transition: 0.8s;} */
.home_part_2 .con_b .li_zksq .txt_list.txt_up .more{transform: rotate(0deg); transition: 0.4s;}




.home_part_2 .con_b .li3 .s{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; display: flex;align-items: center; padding-left: 80px; transition: 0.4s;}
.home_part_2 .con_b .li3 .s1{opacity: 0;}
.home_part_2 .con_b .li3 .s2{opacity: 1;}
.home_part_2 .con_b .li3:hover .s1{opacity: 1;}
.home_part_2 .con_b .li3:hover .s2{opacity: 0;}

.home_part_2 .con_b_bg{ width: 100%; height: 100%; position: absolute; z-index: 0;}
.home_part_2 .con_b_bg .b{ width: 0%; height: 100%; position: absolute; right: 0; top: 0; z-index: 0; transition:width 0.2s 1s;}
.home_part_2 .con_b_bg .b.one{ width: 100%; z-index: 10; transition:width 0.6s 0.4s;}
.home_part_2 .con_b_bg .b1{  background: #294FDE;}
.home_part_2 .con_b_bg .b2{  background: #294FDE;}
.home_part_2 .con_b_bg .b3{  background: #294FDE;}


.home_part_3 .video_box::after{ display: none;}
.home_part_3 .canvas_3d{ position: absolute; width: 100%; height: 100%; z-index: 10;    mix-blend-mode: hard-light;opacity: 0.5;}
.home_part_3 .bg{ position: absolute; width: 100%; height: 100%; z-index: 0;}
.home_part_3 .bg video{ width: 100%; height: 100%; object-fit: cover;}
.home_part_3 .con_k{ position: absolute; z-index: 10;}
.home_part_3 .k1{ width: 40%; height: 80px; background: #00B6DB; left: 0; bottom: 0; }
.home_part_3 .k2{ width: 60%; height: 270px; right: 0; bottom: 0; }

.home_part_3 .con_t{ position: absolute; left: 180px; top: 40%; transform: translateY(-50%); max-width: 800px; overflow: hidden; z-index: 10;}
.home_part_3 .con_t .li{ height: 100%; overflow: hidden;}
.home_part_3 .con_t .text{ color: #fff;}
.home_part_3 .con_t .text .tit1{ font-size: 20px; padding-bottom: 20px; font-weight: 700;}
.home_part_3 .con_t .text .tit2{ font-size: 3.125vw; padding-bottom: 15px;}
.home_part_3 .con_t .text .tit3{ font-size: 16px; padding-bottom: 40px;}
.home_part_3 .con_t .text .btn_box{ display: flex;}
.home_part_3 .con_t .text .btn_box .in_fullbtn_vid{ margin-right: 10px;}

/* .home_part_3 .con_c{ position: absolute; right: 230px; top: 510px; height: 150px; overflow: hidden; z-index: 10;}
.home_part_3 .con_c .li{ height: 100%; overflow: hidden;} */
.home_part_3 .con_b{ position: absolute; left: 0; bottom: 0; overflow: hidden; z-index: 10; width: 100%;}
.home_part_3 .con_b .li{ height: 100%; overflow: hidden;}
.home_part_3 .con_b ul{ display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(255, 255, 255, 0.40);}
.home_part_3 .con_b li{ padding: 2.6042vw 0; text-align: center; width: 100%; border-right: 1px solid rgba(255, 255, 255, 0.40);}
.home_part_3 .con_b li:last-child{ border-right: none;}
.home_part_3 .con_b li span{ display: block; color: #fff;}
.home_part_3 .con_b li .sp1{ font-size: 70px; padding-bottom: 15px; line-height: 1;}

.home_part_4 .bg_box{ position: absolute; width: 100%; height: 100%; left: 0; bottom: 0;}
.home_part_4 .con_k{ position: absolute; z-index: 10; overflow: hidden;}
.home_part_4 .k1{ width: 43%; height: 100%; background: #294FDE; left: 0; bottom: 0; }
.home_part_4 .k2{ display: flex; flex-direction: column; justify-content: center; width: 57%; height: 100%; background: #F5F5F5; right: 0; bottom: 0; }
.home_part_4 .con_l{ position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.home_part_4 .con_l .pic1{ position: relative; z-index: 10;}
.home_part_4 .con_l .pic2{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0;}

.home_part_4 .con_rt{ position: relative; padding: 2.6042vw 0 2.6042vw 4.1667vw; width:100%; display: flex;align-items: center;}
.home_part_4 .con_rt::after{ content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background: #D7D7D7;}
.home_part_4 .con_rt .text .tit1,
.home_part_5 .con_rt .text .tit1{ color: #999; font-size: 16px; padding-bottom: 20px; font-weight: 700;}
.home_part_4 .con_rt .text .tit2,
.home_part_5 .con_rt .text .tit2{ font-size: 1.875vw; padding-bottom: 2.0833vw;}

.home_part_4 .con_rb{ position: relative; padding: 30px 30px 0 30px; width:100%; display: flex;justify-content: space-between;}
.home_part_4 .con_rb::after{ content: ""; position: absolute; width: 1px; height: 100%; bottom: 0; left: 50%; background: #D7D7D7;}
.home_part_4 .con_rb .li{ width: 100%; max-width: 50%; padding: 0 30px;}
.home_part_4 .con_rb .pic{ overflow: hidden;}
.home_part_4 .con_rb a,
.home_part_4 .con_rb span{ display: block; transition: 0.4s; overflow: hidden; text-overflow: ellipsis;	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.home_part_4 .con_rb a{ min-width: 366px;}
.home_part_4 .con_rb .img{ position: relative; padding-bottom: 42.686%;}
.home_part_4 .con_rb .img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.home_part_4 .con_rb .sp1{ padding: 1.875vw 0 1.0417vw; font-size: 16px; color: #999;}
.home_part_4 .con_rb .sp2{ padding-bottom: 20px; font-size: 24px; color: #333;}
.home_part_4 .con_rb .sp3{ margin-bottom: 1.5625vw; font-size: 16px; color: #666;}
.home_part_4 .con_rb .sp4{ font-weight: bold; color: #00B7DB;}
.home_part_4 .con_rb a:hover .sp2{ color: #00B363;}

.home_part_5 .bg_box{ position: absolute; width: 100%; height: 100%; left: 0; bottom: 0;}
.home_part_5 .con_k{ position: absolute; z-index: 10;}
.home_part_5 .k1{ width: 43%; height: 100%; background: #294FDE; left: 0; bottom: 0; }
.home_part_5 .k2{ width: 57%; height: 100%; background: #F5F5F5; right: 0; top: 0; }

.home_part_5 .con_l{ position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.home_part_5 .con_l .pic1{ position: relative; z-index: 10;}
.home_part_5 .con_l .pic2{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0;}
.home_part_5 .con_l .pic3{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0;}

.home_part_5 .con_rt{ position: relative; padding: 0 0 0 80px; height: 400px; width:100%; display: flex;align-items: center;}
.home_part_5 .con_rt::after{ content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background: #D7D7D7;}
.home_part_5 .con_rb{ position: relative; padding-top: 60px; width:100%; overflow: hidden; }

.home_part_5 .sw_con{ width: 100%; height: 160px; position: relative; margin-bottom: 25px; }
.home_part_5 .sw_con .swiper-container{ width: 100%; position: absolute; left: 0; top:0; overflow: hidden;}
.home_part_5 .sw_con .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;
}
.home_part_5 .sw_con .swiper-slide{ width:1300px; position: relative; }
.home_part_5 .sw_con1 .swiper-container{transform: rotate(180deg);}
.home_part_5 .sw_con1 .swiper-container img{transform: rotate(180deg);}
.home_part_5 .sw_con a{ display: flex; width: 160px; height: 160px; background: #fff; border-radius: 160px; justify-content: center; align-items: center;}
.home_part_5 .sw_con a img{ max-width: 80%; max-height: 80%;}


/* 首页-动画 */
@media screen and (min-width:1002px){
    :root {
        --ease1: cubic-bezier(0.42, 0, 0.58, 1);
        --ease2: cubic-bezier(0.1, 0, 0.0, 0.8);
        --ease3: cubic-bezier(0.6, 0.2, 0.2, 1);
    }
    .section{ z-index: 0;visibility: hidden;}
    .section.section_down { z-index: 10;visibility: visible;}       /* 出场屏-过度 */
    .section.section_down_n { z-index: 20;visibility: visible;}     /* 入场屏-过度 */
    .section.section_an { z-index: 15;visibility:visible;}          /* 入场屏-当前 */


    /* .section .bg{ height: 100%; top: 100%; transition:all 0s var(--ease1);}
    .section.section_down .bg{ top: 0%; transition:all 0s var(--ease1);}
    .section.section_down_n .bg{ top:0%; transition:all 1s 0s var(--ease1);}
    .section.section_an .bg{ top: 0%; transition:all 1s 0s var(--ease1);} */


    .home_part_1.section_down_n,
    .home_part_1.section_down,
    .home_part_1.section_an{ z-index: 0;}

    .home_part_1 .k1{ width: 43.6%; height: 270px;  transition:all 0.6s var(--ease1);}
    .home_part_1.section_down .k1{ width: 43.6%; height: 270px;  transition:width 0.4s 0.6s var(--ease1), height 0.6s 0s var(--ease1);}
    .home_part_1.section_down_n .k1{ width: 60%; height: 270px;  transition:all 0.8s 0.2s var(--ease1);}
    .home_part_1.section_an .k1{ width: 60%; height: 270px;  transition:all 0.6s var(--ease1);}

    .home_part_1 .k2{ width: 56.4%; height: 0;  transition:all 0s 0.8s var(--ease1);}
    .home_part_1.section_down .k2{ width: 56.4%; height: 0;  transition:width 0.4s 0.6s var(--ease1),height 0.7s 0s var(--ease1);}
    .home_part_1.section_down_n .k2{ width: 40%; height: 80px;  transition:width 0.8s 0.2s var(--ease1),height 0.6s 0.2s var(--ease1);}
    .home_part_1.section_an .k2{ width: 40%; height: 80px;  transition:all 0.6s var(--ease1);}

    .home_part_1 .con_t{ transform: translateY(-40px); opacity: 0;  transition:all 0s 0.8s var(--ease1);}
    .home_part_1.section_down .con_t{ transform: translateY(-40px); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_1.section_an .con_t{ transform: translateY(0); opacity: 1;  transition:all 0.6s var(--ease1);}

    .home_part_1 .con_l{ transform: translateY(40px); opacity: 0;  transition:all 0s 0.8s var(--ease1);}
    .home_part_1.section_down .con_l{ transform: translateY(40px); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_1.section_an .con_l{ transform: translateY(0); opacity: 1;  transition:all 0.6s var(--ease1);}

    .home_part_1 .con_r{ opacity: 0;  transition:all 0s 0.8s var(--ease1);}
    .home_part_1.section_down .con_r{ opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_1.section_an .con_r{  opacity: 1;  transition:all 0.6s var(--ease1);}

    .home_part_1 .video_box{ height: 50%; transition:all 0.8s var(--ease1);}
    .home_part_1.section_down .video_box{ height: 50%; transition:all 0.8s 0.4s var(--ease1);}
    .home_part_1.section_down_n .video_box{ height: 100%; transition:all 0.8s 0s var(--ease1);}
    .home_part_1.section_an .video_box{ height: 100%; transition:all 0.8s var(--ease1);}


    .home_part_2 .k1{ width: 60%; height: 0%;  transition:all 0s 0.6s var(--ease1);}
    .home_part_2.section_down .k1{ width: 0%; height: 100%; opacity: 0;  transition:all 0.6s 0s var(--ease1),opacity 0.4s 0.6s var(--ease1);}
    .home_part_2.section_down_n .k1{ width: 43.6%; height: 100%; transition:width 0.4s 0.6s var(--ease1), height 0.6s 0s var(--ease1);}
    .home_part_2.section_an .k1{ width: 43.6%; height: 100%;  transition:all 0.6s var(--ease1);}

    .home_part_2 .k2{ width: 56.4%; height: 0%; bottom: 0%;  transition:all 0s 0.6s var(--ease1);}
    .home_part_2.section_down .k2{ width: 100%; height: 100%;  opacity: 0;  transition:all 0.6s 0s var(--ease1),opacity 0.1s 0.6s var(--ease1);}
    .home_part_2.section_down_n .k2{ width: 56.4%; height: 100%; bottom: 0%;  transition:width 0.4s 0.6s var(--ease1),height 0.6s 0s var(--ease1);}
    .home_part_2.section_an .k2{ width: 56.4%; height: 100%; bottom: 0%;  transition:all 0.6s var(--ease1);}

    .home_part_2 .k3{ width: 56.4%; height: 0%;  transition:all 0s 0.6s var(--ease1);}
    .home_part_2.section_down .k3{ width: 100%; height: 100%; opacity: 0;  transition:all 0.6s 0s var(--ease1),opacity 0.4s 0.6s var(--ease1);}
    .home_part_2.section_down_n .k3{ width: 56.4%; height: 50%;  transition:all 0.6s 0.2s var(--ease1);}
    .home_part_2.section_an .k3{ width: 56.4%; height: 50%;  transition:all 0.6s var(--ease1);}

    .home_part_2 .con_l{ transform: scale(0.6); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_2.section_down .con_l{ transform: scale(0.6); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_2.section_an .con_l{ transform: scale(1); opacity: 1;  transition:all 0.6s var(--ease1);}

    .home_part_2 .con_t{ transform: translateY(40px); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_2.section_down .con_t{ transform: translateY(40px); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_2.section_an .con_t{ transform: translateY(0); opacity: 1;  transition:all 0.6s 0s var(--ease1);}

    .home_part_2 .con_b{ transform: translateY(-40px); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_2.section_down .con_b{ transform: translateY(-40px); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_2.section_an .con_b{ transform: translateY(0); opacity: 1;  transition:all 0.6s 0s var(--ease1);}


    .home_part_3.section_down_n,
    .home_part_3.section_down,
    .home_part_3.section_an{ z-index: 0;}

    .home_part_3 .con_t .li .pic{  transform: translateY(100%); transition:all 0s 0.8s var(--ease1);}
    .home_part_3.section_down .con_t .li .pic{  transform: translateY(-100%);  transition:all 0.6s var(--ease1);}
    .home_part_3.section_an .con_t .li .pic{  transform: translateY(0%);  transition:all 0.6s var(--ease1);}

    .home_part_3 .con_c .li .pic{  transform: translateY(100%); transition:all 0s 0.8s var(--ease1);}
    .home_part_3.section_down .con_c .li .pic{  transform: translateY(-100%);  transition:all 0.6s var(--ease1);}
    .home_part_3.section_an .con_c .li .pic{ transform: translateY(0%); transition:all 0.6s 0.1s var(--ease1);}

    .home_part_3 .con_b .li .pic{  transform: translateY(100%); transition:all 0s 0.8s var(--ease1);}
    .home_part_3.section_down .con_b .li .pic{ transform: translateY(-100%);  transition:all 0.6s var(--ease1);}
    .home_part_3.section_an .con_b .li .pic{  transform: translateY(0%); transition:all 0.6s 0.15s var(--ease1);}


    /* .home_part_3 .k1{ width: 43%; height: calc(42% - 80px);  transition:all 0s 0.8s var(--ease1);}
    .home_part_3.section_down .k1{ width: 43%; height: calc(42% - 80px);  transition:all 0.6s 0.4s var(--ease1);}
    .home_part_3.section_down_n .k1{ width: 40%; height: 80px;  transition:all 0.6s 0.4s var(--ease1);}
    .home_part_3.section_an .k1{ width: 40%; height: 80px;  transition:all 0.6s var(--ease1);}

    .home_part_3 .k2{ width: 57%; height: 270px;  transition:all 0.6s var(--ease1);}
    .home_part_3.section_down .k2{ width: 57%; height: 270px;  transition:all 0.6s 0.4s var(--ease1);}
    .home_part_3.section_down_n .k2{ width: 60%; height: 270px;  transition:all 0.6s 0.4s var(--ease1);}
    .home_part_3.section_an .k2{ width: 60%; height: 270px;  transition:all 0.6s var(--ease1);}

    .home_part_3 .con_t{ transform: translateY(-40px); opacity: 0;  transition:all 0s 0.8s var(--ease1);}
    .home_part_3.section_down .con_t{ transform: translateY(-40px); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_3.section_an .con_t{ transform: translateY(0); opacity: 1;  transition:all 0.6s var(--ease1);} */

    /* .home_part_3 .con_l{ transform: translateY(40px); opacity: 0;  transition:all 0s 0.8s var(--ease1);}
    .home_part_3.section_down .con_l{ transform: translateY(40px); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_3.section_down_n .con_l{ transform: translateY(0); opacity: 1;  transition:all 0.6s 0.4s var(--ease1);}
    .home_part_3.section_an .con_l{ transform: translateY(0); opacity: 1;  transition:all 0.6s var(--ease1);}

    .home_part_3 .con_r{ transform: translateY(400px); opacity: 0;  transition:all 0s 0.8s var(--ease1);}
    .home_part_3.section_down .con_r{ transform: translateY(400px); opacity: 0;  transition:all 0.6s 0.4s var(--ease1);}
    .home_part_3.section_down_n .con_r{ transform: translateY(0); opacity: 1;  transition:all 0.6s 0.4s var(--ease1);}
    .home_part_3.section_an .con_r{ transform: translateY(0); opacity: 1;  transition:all 0.6s var(--ease1);} */

    /* .home_part_3 .video_box{ height: 50%; transition:all 0.8s var(--ease1);}
    .home_part_3.section_down .video_box{ height: 50%; transition:all 0.8s 0.4s var(--ease1);}
    .home_part_3.section_down_n .video_box{ height: 100%; transition:all 0.8s 0s var(--ease1);}
    .home_part_3.section_an .video_box{ height: 100%; transition:all 0.8s var(--ease1);}
    */


    .home_part_4 .k1{ width: 23%; height: 0%;  transition:all 0.6s var(--ease1);}
    .home_part_4.section_down .k1{ width: 43%; height: 0%;  transition:all 0.6s 0.8s var(--ease1);}
    .home_part_4.section_down_n .k1{ width: 43%; height: 100%; transition:width 0.6s 0.8s var(--ease1),height 0.3s 0.5s var(--ease1);}
    .home_part_4.section_an .k1{ width: 43%; height: 100%;  transition:all 0.6s var(--ease1);}

    .home_part_4 .k2{ width: 77%; height: 0%;   transition:all 0.6s var(--ease1);}
    .home_part_4.section_down .k2{ width: 57%; height: 0%;  transition:width 0.6s 0.4s var(--ease1),height 0.8s 0.4s var(--ease1);}
    .home_part_4.section_down_n .k2{ width: 57%; height: 100%;   transition:width 0.6s 0.8s var(--ease1),height 0.6s 0.2s var(--ease1);}
    .home_part_4.section_an .k2{ width: 57%; height: 100%;   transition:all 0.6s var(--ease1);}

    .home_part_4 .con_l .pic1{ transform:translate(100px) scale(0.6); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_4.section_down .con_l .pic1{ transform:translate(100px) scale(0.6); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_4.section_an .con_l .pic1{ transform:translate(0) scale(1); opacity: 1;  transition:all 0.6s var(--ease1);}

    .home_part_4 .con_l .pic2{ transform:rotate(-360deg) scale(0.4); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_4.section_down .con_l .pic2{ transform:rotate(-360deg)  scale(0.4); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_4.section_an .con_l .pic2{ transform:rotate(0)  scale(1); opacity: 1;  transition:all 1s var(--ease1);}

    .home_part_4 .con_rt .li{ transform: translateY(40px); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_4.section_down .con_rt .li{ transform: translateY(40px); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_4.section_an .con_rt .li{ transform: translateY(0); opacity: 1;  transition:all 0.6s 0s var(--ease1);}

    .home_part_4 .con_rb .li .pic{ width: 0;  transition:all 0.6s var(--ease1);}
    .home_part_4.section_down .con_rb .li .pic{ width: 0;  transition:all 0.6s var(--ease1);}
    .home_part_4.section_an .con_rb .li .pic{ width:100%;   transition:all 0.6s 0s var(--ease1);}

    .home_part_4 .con_rb::after{ height: 0;  transition:all 0.6s var(--ease1);}
    .home_part_4.section_down .con_rb::after{ height: 0;  transition:all 0.6s var(--ease1);}
    .home_part_4.section_an .con_rb::after{ height:100%;   transition:all 0.6s 0s var(--ease1);}



    .home_part_5 .k1{ width: 43%; height: 0%;  transition:all 0.6s var(--ease1);}
    .home_part_5.section_down .k1{ width: 43%; height: 0%;  transition:all 0.6s 0.4s var(--ease1);}
    .home_part_5.section_down_n .k1{ width: 43%; height: 100%; transition:width 0.8s 0s var(--ease1),height 0.5s 0.3s var(--ease1);}
    .home_part_5.section_an .k1{ width: 43%; height: 100%;  transition:all 0.6s var(--ease1);}

    .home_part_5 .k2{ width: 57%; height: 0%;   transition:all 0.6s var(--ease1);}
    .home_part_5.section_down .k2{ width: 57%; height: 0%;  transition:width 0.6s 0.4s var(--ease1),height 0.8s 0.4s var(--ease1);}
    .home_part_5.section_down_n .k2{ width: 57%; height: 100%;   transition:all 0.8s 0s var(--ease1);}
    .home_part_5.section_an .k2{ width: 57%; height: 100%;   transition:all 0.6s var(--ease1);}

    /* .home_part_5 .con_l{ transform: scale(0.8); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_5.section_down .con_l{ transform: scale(0.8); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_5.section_an .con_l{ transform: scale(1); opacity: 1;  transition:all 0.6s var(--ease1);} */

    .home_part_5 .con_l .pic1{ transform:scale(0.6); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_5.section_down .con_l .pic1{ transform:scale(0.6); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_5.section_an .con_l .pic1{ transform:scale(1); opacity: 1;  transition:all 0.6s var(--ease1);}

    .home_part_5 .con_l .pic2{ transform:rotate(-180deg) scale(0.4); transform-origin: 50% 50%; opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_5.section_down .con_l .pic2{ transform:rotate(-180deg)  scale(0.4); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_5.section_an .con_l .pic2{ transform:rotate(0)  scale(1); opacity: 1;  transition:all 1s var(--ease1);}

    .home_part_5 .con_l .pic3{ transform:rotate(-360deg) scale(0.2); transform-origin: 50% 60%; opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_5.section_down .con_l .pic3{ transform:rotate(-360deg)  scale(0.2); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_5.section_an .con_l .pic3{ transform:rotate(0)  scale(1); opacity: 1;  transition:all 1s var(--ease1);}

    .home_part_5 .con_rt .li{ transform: translateY(40px); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_5.section_down .con_rt .li{ transform: translateY(40px); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_5.section_an .con_rt .li{ transform: translateY(0); opacity: 1;  transition:all 0.6s 0.2s var(--ease1);}

    .home_part_5 .sw_con1{ transform: translateX(-50%); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_5.section_down .sw_con1{ transform: translateX(-50%); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_5.section_an .sw_con1{ transform: translateY(0); opacity: 1;  transition:all 0.8s 0s var(--ease1);}

    .home_part_5 .sw_con2{ transform: translateX(50%); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_5.section_down .sw_con2{ transform: translateX(50%); opacity: 0;  transition:all 0.6s var(--ease1);}
    .home_part_5.section_an .sw_con2{ transform: translateY(0); opacity: 1;  transition:all 0.8s 0s var(--ease1);}

}

/*--小PC--*/
@media screen and (max-width:1600px){
    
    /* 公用-头尾 */
    .header{ height: 80px;}
    .header .header_wrap{ padding: 0 35px;}
    /* .header .logo img{ width: 140px;} */
    .section_footer .section_con{ height: 410px; padding: 0 35px;}
    .section_footer .con_t{ padding: 50px 0 26px;}
    .section_footer .con_t .logo img{ width: 162px;}
    .section_footer .con_cen{ padding: 26px 0;}
    .section_footer .con_cen li{ padding-right: 40px;}
    .section_footer .con_cen a{ font-size: 12px;}
    .section_footer .con_cen a.a1{ font-size: 14px;}
    .section_footer .con_cen .r .text{ padding-right: 25px;}
    .section_footer .con_cen .r .text p{ padding-bottom: 5px;}
    .section_footer .con_cen .r .text .tel{ font-size: 32px;}
    .section_footer .con_cen .r .ewm p{ font-size: 14px;}
    .in_section_top{ transform: translateY(-410px) !important;}

    /* 首页 */
    .home_part_1 .con_t{ top: 150px; left: 120px;}
    .home_part_1 .con_t .text .tit1{ font-size: 14px;}
    .home_part_1 .con_t .text .tit2{ font-size: 40px; padding-bottom: 20px;}
    .in_fullbtn a{ width: 160px; height: 40px; font-size: 12px;}
    .in_fullbtn a i{ width: 26px;}
    .home_part_1 .k1,
    .home_part_1.section_an .k1{ height: 168px;}
    .home_part_1 .con_l{ padding-left: 120px;}
    .home_part_1 .con_l .lb_box{ width: 510px;}
    .home_part_1 .swiper-container{ width: 510px;}
    .home_part_1 .con_l .text_box .day .sp1{ font-size: 32px;}
    .home_part_1 .con_l .text_box .day .sp2{ font-size: 14px;}
    .home_part_1 .con_l .text_box .text .tet{ font-size: 12px;}
    .home_part_1 .con_l .text_box .text a{ font-size: 14px;}
    .home_part_1 .con_r .swiper-num{ font-size: 14px;}
    .home_part_2 .con_l .swiper-slide .pic{ width: 400px; height: 414px;}
    .home_part_2 .con_l .swiper-slide .pic img{ width: 100%; height: 100%;}
    .home_part_2 .k1,
    .home_part_2.section_an .k1,
    .home_part_2.section_down_n .k1,  
    .home_part_2 .con_l{ width: 500px;}
    .home_part_2 .k2,
    .home_part_2.section_an .k2,
    .home_part_2.section_down_n .k2,
    .home_part_2 .k3,
    .home_part_2.section_an .k3,
    .home_part_2.section_down_n .k3{ width: calc(100% - 500px);}
    .home_part_2 .s_box{ width: 400px; height: 414px; margin: -207px 0 0 -200px;}
    .home_part_2 .s_box span::after{ width: 12px; height: 12px;}
    .home_part_2 .con_t .li{ padding-left: 60px;}
    .home_part_2 .con_t .text .tit1{ font-size: 14px; padding-bottom: 10px;}
    .home_part_2 .con_t .text .tit2{ font-size: 26px; padding-bottom: 20px;}
    .home_part_2 .con_b .cont .yuan{ width: 200px; height: 200px; margin: -100px 0 0 -100px;}
    .home_part_2 .con_b .cont .line1{ width: 450px; height: 450px;}
    .home_part_2 .con_b .cont .list .li_box .btn{ font-size: 14px;}
    .home_part_2 .con_b .cont .list .li_box .hov .t{ width: 114px; height: 114px; font-size: 16px;}
    .home_part_2 .con_b .cont .list .li_box .hov .b{ font-size: 18px; padding-top: 10px;}
    .home_part_2 .con_b .li{ padding: 0 60px;}
    .home_part_2 .con_b .li1{ padding: 0 0px 16px 0px;}
    .home_part_2 .con_b .li_zksq .txt_list{ padding: 10px 0;}
    .home_part_2 .con_b .li_zksq .txt_list .icon i{ font-size: 14px;}
    .home_part_2 .con_b .li_zksq .txt_list li{ font-size: 12px; margin: 3px 0;}
    .home_part_2 .con_b .li_zksq .txt_list .more{ width: 24px; height: 24px;}
    .home_part_2 .con_b .li_zksq .txt_list .more img{ width: 100%; height: 100%;}
    .home_part_3 .con_t{ left: 120px; }
    .home_part_3 .con_t .text .tit1{ font-size: 14px; padding-bottom: 10px;}
    .home_part_3 .con_t .text .tit2{ font-size: 40px; padding-bottom: 10px;}
    .home_part_3 .con_t .text .tit3{ font-size: 14px; padding-bottom: 20px;}
    .home_part_3 .con_b li{ padding: 30px 0;}
    .home_part_3 .con_b li .sp1{ font-size: 40px; padding-bottom: 5px;}
    .home_part_3 .con_b li span{ font-size: 12px;}
    .in_fullbtn_vid a b{ background-size: cover; width: 10px; height: 12px;}
    .home_part_4 .con_rt,
    .home_part_5 .con_rt{ height: 260px; padding: 0 0 0 60px;}
    .home_part_4 .con_rt .text .tit1, 
    .home_part_5 .con_rt .text .tit1{ font-size: 14px; padding-bottom: 10px;}
    .home_part_4 .con_rt .text .tit2, 
    .home_part_5 .con_rt .text .tit2{ font-size: 26px; padding-bottom: 20px;}
    /* .home_part_4 .con_rb{ height: calc(100% - 260px);} */
    .home_part_4 .con_rb a{ min-width: 300px;}
    .home_part_4 .con_rb .sp1{ padding: 8px 0 5px; font-size: 14px;}
    .home_part_4 .con_rb .sp2{ font-size: 20px; padding-bottom: 5px;}
    .home_part_4 .con_rb .sp3{ font-size: 14px; margin-bottom: 10px;}
    .home_part_4 .con_l img,
    .home_part_5 .con_l img{ width: 100%;}
    .home_part_5 .sw_con{ height: 100px;}
    .home_part_5 .sw_con a{ width: 100px; height: 100px;}
    .home_part_4 .k1,
    .home_part_4.section_an .k1,
    .home_part_4.section_down_n .k1,
    .home_part_5 .k1,
    .home_part_5.section_an .k1,
    .home_part_5.section_down_n .k1{ width: 500px;}
    .home_part_4 .k2,
    .home_part_4.section_an .k2,
    .home_part_4.section_down_n .k2,
    .home_part_5 .k2,
    .home_part_5.section_an .k2,
    .home_part_5.section_down_n .k2{ width: calc(100% - 500px);}



}
/*--小PC 1260*560--*/
@media screen and (max-width:1400px){

    /* 公用-头尾 */
    .section_footer .con_cen a.a1{ font-size: 12px;}
    .section_footer .con_cen .r .text p{ font-size: 12px;}
    .section_footer .con_cen .r .text .tel{ font-size: 26px;}
    .section_footer .con_cen .r .ewm p{ font-size: 12px;}

    /* 首页 */
    .home_part_1 .con_t{ left: 80px;}
    .home_part_1 .con_l{ padding-left: 80px;}
    .home_part_1 .con_l .text_box .text{ padding-left: 30px;}
    .home_part_1 .con_l .swiper-button{ margin-right: 30px;}
    .home_part_1 .con_t .text .tit2{ font-size: 34px;}
    .home_part_2 .con_t .text .tit2{ font-size: 20px;}
    .home_part_2 .con_b .cont .list .li_box .hov .t,
    .home_part_2 .con_b .cont .list .li_box .hov .b{ font-size: 14px;}
    .home_part_3 .con_t{ left: 80px; max-width: 700px;}
    .home_part_3 .con_t .text .tit2{ font-size: 34px;}
    .home_part_4 .con_rt .text .tit2, 
    .home_part_5 .con_rt .text .tit2{ font-size: 20px;}
    .home_part_4 .con_rb a{ min-width: 200px;}
    .home_part_4 .con_rb .sp1{ font-size: 12px;}
    .home_part_4 .con_rb .sp2{ font-size: 16px;}
    .home_part_4 .con_rb .sp3,
    .home_part_4 .con_rb .sp4{ font-size: 12px;}
    .home_part_5 .con_rb{ padding-top: 40px;}
    .home_part_5 .sw_con{ margin-bottom: 20px;}




	
}
/*--ipad横--*/
@media screen and (max-width:1200px){

    /* 公用-头尾 */
    .t_right{ width: 20px;}
    .section_footer .con_t{ padding-top: 30px;}
    .section_footer .con_cen li{ padding-right: 20px;}

    /* 首页 */
    .home_part_1.section_an .k1{ width: 75%;}
    .home_part_1.section_an .k2{ width: 25%;}
    .home_part_2 .k1, 
    .home_part_2.section_an .k1, 
    .home_part_2.section_down_n .k1, 
    .home_part_2 .con_l{ width: 400px;}
    .home_part_2 .k2, 
    .home_part_2.section_an .k2, 
    .home_part_2.section_down_n .k2, 
    .home_part_2 .k3, 
    .home_part_2.section_an .k3, 
    .home_part_2.section_down_n .k3{ width: calc(100% - 400px);}
    .home_part_2 .con_b .li_zksq .txt_list .icon{ width: 120px;}
    .home_part_2 .con_b .li_zksq .txt_list .icon i{ padding-left: 10px;}
    .home_part_4 .k1, 
    .home_part_4.section_an .k1, 
    .home_part_4.section_down_n .k1, 
    .home_part_5 .k1, 
    .home_part_5.section_an .k1, 
    .home_part_5.section_down_n .k1{ width: 400px;}
    .home_part_4 .k2, 
    .home_part_4.section_an .k2, 
    .home_part_4.section_down_n .k2, 
    .home_part_5 .k2, 
    .home_part_5.section_an .k2, 
    .home_part_5.section_down_n .k2{ width: calc(100% - 400px);}
    .home_part_4 .con_l .pic2,
    .home_part_5 .con_l .pic2,
    .home_part_5 .con_l .pic3{ height: 414px; top: 50%; margin-top: -206px;}
    .home_part_5 .sw_con a{ width: 90px; height: 90px;}





    

}
/*--ipad竖--*/
@media screen and (max-width:1002px){
    
    /* 公用-头尾 */
    .header .top_on .logo2{ display: block;}
    .header .top_on .logo1{ display: none;}
    .header .top_on{ background: #fff; border-bottom: 1px solid #B4B4B4;  transition: 0.4s;}
    .header .top_on .btn_search a i{opacity: 0;}
    .header .top_on .btn_search a .black{ opacity: 1;}
    .header .top_on .btn_language span i{opacity: 0;}
    .header .top_on .btn_language span .black{ opacity: 1;}
    .header .top_on .btn_nav i,
    .header .top_on .btn_nav i::before, 
    .header .top_on .btn_nav i::after{ background: #333;}

    .t_right{ display: none;}
    .section_footer{ position: relative; left: auto; bottom: auto; transform: translateY(0);}
    .section_footer .section_con{ height: auto; position: inherit; bottom: auto;}
    .section_footer .con_t .logo img{ width: 120px;}
    .section_footer .con_t .top{ width: 35px; height: 35px; background-size: cover;}
    .section_footer .con_cen .r{ display: none;}
    .section_footer .con_cen .l{ width: 100%;}
    .section_footer .con_cen ul{ justify-content: space-between;}
    .section_footer .con_b{ display: block; text-align: center; padding-bottom: 20px;}
    .section_footer .copyright{ padding-bottom: 10px;}
    .section_footer .url_list{ justify-content: center;}



    /* 首页 */
    .in_section{ height: auto;}
    .section{ position: relative !important; height: auto;}
    .home_part_1{ display: block; height: 100vh;}
    .home_part_1 .con_t{ left: 40px; top: 30%;}
    .home_part_1 .con_l{ padding-left: 40px;}
    .home_part_1.section_an .k1{ width: 100%;}
    .home_part_1.section_an .k2{ display: none;}
    .home_part_2 .k1,
    .home_part_2 .k2,
    .home_part_2 .con_b_bg{ display: none;}
    .home_part_2 .k3{ width: 100%; position: relative; height: auto;}
    .home_part_2 .bg_box{ position: relative;}
    .home_part_2 .con_b{ position: relative;}
    .home_part_2 .con_b .li{ position: relative; padding: 0; display: block;}
    .home_part_2 .con_b .li1{ background: #E0E456; background:#294FDE;}
    .home_part_2 .con_b .li2{ background: #294FDE;}
    .home_part_2 .con_b .li3{ background: #00B362;}
    .home_part_2 .con_b .li .text_yd{ display: block; padding: 60px 35px; background: #F5F5F5; position: relative; z-index: 1;}
    .home_part_2 .con_b .li .text_yd .tit1{ font-size: 14px; padding-bottom: 10px;}
    .home_part_2 .con_b .li .text_yd .tit2{ font-size: 20px; padding-bottom: 20px;}
    .home_part_2 .con_b .cont{ height: 300px;}
    .home_part_2 .con_b .li_zksq .txt_listbox{ padding: 40px 35px;}
    .home_part_2 .con_b .li_zksq .txt_list:first-child{ border-top: 1px solid rgba(255, 255, 255, 0.2);}
    
    .home_part_3 .canvas_3d{ display: none;}
    .home_part_3 .con_t,
    .home_part_3 .con_b{ position: inherit; left: auto; top:auto;}
    .home_part_3 .con_t{ max-width: 100%; width: 100%; box-sizing: border-box; transform: translateY(0); padding: 80px 40px;}
    .home_part_3 .con_t .text .tit2{ font-size: 20px;}
    .home_part_3 .con_b ul{ height: 130px;}
    .home_part_3 .con_b li{ height: 100%; padding: 30px 20px;}
    .home_part_3 .con_b li .sp1{ font-size: 30px;}

    .home_part_4 .bg_box,
    .home_part_4 .con_k{ position: inherit;}
    .home_part_4 .k1{ display: none;}
    .home_part_4 .k2{ width: 100%;}
    .home_part_4 .con_rt, 
    .home_part_5 .con_rt{ height: auto; padding: 40px;}
    .home_part_4 .con_rb{ height: auto; padding: 0 20px 20px;}
    .home_part_4 .con_rb .li{ padding: 0 20px;}
    .home_part_4 .con_rt::after,
    .home_part_4 .con_rb::after{ display: none;}
    .home_part_4 .con_rb a{ min-width: 0;}

    .home_part_5 .bg_box,
    .home_part_5 .con_k{ position: inherit;}
    .home_part_5 .k1{ display: none;}
    .home_part_5 .k2{ width: 100%;}
    .home_part_5 .con_rt::after{ display: none;}
    .home_part_5 .con_rb{ padding-top: 0; padding-bottom: 20px;}
    .home_part_5 .sw_con{ height: 90px;}



}
/*--手机横--*/
@media screen and (max-width:758px){

    .header{ height: 60px;}
    .header .header_wrap{ padding: 0 20px;}
    .header .logo img{ width: 120px; height: auto;}
    .header .btn_nav{ margin-left: 30px;}
    .header .btn_search{ margin-right: 0;}
    .section_footer .section_con{ padding: 0 20px;}
    .section_footer .con_t{ padding: 20px 0;}
    .section_footer .con_cen{ padding: 20px 0 10px;}
    .section_footer .con_cen ul{ display: block; text-align: center;}
    .section_footer .con_cen li{ display: inline-block; padding-bottom: 10px;}
    .section_footer .con_cen a{ display: none;}
    .section_footer .con_cen a.a1{ display: block; padding: 0;}

    /* 首页 */
    .in_fullbtn a{ width: 130px;}
    .home_part_1 .con_t{ left: 20px;}
    .home_part_1 .con_t .text .tit1{ font-size: 12px;}
    .home_part_1 .con_t .text .tit2{ font-size: 30px;}
    .home_part_1 .con_l{ padding-left: 20px;}
    .home_part_1 .con_l .text_box .text{ padding-left: 10px;}
    .home_part_1 .swiper-container{ width: 340px;}
    .home_part_2 .con_b .cont .list .li_box1, 
    .home_part_2 .con_b .cont .list .li_box4{ width: 20%;}
    .home_part_2 .con_b .cont .list .li_box2, 
    .home_part_2 .con_b .cont .list .li_box3{ width: 30%;}
    .home_part_2 .con_b .cont .list{ overflow-x: auto;}
    .home_part_2 .con_b .cont .list_box{ width: 120%;}
    .home_part_2 .con_b .li .text_yd{ padding: 40px 20px;}
    .home_part_2 .con_b .li_zksq .txt_listbox{ padding: 40px 20px;}
    .home_part_3 .con_t{ padding: 40px 20px;}
    .home_part_3 .con_b ul{ flex-wrap: wrap; height: auto; border-top: none;}
    .home_part_3 .con_b li{ width: 50%; border-top: 1px solid rgba(255, 255, 255, 0.40);}
    .home_part_3 .con_b li:last-child{ width: 100%;}
    .home_part_4 .con_rt,
    .home_part_5 .con_rt{ padding: 40px 20px;}
    .home_part_4 .con_rb{ padding-left: 10px; padding-right: 10px;}
    .home_part_4 .con_rb .li{ padding: 0 10px;}
    .home_part_5 .sw_con a{ width: 100px; height: 100px;}

    /* 视频弹层 */
    .popup_video .cont{ width: 90%; height: 50%;}
    .popup_video .cont .sole{ right: 0; top: -40px; width: 20px; height: 20px;}
    .popup_video .cont{ padding: 4px;}
    .popup_video .cont .sole{ font-size: 24px;}




}
/*--手机竖--*/
@media screen and (max-width:470px){

    .in_fullbtn a{ width: 110px; height: 34px;}
    .in_fullbtn a i{ width: 14px;}

    /* 首页 */
    .home_part_1 .con_t .text .tit2{ max-width: 200px;}
    .home_part_1 .swiper-container{ width: 270px;}
    .home_part_2 .con_b .cont .line1{ width: 360px; height: 360px;}
    .home_part_1 .con_l .text_box .text .tet{ padding-bottom: 10px;}
    .home_part_2 .con_b .li .text_yd .tit2{ font-size: 18px;}
    .home_part_2 .con_b .cont .list{ padding: 0;}
    .home_part_2 .con_b .cont .list_box{ width: 150%; padding: 0 40px;}
    .home_part_2 .con_b .cont .list .li_box .hov .t{ font-size: 12px; width: 100px; height: 100px;}
    .home_part_2 .con_b .li_zksq .txt_list{ display: block; position: relative;}
    .home_part_2 .con_b .li_zksq .txt_list .more{ width: 30px; height: 30px; position: absolute; right: 0; top: 10px;}
    .home_part_2 .con_b .li_zksq .txt_list .icon{ width: 100%; box-sizing: border-box; padding-right: 40px;}
    .home_part_2 .con_b .li_zksq .txt_list.txt_up ul{ padding-top: 10px; max-height: none;}
    .home_part_3 .con_t .text .tit2{ font-size: 18px;}
    .home_part_3 .con_b li{ padding: 30px;}
    .home_part_4 .con_rt .text .tit2,
    .home_part_5 .con_rt .text .tit2{ font-size: 18px;}
    .home_part_4 .con_rb{ display: block; padding-bottom: 0;}
    .home_part_4 .con_rb .li{ margin-bottom: 30px; max-width: 100%;}
    .home_part_5 .con_rt{ padding-top: 20px;}






}




