@charset "UTF-8";
@font-face { font-family: 'YouSheBiaoTiHei'; src: url("../../font/ysbth.ttf") format("truetype"); font-weight: normal; font-style: normal; }
body { font-family: unset !important; }

.mainCenter { width: 100%; margin: 0 auto; position: relative; padding: 0 190px; }

.homeCenter { width: 100%; margin: 0 auto; position: relative; padding: 0 190px; }

.page_route .link { font-size: 14px; color: #999999; font-weight: normal; }

.page_route .arr { font-size: 14px; color: #999999; font-weight: normal; }

.page_route .link:last-child { font-size: 14px; color: #333333; font-weight: normal; }

.page_route .arr:last-child { font-size: 14px; color: #333333; font-weight: normal; }

.wrap_head { width: 100%; height: 80px; background-color: #fff; position: relative; z-index: 33; }
.wrap_head .header { width: 100%; height: 80px; background-color: #fff; position: fixed; top: 0; z-index: 99; box-shadow: 0px 6px 10px 0px rgba(238, 238, 238, 0.4); max-width: 1920px; }
.wrap_head .header .headCon { width: 100%; height: 100%; max-width: 1920px; display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 33; background-color: #ffffff; }
.wrap_head .header .headCon .logo { width: 177px; height: 50px; margin-left: 60px; display: flex; align-items: center; }
.wrap_head .header .headCon .logo .i { width: 85%; height: 85%; }
.wrap_head .header .headCon .right { display: flex; align-items: center; justify-content: flex-end; height: 100%; position: relative; }
.wrap_head .header .headCon .right .pc_show { height: 100%; }
.wrap_head .header .headCon .right .menu { display: flex; height: 100%; }
.wrap_head .header .headCon .right .menu .menuTap { height: 100%; margin-right: 60px; position: relative; display: flex; align-items: center; }
.wrap_head .header .headCon .right .menu .menuTap .text { font-size: 18px; color: #2f3542; font-weight: normal; padding: 10px 0; cursor: pointer; }
.wrap_head .header .headCon .right .menu .menuTap.active .text { color: #34B1DD; }
.wrap_head .header .headCon .right .menu .menuTap.active::after { content: ''; width: 100%; height: 3px; background-color: #34B1DD; position: absolute; left: 0; bottom: 0; z-index: 2; }
.wrap_head .header .headCon .right .menu .menuTap:hover .text { color: #34B1DD; }
.wrap_head .header .headCon .right .menu .menuTap:hover::after { content: ''; width: 100%; height: 3px; background-color: #ffffff; position: absolute; left: 0; bottom: 0; z-index: 2; }
.wrap_head .header .headCon .right .menu .menuTap .slideList { width: 160px; height: auto; position: absolute; top: 80px; left: 50%; transform: translateX(-50%); z-index: 22; display: none; box-shadow: 0px 0px 4px 0px #eeeeee; }
.wrap_head .header .headCon .right .menu .menuTap .slideList .tap { width: 100%; height: auto; background-color: rgba(255, 255, 255, 0.94); display: flex; justify-content: center; align-items: center; cursor: pointer; border-bottom: 1px solid rgba(204, 204, 204, 0.2); position: relative; transition: all .5s; font-size: 16px; color: #2f3542; font-weight: normal; padding: 8px 4px; }
.wrap_head .header .headCon .right .menu .menuTap .slideList .tap .tap_name { text-align: center; }
.wrap_head .header .headCon .right .menu .menuTap .slideList .tap:hover { background-color: #fff; }
.wrap_head .header .headCon .right .menu .menuTap .slideList .tap.active::before { content: ""; width: 2px; height: 16px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; background-color: #34B1DD; }
.wrap_head .header .headCon .right .menu .menuTap .slideList .tap:last-child { border-bottom: none; }
.wrap_head .header .headCon .right .lang, .wrap_head .header .headCon .right .lang a { display: flex; align-items: center; font-size: 18px; color: #2f3542; font-weight: normal; cursor: pointer; padding: 10px 0; color: #333333; }
.wrap_head .header .headCon .right .lang .flag, .wrap_head .header .headCon .right .lang a .flag { width: 26px; height: 18px; margin-right: 6px; }
.wrap_head .header .headCon .right .lang .spacing, .wrap_head .header .headCon .right .lang a .spacing { font-size: 18px; color: #2f3542; font-weight: normal; color: #DDDDDD; margin: 0 10px; }
.wrap_head .header .headCon .right .lang.active, .wrap_head .header .headCon .right .lang a.active { color: #34B1DD; }
.wrap_head .header .headCon .right .search_box { display: flex; justify-content: center; align-items: center; background-color: #34B1DD; width: 90px; height: 80px; margin-left: 60px; cursor: pointer; }
.wrap_head .header .headCon .right .search_box .iconfont { font-size: 30px; color: #ffffff; }
.wrap_head .header .headCon .right .mob_list_tap { display: flex; margin: 3vw; }
.wrap_head .header .headCon .right .mob_list_tap .iconfont { font-size: 6vw; color: #2f3542; font-weight: normal; }
.wrap_head .header .headCon .right .mob_list { width: auto; height: auto; position: absolute; top: 80px; right: 6vw; background-color: #fff; display: flex; flex-direction: column; filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3)); border-radius: 1vw; visibility: hidden; opacity: 0; transform: translateY(-10%); transition: all .5s; }
.wrap_head .header .headCon .right .mob_list.active { visibility: visible; opacity: 1; transform: translateY(0); }
.wrap_head .header .headCon .right .mob_list::before { content: ""; width: 7vw; height: 4vw; -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); background-color: #fff; position: absolute; top: -3.5vw; left: 50%; transform: translateX(-50%); z-index: 22; }
.wrap_head .header .headCon .right .mob_list .tap { font-size: 4vw; color: #2f3542; font-weight: normal; line-height: 2.5; border-bottom: 1px solid #f2f2f2; white-space: nowrap; width: 35vw; text-align: center; }
.wrap_head .header .headCon .right .mob_list .tap:last-child { border-bottom: none; }
.wrap_head .header .headCon .right .mob_list.mob_list_lang { right: 18vw; }
.wrap_head .header .headCon .search_input { position: fixed; left: 0; width: 100%; max-width: 1920px; height: 80px; background: #ffffff; z-index: 3; display: flex; justify-content: center; align-items: center; transition: all .3s ease; }
.wrap_head .header .headCon .search_input .search_form { display: flex; justify-content: space-between; align-items: center; padding: 0 10px 0 20px; width: 800px; height: 46px; background: #FFFFFF; border: 1px solid #999999; }
.wrap_head .header .headCon .search_input .search_form .text { font-size: 16px; height: 30px; flex: 1; }
.wrap_head .header .headCon .search_input .search_form .iconfont { font-size: 20px; color: #333333; padding: 5px; cursor: pointer; }
.wrap_head .header .headCon .search_input .search_form .text::placeholder { color: #CCCCCC; font-size: 16px; }
.wrap_head .header .headCon .search_input .close_search { padding: 10px; cursor: pointer; }
.wrap_head .header .headCon .search_input .close_search .iconfont { font-size: 20px; color: #999999; }
.wrap_head .header .headCon .search_input.hide { transform: translateY(-100%); visibility: hidden; transition: all .3s ease; }
.wrap_head .header .headMask { width: 100%; height: 100%; margin: 0 auto; position: fixed; top: 80px; z-index: 22; background-color: rgba(0, 0, 0, 0.5); display: none; left: 50%; transform: translateX(-50%); max-width: 1920px; }
.wrap_head .header .productFixed { width: 100%; height: auto; background-color: #ffffff; position: fixed; top: 80px; left: 50%; transform: translateX(-50%); max-width: 1920px; z-index: 23; display: none; }
.wrap_head .header .productFixed::before { content: ""; width: 100%; height: 10px; background-color: #fff; box-shadow: 0px 6px 10px 0px rgba(238, 238, 238, 0.4); display: block; margin-top: -10px; }
.wrap_head .header .productFixed .menuMain { padding: 36px 240px 10px; display: grid; grid-template-columns: repeat(6, 1fr); }
.wrap_head .header .productFixed .menuMain .menuList { margin-bottom: 50px; padding-right: 20px; display: flex; flex-direction: column; }
.wrap_head .header .productFixed .menuMain .menuList .title { font-size: 14px; color: #2f3542; font-weight: bold; line-height: 18px; padding-bottom: 15px; }
.wrap_head .header .productFixed .menuMain .menuList .link { font-size: 14px; color: #4f4f4f; font-weight: normal; line-height: 20px; cursor: pointer; transition: all .5s; margin-bottom: 10px; }
.wrap_head .header .productFixed .menuMain .menuList .link:hover { color: #34B1DD; text-decoration: underline; }
.wrap_head .header .productFixed .menuMain .menuList .active { color: #34B1DD; }
.wrap_head .header .caseFixed { width: 100%; height: auto; background-color: #ffffff; position: fixed; top: 80px; left: 50%; transform: translateX(-50%); max-width: 1920px; z-index: 23; display: none; }
.wrap_head .header .caseFixed::before { content: ""; width: 100%; height: 10px; background-color: #fff; box-shadow: 0px 6px 10px 0px rgba(238, 238, 238, 0.4); display: block; margin-top: -10px; }
.wrap_head .header .caseFixed .menuMain { padding: 36px 240px 10px; display: grid; grid-template-columns: repeat(6, 1fr); }
.wrap_head .header .caseFixed .menuMain .menuList { margin-bottom: 50px; padding-right: 20px; display: flex; flex-direction: column; }
.wrap_head .header .caseFixed .menuMain .menuList .title { font-size: 14px; color: #2f3542; font-weight: bold; line-height: 18px; padding-bottom: 15px; }
.wrap_head .header .caseFixed .menuMain .menuList .link { font-size: 14px; color: #4f4f4f; font-weight: normal; line-height: 20px; cursor: pointer; transition: all .5s; margin-bottom: 10px; }
.wrap_head .header .caseFixed .menuMain .menuList .link:hover { color: #34B1DD; text-decoration: underline; }
.wrap_head .header .caseFixed .menuMain .menuList .active { color: #34B1DD; }

.wrap_body { position: relative; z-index: 22; }
.wrap_body .banner_wrap { width: 1920px; height: 800px; background-color: #cccccc; z-index: 11; top: 80px; }
.wrap_body .banner_wrap .swiper { width: 100%; height: 100%; overflow: hidden; }
.wrap_body .banner_wrap .swiper-wrapper { width: 100%; height: 100%; }
.wrap_body .banner_wrap .swiper-pagination { margin-bottom: 20px; }
.wrap_body .banner_wrap .swiper-pagination-bullet { width: 32px; /* 设置宽度 */ height: 4px; /* 设置高度 */ background: #ffffff; /* 设置背景颜色 */ border-radius: 2px !important; opacity: 0.6; /* 设置透明度 */ }
.wrap_body .banner_wrap .swiper-pagination-bullet-active { background: #ffffff; /* 设置激活状态下的背景颜色 */ opacity: 1; /* 设置激活状态下的透明度 */ }
.wrap_body .microsites_wrap { width: 100%; height: auto; background-color: #000; position: relative; z-index: 22; display: flex; overflow: hidden; }
.wrap_body .microsites_wrap .tap_con { flex: 1; height: auto; cursor: pointer; position: relative; }
.wrap_body .microsites_wrap .tap_con:nth-child(1) { z-index: 3; }
.wrap_body .microsites_wrap .tap_con:nth-child(2) { z-index: 2; }
.wrap_body .microsites_wrap .tap_con:nth-child(3) { z-index: 1; }
.wrap_body .microsites_wrap .tap_con:hover .inner .content .img { transform: scale(1.05) skewX(7deg); }
.wrap_body .microsites_wrap .tap_con .inner { width: 100%; height: auto; padding-top: 62.5%; position: relative; }
.wrap_body .microsites_wrap .tap_con .inner .content { position: absolute; top: 0; left: 50%; width: calc(100% + 60px); height: 100%; overflow: hidden; transform: skewX(-7deg) translateX(-50%); }
.wrap_body .microsites_wrap .tap_con .inner .content .img { position: relative; z-index: 1; width: calc(100% + 30px); height: auto; max-width: initial; transition: all .5s; transform: skewX(7deg); }
.wrap_body .microsites_wrap .tap_con .text_con { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 22; }
.wrap_body .microsites_wrap .tap_con .text_con ul { margin: 1em 0; padding-left: 40px; list-style: disc inside; }
.wrap_body .microsites_wrap .tap_con .text_con ol { margin: 1em 0; padding-left: 40px; list-style: decimal inside; }
.wrap_body .microsites_wrap .tap_con .text_con li { list-style: unset; }
.wrap_body .microsites_wrap .tap_con .text_con .text { font-size: 28px; color: #fff; font-weight: normal; position: absolute; top: 60px; left: 70px; z-index: 22; }
.wrap_body .microsites_wrap .tap_con .text_con .go_next { width: 50px; height: 50px; border-radius: 50%; border: 1px solid #fff; display: flex; justify-content: center; align-items: center; position: absolute; right: 70px; bottom: 50px; z-index: 22; background-color: transparent; transition: all .3s; }
.wrap_body .microsites_wrap .tap_con .text_con .go_next .iconfont { font-size: 14px; color: #ffffff; font-weight: normal; transform: rotate(180deg); transition: all .3s; }
.wrap_body .home_title_line { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.wrap_body .home_title_line .cn_title { font-size: 50px; color: #2f3542; font-weight: normal; line-height: 1; font-family: 'YouSheBiaoTiHei', serif; }
.wrap_body .home_title_line .en_title { font-size: 18px; color: #8d8d8e; font-weight: normal; line-height: 1; margin-top: 14px; font-style: italic; }
.wrap_body .home_title_line .more { font-size: 18px; color: #34B1DD; font-weight: normal; line-height: 1; }
.wrap_body .product_wrap { padding: 100px 0; position: relative; z-index: 22; }
.wrap_body .product_wrap .home_title_line { justify-content: center; }
.wrap_body .product_wrap .home_title_line .title_box { display: flex; justify-content: center; flex-direction: column; align-items: center; }
.wrap_body .product_wrap .home_title_line .underline { font-size: 18px; color: #34B1DD; font-weight: normal; display: block; width: 36px; height: 4px; background: #34B1DD; margin-top: 20px; }
.wrap_body .product_wrap .product_main { margin-top: 50px; display: grid; grid-template-columns: 48% 24% 24%; grid-gap: 2%; }
.wrap_body .product_wrap .product_main .box { width: 100%; background-color: #ffffff; display: flex; justify-content: space-between; align-items: center; flex-direction: column; cursor: pointer; position: relative; box-shadow: 0 0 10px 0 rgba(238, 238, 238, 0.2); }
.wrap_body .product_wrap .product_main .box .img_box { height: 70%; padding-top: 20px; display: flex; flex-direction: column-reverse; justify-content: flex-start; }
.wrap_body .product_wrap .product_main .box .img { width: 100%; height: auto; }
.wrap_body .product_wrap .product_main .box .text_wrap { text-align: center; line-height: 1; width: 100%; left: 0; bottom: 30px; z-index: 22; padding: 20px 0; height: 100px; display: flex; flex-direction: column; justify-content: flex-end; }
.wrap_body .product_wrap .product_main .box .text_wrap .t1 { font-size: 22px; color: #2f3542; font-weight: normal; }
.wrap_body .product_wrap .product_main .box .text_wrap .t2 { font-size: 14px; color: #8d8d8e; font-weight: normal; margin-top: 14px; }
.wrap_body .product_wrap .product_main .box:hover { box-shadow: 0 0 16px 0 #eeeeee; }
.wrap_body .product_wrap .product_main .box:hover .text_wrap .t1 { color: #34B1DD; }
.wrap_body .product_wrap .product_main .col { display: flex; justify-content: space-between; flex-direction: column; }
.wrap_body .product_wrap .product_main .box1 { height: 40vw; }
.wrap_body .product_wrap .product_main .box2 { height: 19vw; }
.wrap_body .product_wrap .product_main .box3 { height: 19vw; }
.wrap_body .product_wrap .product_main .box4 { height: 23vw; }
.wrap_body .product_wrap .product_main .box5 { height: 15vw; }
.wrap_body .product_wrap .swiper_box { position: relative; margin-top: 50px; }
.wrap_body .product_wrap .swiper_box .swiper-wrapper .swiper-slide { width: 304px !important; height: 200px; margin-right: 20px; border-radius: 10px; overflow: hidden; position: relative; }
.wrap_body .product_wrap .swiper_box .swiper-wrapper .swiper-slide .bottom_title { position: absolute; bottom: 0; width: 100%; height: 46px; background: rgba(0, 0, 0, 0.4); border-radius: 0 0 10px 10px; font-weight: bold; font-size: 16px; color: #FFFFFF; display: flex; justify-content: center; align-items: center; }
.wrap_body .product_wrap .swiper_box .swiper-wrapper .swiper-slide .i { transform: scale(1); transition: all .5s; }
.wrap_body .product_wrap .swiper_box .swiper-wrapper .swiper-slide:hover .i { transform: scale(1.2); transition: all .5s; }
.wrap_body .product_wrap .swiper_box .swiper-button-prev { left: -40px; }
.wrap_body .product_wrap .swiper_box .swiper-button-prev::after { font-size: 24px; color: #999999; }
.wrap_body .product_wrap .swiper_box .swiper-button-next { right: -40px; }
.wrap_body .product_wrap .swiper_box .swiper-button-next::after { font-size: 24px; color: #999999; }
.wrap_body .news_wrap { padding: 100px 0; background-color: #ffffff; position: relative; z-index: 22; }
.wrap_body .news_wrap .news_main { margin-top: 50px; display: flex; }
.wrap_body .news_wrap .news_main .left { width: 42%; }
.wrap_body .news_wrap .news_main .right { margin-left: 20px; flex: 1; }
.wrap_body .news_wrap .news_main .newsTap { background-color: #fff; box-shadow: 0 0 10px 0 rgba(238, 238, 238, 0.2); cursor: pointer; border: 1px solid #f7f7f7; }
.wrap_body .news_wrap .news_main .newsTap:hover { box-shadow: 0 0 16px 0 #eeeeee; }
.wrap_body .news_wrap .news_main .newsTap .con_box .time { font-size: 14px; color: #4f4f4f; font-weight: normal; }
.wrap_body .news_wrap .news_main .newsTap .con_box .title { width: 100%; margin-top: 24px; font-size: 20px; color: #2f3542; font-weight: normal; font-weight: bold; line-height: 24px; height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .3s; }
.wrap_body .news_wrap .news_main .newsTap .con_box .title:hover { color: #34B1DD; }
.wrap_body .news_wrap .news_main .newsTap .con_box .more { display: flex; align-items: center; margin-top: 40px; font-size: 16px; color: #34B1DD; font-weight: normal; }
.wrap_body .news_wrap .news_main .newsTap .con_box .more .iconfont { font-size: 16px; color: #34B1DD; font-weight: bold; margin-left: 6px; transform: rotate(180deg); }
.wrap_body .news_wrap .news_main .newsBox { width: 100%; height: 560px; display: block; }
.wrap_body .news_wrap .news_main .newsBox .pic_box { width: 100%; height: 360px; overflow: hidden; }
.wrap_body .news_wrap .news_main .newsBox .con_box { padding: 40px 50px 0; }
.wrap_body .news_wrap .news_main .newsLine { width: 100%; height: 180px; display: flex; margin-bottom: 10px; }
.wrap_body .news_wrap .news_main .newsLine .pic_box { width: 285px; height: 180px; overflow: hidden; }
.wrap_body .news_wrap .news_main .newsLine .con_box { padding: 30px 50px 0; flex: 1; width: 0; }
.wrap_body .case_wrap .homeCenter { display: flex; justify-content: space-between; }
.wrap_body .case_wrap .homeCenter .swiper_box { width: 1200px; height: 675px; position: relative; }
.wrap_body .case_wrap .homeCenter .swiper_box .swiper { height: 100%; }
.wrap_body .case_wrap .homeCenter .swiper_box .swiper .swiper-wrapper .swiper-slide .case_info { position: absolute; z-index: 99999; top: 130px; left: 60px; padding: 47px 30px; background: lch(0 0 0/0.5); color: #FEFFFF; width: 340px; }
.wrap_body .case_wrap .homeCenter .swiper_box .swiper .swiper-wrapper .swiper-slide .case_info .cat_title { font-weight: 400; font-size: 26px; color: #FEFFFF; line-height: 32px; }
.wrap_body .case_wrap .homeCenter .swiper_box .swiper .swiper-wrapper .swiper-slide .case_info .underline { width: 100px; height: 3px; background: #34B1DD; margin-top: 30px; }
.wrap_body .case_wrap .homeCenter .swiper_box .swiper .swiper-wrapper .swiper-slide .case_info .underline_long { width: 280px; height: 1px; background: #34B1DD; margin-bottom: 30px; }
.wrap_body .case_wrap .homeCenter .swiper_box .swiper .swiper-wrapper .swiper-slide .case_info .case_title { font-weight: bold; font-size: 18px; color: #FEFFFF; margin-bottom: 21px; }
.wrap_body .case_wrap .homeCenter .swiper_box .swiper .swiper-wrapper .swiper-slide .case_info .desc { font-size: 16px; line-height: 32px; color: #FEFFFF; max-height: 120px; overflow: hidden; }
.wrap_body .case_wrap .homeCenter .swiper_box .swiper .swiper-wrapper .swiper-slide .case_info .desc p { background: unset !important; font-size: 16px !important; line-height: 32px !important; color: #FEFFFF !important; }
.wrap_body .case_wrap .homeCenter .swiper_box .swiper .swiper-wrapper .swiper-slide .case_info .more { display: flex; justify-content: center; align-items: center; width: 120px; height: 36px; border: 1px solid #FFFFFF; font-weight: 400; font-size: 14px; color: #FFFFFF; margin-top: 50px; }
.wrap_body .case_wrap .homeCenter .swiper_box .swiper .swiper-wrapper .swiper-slide .case_info .more .iconfont { transform: scaleX(-1); margin-left: 5px; }
.wrap_body .case_wrap .homeCenter .swiper_box .swiper-button-prev { left: calc(100% - 90px); top: calc(100% - 30px); }
.wrap_body .case_wrap .homeCenter .swiper_box .swiper-button-prev::after { font-size: 24px; color: #FFFFFF; }
.wrap_body .case_wrap .homeCenter .swiper_box .swiper-button-next { right: 30px; top: calc(100% - 30px); }
.wrap_body .case_wrap .homeCenter .swiper_box .swiper-button-next::after { font-size: 24px; color: #FFFFFF; }
.wrap_body .case_wrap .homeCenter .case_category { flex: 1; margin-left: 60px; }
.wrap_body .case_wrap .homeCenter .case_category .home_title_line { width: 100%; display: flex; align-items: flex-start; flex-direction: column; }
.wrap_body .case_wrap .homeCenter .case_category .home_title_line .title_box { display: flex; align-items: center; }
.wrap_body .case_wrap .homeCenter .case_category .home_title_line .title_box .underline { width: 36px; height: 4px; background: #34B1DD; margin-left: 15px; }
.wrap_body .case_wrap .homeCenter .case_category .case_list { margin-top: 57px; }
.wrap_body .case_wrap .homeCenter .case_category .case_list .case_list_box { overflow-y: auto; max-height: 500px; }
.wrap_body .case_wrap .homeCenter .case_category .case_list .case_list_box::-webkit-scrollbar { width: 4px; height: 4px; }
.wrap_body .case_wrap .homeCenter .case_category .case_list .case_list_box::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 2px; }
.wrap_body .case_wrap .homeCenter .case_category .case_list .case_list_box::-webkit-scrollbar-thumb { background: #999999; border-radius: 2px; }
.wrap_body .case_wrap .homeCenter .case_category .case_list .case_list_box::-webkit-scrollbar-thumb:hover { background: #999999; }
.wrap_body .case_wrap .homeCenter .case_category .case_list .case_list_box .case_item { display: flex; align-items: center; width: 250px; height: 62px; background: #F6F9FB; border-radius: 10px; margin-bottom: 20px; padding: 16px 25px; cursor: pointer; border: 1px solid #F6F9FB; }
.wrap_body .case_wrap .homeCenter .case_category .case_list .case_list_box .case_item img { width: 30px; height: 30px; }
.wrap_body .case_wrap .homeCenter .case_category .case_list .case_list_box .case_item .title { font-weight: 400; font-size: 16px; color: #333333; margin-left: 10px; }
.wrap_body .case_wrap .homeCenter .case_category .case_list .case_list_box .case_item:hover { border: 1px solid #34B1DD; }
.wrap_body .case_wrap .homeCenter .case_category .case_list .case_list_box .case_item.active { border: 1px solid #34B1DD; }
.wrap_body .about_wrap { margin-top: 78px; }
.wrap_body .about_wrap .homeCenter { display: flex; justify-content: space-between; position: relative; padding-right: 0 !important; }
.wrap_body .about_wrap .homeCenter .about_info { width: 750px; }
.wrap_body .about_wrap .homeCenter .about_info .home_title_line { width: 100%; display: flex; align-items: flex-start; flex-direction: column; margin-bottom: 45px; }
.wrap_body .about_wrap .homeCenter .about_info .home_title_line .title_box { display: flex; align-items: center; }
.wrap_body .about_wrap .homeCenter .about_info .home_title_line .title_box .underline { width: 36px; height: 4px; background: #34B1DD; margin-left: 15px; }
.wrap_body .about_wrap .homeCenter .about_info .content { max-height: 320px; overflow-y: hidden; line-height: 32px; text-indent: 2em; }
.wrap_body .about_wrap .homeCenter .about_info .more { display: flex; justify-content: center; align-items: center; width: 150px; height: 46px; border: 1px solid #333333; font-weight: 400; font-size: 16px; color: #333333; margin-top: 50px; }
.wrap_body .about_wrap .homeCenter .about_info .more .iconfont { transform: scaleX(-1); margin-left: 5px; }
.wrap_body .about_wrap .homeCenter .img_box { width: 794px; height: 720px; }
.wrap_body .about_wrap .homeCenter .info_menu { position: absolute; bottom: 60px; width: 1350px; height: 120px; background: #F5F9FC; opacity: 0.9; display: flex; align-items: center; }
.wrap_body .about_wrap .homeCenter .info_menu .item { display: flex; align-items: center; width: calc(100% / 3); padding-left: 40px; border-right: 1px solid #EEEEEE; height: 100%; cursor: pointer; }
.wrap_body .about_wrap .homeCenter .info_menu .item img { width: 70px; height: 70px; margin-right: 25px; }
.wrap_body .about_wrap .homeCenter .info_menu .item .image_w { display: none; }
.wrap_body .about_wrap .homeCenter .info_menu .item .text .title { font-weight: 400; font-size: 22px; color: #333333; }
.wrap_body .about_wrap .homeCenter .info_menu .item .text .title_en { font-weight: 400; font-size: 16px; color: #666666; }
.wrap_body .about_wrap .homeCenter .info_menu .item:hover { background: rgba(52, 177, 221, 0.9); }
.wrap_body .about_wrap .homeCenter .info_menu .item:hover .text .title { color: #ffffff; }
.wrap_body .about_wrap .homeCenter .info_menu .item:hover .text .title_en { color: #ffffff; }

.wrap_foot { position: relative; z-index: 32; height: auto; }
.wrap_foot .footer { width: 100%; height: auto; position: relative; background-color: #000; padding: 10px 0; }
.wrap_foot .footer .bg { width: 100%; height: auto; position: absolute; bottom: 0; left: 0; z-index: 1; }
.wrap_foot .footer .homeCenter { position: relative; z-index: 2; display: flex; flex-direction: column; width: 73%; padding: 40px 0 !important; }
.wrap_foot .footer .homeCenter .logo { width: 280px; height: 88px; margin-top: 100px; }
.wrap_foot .footer .homeCenter .share_box { color: #cccccc; display: flex; align-items: center; }
.wrap_foot .footer .homeCenter .share_box a { color: #cccccc; margin-left: 20px; }
.wrap_foot .footer .homeCenter .share_box a .iconfont { font-size: 20px; }
.wrap_foot .footer .homeCenter .share_box a.hover { color: #ffffff; }
.wrap_foot .footer .homeCenter .share_box a.active { color: #ffffff; }
.wrap_foot .footer .homeCenter .share_box .gf_wx_code { width: 140px; height: 180px; background: #fff; border-radius: 4px; box-shadow: 0 0 4px 0 rgba(238, 238, 238, 0.8); position: absolute; top: 35px; left: -60px; z-index: 2; display: none; }
.wrap_foot .footer .homeCenter .share_box .gf_wx_code::before { content: ''; width: 10px; height: 10px; background: #fff; box-shadow: 0 0 4px 0 rgba(238, 238, 238, 0.8); position: absolute; left: 62px; top: -5px; z-index: 1; transform: rotate(45deg); }
.wrap_foot .footer .homeCenter .share_box .gf_wx_code .inner { width: 100%; height: auto; background: #fff; position: relative; z-index: 2; }
.wrap_foot .footer .homeCenter .share_box .gf_wx_code .wx_code { margin: 8px 8px 0; }
.wrap_foot .footer .homeCenter .share_box .gf_wx_code .wx_code img { width: 100%; }
.wrap_foot .footer .homeCenter .share_box .gf_wx_code .txt { font-size: 12px; color: #999; text-align: center; margin-top: 4px; }
.wrap_foot .footer .homeCenter .share_box .show_wx_code:hover .gf_wx_code { display: block; }
.wrap_foot .footer .homeCenter .menuList { margin-top: 40px; display: flex; justify-content: space-between; border-top: 1px solid rgba(102, 102, 102, 0.5); }
.wrap_foot .footer .homeCenter .menuList .left { display: flex; }
.wrap_foot .footer .homeCenter .menuList .menu_item { text-align: left; margin-right: 100px; display: flex; flex-direction: column; margin-top: 40px; }
.wrap_foot .footer .homeCenter .menuList .tap { position: relative; font-size: 1.2rem; color: #eeeeee; font-weight: normal; line-height: 30px; transition: all .5s; margin-bottom: 20px; }
.wrap_foot .footer .homeCenter .menuList .tap:first-child::before { display: none; }
.wrap_foot .footer .homeCenter .menuList .tap:hover { color: #34B1DD; }
.wrap_foot .footer .homeCenter .menuList .tap.child { font-size: 1.1rem; color: #FFFFFF; font-weight: normal; margin-bottom: 15px; }
.wrap_foot .footer .homeCenter .menuList .tap.child:hover { color: #34B1DD; }
.wrap_foot .footer .homeCenter .textCon { margin-top: 60px; text-align: left; }
.wrap_foot .footer .homeCenter .textCon .line { font-size: 14px; color: #eeeeee; font-weight: normal; line-height: 30px; }
.wrap_foot .footer .homeCenter .textCon .link { font-size: 14px; color: #CCCCCC; font-weight: normal; margin-right: 30px; }
.wrap_foot .footer .homeCenter .textCon .link_box { display: inline-block; }
.wrap_foot .footer .homeCenter .textCon span { padding: 0 10px; }
.wrap_foot .footer .serviceBox.show { width: 10vw; height: 12vw; transition: all 0.4s; }
.wrap_foot .footer .serviceBox.hide { width: 3vw; height: 3vw; transition: all 0.4s; }
.wrap_foot .footer .serviceBox { background-color: #ffffff; border: solid 1px #f79600; position: fixed; right: 2vw; top: 15vw; overflow: hidden; z-index: 99; cursor: pointer; }
.wrap_foot .footer .serviceBox .titleWrap { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 3vw; background: #f79600; padding: 0 1vw; }
.wrap_foot .footer .serviceBox .titleWrap .title { font-size: 16px; font-weight: normal; font-stretch: normal; color: #fffefe; }
.wrap_foot .footer .serviceBox .titleWrap .close { cursor: pointer; width: 1vw; height: 1vw; display: flex; align-items: center; justify-content: center; }
.wrap_foot .footer .serviceBox .titleWrap .close .line { height: 2px; width: 1vw; background: #fff; }
.wrap_foot .footer .serviceBox .serviceCon { padding: 1vw; }
.wrap_foot .footer .serviceBox .serviceCon .title { font-family: Microsoft YaHei, serif; font-size: 12px; color: #2f3542; font-weight: bold; line-height: 1vw; }
.wrap_foot .footer .serviceBox .serviceCon .val { font-size: 14px; line-height: 2vw; color: #2f3542; white-space: nowrap; }
.wrap_foot .footer .serviceBox .serviceCon .logo { width: 5vw; height: 1vw; margin: 0.2vw auto; display: block; }
.wrap_foot .footer .serviceBox2 { position: fixed; right: 2vw; top: 15vw; z-index: 100; cursor: pointer; }
.wrap_foot .footer .serviceBox2 .serviceIcon { width: 3vw; height: 3vw; }
.wrap_foot .footer .serviceBox2.show { opacity: 1; }
.wrap_foot .footer .serviceBox2.hide { opacity: 0; }
.wrap_foot .footer .down { width: 3vw; height: 3vw; border-radius: 50%; border: 1px solid #545964; position: fixed; right: 2vw; bottom: 18vw; z-index: 22; cursor: pointer; display: flex; justify-content: center; align-items: center; }
.wrap_foot .footer .down .iconfont { font-size: 16px; color: #2f3542; font-weight: normal; transform: rotate(-90deg); }
.wrap_foot .footer .down.show { opacity: 1; }
.wrap_foot .footer .down.hide { opacity: 0; }
.wrap_foot .footer .toTop { z-index: 99; position: fixed; bottom: 2vw; width: 3vw; height: 3vw; right: 2vw; display: flex; align-items: center; justify-content: center; opacity: 0.9; cursor: pointer; }
.wrap_foot .footer .toTop .iconfont { font-size: 36px; color: #34B1DD; }
.wrap_foot .footer .toTop.show { opacity: 1; }
.wrap_foot .footer .toTop.hide { opacity: 0; }

.fixedOpen { width: 70px; height: 140px; background-color: #34B1DD; -webkit-clip-path: polygon(0% 0%, 100% 0%, 70% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 70% 100%, 0% 100%); position: fixed; top: 300px; left: 0; z-index: 999; cursor: pointer; transition: width .5s; display: flex; justify-content: center; flex-direction: column; align-items: flex-start; padding-left: 14px; }
.fixedOpen:hover { width: 80px; }
.fixedOpen .line { width: 10px; height: 16px; display: flex; justify-content: space-between; transform: translateX(5px); }
.fixedOpen .line::before { content: ""; width: 2px; height: 100%; background-color: #fff; transition: all .5s; transform-origin: bottom; }
.fixedOpen .line::after { content: ""; width: 2px; height: 100%; background-color: #fff; transition: all .5s; transform-origin: bottom; }
.fixedOpen.active .line::before { transform: rotate(45deg) translateY(3px); }
.fixedOpen.active .line::after { transform: rotate(-45deg) translateY(3px); }
.fixedOpen .text { font-size: 14px; color: #ffffff; font-weight: bold; margin-top: 10px; writing-mode: vertical-rl; }

.slideFixed { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 998; background-color: rgba(255, 255, 255, 0.86); visibility: hidden; opacity: 0; transition: all .5s; display: flex; flex-direction: column; transition-delay: .2s; }
.slideFixed.active { visibility: visible; opacity: 1; transition-delay: 0s; }
.slideFixed.active .sfMain { transform: translateX(0); transition-delay: 0s; }
.slideFixed .sfHeader { width: 100%; height: 80px; background-color: #ffffff; box-shadow: 0px 6px 10px 0px rgba(238, 238, 238, 0.4); padding: 0 110px; display: flex; justify-content: space-between; align-items: center; }
.slideFixed .sfHeader .logo { width: 264px; height: 42px; cursor: pointer; }
.slideFixed .sfHeader .lang, .slideFixed .sfHeader .lang a { display: flex; align-items: center; font-size: 16px; color: #2f3542; font-weight: normal; cursor: pointer; padding: 10px 0; }
.slideFixed .sfHeader .lang .flag, .slideFixed .sfHeader .lang a .flag { width: 26px; height: 18px; margin-right: 6px; }
.slideFixed .sfMain { width: 100%; flex: 1; height: 0; display: flex; transform: translateX(-100%); transition: all .5s; transition-delay: .1s; }
.slideFixed .sfMain::after { content: ""; width: 15vh; transform-origin: bottom; transform: skewX(-8.5deg) translateX(-15vh); background-image: linear-gradient(#515661, #2f3542); position: relative; z-index: 22; border-right: 10px solid #34B1DD; }
.slideFixed .sfMain .container { width: auto; height: 100%; background-image: linear-gradient(#515661, #2f3542); padding: 60px 0px 0 150px; transition: all .5s; position: relative; overflow: hidden; transition-delay: .1s; z-index: 1; }
.slideFixed .sfMain .container .sfTitle { display: flex; align-items: center; font-size: 24px; color: #fff; font-weight: normal; }
.slideFixed .sfMain .container .sfTitle .iconfont { font-size: 24px; margin-right: 16px; }
.slideFixed .sfMain .container .sfList { padding-top: 18px; margin-left: 40px; display: flex; }
.slideFixed .sfMain .container .sfList .lv1List .lv1Tap { margin-top: 20px; display: flex; align-items: center; font-size: 20px; color: #8d8d8e; font-weight: normal; line-height: 40px; cursor: pointer; transition: all .5s; }
.slideFixed .sfMain .container .sfList .lv1List .lv1Tap .iconfont { font-size: 16px; margin-left: 10px; transform: rotate(180deg); }
.slideFixed .sfMain .container .sfList .lv1List .lv1Tap.active, .slideFixed .sfMain .container .sfList .lv1List .lv1Tap:hover { color: #ffffff; }
.slideFixed .sfMain .container .sfList .lv2List { margin-left: 100px; padding-right: 100px; margin-top: 28px; }
.slideFixed .sfMain .container .sfList .lv2List .lv2Title { display: flex; align-items: center; font-size: 20px; color: #34B1DD; font-weight: normal; }
.slideFixed .sfMain .container .sfList .lv2List .lv2Title .iconfont { font-size: 20px; margin-right: 16px; }
.slideFixed .sfMain .container .sfList .lv2List .lv2Tap { margin-top: 20px; margin-left: 38px; display: flex; align-items: center; font-size: 20px; color: #ffffff; font-weight: normal; line-height: 40px; cursor: pointer; transition: all .5s; }
.slideFixed .sfMain .container .sfList .lv2List .lv2Tap:hover { color: #34B1DD; text-decoration: underline; }
.slideFixed .sfMain .container .sfList .lv2List .active { color: #34B1DD; }
.slideFixed .sfMain .container .beian { position: absolute; left: 50%; transform: translateX(-50%); bottom: 50px; z-index: 2; font-size: 14px; color: #8d8d8e; font-weight: normal; white-space: nowrap; }

.bannerPic { width: 100%; height: 300px; overflow: hidden; position: relative; }
.bannerPic .banner_title { position: absolute; top: 110px; left: calc( (100% - 300px)/2 ); width: 300px; height: 78px; }
.bannerPic .case_banner_title { position: absolute; top: 110px; left: calc( (100% - 384px)/2 ); width: 384px; height: 82px; }

.category_box { display: flex; justify-content: center; align-items: center; height: 68px; width: 100%; }
.category_box .list { font-weight: 400; font-size: 15px; color: #333333; display: flex; justify-content: center; align-items: center; }
.category_box .list .tap { position: relative; margin-right: 40px; }
.category_box .list .tap .tap_a { font-size: 15px; color: #333333; font-weight: normal; margin-right: 6px; }
.category_box .list .tap .tap_a:hover { color: #34B1DD; }
.category_box .list .tap .tap_a:hover .children { display: block; }
.category_box .list .tap .tap_a:active { color: #34B1DD; }
.category_box .list .tap .tap_a:active .children { display: block; }
.category_box .list .tap .xiala { cursor: pointer; font-size: 14px; }
.category_box .list .tap .children { display: none; position: absolute; width: 152px; height: auto; background: #FFFFFF; border: 1px solid #E5E5E5; padding-top: 15px; top: 42px; z-index: 2; right: -65px; }
.category_box .list .tap .children .children_a { width: 100%; padding: 10px 20px; background: #FFFFFF; cursor: pointer; display: block; }
.category_box .list .tap .children .children_a:hover { background: #34B1DD; color: #FFFFFF; }
.category_box .list .tap .children::before { background: #FFFFFF; border-top: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; position: absolute; content: ''; width: 15px; height: 15px; top: -9px; left: 60px; transform: rotate(45deg); }
.category_box .list .tap:active .children { display: block; }
.category_box .list .tap:last-child { margin-right: 0; }
.category_box .select_box { display: flex; justify-content: center; align-items: center; padding-left: 2vw; }
.category_box .select_box .select_name { font-size: 15px; color: #333333; }
.category_box .select_box .select_one { margin-left: 1vw; width: 30vw; }
.category_box .select_box .select_two { display: none; }
.category_box .select_box .layui-btn { background-color: #34B1DD; margin-left: 1vw; }

.product_body { flex: 1; width: 100%; background-color: #F6F9FB; padding-bottom: 40px; }
.product_body .homeCenter { width: 100%; padding: 0 190px; }
.product_body .productCon { margin-top: 27px; }
.product_body .productCon:first-child { margin-top: 0; }
.product_body .productCon .titleLine { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.product_body .productCon .titleLine .title { display: flex; align-items: center; font-size: 30px; color: #2f3542; font-weight: normal; }
.product_body .productCon .titleLine .title::before { content: ""; width: 10px; height: 10px; background-color: #34B1DD; transform: rotate(45deg); margin-right: 8px; }
.product_body .productCon .titleLine .searchBox { width: 290px; height: 52px; background-color: #fff; border-radius: 5em; border: solid 1px #eeeeee; box-shadow: 0 0 10px 0 rgba(238, 238, 238, 0.2); padding: 0 20px; display: flex; align-items: center; }
.product_body .productCon .titleLine .searchBox .in { flex: 1; width: 0; height: 100%; font-size: 16px; color: #2f3542; font-weight: normal; }
.product_body .productCon .titleLine .searchBox .iconfont { font-size: 18px; color: #34B1DD; font-weight: normal; margin-left: 20px; cursor: pointer; }
.product_body .productCon .list { margin-top: 40px; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px 30px; }
.product_body .productCon .list .tap { width: 100%; height: auto; background-color: #ffffff; cursor: pointer; position: relative; box-shadow: 0 0 10px 0 rgba(238, 238, 238, 0.2); display: flex; flex-direction: column; }
.product_body .productCon .list .tap .tap_a { width: 100%; padding: 30px 30px 15px; border-bottom: 1px solid #EEEEEE; }
.product_body .productCon .list .tap .tap_a .picBox { width: 306px; height: 306px; display: flex; justify-content: center; align-items: center; }
.product_body .productCon .list .tap .tap_a .picBox .img { width: 100%; height: 100%; object-fit: cover; }
.product_body .productCon .list .tap .tap_a .picBox .i { width: 100%; height: auto; }
.product_body .productCon .list .tap .tap_a .name { margin: 20px 10px 0; text-align: center; font-size: 15px; color: #333333; font-weight: normal; line-height: 24px; transition: all .3s; }
.product_body .productCon .list .tap .des { text-align: center; font-size: 14px; color: #999999; font-weight: normal; line-height: 24px; transition: all .3s; margin: 18px 0; }
.product_body .productCon .list .tap:hover { box-shadow: 0 0 16px 0 #eeeeee; }
.product_body .productCon .list .tap:hover .name { color: #34B1DD; }

.list_body { position: relative; }
.list_body .mainCenter { padding: 0 190px; }
.list_body .down { width: 50px; height: 50px; border-radius: 50%; border: 1px solid #545964; position: absolute; right: 0; bottom: 180px; z-index: 22; cursor: pointer; display: flex; justify-content: center; align-items: center; }
.list_body .down .iconfont { font-size: 16px; color: #2f3542; font-weight: normal; transform: rotate(-90deg); }
.list_body .page_route { display: flex; align-items: center; padding-top: 30px; }
.list_body .page_route .link { display: flex; align-items: center; transition: all .3s; cursor: pointer; }
.list_body .page_route .link .iconfont { font-size: 14px; margin-right: 8px; }
.list_body .page_route .link:hover { color: #34B1DD; }
.list_body .page_route .arr { padding: 0 6px; }
.list_body .product_info { width: 100%; margin-top: 30px; display: flex; align-items: flex-start; }
.list_body .product_info .leftImg { height: auto; display: flex; /* .smallList{ width: 116px;height: 116px;margin-top: 24px;position: relative; .swiper-slide{width: 116px;height: 116px;} .img_box{ width: 116px;height: 116px;overflow: hidden;cursor: pointer;border: 1px solid #f2f2f2;text-align: center; .i{ width: auto!important;height: 100%; } } .swiper-slide-thumb-active .img_box{border-color: $blue;} .video_show{ display: flex;position: relative;background-color: #eee; .video_img{ width: 80px;object-fit: contain; } .bofang_bt{ font-size: 22px;color: white;position: absolute;left: 28px;top: 12px; } } }*/ }
.list_body .product_info .leftImg .bigImage { width: 750px; height: 750px; position: relative; background: #ffffff; }
.list_body .product_info .leftImg .bigImage .swiper, .list_body .product_info .leftImg .bigImage .swiper-wrapper { height: 100%; }
.list_body .product_info .leftImg .bigImage .swiper-wrapper { align-items: center; }
.list_body .product_info .leftImg .bigImage .img_box { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.list_body .product_info .leftImg .bigImage .img_box .i { width: 100% !important; height: auto; }
.list_body .product_info .leftImg .bigImage .video_show { height: 100%; max-height: 640px; }
.list_body .product_info .leftImg .bigImage .tap_btn { width: 50px; height: 70px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 22; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; opacity: .8; transition: all .3s; display: none; }
.list_body .product_info .leftImg .bigImage .tap_btn:hover { opacity: 1; }
.list_body .product_info .leftImg .bigImage .tap_btn .iconfont { font-size: 20px; color: #ffffff; font-weight: normal; }
.list_body .product_info .leftImg .bigImage .tap_btn.prev { left: 0; }
.list_body .product_info .leftImg .bigImage .tap_btn.next { right: 0; }
.list_body .product_info .leftImg .bigImage .tap_btn.next .iconfont { transform: rotate(180deg); }
.list_body .product_info .leftImg .bigImage:hover .tap_btn { display: flex; justify-content: center; align-items: center; }
.list_body .product_info .leftImg .smallList { width: 116px; height: 116px; margin-right: 18px; position: relative; }
.list_body .product_info .leftImg .smallList .swiper-slide { width: 116px; height: 116px; }
.list_body .product_info .leftImg .smallList .img_box { width: 116px; height: 116px; overflow: hidden; cursor: pointer; border: 1px solid #f2f2f2; background: #ffffff; text-align: center; }
.list_body .product_info .leftImg .smallList .img_box .i { width: auto !important; height: 100%; }
.list_body .product_info .leftImg .smallList .swiper-slide-thumb-active .img_box { border-color: #34B1DD; }
.list_body .product_info .leftImg .smallList .video_show { display: flex; position: relative; background-color: #eee; }
.list_body .product_info .leftImg .smallList .video_show .video_img { width: 80px; object-fit: contain; }
.list_body .product_info .leftImg .smallList .video_show .bofang_bt { font-size: 22px; color: white; position: absolute; left: 28px; top: 12px; }
.list_body .product_info .leftImg.size2 { width: 480px; }
.list_body .product_info .leftImg.size2 .bigImage { width: 480px; height: 480px; }
.list_body .product_info .leftImg.size2 .smallList { margin-top: 20px; }
.list_body .product_info .leftImg.size2 .smallList .swiper-slide { width: 88px; }
.list_body .product_info .leftImg.size2 .smallList .img_box { width: 88px; height: 88px; }
.list_body .product_info .leftImg.size2 .smallList .video_show { display: flex; position: relative; background-color: #eee; }
.list_body .product_info .leftImg.size2 .smallList .video_show .video_img { width: 80px; object-fit: contain; }
.list_body .product_info .leftImg.size2 .smallList .video_show .bofang_bt { font-size: 32px; color: white; position: absolute; left: 50%; }
.list_body .product_info .rightInfo { flex: 1; height: 750px; margin-left: 16px; background: #FFFFFF; padding: 50px; }
.list_body .product_info .rightInfo .title { font-size: 40px; color: #2f3542; font-weight: normal; line-height: 1; }
.list_body .product_info .rightInfo .subText { font-size: 18px; color: #8d8d8e; font-weight: normal; margin-top: 16px; line-height: 1; }
.list_body .product_info .rightInfo .con { margin-top: 10px; max-width: 100%; max-height: 550px; overflow-y: auto; padding-right: 10px; }
.list_body .product_info .rightInfo .con p { font-size: 18px; color: #4f4f4f; font-weight: normal; line-height: 32px; margin-top: 10px; }
.list_body .product_info .rightInfo .intr { margin-top: 20px; max-width: 610px; height: 500px; overflow-y: auto; padding-bottom: 20px; }
.list_body .con_title { margin-bottom: 2vw; font-size: 26px; font-weight: 700; color: #f79600; }
.list_body .table_wrap { margin-top: 50px; overflow: auto; }
.list_body .table_wrap .product_title { margin-bottom: 2vw; font-size: 26px; font-weight: 700; color: #f79600; }
.list_body .table_wrap .table { border-collapse: collapse; width: 100%; }
.list_body .table_wrap .table td, .list_body .table_wrap .table th { text-align: left; padding: 0 10px; }
.list_body .table_wrap .table thead { background-color: #ffffff; }
.list_body .table_wrap .table thead .title { background: #EEEEEE; font-weight: 400; font-size: 14px; color: #1E1E1E; }
.list_body .table_wrap .table thead th { height: 46px; border-right: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; }
.list_body .table_wrap .table thead tr td { height: 46px; font-size: 16px; color: #ffffff; font-weight: bold; border-right: 1px solid #EEEEEE; padding: 0 5px; }
.list_body .table_wrap .table thead tr td .title { background: #EEEEEE; font-weight: 400; font-size: 14px; color: #1E1E1E; text-align: left; white-space: nowrap; }
.list_body .table_wrap .table thead tr td:last-child { border-right: none; }
.list_body .table_wrap .table thead tr td div { font-size: 16px; color: #ffffff; font-weight: bold; }
.list_body .table_wrap .table tbody tr .title { background: #EEEEEE; font-weight: 400; font-size: 14px; color: #1E1E1E; }
.list_body .table_wrap .table tbody tr .link:hover { color: #34B1DD; }
.list_body .table_wrap .table tbody tr .link { font-size: 16px; color: #2f3542; font-weight: normal; font-weight: bold; cursor: pointer; display: block; }
.list_body .table_wrap .table tbody tr td { height: 100px; font-size: 16px; color: #2f3542; font-weight: normal; border: 1px solid #EEEEEE; }
.list_body .table_wrap .table tbody tr td .pic { width: 130px; height: auto; }
.list_body .main { padding-bottom: 100px; min-height: 850px; }
.list_body .detail_top { background-color: #F5F9FC; }
.list_body .detail_bottom { margin-top: 16px; background-color: #F5F9FC; }
.list_body .detail_bottom .show_box { background-color: #fff; width: 884px; margin-bottom: 60px; }
.list_body .detail_bottom .taps_wrap { width: 100%; border-bottom: 1px solid #EEEEEE; display: flex; padding: 20px 20px 0 20px; }
.list_body .detail_bottom .taps_wrap .tap { font-size: 18px; color: #2f3542; font-weight: normal; padding-bottom: 20px; position: relative; margin-right: 50px; cursor: pointer; }
.list_body .detail_bottom .taps_wrap .tap.active { font-weight: bold; color: #34B1DD; }
.list_body .detail_bottom .taps_wrap .tap.active::after { content: ""; width: 100%; height: 2px; background-color: #34B1DD; position: absolute; left: 0; bottom: 0px; z-index: 2; }
.list_body .detail_bottom .taps_wrap .tap:hover { font-weight: bold; color: #34B1DD; }
.list_body .detail_bottom .hide_wrap { padding: 20px; }
.list_body .detail_bottom .hide_wrap .con { display: none; }
.list_body .detail_bottom .hide_wrap .con:first-child { display: block; }
.list_body .detail_bottom .hide_wrap .text_con { width: 80%; }
.list_body .detail_bottom .hide_wrap .text_con ul { margin: 1em 0; padding-left: 40px; list-style: disc inside; }
.list_body .detail_bottom .hide_wrap .text_con ol { margin: 1em 0; padding-left: 40px; list-style: decimal inside; }
.list_body .detail_bottom .hide_wrap .text_con li { list-style: unset; }
.list_body .detail_bottom .hide_wrap .text_con p { font-size: 16px; color: #2f3542; font-weight: normal; line-height: 28px; margin-top: 20px; font-size: 16px !important; }
.list_body .detail_bottom .hide_wrap .text_con .video_box { width: 800px; height: 450px; margin-top: 30px; position: relative; }
.list_body .detail_bottom .hide_wrap .text_con .video_box .icon-play { font-size: 90px; color: #ffffff; font-weight: normal; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 22; cursor: pointer; }
.list_body .detail_bottom .hide_wrap .text_con img { max-height: unset; height: auto; }
.list_body .detail_bottom .hide_wrap .param_box { min-height: 750px; }
.list_body .detail_bottom .hide_wrap .table_wrap { margin-top: 0; }
.list_body .detail_bottom .hide_wrap .table_wrap .table tbody tr td { height: 50px; }
.list_body .detail_bottom .hide_wrap .table_tips { background-color: #f6f6f6; padding: 14px 24px 30px; }
.list_body .detail_bottom .hide_wrap .table_tips p { font-size: 14px; color: #8d8d8e; font-weight: normal; line-height: 24px; }
.list_body .detail_bottom .hide_wrap .download_con { border-bottom: 1px solid #EEEEEE; }
.list_body .detail_bottom .hide_wrap .download_con:last-child { margin-bottom: 0; }
.list_body .detail_bottom .hide_wrap .download_con .dlTitle { font-size: 24px; color: #2f3542; font-weight: normal; }
.list_body .detail_bottom .hide_wrap .download_con .dlBox { width: 100%; height: 80px; background-color: #fff; border-radius: 10px; display: flex; align-items: center; }
.list_body .detail_bottom .hide_wrap .download_con .dlBox .fileIcon { font-size: 29px; color: #483881; margin-right: 16px; position: relative; top: -6px; }
.list_body .detail_bottom .hide_wrap .download_con .dlBox .name { width: 45%; padding-right: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .3s; font-weight: bold; font-size: 16px; color: #1E1E1E; }
.list_body .detail_bottom .hide_wrap .download_con .dlBox:hover .name { color: #34B1DD; /*text-decoration: underline;*/ }
.list_body .detail_bottom .hide_wrap .download_con .dlBox .file_data { display: flex; margin-top: 5px; padding-left: 12px; }
.list_body .detail_bottom .hide_wrap .download_con .dlBox .file_data .iconTxt { display: flex; align-items: center; font-size: 14px; color: #2f3542; font-weight: normal; width: 100px; color: #666666; }
.list_body .detail_bottom .hide_wrap .download_con .dlBox .file_data .iconTxt .iconfont { font-size: 14px; margin-right: 8px; }
.list_body .detail_bottom .hide_wrap .download_con .dlBox .empty { flex: 1; width: 0; }
.list_body .detail_bottom .hide_wrap .download_con .dlBox .btn { width: 84px; height: 34px; display: flex; justify-content: center; align-items: center; cursor: pointer; background-color: #34B1DD; font-size: 14px; color: #ffffff; font-weight: normal; transition: all .3s; }
.list_body .detail_bottom .hide_wrap .download_con .dlBox .btn:hover { background-color: #2f3542; }
.list_body .detail_bottom .hide_wrap .product_con { margin-bottom: 50px; }
.list_body .detail_bottom .hide_wrap .product_con:last-child { margin-bottom: 0; }
.list_body .detail_bottom .hide_wrap .product_con .pcTitle { font-size: 24px; color: #2f3542; font-weight: normal; }
.list_body .detail_bottom .hide_wrap .product_con .pcList { margin-top: 20px; display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 20px 20px; }
.list_body .detail_bottom .hide_wrap .product_con .pcList .tap { width: 100%; height: 364px; background-color: #ffffff; cursor: pointer; position: relative; box-shadow: 0 0 10px 0 rgba(238, 238, 238, 0.2); display: flex; }
.list_body .detail_bottom .hide_wrap .product_con .pcList .tap .picBox { width: 100%; height: 270px; display: flex; justify-content: center; align-items: center; }
.list_body .detail_bottom .hide_wrap .product_con .pcList .tap .picBox .img { width: 100%; height: auto; }
.list_body .detail_bottom .hide_wrap .product_con .pcList .tap .picBox .i { width: 100%; height: auto; }
.list_body .detail_bottom .hide_wrap .product_con .pcList .tap .name { margin: 20px 10px 0; text-align: center; font-size: 18px; color: #2f3542; font-weight: normal; line-height: 30px; transition: all .3s; }
.list_body .detail_bottom .hide_wrap .product_con .pcList .tap .subtxt { margin-top: 10px; text-align: center; font-size: 12px; color: #8d8d8e; font-weight: normal; line-height: 1; }
.list_body .detail_bottom .hide_wrap .product_con .pcList .tap:hover { box-shadow: 0 0 16px 0 #eeeeee; }
.list_body .detail_bottom .hide_wrap .product_con .pcList .tap:hover .name { color: #34B1DD; }
.list_body .detail_bottom .hide_wrap .faq_box .item { margin-bottom: 40px; }
.list_body .detail_bottom .hide_wrap .faq_box .item .title { font-weight: bold; font-size: 16px; color: #333333; margin-bottom: 14px; }
.list_body .detail_bottom .hide_wrap .faq_box .item .txt { font-weight: 400; font-size: 16px; color: #333333; }

.fixed_taps { width: 100%; height: 60px; background-color: #ffffff; box-shadow: 0px 6px 10px 0px rgba(238, 238, 238, 0.4); position: sticky; top: 80px; z-index: 99; padding: 0 110px; display: flex; }
.fixed_taps .tap { width: 310px; height: 100%; display: flex; justify-content: center; align-items: center; border-right: 1px solid #eee; cursor: pointer; font-size: 16px; color: #2f3542; font-weight: normal; }
.fixed_taps .tap:first-child { border-left: 1px solid #eee; }
.fixed_taps .tap.active { background-color: #34B1DD; color: #ffffff; }

.application_taps { display: flex !important; justify-content: center; margin: 80px 0; }
.application_taps .tap { min-width: 150px; height: 52px; border-radius: 26px; display: flex; justify-content: center; align-items: center; cursor: pointer; font-size: 16px; color: #666666; font-weight: normal; margin: 0 10px; padding: 0 10px; }
.application_taps .tap .tap_name { text-align: center; }
.application_taps .tap.active { background-color: #34B1DD; color: #ffffff; }
.application_taps .tap:hover { color: #34B1DD; }
.application_taps .tap:hover.active { color: #ffffff; }

.news_body { flex: 1; width: 100%; background-color: #ffffff; padding: 0 0 110px; }
.news_body .titleLine { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.news_body .titleLine .title { display: flex; align-items: center; font-size: 48px; color: #2f3542; font-weight: normal; }
.news_body .titleLine .searchBox { width: 290px; height: 52px; background-color: #fff; border-radius: 5em; border: solid 1px #eeeeee; box-shadow: 0 0 10px 0 rgba(238, 238, 238, 0.2); padding: 0 20px; display: flex; align-items: center; }
.news_body .titleLine .searchBox .in { flex: 1; width: 0; height: 100%; font-size: 16px; color: #2f3542; font-weight: normal; }
.news_body .titleLine .searchBox .iconfont { font-size: 18px; color: #34B1DD; font-weight: normal; margin-left: 20px; cursor: pointer; }
.news_body .newsList .news { width: 100%; height: auto; display: flex; margin-top: 24px; border-bottom: 1px solid #8d8d8e; }
.news_body .newsList .news > a { display: flex; cursor: pointer; width: 100%; }
.news_body .newsList .news .img_box { width: 418px; height: 264px; }
.news_body .newsList .news .con_box { flex: 1; width: 0; padding: 24px 50px 0; transition: all .5s; background-color: transparent; position: relative; }
.news_body .newsList .news .con_box .title { font-size: 24px; color: #2f3542; font-weight: normal; line-height: 34px; transition: all .3s; }
.news_body .newsList .news .con_box .title:hover { color: #34B1DD; }
.news_body .newsList .news .con_box .con { margin-top: 20px; font-size: 16px; color: #4f4f4f; font-weight: normal; line-height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.news_body .newsList .news .con_box .time { margin-top: 24px; font-size: 14px; color: #8d8d8e; font-weight: normal; }
.news_body .newsList .news .con_box .more { margin-top: 20px; font-size: 16px; color: #34B1DD; font-weight: normal; display: flex; align-items: center; }
.news_body .newsList .news .con_box .more .iconfont { font-size: 16px; margin-left: 8px; transform: rotate(180deg); }
.news_body .newsList .news .con_box .ilogo { width: 154px; height: auto; position: absolute; right: 40px; bottom: 20px; z-index: 2; opacity: 0; visibility: hidden; transition: all .5s; }
.news_body .newsList .news:hover .con_box { background-color: #ffffff; }
.news_body .newsList .news:hover .con_box .ilogo { opacity: 1; visibility: visible; }
.news_body .newsDetail { width: 100%; height: auto; background-color: #ffffff; padding: 40px 60px 80px; position: relative; }
.news_body .newsDetail .back { display: flex; align-items: center; position: absolute; top: 50px; right: 70px; z-index: 2; font-size: 14px; color: #2f3542; font-weight: normal; cursor: pointer; transition: all .3s; }
.news_body .newsDetail .back:hover { color: #34B1DD; }
.news_body .newsDetail .back .iconfont { font-size: 14px; margin-right: 6px; }
.news_body .newsDetail .title { font-size: 28px; color: #2f3542; font-weight: normal; line-height: 40px; text-align: center; margin: 0 100px; }
.news_body .newsDetail .subLine { margin-top: 20px; display: flex; justify-content: center; }
.news_body .newsDetail .subLine .iconTxt { display: flex; align-items: center; margin: 0 8px; font-size: 14px; color: #8d8d8e; font-weight: normal; }
.news_body .newsDetail .subLine .iconTxt .iconfont { font-size: 14px; margin-right: 6px; }
.news_body .newsDetail .con { padding: 40px 60px; }
.news_body .newsDetail .con ul { margin: 1em 0; padding-left: 40px; list-style: disc inside; }
.news_body .newsDetail .con ol { margin: 1em 0; padding-left: 40px; list-style: decimal inside; }
.news_body .newsDetail .con li { list-style: unset; }
.news_body .newsDetail .con p { font-size: 16px; color: #2f3542; font-weight: normal; line-height: 28px; margin-top: 20px; }
.news_body .newsDetail .con b { font-weight: bold; color: #34B1DD; }
.news_body .newsDetail .bottomLine { margin-top: 150px; display: flex; justify-content: space-between; width: 100%; }
.news_body .newsDetail .bottomLine .view .tap { display: flex; align-items: center; font-size: 14px; color: #2f3542; font-weight: normal; cursor: pointer; transition: all .3s; }
.news_body .newsDetail .bottomLine .view .tap:hover { color: #34B1DD; }
.news_body .newsDetail .bottomLine .view .tap .iconfont { font-size: 14px; margin-right: 6px; }
.news_body .newsDetail .bottomLine .view .tap.prev .iconfont { margin-right: 20px; }
.news_body .newsDetail .bottomLine .view .tap.next .iconfont { margin-left: 20px; transform: rotate(180deg); }

.case_body { flex: 1; width: 100%; background-color: #ffffff; padding: 0 0 110px; }
.case_body .mainCenter { padding: 0 190px; background: #ffffff; }
.case_body .mainCenter.detailCenter { background: #F6F9FB; }
.case_body .mainCenter.recommendCenter { background: #ffffff; padding-top: 80px; }
.case_body .titleLine { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.case_body .titleLine .title { display: flex; align-items: center; font-size: 48px; color: #2f3542; font-weight: normal; }
.case_body .titleLine .searchBox { width: 290px; height: 52px; background-color: #fff; border-radius: 5em; border: solid 1px #eeeeee; box-shadow: 0 0 10px 0 rgba(238, 238, 238, 0.2); padding: 0 20px; display: flex; align-items: center; }
.case_body .titleLine .searchBox .in { flex: 1; width: 0; height: 100%; font-size: 16px; color: #2f3542; font-weight: normal; }
.case_body .titleLine .searchBox .iconfont { font-size: 18px; color: #34B1DD; font-weight: normal; margin-left: 20px; cursor: pointer; }
.case_body .page_route { display: flex; align-items: center; padding-top: 30px; }
.case_body .page_route .link { display: flex; align-items: center; transition: all .3s; cursor: pointer; }
.case_body .page_route .link .iconfont { font-size: 14px; margin-right: 8px; }
.case_body .page_route .link:hover { color: #34B1DD; }
.case_body .page_route .arr { padding: 0 6px; }
.case_body .caseList { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 50px 50px; }
.case_body .caseList .case { width: 100%; height: auto; margin-top: 24px; }
.case_body .caseList .case a { display: flex; flex-direction: column; align-items: center; }
.case_body .caseList .case > a { display: flex; cursor: pointer; width: 100%; }
.case_body .caseList .case .img_box { width: 480px; height: 320px; overflow: hidden; }
.case_body .caseList .case .img_box .i { transform: scale(1); transition: all .5s; }
.case_body .caseList .case:hover .i { transform: scale(1.2); transition: all .5s; }
.case_body .caseList .case .con_box { width: calc(100% - 40px); padding: 30px 48px; transition: all .5s; background-color: #ffffff; position: relative; top: -48px; border-top: 4px solid #CDCB29; text-align: center; }
.case_body .caseList .case .con_box .title { font-size: 18px; color: #000000; font-weight: bold; line-height: 34px; transition: all .3s; }
.case_body .caseList .case .con_box .con { margin-top: 20px; font-size: 16px; color: #4f4f4f; font-weight: normal; line-height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.case_body .caseList .case .con_box .time { margin-top: 24px; font-size: 14px; color: #8d8d8e; font-weight: normal; }
.case_body .caseList .case .con_box .more { margin-top: 20px; font-size: 16px; color: #34B1DD; font-weight: normal; display: flex; align-items: center; }
.case_body .caseList .case .con_box .more .iconfont { font-size: 16px; margin-left: 8px; transform: rotate(180deg); }
.case_body .caseList .case .con_box .ilogo { width: 154px; height: auto; position: absolute; right: 40px; bottom: 20px; z-index: 2; opacity: 0; visibility: hidden; transition: all .5s; }
.case_body .caseList .case:hover .con_box { background-color: #ffffff; border-top: 4px solid #34B1DD; }
.case_body .caseList .case:hover .con_box .ilogo { opacity: 1; visibility: visible; }
.case_body .case_info { width: 100%; margin-top: 30px; display: flex; align-items: flex-start; }
.case_body .case_info .leftImg { height: auto; display: flex; flex-direction: column; }
.case_body .case_info .leftImg .bigImage { width: 750px; height: 500px; position: relative; background: #ffffff; }
.case_body .case_info .leftImg .bigImage .swiper, .case_body .case_info .leftImg .bigImage .swiper-wrapper { height: 100%; }
.case_body .case_info .leftImg .bigImage .swiper-wrapper { align-items: center; }
.case_body .case_info .leftImg .bigImage .img_box { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.case_body .case_info .leftImg .bigImage .img_box .i { width: 100% !important; height: auto; }
.case_body .case_info .leftImg .bigImage .video_show { height: 100%; max-height: 640px; }
.case_body .case_info .leftImg .bigImage .bofang_bt { font-size: 84px; color: white; position: absolute; left: calc(50% - 42px); top: calc(50% - 42px); cursor: pointer; }
.case_body .case_info .leftImg .bigImage .tap_btn { width: 50px; height: 70px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 22; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; opacity: .8; transition: all .3s; display: none; }
.case_body .case_info .leftImg .bigImage .tap_btn:hover { opacity: 1; }
.case_body .case_info .leftImg .bigImage .tap_btn .iconfont { font-size: 20px; color: #ffffff; font-weight: normal; }
.case_body .case_info .leftImg .bigImage .tap_btn.prev { left: 0; }
.case_body .case_info .leftImg .bigImage .tap_btn.next { right: 0; }
.case_body .case_info .leftImg .bigImage .tap_btn.next .iconfont { transform: rotate(180deg); }
.case_body .case_info .leftImg .bigImage:hover .tap_btn { display: flex; justify-content: center; align-items: center; }
.case_body .case_info .leftImg .smallList { width: 750px; height: 120px; position: relative; margin-top: 16px; margin-bottom: 50px; }
.case_body .case_info .leftImg .smallList .swiper-slide { width: 180px; height: 120px; }
.case_body .case_info .leftImg .smallList .img_box { width: 180px; height: 120px; overflow: hidden; cursor: pointer; border: 1px solid #f2f2f2; background: #ffffff; text-align: center; }
.case_body .case_info .leftImg .smallList .img_box .i { width: auto !important; height: 100%; }
.case_body .case_info .leftImg .smallList .swiper-slide-thumb-active .img_box { border-color: #34B1DD; }
.case_body .case_info .leftImg .smallList .video_show { display: flex; position: relative; background-color: #eee; }
.case_body .case_info .leftImg .smallList .video_show .video_img { width: 80px; object-fit: contain; }
.case_body .case_info .leftImg .smallList .video_show .bofang_bt { font-size: 32px; color: white; position: absolute; left: calc(50% - 16px); top: calc(50% - 16px); }
.case_body .case_info .leftImg .smallList .small_tap_btn { width: 26px; height: 120px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 22; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; opacity: .8; transition: all .3s; }
.case_body .case_info .leftImg .smallList .small_tap_btn:hover { opacity: 1; }
.case_body .case_info .leftImg .smallList .small_tap_btn .iconfont { font-size: 20px; color: #ffffff; font-weight: normal; }
.case_body .case_info .leftImg .smallList .small_tap_btn.prev { left: 0; }
.case_body .case_info .leftImg .smallList .small_tap_btn.next { right: 0; }
.case_body .case_info .leftImg .smallList .small_tap_btn.next .iconfont { transform: rotate(180deg); }
.case_body .case_info .leftImg.size2 { width: 480px; }
.case_body .case_info .leftImg.size2 .bigImage { width: 480px; height: 480px; }
.case_body .case_info .leftImg.size2 .smallList { margin-top: 20px; }
.case_body .case_info .leftImg.size2 .smallList .swiper-slide { width: 88px; }
.case_body .case_info .leftImg.size2 .smallList .img_box { width: 88px; height: 88px; }
.case_body .case_info .leftImg.size2 .smallList .video_show { display: flex; position: relative; background-color: #eee; }
.case_body .case_info .leftImg.size2 .smallList .video_show .video_img { width: 80px; object-fit: contain; }
.case_body .case_info .leftImg.size2 .smallList .video_show .bofang_bt { font-size: 32px; color: white; position: absolute; left: 28px; top: 12px; }
.case_body .case_info .rightInfo { flex: 1; height: 100%; margin-left: 16px; background: #F6F9FB; padding: 50px; }
.case_body .case_info .rightInfo .title { font-size: 30px; color: #333333; font-weight: bold; line-height: 1; margin-bottom: 35px; }
.case_body .case_info .rightInfo .underline { width: 100px; height: 3px; background: #34B1DD; }
.case_body .case_info .rightInfo .underline_long { width: 100%; height: 2px; background: #EEEEEE; }
.case_body .case_info .rightInfo .con { margin-top: 30px; max-width: 100%; max-height: 430px; overflow-y: auto; padding-right: 10px; }
.case_body .case_info .rightInfo .con p { font-size: 18px; color: #4f4f4f; font-weight: normal; line-height: 32px; }
.case_body .recommend .title { font-weight: bold; font-size: 20px; color: #333333; margin-bottom: 30px; }
.case_body .recommend .list { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px 30px; }
.case_body .recommend .list .item { display: flex; flex-direction: column; }
.case_body .recommend .list .item .img_box { width: 100%; height: 240px; margin-bottom: 16px; overflow: hidden; }
.case_body .recommend .list .item .img_box .i { transform: scale(1); transition: all .5s; }
.case_body .recommend .list .item .img_box:hover .i { transform: scale(1.2); transition: all .5s; }
.case_body .recommend .list .item .name { font-weight: bold; font-size: 16px; color: #000000; line-height: 28px; }

.aboutus_body { flex: 1; width: 100%; background-color: #ffffff; padding: 0 0; }
.aboutus_body .title_line { width: 100%; text-align: center; }
.aboutus_body .title_line .cn_title { font-size: 48px; color: #2f3542; font-weight: normal; line-height: 1; }
.aboutus_body .title_line .en_title { font-size: 18px; color: #8d8d8e; font-weight: normal; line-height: 1; margin-top: 14px; font-style: italic; }
.aboutus_body .main { margin-top: 60px; display: flex; flex-direction: column; }
.aboutus_body .main .textCon { width: 100%; font-size: 18px; color: #2f3542; font-weight: normal; line-height: 40px; }
.aboutus_body .main .textCon b { font-weight: bold; color: #f79600; }
.aboutus_body .partner-box { width: 100%; margin-top: 10px; }

.company_body { flex: 1; width: 100%; background-color: #ffffff; padding: 80px 0; }
.company_body .home_title_line { width: 100%; }
.company_body .home_title_line .cn_title { font-size: 48px; color: #2f3542; font-weight: normal; line-height: 1; }
.company_body .home_title_line .en_title { font-size: 18px; color: #8d8d8e; font-weight: normal; line-height: 1; margin-top: 14px; font-style: italic; }
.company_body .home_title_line .title_box { display: flex; align-items: center; }
.company_body .home_title_line .title_box .underline { width: 36px; height: 4px; background: #34B1DD; margin-left: 15px; }
.company_body .main { margin-top: 60px; display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row-reverse; }
.company_body .main img { width: 100%; height: auto; }
.company_body .main .left { width: 45%; padding-top: 60px; }
.company_body .main .textCon { width: 100%; font-size: 18px; color: #2f3542; font-weight: normal; line-height: 40px; margin-top: 34px; }
.company_body .main .textCon b { font-weight: bold; color: #34B1DD; }
.company_body .main .pic { width: 49.5%; }
.company_body .mainCenter:nth-child(2) .main { display: flex; flex-direction: row; }
.company_body .partner-box { width: 100%; margin-top: 10px; }

.contactus_body { flex: 1; width: 100%; background-color: #f9f9f9; padding: 59px 0 100px; }
.contactus_body .contentShow { display: none; }
.contactus_body .contentShow:first-child { display: block; }
.contactus_body .cuBox { width: 100%; height: auto; background-color: #fff; overflow: hidden; padding: 50px 60px; }
.contactus_body .cuBox .cuTitle { font-size: 36px; color: #2f3542; font-weight: normal; line-height: 1; border-bottom: 1px solid #EEEEEE; }
.contactus_body .cuBox .cuTitle .underline { width: 100px; height: 3px; background: #34B1DD; margin-top: 30px; }
.contactus_body .cuBox .pic { display: block; width: 100%; height: auto; }
.contactus_body .cuBox .con { display: flex; justify-content: space-between; flex-wrap: wrap; padding-right: 130px; }
.contactus_body .cuBox .con .textView { padding-top: 40px; }
.contactus_body .cuBox .con .textView:nth-child(3n) { padding-left: 50px; }
.contactus_body .cuBox .con .textView .t1 { font-size: 16px; color: #999999; font-weight: normal; }
.contactus_body .cuBox .con .textView .t2 { font-size: 20px; color: #333333; font-weight: normal; margin-top: 16px; }
.contactus_body .cuBox .con .textView .code { width: 106px; height: 106px; }
.contactus_body .cuMap { width: 100%; height: 540px; background-color: #fff; overflow: hidden; }

.application_body { flex: 1; width: 100%; background-color: #f9f9f9; padding: 80px 0 100px; }
.application_body .acTitle { font-size: 48px; color: #2f3542; font-weight: normal; line-height: 1; }
.application_body .acBox { margin-top: 60px; width: 100%; height: auto; border-radius: 14px; background-color: #fff; padding: 24px 120px 200px; }
.application_body .acBox .title { font-size: 30px; color: #34B1DD; font-weight: bold; text-align: center; padding: 36px 0; border-bottom: 1px solid #eee; line-height: 1; position: relative; }
.application_body .acBox .title::after { content: ""; width: 54px; height: 2px; background-color: #34B1DD; position: absolute; left: 50%; transform: translateX(-50%); bottom: -1px; z-index: 2; }
.application_body .acBox .con { padding: 40px 60px; }
.application_body .acBox .con p { font-size: 16px; color: #2f3542; font-weight: normal; line-height: 28px; text-indent: 2em; margin-top: 20px; }
.application_body .acBox .con b { font-weight: bold; color: #34B1DD; }
.application_body .acBox .con img, .application_body .acBox .con video { max-width: 100%; display: block; margin: 32px auto 0; }

.search_body { background: #F5F9FC; }
.search_body .page_route { display: flex; align-items: center; padding-top: 30px; }
.search_body .page_route .link { display: flex; align-items: center; transition: all .3s; cursor: pointer; }
.search_body .page_route .link .iconfont { font-size: 14px; margin-right: 8px; }
.search_body .page_route .link:hover { color: #34B1DD; }
.search_body .page_route .arr { padding: 0 6px; }
.search_body .main { background: #ffffff; margin-top: 34px; margin-bottom: 60px; }
.search_body .main .title { width: 100%; height: 46px; background: #483881; display: flex; align-items: center; font-size: 16px; color: #FFFFFF; padding: 0 20px; }
.search_body .main .result { padding: 20px 30px; }
.search_body .main .result .result_title { display: flex; justify-content: space-between; align-items: center; background: #F6F9FB; height: 42px; padding-left: 40px; }
.search_body .main .result .result_title .name { width: 100%; font-weight: 400; font-size: 14px; color: #333333; }
.search_body .main .result .result_list .item { padding: 29px 10px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #EEEEEE; }
.search_body .main .result .result_list .item .name { width: 100%; font-weight: 400; font-size: 16px; color: #333333; cursor: pointer; }
.search_body .main .result .result_list .item .name .keyword { color: #34B1DD; }
.search_body .main .result .result_list .item .des { width: 100%; font-weight: 400; font-size: 14px; color: #999999; cursor: pointer; }

.turn_page { width: 100%; margin-top: 60px; display: flex; justify-content: center; }
.turn_page .page { min-width: 50px; height: 50px; border-right: 1px solid #eeeeee; background: #F6F9FB; font-size: 14px; color: #2f3542; font-weight: normal; cursor: pointer; display: flex; justify-content: center; align-items: center; margin: 0 0px; transition: all .3s; padding: 0 12px; }
.turn_page .page .iconfont { font-size: 14px; color: #8d8d8e; font-weight: normal; }
.turn_page .page.last { border-right: none; }
.turn_page .page.last .iconfont { transform: rotate(180deg); }
.turn_page .page:hover { background: #efefef; }
.turn_page .page.active { background-color: #34B1DD; border-color: #34B1DD; color: #ffffff; }
.turn_page .page.dot { font-weight: bold; }

.pc_show { display: block; }

.mob_show { display: none; }

@media all and (max-width: 1600px) { .homeCenter { width: auto; box-sizing: border-box; padding: 0 5vw; }
  .wrap_body .banner_wrap, .wrap_body .microsites_wrap, .wrap_body .product_wrap, .wrap_body .news_wrap, .wrap_foot, .bannerPic, .list_body .detail_top, .list_body .detail_bottom { width: 100%; }
  .wrap_body .product_wrap .product_main { grid-template-columns: 48% 24% 24%; grid-gap: 2%; }
  .fixed_taps { width: 100%; }
  .product_body .productCon .list .tap .tap_a { padding: 2vw 2vw 1vw; display: flex; flex-direction: column; align-items: center; }
  .product_body .productCon .list .tap .tap_a .picBox { height: calc((100vw - 380px - 4vw * 4 - 90px) / 4); width: 100%; }
  .application_taps { margin: 2vw 0; }
  .application_taps .tap { min-width: 8vw; height: 3.4vw; font-size: 1.2vw; }
  .case_body .mainCenter { padding: 0 5vw; }
  .case_body .caseList { grid-gap: 2vw 2vw; }
  .case_body .caseList .case { margin-top: 0; }
  .case_body .caseList .case .img_box { width: 100%; height: calc( 320px * (1440 / 1920)); }
  .case_body .caseList .case .con_box { padding: 1vw 2vw; }
  .case_body .caseList .case .con_box .title { font-size: 1.2vw; line-height: 1.5; }
  .wrap_body .case_wrap .homeCenter .swiper_box { width: 60vw; height: auto; }
  /*产品详情*/
  .list_body .mainCenter { padding: 0 5vw; }
  .list_body .product_info .leftImg .bigImage { width: calc( 750px * (1600 / 1920)); height: calc( 750px * (1600 / 1920)); }
  .list_body .product_info .leftImg .smallList { width: calc( 116px * (1600 / 1920)); height: calc( 116px * (1600 / 1920)); margin-right: calc( 18px * (1600 / 1920)); }
  .list_body .product_info .leftImg .smallList .img_box { width: calc( 116px * (1600 / 1920)); height: calc( 116px * (1600 / 1920)); }
  .list_body .product_info .leftImg .smallList .swiper-slide { width: calc( 116px * (1600 / 1920)); height: calc( 116px * (1600 / 1920)); }
  .list_body .product_info .rightInfo { height: calc( 750px * (1600 / 1920)); padding: calc( 50px * (1600 / 1920)); }
  .list_body .product_info .rightInfo .intr { height: calc( 500px * (1600 / 1920)); }
  .list_body .detail_bottom .show_box { width: calc( 884px * (1600 / 1920)); }
  /*案例详情*/
  .case_body .case_info .leftImg .bigImage { width: calc( 750px * (1600 / 1920)); height: calc( 500px * (1600 / 1920)); }
  .case_body .case_info .leftImg .smallList { width: calc( 750px * (1600 / 1920)); height: calc( 120px * (1600 / 1920)); }
  .case_body .case_info .rightInfo { padding: calc( 50px * (1600 / 1920)); }
  .case_body .case_info .rightInfo .con { height: calc( 430px * (1600 / 1920)); }
  .case_body .recommend .list .item .img_box { height: calc( 240px * (1600 / 1920)); }
  /*底部*/
  .wrap_foot .footer .homeCenter .menuList .menu_item { margin-right: 2vw; }
  .wrap_foot .footer .homeCenter .menuList .menu_item .tap { font-size: 1.2rem; }
  .wrap_foot .footer .homeCenter .menuList .menu_item .tap.child { font-size: 1.1rem; } }
@media all and (max-width: 1440px) { .homeCenter { width: 100%; padding: 0 5vw !important; }
  .wrap_head .header .headCon, .slideFixed .sfHeader { padding: 0 0; }
  .wrap_body .banner_wrap, .wrap_body .microsites_wrap, .wrap_body .product_wrap, .wrap_body .news_wrap, .wrap_foot, .bannerPic, .list_body .detail_top, .list_body .detail_bottom { width: 100%; }
  .fixed_taps { width: 100%; }
  .mainCenter { width: auto; box-sizing: border-box; padding: 0 2vw; }
  .product_body .productCon .list { grid-template-columns: repeat(4, 1fr); }
  .wrap_body .case_wrap .case_category { margin-left: 2vw !important; }
  .wrap_body .case_wrap .homeCenter .swiper_box { width: 60vw; height: auto; }
  .wrap_body .case_wrap .homeCenter .swiper_box .swiper .swiper-wrapper .swiper-slide .case_info { position: absolute; z-index: 99999; top: 5vw; left: 5vw; padding: 47px 30px; background: lch(0 0 0/0.5); color: #FEFFFF; width: 50%; }
  .wrap_body .case_wrap .homeCenter .case_category .case_list { margin-top: 20px; }
  .wrap_body .case_wrap .homeCenter .case_category .case_list .case_list_box { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
  .wrap_body .case_wrap .homeCenter .case_category .case_list .case_list_box .case_item { width: calc((100vw - 4vw)/3 - 15px); }
  .wrap_body .case_wrap .swiper_box .swiper-slide { height: 50vw; }
  .wrap_body .product_wrap .product_main .box1 { height: 48vw; }
  .wrap_body .product_wrap .product_main .box2 { height: 24vw; }
  .wrap_body .product_wrap .product_main .box3 { height: 21.6vw; }
  .wrap_body .product_wrap .product_main .box4 { height: 26.4vw; }
  .wrap_body .product_wrap .product_main .box5 { height: 19.2vw; }
  .wrap_body .about_wrap .homeCenter .info_menu { position: absolute; bottom: 5vw; width: calc(100% - 10vw); height: 100px; background: #F5F9FC; opacity: 0.9; display: flex; align-items: center; }
  .product_body .productCon .list .tap .tap_a { padding: 2vw 2vw 1vw; display: flex; flex-direction: column; align-items: center; }
  .product_body .productCon .list .tap .tap_a .picBox { height: calc((100vw - 380px - 4vw * 4 - 90px) / 4); width: 100%; }
  .application_taps { margin: 2vw 0; }
  .application_taps .tap { min-width: 8vw; height: 3.4vw; font-size: 1.2vw; }
  .case_body .caseList { grid-gap: 2vw 2vw; }
  .case_body .caseList .case { margin-top: 0; }
  .case_body .caseList .case .img_box { width: 100%; height: calc( 320px * (1440 / 1920)); }
  .case_body .caseList .case .con_box { padding: 1vw 2vw; }
  .case_body .caseList .case .con_box .title { font-size: 1.2vw; line-height: 1.5; }
  /*产品详情*/
  .list_body .product_info .leftImg .bigImage { width: calc( 750px * (1440 / 1920)); height: calc( 750px * (1440 / 1920)); }
  .list_body .product_info .leftImg .smallList { width: calc( 116px * (1440 / 1920)); height: calc( 116px * (1440 / 1920)); margin-right: calc( 18px * (1440 / 1920)); }
  .list_body .product_info .leftImg .smallList .img_box { width: calc( 116px * (1440 / 1920)); height: calc( 116px * (1440 / 1920)); }
  .list_body .product_info .leftImg .smallList .swiper-slide { width: calc( 116px * (1440 / 1920)); height: calc( 116px * (1440 / 1920)); }
  .list_body .product_info .rightInfo { height: calc( 750px * (1440 / 1920)); padding: calc( 50px * (1440 / 1920)); }
  .list_body .product_info .rightInfo .intr { height: calc( 500px * (1440 / 1920)); }
  .list_body .detail_bottom .show_box { width: calc( 884px * (1440 / 1920)); }
  /*案例详情*/
  .case_body .case_info .leftImg .bigImage { width: calc( 750px * (1440 / 1920)); height: calc( 500px * (1440 / 1920)); }
  .case_body .case_info .leftImg .smallList { width: calc( 750px * (1440 / 1920)); height: calc( 120px * (1440 / 1920)); }
  .case_body .case_info .rightInfo { padding: calc( 50px * (1440 / 1920)); }
  .case_body .case_info .rightInfo .con { height: calc( 430px * (1440 / 1920)); }
  .case_body .recommend .list .item .img_box { height: calc( 240px * (1440 / 1920)); } }
@media all and (max-width: 1240px) { .wrap_head .header .headCon .logo, .slideFixed .sfHeader .logo { width: 20vw; height: auto; }
  .wrap_head .header .headCon .right .menu .menuTap { margin-right: 3vw; }
  .product_body .productCon .list .tap .tap_a { padding: 2vw 2vw 1vw; display: flex; flex-direction: column; align-items: center; }
  .product_body .productCon .list .tap .tap_a .picBox { height: auto; width: 100%; }
  .wrap_body .case_wrap .homeCenter .case_category .case_list .case_list_box .case_item { width: calc((100vw - 4vw)/3 - 15px); }
  /*产品详情*/
  .list_body .product_info .leftImg .bigImage { width: calc( 750px * (1240 / 1920)); height: calc( 750px * (1240 / 1920)); }
  .list_body .product_info .leftImg .smallList { width: calc( 116px * (1240 / 1920)); height: calc( 116px * (1240 / 1920)); margin-right: calc( 18px * (1240 / 1920)); }
  .list_body .product_info .leftImg .smallList .img_box { width: calc( 116px * (1240 / 1920)); height: calc( 116px * (1240 / 1920)); }
  .list_body .product_info .leftImg .smallList .swiper-slide { width: calc( 116px * (1240 / 1920)); height: calc( 116px * (1240 / 1920)); }
  .list_body .product_info .rightInfo { height: calc( 750px * (1240 / 1920)); padding: calc( 50px * (1240 / 1920)); }
  .list_body .product_info .rightInfo .intr { height: calc( 500px * (1240 / 1920)); }
  .list_body .detail_bottom .show_box { width: calc( 884px * (1240 / 1920)); }
  /*案例详情*/
  .case_body .case_info .leftImg .bigImage { width: calc( 750px * (1240 / 1920)); height: calc( 500px * (1240 / 1920)); }
  .case_body .case_info .leftImg .smallList { width: calc( 750px * (1240 / 1920)); height: calc( 120px * (1240 / 1920)); }
  .case_body .case_info .rightInfo { padding: calc( 50px * (1240 / 1920)); }
  .case_body .case_info .rightInfo .con { height: calc( 430px * (1240 / 1920)); }
  .case_body .recommend .list .item .img_box { height: calc( 240px * (1240 / 1920)); } }
@media all and (max-width: 1024px) { .pc_show { display: none !important; }
  .mob_show { display: block; }
  .mob_nav { display: flex !important; }
  .bannerPic .case_banner_title { position: absolute; top: calc((100% - 16vw) / 2); left: calc((100% - 64vw) / 2); width: 64vw; height: auto; }
  .bannerPic .product_banner_title { position: absolute; top: calc((100% - 14vw) / 2); left: calc((100% - 50vw) / 2); width: 50vw; height: auto; }
  .bannerPic .contactus_banner_title { position: absolute; top: calc((100% - 14vw) / 2); left: calc((100% - 50vw) / 2); width: 50vw; height: auto; }
  .homeCenter, .wrap_body .banner_wrap, .wrap_body .microsites_wrap, .wrap_body .product_wrap, .wrap_body .news_wrap, .wrap_foot, .bannerPic, .list_body .detail_top, .list_body .detail_bottom { min-width: 100%; }
  .wrap_head { height: 16vw; }
  .wrap_head .header { height: 16vw; }
  .wrap_head .header .headCon .search_input { padding: 0 2vw; height: 16vw; }
  .wrap_head .header .headCon .logo .i { width: 100%; height: 100%; }
  .wrap_head .header .headCon, .slideFixed .sfHeader { padding-left: 10px; }
  .wrap_head .header .headCon .logo, .slideFixed .sfHeader .logo { width: 32vw; margin-left: 0; }
  .wrap_head .header .headCon .right .search_box { width: 16vw; height: 16vw; margin-left: 2vw; }
  .wrap_head .header .headCon .right .search_box .iconfont { font-size: 26px; }
  .fixedOpen { width: 13vw; height: 25vw; padding-left: 2.5vw; display: none; }
  .fixedOpen:hover { width: 15vw; }
  .fixedOpen .text { margin-top: 8px; }
  .slideFixed .sfMain .container { flex: 1; width: 0; padding: 8vw 0 0 15vw; }
  .slideFixed .sfMain::after { width: 1px; transform: initial; }
  .slideFixed .sfMain .container .sfTitle { font-size: 5vw; }
  .slideFixed .sfMain .container .sfTitle .iconfont { font-size: 5vw; margin-right: 1.5vw; }
  .slideFixed .sfMain .container .sfList { padding-top: 2vw; margin-left: 1.5vw; justify-content: space-between; align-items: flex-start; }
  .slideFixed .sfMain .container .sfList .lv1List { width: 45%; }
  .slideFixed .sfMain .container .sfList .lv1List .lv1Tap { margin-top: 5vw; font-size: 4vw; line-height: 1.5; white-space: normal; display: flex; justify-content: space-between; width: 100%; }
  .slideFixed .sfMain .container .sfList .lv1List .lv1Tap .iconfont { font-size: 3.5vw; margin-left: 1vw; }
  .slideFixed .sfMain .container .sfList .lv2List { padding-right: unset; margin-left: unset; margin-top: 5vw; width: 55%; padding-left: 20px; }
  .slideFixed .sfMain .container .sfList .lv2List .lv2Title { font-size: 4vw; padding-bottom: 2vw; }
  .slideFixed .sfMain .container .sfList .lv2List .lv2Title .iconfont { font-size: 4vw; margin-right: 1.5vw; }
  .slideFixed .sfMain .container .sfList .lv2List .lv2Tap { margin-top: 5vw; margin-left: 0; font-size: 3.5vw; line-height: 1.2; }
  .slideFixed .sfMain .container .beian { border-bottom: 5vw; font-size: 3vw; }
  .wrap_foot .footer { padding: 10vw 0; }
  .wrap_foot .footer .homeCenter .logo { width: 40vw; height: auto; margin: auto; }
  .wrap_foot .footer .homeCenter .menuList { margin-top: 5vw; flex-wrap: wrap; flex-direction: column; }
  .wrap_foot .footer .homeCenter .menuList .left { display: flex; flex-wrap: nowrap; }
  .wrap_foot .footer .homeCenter .menuList .menu_item { width: 100%; text-align: left; display: flex; flex-direction: column; align-items: center; margin-top: 40px; margin-right: 0; }
  .wrap_foot .footer .homeCenter .menuList .menu_item .tap { padding: 0; line-height: 2; font-size: 1rem; }
  .wrap_foot .footer .homeCenter .menuList .menu_item .tap.child { font-size: 3vw; display: none; }
  .wrap_foot .footer .homeCenter .menuList .menu_item .tap::before { height: 3.5vw; }
  .wrap_foot .footer .homeCenter .textCon { margin-top: 5vw; text-align: center; }
  .wrap_foot .footer .homeCenter .textCon .link { margin-right: 2vw; margin-left: 2vw; }
  .wrap_foot .footer .homeCenter .textCon .line { font-size: 3vw; line-height: 2; display: flex; flex-direction: column; }
  .wrap_foot .footer .toTop { width: 10vw; height: 10vw; bottom: 4vw; }
  .wrap_foot .footer .down { width: 10vw; height: 10vw; bottom: 30vw; }
  .wrap_foot .footer .homeCenter { width: 100%; padding: 10px !important; }
  .wrap_foot .footer .serviceBox.show { width: 40vw; height: 50vw; transition: all 0.4s; }
  .wrap_foot .footer .serviceBox .titleWrap { height: 10vw; }
  .wrap_foot .footer .serviceBox .titleWrap .close { width: 3vw; }
  .wrap_foot .footer .serviceBox .titleWrap .close .line { width: 3vw; }
  .wrap_foot .footer .serviceBox .serviceCon .title { line-height: 6vw; }
  .wrap_foot .footer .serviceBox .serviceCon .logo { width: 24vw; height: 6vw; margin: 5.2vw auto; display: block; }
  .wrap_foot .footer .serviceBox.hide { bottom: 16.5vw; right: 2.5vw; }
  .wrap_foot .footer .serviceBox2 { bottom: 16vw; }
  .wrap_foot .footer .serviceBox2.show { width: 10vw; height: 10vw; }
  .wrap_foot .footer .serviceBox2 .serviceIcon { width: 10vw; height: 10vw; }
  .wrap_body .banner_wrap { height: 25vh; position: static; }
  .wrap_body .microsites_wrap { flex-wrap: wrap; }
  .wrap_body .microsites_wrap .tap_con { flex: initial; width: 100%; }
  .wrap_body .microsites_wrap .tap_con .inner .content { top: 50%; left: 0; width: 100%; height: calc(100% + 14vw); transform: skewY(-7deg) translateY(-50%); }
  .wrap_body .microsites_wrap .tap_con .inner .content .img { width: 100%; height: calc(100% + 7vw); max-height: initial; transform: skewY(7deg); }
  .wrap_body .microsites_wrap .tap_con:hover .inner .content .img { transform: scale(1.05) skewY(7deg); }
  .wrap_body .microsites_wrap .tap_con .text_con .text { font-size: 6vw; top: 18vw; left: 5vw; }
  .wrap_body .microsites_wrap .tap_con:first-child .text_con .text { top: 10vw; }
  .wrap_body .microsites_wrap .tap_con .text_con .go_next { width: 10vw; height: 10vw; right: 5vw; bottom: 5vw; }
  .wrap_body .microsites_wrap .tap_con .text_con .go_next .iconfont { font-size: 4vw; }
  .wrap_body .product_wrap { padding: 10vw 0; }
  .wrap_body .home_title_line .cn_title { font-size: 6vw; }
  .wrap_body .home_title_line .en_title { font-size: 3.5vw; margin-top: 2vw; }
  .wrap_body .home_title_line .more { font-size: 3.5vw; }
  .wrap_body .product_wrap .home_title_line { justify-content: flex-start; }
  .wrap_body .product_wrap .home_title_line .title_box { display: flex; flex-direction: row; align-items: center; }
  .wrap_body .product_wrap .home_title_line .title_box .underline { margin-top: unset; margin-left: 15px; }
  .wrap_body .product_wrap .product_main { margin-top: 5vw; display: flex; flex-wrap: wrap; }
  .wrap_body .product_wrap .product_main .col1 { width: 100%; }
  .wrap_body .product_wrap .product_main .box { margin-bottom: 2vw; height: 55vw !important; justify-content: flex-end; align-items: center; flex-direction: column; }
  .wrap_body .product_wrap .product_main .box1 { height: auto !important; }
  .wrap_body .product_wrap .product_main .col { width: 49%; }
  .wrap_body .product_wrap .product_main .box .img_box .img { margin-top: 0; }
  .wrap_body .product_wrap .product_main .box.box1 .img_box .img { margin-top: 0; height: 40vw; object-fit: contain; }
  .wrap_body .product_wrap .product_main .box .text_wrap { bottom: 4vw; }
  .wrap_body .product_wrap .product_main .box .text_wrap .t1 { font-size: 5vw; }
  .wrap_body .product_wrap .product_main .box .text_wrap .t2 { font-size: 3vw; margin-top: 1vw; }
  .wrap_body .product_wrap .swiper_box { margin-top: 20px; }
  .wrap_body .product_wrap .swiper_box .swiper-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .wrap_body .product_wrap .swiper_box .swiper-wrapper .swiper-slide { width: calc(50% - 5px) !important; height: 30vw !important; margin-right: 0; margin-bottom: 5px; }
  .wrap_body .product_wrap .swiper_box .swiper-wrapper .swiper-slide .bottom_title { width: 100%; font-size: 12px; height: 32px; }
  .wrap_body .product_wrap .swiper_box .swiper-button-prev, .wrap_body .product_wrap .swiper_box .swiper-button-next { display: none; }
  .wrap_body .news_wrap { padding: 5vw 0; }
  .wrap_body .news_wrap .news_main { margin-top: 5vw; flex-wrap: wrap; }
  .wrap_body .news_wrap .news_main .left { width: 100%; }
  .wrap_body .news_wrap .news_main .right { width: 100%; flex: initial; margin-left: 0; }
  .wrap_body .news_wrap .news_main .newsBox { height: auto; margin-bottom: 4vw; }
  .wrap_body .news_wrap .news_main .newsBox .pic_box, .wrap_body .news_wrap .news_main .newsLine .pic_box { height: 50vw; width: 100%; }
  .wrap_body .news_wrap .news_main .newsBox .pic_box .i, .wrap_body .news_wrap .news_main .newsLine .pic_box .i { object-fit: contain; }
  .wrap_body .news_wrap .news_main .newsBox .con_box { padding: 4vw; }
  .wrap_body .news_wrap .news_main .newsTap .con_box .time { font-size: 3.5vw; }
  .wrap_body .news_wrap .news_main .newsTap .con_box .title { margin-top: 2vw; font-size: 4.5vw; line-height: 1.5; height: 6.75vw; }
  .wrap_body .news_wrap .news_main .newsTap .con_box .more { margin-top: 5vw; font-size: 4vw; }
  .wrap_body .news_wrap .news_main .newsTap .con_box .more .iconfont { font-size: 3vw; margin-left: 1vw; }
  .wrap_body .news_wrap .news_main .newsLine { height: auto; flex-direction: column-reverse; flex-wrap: wrap; margin-bottom: 4vw; }
  .wrap_body .news_wrap .news_main .newsLine .con_box { padding: 4vw; flex: initial; width: 100%; }
  .wrap_body .case_wrap .homeCenter { display: flex; flex-direction: column; }
  .wrap_body .case_wrap .case_category { margin-left: 0 !important; }
  .wrap_body .case_wrap .homeCenter .swiper_box { width: 100%; height: 110vw; display: none; }
  .wrap_body .case_wrap .homeCenter .swiper_box .swiper .swiper-wrapper .swiper-slide .case_info { position: absolute; z-index: 99999; top: 5vw; left: 5vw; padding: 47px 30px; background: lch(0 0 0/0.5); color: #FEFFFF; width: calc(100% - 10vw); }
  .wrap_body .case_wrap .homeCenter .case_category .case_list { margin-top: 20px; }
  .wrap_body .case_wrap .homeCenter .case_category .case_list .case_list_box { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
  .wrap_body .case_wrap .homeCenter .case_category .case_list .case_list_box .case_item { width: 100vw; margin-bottom: 2vw; }
  .wrap_body .about_wrap { margin-top: 10vw; }
  .wrap_body .about_wrap .homeCenter { display: flex; justify-content: space-between; flex-direction: column; position: relative; padding-right: 2vw !important; }
  .wrap_body .about_wrap .homeCenter .about_info { width: 100%; }
  .wrap_body .about_wrap .homeCenter .about_info .home_title_line { width: 100%; display: flex; align-items: flex-start; flex-direction: column; margin-bottom: 20px; }
  .wrap_body .about_wrap .homeCenter .about_info .home_title_line .title_box { display: flex; align-items: center; }
  .wrap_body .about_wrap .homeCenter .about_info .home_title_line .title_box .underline { width: 36px; height: 4px; background: #34B1DD; margin-left: 15px; }
  .wrap_body .about_wrap .homeCenter .about_info .content { max-height: 500px; overflow-y: auto; }
  .wrap_body .about_wrap .homeCenter .about_info .more { margin: 5vw 0; width: 100px; padding: 2vw; color: #333333; font-size: 14px; }
  .wrap_body .about_wrap .homeCenter .img_box { display: none; }
  .wrap_body .about_wrap .homeCenter .info_menu { position: unset; margin-bottom: 5vw; width: 100%; height: 100px; background: #F5F9FC; opacity: 1; display: flex; align-items: center; }
  .wrap_body .about_wrap .homeCenter .info_menu .item { display: flex; justify-content: center; align-items: center; flex-direction: column; width: calc(100% / 3); padding-left: 0; border-right: 1px solid #EEEEEE; height: 100%; cursor: pointer; }
  .wrap_body .about_wrap .homeCenter .info_menu .item img { width: 10vw; height: 10vw; margin-right: 0; }
  .wrap_body .about_wrap .homeCenter .info_menu .item .image_w { display: none; }
  .wrap_body .about_wrap .homeCenter .info_menu .item .text { text-align: center; margin-top: 2vw; }
  .wrap_body .about_wrap .homeCenter .info_menu .item .text .title { font-weight: 400; font-size: 14px; color: #333333; }
  .wrap_body .about_wrap .homeCenter .info_menu .item .text .title_en { font-weight: 400; font-size: 10px; color: #666666; }
  .wrap_body .about_wrap .homeCenter .info_menu .item:hover { background: rgba(52, 177, 221, 0.9); }
  .wrap_body .about_wrap .homeCenter .info_menu .item:hover .text .title { color: #ffffff; }
  .wrap_body .about_wrap .homeCenter .info_menu .item:hover .text .title_en { color: #ffffff; }
  .wrap_body .about_wrap .homeCenter .info_menu .item:last-child { border-right: none; }
  .bannerPic { height: 50vw; }
  .product_body { padding: 5vw 0; }
  .product_body .homeCenter { width: 100%; }
  .homeCenter { padding: 0 2vw !important; }
  .homeCenter, .mainCenter { padding: 0 5vw; width: 100%; min-width: initial; }
  .category_box { justify-content: flex-start; }
  .product_body .productCon .titleLine .title { font-size: 4vw; }
  .product_body .productCon .titleLine .title::before { width: 2vw; height: 2vw; margin-right: 1vw; }
  .product_body .productCon .titleLine .searchBox { width: 40vw; height: 8vw; padding: 0 3vw; }
  .product_body .productCon .titleLine .searchBox .in { font-size: 3.5vw; }
  .product_body .productCon .titleLine .searchBox .iconfont { font-size: 3.5vw; margin-left: 2vw; }
  .product_body .productCon .list { margin-top: 5vw; grid-template-columns: repeat(2, 1fr); grid-gap: 5vw 5vw; }
  .product_body .productCon .list .tap { height: auto; }
  .product_body .productCon .list .tap .picBox { height: 30vw; }
  .product_body .productCon .list .tap .tap_a { padding: 2vw 2vw 1vw; display: flex; flex-direction: column; align-items: center; }
  .product_body .productCon .list .tap .tap_a .picBox { height: 35vw; width: 35vw; }
  .product_body .productCon .list .tap .name { margin: 4vw 2vw 0; font-size: 3.5vw; line-height: 1.5; padding-bottom: 3vw; }
  .product_body .productCon .list .tap .tap_a .name { font-size: 15px; }
  .list_body .page_route { padding-top: 5vw; flex-wrap: wrap; }
  .list_body .main { padding-bottom: 8vw; }
  .list_body .product_info { margin-top: 5vw; flex-direction: column; }
  .list_body .product_info .leftImg { width: 100%; }
  .list_body .product_info .leftImg .bigImage { width: 100%; height: 60vw; }
  .list_body .product_info .leftImg .bigImage .video_show { max-height: 390px; }
  .list_body .product_info .leftImg .smallList { margin-top: 3vw; }
  .list_body .product_info .leftImg .smallList .swiper-slide { width: 20vw; }
  .list_body .product_info .leftImg .smallList .img_box { width: 20vw; height: 12vw; }
  .list_body .product_info .rightInfo { flex: initial; margin-left: 0; margin-top: 5vw; width: 100%; padding: 5vw; }
  .list_body .product_info .rightInfo .title { font-size: 7vw; }
  .list_body .product_info .rightInfo .subText { font-size: 3.5vw; margin-top: 2vw; }
  .list_body .product_info .rightInfo .con { margin-top: 3vw; max-width: 100%; padding-right: 0; }
  .list_body .product_info .rightInfo .con p { font-size: 4vw; line-height: 1.5; margin-top: 2vw; }
  .list_body .table_wrap .table thead .title { width: 20%; }
  .list_body .con_title { font-size: 18px; }
  .list_body .table_wrap { margin-top: 8vw; overflow: auto; }
  .list_body .table_wrap .product_title { margin-bottom: 2vw; font-size: 5vw; font-weight: 700; color: #f79600; }
  .list_body .table_wrap .table { min-width: 100%; }
  .list_body .table_wrap .table thead tr td { height: 10vw; font-size: 3.5vw; }
  .list_body .table_wrap .table tbody tr td { height: 15vw; font-size: 3.5vw; }
  .list_body .table_wrap .table tbody tr .link { font-size: 3.5vw; }
  .list_body .table_wrap .table tbody tr td .pic { width: 20vw; }
  .list_body .table_wrap .table tbody tr .value { width: 50%; }
  .turn_page { margin-top: 5vw; flex-wrap: wrap; }
  .turn_page .page { min-width: 8vw; height: 8vw; margin-top: 2vw; font-size: 3.5vw; }
  .list_body .detail_top { padding: 0 0 5vw; }
  .list_body .product_info .rightInfo .intr { margin-top: 5vw; max-width: initial; height: 60vh; overflow-y: auto; }
  .list_body .detail_bottom { padding: 5vw 0 10vw; }
  .list_body .detail_bottom .taps_wrap { display: flex; align-items: center; }
  .list_body .detail_bottom .mainCenter .taps_box { width: 100%; overflow-x: auto; }
  .list_body .detail_bottom .mainCenter .taps_box::-webkit-scrollbar { display: none; }
  .list_body .detail_bottom .taps_wrap .tap { font-size: 4vw; padding-bottom: 2.5vw; margin-right: 6vw; overflow: hidden; word-wrap: normal; display: inline-table; }
  .list_body .detail_bottom .taps_wrap .tap.active { font-weight: unset; }
  .list_body .detail_bottom .hide_wrap { margin-top: 0; }
  .list_body .detail_bottom .hide_wrap .text_con { width: 100%; }
  .list_body .detail_bottom .hide_wrap .text_con p { font-size: 3.5vw; line-height: 1.5; margin-top: 2vw; }
  .list_body .detail_bottom .hide_wrap .text_con .video_box { width: 100%; height: 70vw; margin-top: 5vw; }
  .list_body .detail_bottom .hide_wrap .text_con .video_box .icon-play { font-size: 15vw; }
  .list_body .down { width: 10vw; height: 10vw; bottom: 5vw; }
  .list_body .down .iconfont { font-size: 3.5vw; }
  .list_body .detail_bottom .hide_wrap .table_tips { padding: 4vw; }
  .list_body .detail_bottom .hide_wrap .table_tips p { font-size: 3vw; line-height: 1.5; }
  .list_body .detail_bottom .hide_wrap .download_con { margin-bottom: 5vw; padding-bottom: 5vw; }
  .list_body .detail_bottom .hide_wrap .download_con .dlTitle { font-size: 4.5vw; }
  .list_body .detail_bottom .hide_wrap .download_con .dlBox { height: 12vw; padding: 0 0; border-radius: 1.5vw; }
  .list_body .detail_bottom .hide_wrap .download_con .dlBox .file_info { width: 60%; }
  .list_body .detail_bottom .hide_wrap .download_con .dlBox .name { padding-right: 3vw; font-size: 3.5vw; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; }
  .list_body .detail_bottom .hide_wrap .download_con .dlBox .iconTxt { width: 20%; font-size: 3vw; }
  .list_body .detail_bottom .hide_wrap .download_con .dlBox .iconTxt .iconfont { font-size: 3vw; margin-right: 2px; }
  .list_body .detail_bottom .hide_wrap .download_con .dlBox .iconTxt .icon-shijian { display: none; }
  .list_body .detail_bottom .hide_wrap .download_con .dlBox .empty { display: none; }
  .list_body .detail_bottom .hide_wrap .download_con .dlBox .btn { width: auto; flex: 1; height: 8vw; font-size: 3.5vw; margin-left: 2vw; }
  .list_body .detail_bottom .hide_wrap .product_con { margin-bottom: 5vw; }
  .list_body .detail_bottom .hide_wrap .product_con .pcTitle { font-size: 4vw; }
  .list_body .detail_bottom .hide_wrap .product_con .pcList { margin-top: 5vw; grid-template-columns: repeat(2, 1fr); grid-gap: 5vw 5vw; }
  .list_body .detail_bottom .hide_wrap .product_con .pcList .tap { height: auto; padding-bottom: 3vw; }
  .list_body .detail_bottom .hide_wrap .product_con .pcList .tap .picBox { height: 30vw; }
  .list_body .detail_bottom .hide_wrap .product_con .pcList .tap .name { margin: 4vw 2vw 0; font-size: 3.5vw; line-height: 1.5; }
  .list_body .detail_bottom .hide_wrap .product_con .pcList .tap .subtxt { margin-top: 2vw; font-size: 3vw; }
  .list_body .main { min-height: unset; }
  .fixed_taps { padding: 0 5vw; height: 12vw; width: 100%; overflow: auto hidden; white-space: nowrap; }
  .fixed_taps .tap { width: 30vw; font-size: 3.5vw; flex-shrink: 0; }
  .fixed_taps .tap:first-child { border-left: none; }
  .fixed_taps .tap:last-child { border-right: none; }
  .application_body { padding: 5vw 0 10vw; }
  .application_body .acTitle { font-size: 6vw; }
  .application_body .acBox { margin-top: 5vw; border-radius: 2vw; padding: 4vw 4vw 6vw; }
  .application_body .acBox .title { font-size: 4vw; padding: 0 0 4vw; }
  .application_body .acBox .title::after { width: 10vw; }
  .application_body .acBox .con { padding: 4vw 0 0; }
  .application_body .acBox .con p { margin-top: 2vw; font-size: 3.5vw; line-height: 1.5; }
  .application_body .acBox .con img, .application_body .acBox .con video { margin: 4vw auto 0; }
  .news_body { padding: 5vw 0 10vw; }
  .news_body .titleLine .title { font-size: 5vw; }
  .news_body .titleLine .title::before { width: 2vw; height: 2vw; margin-right: 1vw; }
  .news_body .titleLine .searchBox { width: 40vw; height: 8vw; padding: 0 3vw; }
  .news_body .titleLine .searchBox .in { font-size: 3.5vw; }
  .news_body .titleLine .searchBox .iconfont { font-size: 3.5vw; margin-left: 2vw; }
  .news_body .newsList { padding-top: 0; }
  .news_body .newsList .news { margin-top: 8vw; }
  .news_body .newsList .news > a { flex-direction: column; }
  .news_body .newsList .news .img_box { width: 100%; height: 50vw; }
  .news_body .newsList .news .img_box .i { object-fit: contain; }
  .news_body .newsList .news .con_box { flex: initial; width: 100%; padding: 3vw 0 4vw; border-color: rgba(141, 141, 141, 0.5); }
  .news_body .newsList .news .con_box .title { font-size: 4.5vw; line-height: 1.5; }
  .news_body .newsList .news .con_box .con { margin-top: 1.5vw; font-size: 4vw; line-height: 1.5; }
  .news_body .newsList .news .con_box .time { font-size: 3vw; margin-top: 2vw; }
  .news_body .newsList .news .con_box .more { font-size: 3.5vw; margin-top: 3vw; }
  .news_body .newsList .news .con_box .more .iconfont { font-size: 3vw; margin-left: 1vw; }
  .news_body .newsList .news .con_box .ilogo { width: 20vw; right: 0; bottom: 4vw; opacity: 1; visibility: visible; }
  .news_body .newsDetail { padding: 4vw; }
  .news_body .newsDetail .back { display: none; }
  .news_body .newsDetail .title { margin: 0; font-size: 5vw; line-height: 1.5; }
  .news_body .newsDetail .subLine { margin-top: 3vw; }
  .news_body .newsDetail .subLine .iconTxt { margin: 0 2vw 0 0; font-size: 3vw; }
  .news_body .newsDetail .subLine .iconTxt .iconfont { font-size: 3vw; margin-right: 1vw; }
  .news_body .newsDetail .con { padding: 0; margin-top: 5vw; overflow: hidden; }
  .news_body .newsDetail .con img, .news_body .newsDetail .con video { width: 100%; height: auto; margin: 5vw auto; }
  .news_body .newsDetail .bottomLine { margin-top: 15vw; }
  .news_body .newsDetail .bottomLine .view .tap { font-size: 3.5vw; }
  .news_body .newsDetail .bottomLine .view .tap .iconfont { font-size: 3vw; margin-right: 1vw; }
  .news_body .newsDetail .bottomLine .view .tap.prev .iconfont { margin-right: 2vw; }
  .news_body .newsDetail .bottomLine .view .tap.next .iconfont { margin-left: 2vw; }
  .aboutus_body { padding: 5vw 0 10vw; }
  .aboutus_body .title_line .cn_title { font-size: 6vw; }
  .aboutus_body .title_line .en_title { font-size: 3.5vw; margin-top: 2vw; }
  .aboutus_body .main { margin-top: 5vw; flex-direction: column; }
  .aboutus_body .main .textCon { width: 100%; font-size: 4vw; line-height: 1.75; }
  .aboutus_body .main .pic { width: 100%; margin-top: 5vw; }
  .company_body { padding: 5vw 0 10vw; }
  .company_body .title_line .cn_title { font-size: 6vw; }
  .company_body .title_line .en_title { font-size: 3.5vw; margin-top: 2vw; }
  .company_body .main { margin-top: 5vw; flex-direction: column !important; }
  .company_body .main .left { width: 100%; padding-top: 10vw; }
  .company_body .mainCenter:nth-child(2) .main .left { width: 100%; }
  .company_body .main .textCon { width: 100%; font-size: 4vw; line-height: 1.75; }
  .company_body .main .pic { width: 100%; margin-top: 5vw; }
  .contactus_body { padding: 7vw 0 10vw; }
  .contactus_body .cuTitle { font-size: 6vw; }
  .contactus_body .cuBox { margin-top: 5vw; border-radius: 1vw; padding: 5vw; }
  .contactus_body .cuBox .con { padding: 0 4vw 6vw; }
  .contactus_body .cuBox .con .textView { width: 100%; padding-top: 4vw; }
  .contactus_body .cuBox .con .textView:nth-child(3n) { padding-left: 0; }
  .contactus_body .cuBox .con .textView .t1 { font-size: 3.5vw; }
  .contactus_body .cuBox .con .textView .t2 { font-size: 4.5vw; line-height: 1.35; margin-top: 2vw; }
  .contactus_body .cuMap { margin-top: 5vw; height: 68vh; }
  .list_body .detail_bottom .show_box { width: 100%; }
  .list_body .product_info .leftImg { flex-direction: column; }
  .list_body .product_info .leftImg .smallList { width: auto; height: auto; }
  .list_body .product_info .leftImg .smallList .swiper-slide { height: auto; overflow: hidden; }
  .application_taps { margin: 3vw auto; display: flex !important; }
  .application_taps .tap { width: auto; height: auto; padding: 1vw 2vw; border-radius: 5px; font-size: 3vw; }
  .application_taps .tap:hover { width: auto; height: auto; padding: 1vw 2vw; border-radius: 24px; font-size: 3vw; }
  .application_taps .tap:active { width: auto; height: auto; padding: 1vw 2vw; border-radius: 24px; font-size: 3vw; }
  .application_taps .swiper .swiper-slide { min-width: 20vw !important; }
  .case_body .mainCenter { padding: 0 2vw; }
  .case_body .caseList { grid-template-columns: repeat(2, 1fr); grid-gap: 2vw 2vw; }
  .case_body .caseList .case { margin-top: 2vw; }
  .case_body .caseList .case .img_box { width: 46vw; height: 30vw; }
  .case_body .caseList .case .con_box { padding: 2vw 3vw; top: -6vw; width: calc(100% - 5vw); }
  .case_body .caseList .case .con_box .title { line-height: 1.5; font-size: 3vw; }
  .case_body .case_info { margin-top: 5vw; flex-direction: column; }
  .case_body .case_info .leftImg { width: 100%; }
  .case_body .case_info .leftImg .bigImage { width: 100%; height: 60vw; }
  .case_body .case_info .leftImg .bigImage .video_show { max-height: 390px; }
  .case_body .case_info .leftImg .smallList { margin-top: 3vw; width: 100%; height: 12vw; }
  .case_body .case_info .leftImg .smallList { margin-top: 3vw; width: 100%; }
  .case_body .case_info .leftImg .smallList .swiper-slide { width: 20vw; }
  .case_body .case_info .leftImg .smallList .img_box { width: 20vw; height: 12vw; }
  .case_body .case_info .leftImg .smallList .small_tap_btn { height: 12vw; width: 7vw; }
  .case_body .case_info .rightInfo { flex: initial; margin-left: 0; margin-top: 5vw; width: 100%; padding: 2vw; }
  .case_body .case_info .rightInfo .title { font-size: 7vw; }
  .case_body .case_info .rightInfo .subText { font-size: 3.5vw; margin-top: 2vw; }
  .case_body .case_info .rightInfo .con { margin-top: 3vw; max-width: 100%; padding-right: 0; }
  .case_body .recommend .list { grid-template-columns: repeat(2, 1fr); grid-gap: 2vw 2vw; }
  .case_body .recommend .list .item .img_box { width: 46vw; height: 30vw; margin-bottom: 2vw; }
  .case_body .recommend .list .item .name { font-size: 3vw; }
  .search_body .main .result { padding: 2vw 2vw; }
  .search_body .main .result .result_title { padding-left: 2vw; }
  .search_body .main .result .result_title .name:last-child { width: 50%; display: none; }
  .search_body .main .result .result_list .item .des { width: 50%; margin-right: 2vw; display: none; }
  .wrap_body .banner_wrap .swiper-pagination { margin-bottom: 0; }
  .wrap_body .banner_wrap .swiper-pagination-bullet { width: 4vw; }
  .list_body .mainCenter { padding: 0 2vw; } }

/*# sourceMappingURL=index.css.map */