@font-face { font-family:'AVG'; src: url('/font/AVGARDM.TTF'); } @font-face { font-family:'GIL'; src: url('/font/GILROY-BOLD-4.OTF'); } @font-face { font-family:'REG'; src: url('/font/GILROY-REGULAR-3.OTF'); } @font-face { font-family:'GOT'; src: url('/font/GOTHAM-BOOK.OTF'); } @font-face { font-family:'BOL'; src: url('/font/GOTHAM-BOLD.OTF'); } @font-face { font-family:'DIN'; src: url('/font/DINPRO-BOLD.OTF'); } @keyframes indalRun { 0%{opacity: 0;transform: translateY(80px);} 100%{opacity: 1;transform: translateY(0);} } .cw1730{max-width:1730px;width:92%;margin:0 auto;} .text-line7{overflow: hidden;text-overflow: ellipsis;display: -webkit-box !important;-webkit-box-orient: vertical;-webkit-line-clamp:7;} /* 分页 */ .turn_page{display:flex;justify-content:center;margin:0 auto;} .turn_page .paging[type="default"] .paging_btn{background:#fff; border:1px solid #e5e5e5;transition:all 0.3s ;border-radius:3px; margin:0 7.5px; font-size:14px;width:46px; height:46px; color:#757575;font-family:'GOT';} .turn_page .paging[type="default"] .paging_btn:hover, .turn_page .paging[type="default"] .paging_btn.cur{background:#007cc4;color:#fff;border-color:#007cc4;} .turn_page .paging_btn:first-child:hover .i1{display:none;} .turn_page .paging_btn:first-child:hover .i2{display:inline-block;} .turn_page .paging_btn:last-child:hover .i1{display:none;} .turn_page .paging_btn:last-child:hover .i2{display:inline-block;} /* .turn_page .paging > font{display: none;} */ @media screen and (max-width:750px) { .turn_page{padding-top:50px;} .turn_page .paging[type="default"] .paging_btn{font-size:26px;} .turn_page .paging .paging_btn:nth-child(1) img, .turn_page .paging .paging_btn:last-child img{width:12px;} } /*全站搜索*/ #search{width:100%; padding-bottom:40px;padding-top: 40px;} #search .box{padding:0 40px;} #search .form{margin-bottom:22px;margin-top: 20px;} #search .form .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #dddddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size: 16px;} #search .form .submit{height: 49px;width: 59px;border:1px solid #007cc4;border-top-right-radius: 5px;border-bottom-right-radius:5px;background: url(/icon/search.png) no-repeat center center #007cc4;color: #fff;font-size: 16px;cursor: pointer;background-size: 22px;} #search .list{width:100%; margin-bottom:50px;} #search .list .info .cate{padding-left:15px;} #search .list .info li{padding:20px 0; border-bottom:1px solid #dddddd;} #search .list .info li:first-child{border-top:1px solid #dddddd;} #search .list .info .title{margin-right:16px; line-height:22px; color:#1a1a1a; font-size:16px; font-weight:700;} #search .list .info .day, #search .list .info .cate{color:#888888; font-size:16px; margin-right:20px;} #search .list .info .day{margin:0;} #search .list .info .desc{height:60px; margin-top:1.375%; color:#888888; font-size:14px; line-height:32px;} #search .txt{font-size: 16px;margin-top: 45px;} @media (max-width: 750px){ #search .form .text{width:400px;height: 60px;line-height: 60px;font-size: 30px;} #search .form .submit{width: 60px;height: 60px;font-size: 26px;background-size: 26px;} #search .list .info .title{font-size: 36px;line-height: 1.6;} #search .list .info .day, #search .list .info .cate{font-size: 28px;line-height: 1.6;} #search .list .info .desc{font-size: 30px;line-height: 1.6;/*height: 144px;*/} #search .txt{font-size: 30px;} } /* 面包屑 */ #crumbs .box{width:100%;height:61px;border-bottom:1px solid #f2f2f2;line-height:60px;} #crumbs .box .left .txt{font-size:16px;color:#333;} /* #crumbs .box .left .txt.pro-txt{width:65px;} */ #crumbs .box .left .txt:last-child{width:250px;} #crumbs .box .left .txt.cur{font-weight:500;} #crumbs .box .left a.txt:hover{color:#007cc4;} #crumbs .box .left .icon{margin:0 12px;margin-top:2px;} #crumbs .box .left .d{margin-left:10px;} #crumbs .box .right .name{text-align:center;font-size:16px;color:#333;font-weight:500;width:168px;border-right:1px solid #f1f1f1;} #crumbs .box .right .name.cur{color:#007cc4;} #crumbs .box .right .name:last-child{border-right:none;} @media (max-width:750px) { #crumbs{display:none;} } /*头部PC端*/ #header{width:100%;} #header .hbot{top:0;left:0;width:100%;z-index:10;} /* #header .hbot.none{transform: translate3d(0px,-100%,0);} */ #header .htop{width:100%;height:45px;background-color:#f1f1f1;line-height:45px;} #header .htop .left{font-size:16px;color:#333;} /*#header .htop .right .lang .line{font-size:16px;color:#999;margin:0 3px;}*/ /*#header .htop .right .lang .txt{font-size:16px;color:#999;}*/ /*#header .htop .right .lang .txt:hover,*/ /*#header .htop .right .lang .txt.cur{color:#333;font-weight:bold;}*/ #header .htop .right .lang {position:relative;margin-right:5px;width:18px;height:18px;background:url(/icon/lang.png) no-repeat center;} #header .htop .right .lang .list{display:none;position:absolute;left:50%;top:18px;transform:translateX(-50%); min-width:150px;background-color:#fff;box-shadow: 0px 10px 35px 0px rgba(28, 28, 28, 0.15);padding:10px 0;transition:all 0.3s;z-index: 10;} #header .htop .right .lang .list a{font-size:16px;color:#999;padding:0 15px;display:block;line-height:30px;transition:all 0.3s;white-space:normal;} #header .htop .right .lang:hover .list{display:block;} #header .htop .right .lang .list a:hover{color:#333;} #header .htop .right .share{display:flex;justify-content: flex-end;align-items: center;} #header .htop .right .share .li{width:19px;height:19px;background:no-repeat center / 100%;margin-left:15px;opacity:0.4;} #header .htop .right .share .li.lin{background-image:url(/icon/wx.png);} #header .htop .right .share .li.fac{background-image:url(/icon/wb.png);} #header .htop .right .share .li.twi{background-image:url(/icon/dy.png);} #header .htop .right .share .li.ins{background-image:url(/icon/bjh.png);} #header .htop .right .share .li:hover{opacity:1;} #header .hcenter{padding:30px 0 50px;background-color:#fff;width:100%;height:152px;} #header .hcenter .cont .left{display:flex;align-items:flex-end;} #header .hcenter .cont .left .logo img{max-height:72px;} #header .hcenter .cont .left .left-cont{padding-left:40px;margin-left:40px;position:relative;} #header .hcenter .cont .left .left-cont::after{content:'';position:absolute;left:0;top:58%;transform:translateY(-50%);width:1px;height:53px;background:#b2b2b2;} #header .hcenter .cont .left .left-cont .tit1{font-size:31px;color:#666;font-weight:bold;line-height:50px;} #header .hcenter .cont .left .left-cont .tit2{font-size:20px;color:#666;line-height:16px;text-align:center;} #header .hcenter .cont .right .icon{width:50px;height:50px;border-radius:50%;background-color:#333333;} #header .hcenter .cont .right .right-cont{margin-left:12px;} #header .hcenter .cont .right .right-cont .txt{font-size:14px;color:#333;} #header .hcenter .cont .right .right-cont .num{font-size:30px;color:#333;font-weight:bold;font-family:'GIL';} #header .hcenter .cont .right .right-cont .num.x, #header .hcenter .cont .right .right-cont .num2{font-size:22px;color:#333;font-weight:bold;font-family:'GIL';} #header .hcenter .cont .right .search{display:none; width:25px;height:25px;background:url(/icon/h-search-icon.png) no-repeat center / 100%;margin:0 30px;} #header .hcenter .cont .right .search.cur{background-image:url(/icon/h-close-icon.png);} #header .hcenter .cont .right .menu{display:none;background:url(/icon/menu-icon.png) no-repeat center / cover;width:30px;height:30px;} #header .hcenter .cont .right .menu.cur{background-image:url(/icon/h-close-icon.png);} #header .hbot{background-color:#333;} #header .hbot .hnav .one-nav{line-height:60px;} #header .hbot .hnav .one-nav::after{position:absolute;content:'';right:0;top:50%;transform:translateY(-50%);width:1px;height:15px;background-color:#fff;} #header .hbot .hnav .one-nav:last-child::after{background-color:transparent;} #header .hbot .hnav .one-nav .nav-a{font-size:16px;color:#fff;padding:0 48px;} #header .hbot .hnav .one-nav.cur .nav-a, #header .hbot .hnav .one-nav:hover .nav-a{background-color:#484848; font-weight:bold;} #header .hbot .hnav .one-nav .two-nav{height:0px;overflow:hidden;top:60px;left:50%; z-index:3; transform:translateX(-50%);min-width:160px;} #header .hbot .hnav .one-nav .two-nav .hnavbg{background:#fff;padding:10px 0;box-shadow: 0px 3px 15.36px 0.64px rgba(51, 51, 51, 0.5);} #header .hbot .hnav .one-nav .two-nav .hnavbg>div{width:100%;padding:0 30px;line-height: 40px;text-align: center;white-space:nowrap;} #header .hbot .hnav .one-nav .two-nav .hnavbg>div .tnav-a{font-size: 16px;color:#333;} #header .hbot .hnav .one-nav .two-nav .hnavbg>div .tnav-a:hover{color:#007cc4;} #header .hbot .hnav .one-nav .two-nav.pro_header{min-width:auto;width:100vw;left:0;right:0;top:257px;transform:translateX(0);background-color:#fff;} #header .hbot .hnav .one-nav .two-nav.pro_header .hnavbg2{padding:30px 0 40px;width:92%;margin:0 auto;max-width:1400px;background-color:#fff;display:flex;justify-content:space-between;} #header .hbot .hnav .one-nav .two-nav.pro_header .hnavbg2 .hleft{width:calc(50% - 60px);} #header .hbot .hnav .one-nav .two-nav.pro_header .hnavbg2 .hleft{display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;} #header .hbot .hnav .one-nav .two-nav.pro_header .hnavbg2 .hleft::after{content:'';position:absolute;left:0;z-index:2;width:calc(100% - 60px);top:235px;height:1px;background-color:#333;} #header .hbot .hnav .one-nav .two-nav.pro_header .hnavbg2 .hleft .ul{width:calc(100% / 3);} #header .hbot .hnav .one-nav .two-nav.pro_header .hnavbg2 .hleft .ul:nth-child(1), #header .hbot .hnav .one-nav .two-nav.pro_header .hnavbg2 .hleft .ul:nth-child(2), #header .hbot .hnav .one-nav .two-nav.pro_header .hnavbg2 .hleft .ul:nth-child(3){margin-bottom:120px;} #header .hbot .hnav .one-nav .two-nav.pro_header .hnavbg2 .hleft .ul .name1{font-size:24px;font-weight:bold;color:#333;line-height:24px;margin-bottom:15px;} #header .hbot .hnav .one-nav .two-nav.pro_header .hnavbg2 .hleft .ul .name2{font-size:16px;color:#333;line-height:24px;} #header .hbot .hnav .one-nav .two-nav.pro_header .hnavbg2 .hleft .ul .name2.cur, #header .hbot .hnav .one-nav .two-nav.pro_header .hnavbg2 .hleft .ul .name2:hover{font-weight:bold;} #header .hbot .hnav .one-nav .two-nav.pro_header .hnavbg2 .applicate{width:calc(50% - 60px);} #header .hbot .hnav .one-nav .two-nav.pro_header .hnavbg2 .applicate .tit{font-size:24px;font-weight:bold;line-height:24px;color:#333;} #header .hbot .hnav .one-nav .two-nav.pro_header .hnavbg2 .applicate .list{margin-top:55px;} #header .hbot .hnav .one-nav .two-nav.pro_header .hnavbg2 .applicate .list .li{width:calc(100% / 3);margin-bottom:60px;} #header .hbot .hnav .one-nav .two-nav.pro_header .hnavbg2 .applicate .list .li:nth-child(3n){width:19%;} #header .hbot .hnav .one-nav .two-nav.pro_header .hnavbg2 .applicate .list .li .icon{max-width:28px;} #header .hbot .hnav .one-nav .two-nav.pro_header .hnavbg2 .applicate .list .li .txt{font-size:18px;color:#333;line-height:24px;margin-left:8px;} #header .hbot .hnav .one-nav .two-nav.pro_header .hnavbg2 .applicate .list .li .txt:hover{font-weight:bold;} /* PC端头部搜索 */ #header .hbot .hright .search2{width:fit-content;height:31px;border-radius:15.5px;overflow:hidden;background:#000;padding:0 12px;} #header .hbot .hright .search2 .h-form .input{width:0px;} #header .hbot .hright .search2 .h-form .input input{width: 100%;line-height:31px;font-size:16px;color:#fff;} #header .hbot .hright .search2 .h-form .input input::placeholder, #header .hbot .hright .search2 .h-form .input input::-moz-placeholder, #header .hbot .hright .search2 .h-form .input input::-webkit-input-placeholder{color:#fff;} #header .hbot .hright .search2 .h-form .submit{width: 18px;height:18px;background: url(/icon/search.png) no-repeat center / 100%;} @media screen and (max-width:1280px) { #header .hbot .hnav .one-nav .two-nav.pro_header .hnavbg2 .applicate .list .li:nth-child(3n){width:22%;} } /* 头部移动端 */ #header .hbot .logo2, #header_m-nav,#header_search-box, #header_m-header-blank{display: none;} @media screen and (max-width:1024px) { #header{top:0;left:0;width:100%;z-index:10;position:fixed;border-bottom:1px solid #dedede;} #header .htop, #header .hcenter .cont .right .icon, #header .hcenter .cont .right .right-cont, #header .hbot{display:none;} #header .hcenter{height:132px;box-shadow: 3px 4px 30px 0px rgba(0, 0, 0, 0.1);padding:30px 0;} #header .hcenter .cont .right .search, #header .hcenter .cont .right .menu{display:block;} #header .hcenter .cont .left .left-cont .tit1{font-size:24px;} #header_m-header-blank{display:block; width:100%;height:132px;} #header_m-nav{display: block;width: 100%;height: 0;z-index:50;left: 0;right: 0;top:132px; background:#fff;overflow-y: auto;} #header_m-nav.cur{height: calc(100vh - 132px);border-top:1px solid #ebebeb;} #header_m-nav .nav .one-nav{line-height:60px;} #header_m-nav .nav .one-nav .one{cursor:pointer; margin: 0 30px;border-bottom: 1px solid #ebebeb;background: url(/icon/nav-icon1.png) no-repeat right;} #header_m-nav .nav .one-nav.nobg .one{background: none;} #header_m-nav .nav .one-nav.cur .one{background-image:url(/icon/nav-icon2.png);} #header_m-nav .nav .one-nav.cur.nobg .one{background: none;} #header_m-nav .nav .one-nav .one-a{font-size:18px;font-weight: 700;color:#333;} #header_m-nav .nav .one-nav .two-nav{width: 100%;background: #f7f7f7;padding: 0 30px;} #header_m-nav .nav .one-nav .two-nav>div{border-bottom: 1px solid #ebebeb;} #header_m-nav .nav .one-nav .two-nav .two-a{font-size: 16px;color:#333;} #header_m-nav .bot-box{margin:30px 0 60px} #header_m-nav .bot-box .item{margin:0 15px;} #header_m-nav .bot-box .item .icon{width: 60px;height: 60px;line-height: 60px;border: 1px solid rgba(0, 0, 0, 0.3);font-size: 18px;color: #333;border-radius: 100%;margin: 0 auto;} #header_m-nav .bot-box .item .tit{font-size:18px;color: #333;margin-top:20px;} #header_search-box{border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb; width: 100%;height:150px;z-index: 50;left: 0;right: 0;top:132px;background: #fff;display: none;flex-direction: column;justify-content: center;} #header_search-box .form-box{width: 92%;margin: 45px auto 0;height: 60px;border:1px solid #d1d1d1;border-radius:30px;overflow: hidden;} #header_search-box .form-box .input{width: calc(100% - 60px);padding-left: 30px;} #header_search-box .form-box .input input{width: 100%;height: 100%;font-size:18px;color:#333;} #header_search-box .form-box .input input::placeholder{color:#333;} #header_search-box .form-box .submit{border-left:1px solid #ebebeb; width: 60px;height: 60px;background: url(/icon/h-search-icon.png) no-repeat 40% center} } @media screen and (max-width:750px){ #header .hcenter .cont .left .left-cont{display:none;} #header .hcenter .cont .right .search{width:30px;height:30px;} #header .hcenter .cont .right .menu{width:40px;height:40px;} #header_m-nav .nav .one-nav{line-height:100px;} #header_m-nav .nav .one-nav .one-a{font-size:36px;} #header_m-nav .nav .one-nav .two-nav .two-a{font-size:30px;} #header_m-nav .bot-box .item .icon{width:80px;height:80px;line-height:80px;font-size:30px;} #header_m-nav .bot-box .item .icon img{width:30px;} #header_m-nav .bot-box .item .tit{font-size:30px;} #header_search-box{height:180px;} #header_search-box .form-box{height:90px;border-radius:45px;} #header_search-box .form-box .input{width:calc(100% - 90px);} #header_search-box .form-box .input input{font-size:30px;} #header_search-box .form-box .submit{width:90px;height:90px;background-size:40px;} } /* 首页banner */ #index-swiper .swiper1 .v{top: 0;left: 0;width: 100%;height: 100%;} #index-swiper .swiper1 .v video{width:100%;object-fit: fill;} #index-swiper .swiper1 .m-pic{padding-top:40.833%;} #index-swiper .swiper1 .m-pic.mobile{padding-top:100%;} #index-swiper .swiper1 .swiper-pagination{bottom:60px;} #index-swiper .swiper1 .swiper-pagination-bullet{margin:0 10px; opacity:1; border-radius:0;width:30px;height:3px;background-color:rgba(255,255,255,0.3);} #index-swiper .swiper1 .swiper-pagination-bullet.swiper-pagination-bullet-active{width:60px;background-color:#fff;} #index-swiper .swiper1 .cont{top:50%;transform:translateY(-50%);z-index:10;} #index-swiper .swiper1 .cont span{color:#da251a;} #index-swiper .swiper1 .cont .ban-tit1{font-size:72px;font-weight:500;color:#fff;line-height:80px;font-family:'GIL';} #index-swiper .swiper1 .cont .ban-tit2{font-size:30px;font-weight:300;color:#f8f8f8;line-height:36px;margin:70px 0 20px;} #index-swiper .swiper1 .cont .ban-tit3{font-size:18px;line-height:24px;color:rgba(255,255,255,0.3);font-family:'REG';} @media (max-width:750px) { #index-swiper .swiper1 .cont .ban-tit2{font-size:36px;line-height:1.6;margin-top:30px;} #index-swiper .swiper1 .cont .ban-tit3{font-size:26px;line-height:1.6;} } /* 首页 */ .ind-tit1{font-size:24px;font-weight:500;color:#333;line-height:24px;text-align:center;margin-bottom:5px;} .ind-tit2{font-size:48px;font-weight:bold;color:#333;line-height:48px;text-align:center;font-family:'BOL';} @media (max-width:750px) { .ind-tit1{font-size:42px;line-height:normal;} .ind-tit2{font-size:56px;line-height:normal;} } #ind-pro-cate{padding:100px 0 150px;} #ind-pro-cate .cont{margin-top:60px;} #ind-pro-cate .cont .tab{width:30.715%;padding:0 5.5% 0 2.144%;min-width:300px;} #ind-pro-cate .cont .tab .li{border-bottom:1px solid #dedede;padding:40px 0 20px;} #ind-pro-cate .cont .tab .li .left .name1{font-size:18px;color:#999;line-height:24px;font-weight:500;} #ind-pro-cate .cont .tab .li .left .name2{font-size:18px;color:#999;line-height:24px;} #ind-pro-cate .cont .tab .li .right{width:31px;height: 31px;border-radius:50%;background-color:#dedede;} #ind-pro-cate .cont .tab .li.cur, #ind-pro-cate .cont .tab .li:hover{border-color:#333;} #ind-pro-cate .cont .tab .li.cur .left .name1, #ind-pro-cate .cont .tab .li:hover .left .name1{color:#333;} #ind-pro-cate .cont .tab .li.cur .right, #ind-pro-cate .cont .tab .li:hover .right{background-color:#333;} #ind-pro-cate .cont .bind{width:calc(100% - 30.715%);height:680px;padding:2.144%;border-radius:3px;overflow:hidden;background-color:#f3f3f3;} #ind-pro-cate .cont .bind .con{display:flex;align-items:flex-start;} #ind-pro-cate .cont .bind .con .left{width:calc(100% - 41.43%);padding:0 30px;} #ind-pro-cate .cont .bind .con .left .pic{margin-top:110px;} #ind-pro-cate .cont .bind .con .left .pic img{mix-blend-mode:darken;max-width:480px;} #ind-pro-cate .cont .bind .con .right{padding:35px 5.386% 40px 5.386%; width:41.43%;border-radius:3px;overflow:hidden;background-color:#fff;} #ind-pro-cate .cont .bind .con .right .tit{font-size:30px;font-weight:bold;color:#333;line-height:36px;border-bottom:1px solid #dedede;padding-bottom:38px;margin-bottom:30px;} #ind-pro-cate .cont .bind .con .right .list .txt{font-size:16px;color:#333;line-height:36px;padding-left:25px;position:relative;} #ind-pro-cate .cont .bind .con .right .list .txt::after{content:'';position:absolute;border-radius:50%;width:9px;height: 9px;border:2px solid #dedede;z-index:2;left:0;top:13px;transition:all 0.3s;} #ind-pro-cate .cont .bind .con .right .list .txt.cur::after, #ind-pro-cate .cont .bind .con .right .list .txt:hover::after{border-color:#333;} @media (max-width:1024px) { #ind-pro-cate .cont .bind .con .left{padding:0;} #ind-pro-cate .cont .bind .con .left .pic{margin-top:180px;} } @media (max-width:750px) { #ind-pro-cate{padding:80px 0;} #ind-pro-cate .cont{flex-direction:column;margin-top:50px;} #ind-pro-cate .cont .tab{width:100%;margin-bottom:30px;padding:0;} #ind-pro-cate .cont .tab .li .left .name1{font-size:36px;line-height:1.6;} #ind-pro-cate .cont .tab .li .left .name2{font-size:30px;line-height:normal;} #ind-pro-cate .cont .bind{width:100%;height:auto;padding-bottom:60px;} #ind-pro-cate .cont .bind .con{align-items:center;} #ind-pro-cate .cont .bind .con .left{width:60%;} #ind-pro-cate .cont .bind .con .left .pic{margin-top:0;} #ind-pro-cate .cont .bind .con .right{width:40%;padding:30px 15px;} #ind-pro-cate .cont .bind .con .right .tit{font-size:36px;line-height:normal;} #ind-pro-cate .cont .bind .con .right .list .txt{font-size:26px;line-height:1.8;} #ind-pro-cate .cont .bind .con .right .list .txt::after{top:17px;} } #ind-pro-center{background:url(/icon/pro-bg2.png) no-repeat top center / cover #f9f9f9;padding:100px 0;overflow:hidden;} #ind-pro-center .content{margin:80px 0 55px;overflow:hidden;padding-left:13.542%;} #ind-pro-center .content .container{width:942px;margin:0;overflow:visible;} /* #ind-pro-center .content .container .slide{margin-right:216px;} */ #ind-pro-center .content .container .slide .left{display:none;width:36%;} #ind-pro-center .content .container .slide .left .name{font-size:36px;font-weight:bold;color:#333;} #ind-pro-center .content .container .slide .left .brief{font-size:16px;line-height:24px;color:#666;margin:10px 0 30px;} #ind-pro-center .content .container .slide .left .btn{width:140px;height: 50px;background-color:#333;font-size:16px;color:#fff;border-radius:25px;border:2px solid transparent;transition:all 0.3s;} #ind-pro-center .content .container .slide .left .btn:hover{color:#333;background-color:transparent;border-color:#333;transition:all 0.3s;} #ind-pro-center .content .container .slide .right .img{width:238px;height:238px;border:1px solid #333;border-radius:50%;padding:20px;} #ind-pro-center .content .container .slide .right .img .pic{background-color:#fff;width:100%;height:100%;border-radius:50%;} #ind-pro-center .content .container .slide .right .img .pic img{max-width:101px;} #ind-pro-center .content .container .slide .right .next{margin-left:50px;width:auto;} #ind-pro-center .content .container .slide .right .next .txt1{font-size:16px;line-height:24px;color:#333;} #ind-pro-center .content .container .slide .right .next .txt2{font-size:24px;color:#666;width:135px;} #ind-pro-center .content .container .slide.swiper-slide-active .right .next{display:none;} #ind-pro-center .content .container .slide.swiper-slide-active .left{display:block;} #ind-pro-center .content .container .slide.swiper-slide-active .right .img{width:484px;height: 484px;padding:40px;} #ind-pro-center .content .container .slide.swiper-slide-active .right .img .pic img{max-width:210px;} @media (max-width:1680px) { #ind-pro-center .content{padding-left:8%;} #ind-pro-center .content .container .slide .right .next{margin-left:30px;} } @media (max-width:1531px) { #ind-pro-center .content{padding-left:4.5%;} #ind-pro-center .content .container .slide .right .next{margin-left:30px;} } @media (max-width:1440px) { #ind-pro-center .content{padding-left:4%;} #ind-pro-center .content .container{width:890px;} #ind-pro-center .content .container .slide .right .img{width:200px;height:200px;} #ind-pro-center .content .container .slide.swiper-slide-active .right .img{width:450px;height:450px;} } @media (max-width:1280px) { #ind-pro-center .content .container{width:810px;} } @media (max-width:1024px) { #ind-pro-center .content{padding:0 4%;} #ind-pro-center .content .container{width:100%;} #ind-pro-center .content .container .slide{flex-direction:column-reverse;} #ind-pro-center .content .container .slide .left{width:50%;margin: 30px auto 0;text-align:center;} #ind-pro-center .content .container .slide .left .btn{margin:0 auto;} #ind-pro-center .content .pn{display:block;z-index:2;top:50%;transform:translateY(-50%);} /* #ind-pro-center .content .pn.swiper-button-disabled{display:none;} */ #ind-pro-center .content .pn.prev{left:4%;} #ind-pro-center .content .pn.next{right:4%;} #ind-pro-center .content .pn .txt1{font-size:16px;line-height:24px;color:#333;} #ind-pro-center .content .pn .txt2{font-size:24px;color:#666;} } @media (max-width:750px) { #ind-pro-center{padding:80px 0 0;} #ind-pro-center .content{margin-bottom:0;} #ind-pro-center .content .container{padding-bottom:50px;} #ind-pro-center .content .container .slide .left{width:100%;} #ind-pro-center .content .container .slide .left .btn{font-size:26px;width:fit-content;padding:0 30px;} #ind-pro-center .content .container .slide .left .name{font-size:42px;} #ind-pro-center .content .container .slide .left .brief{font-size:30px;;line-height:1.6;} #ind-pro-center .content .pn{top:60%;} #ind-pro-center .content .pn .txt1{font-size:26px;line-height:normal;} #ind-pro-center .content .pn .txt2{font-size:36px;line-height:normal;} } #ind-about{padding:100px 0;background-color:#fff;} #ind-about .box .pic{width:50%;padding-right:3.572%;} #ind-about .box .cont{width:50%;} #ind-about .box .cont .name{font-size:36px;font-weight:500;line-height:48px;color:#333;margin-bottom:25px;} #ind-about .box .cont .brief{font-size:16px;color:#333;line-height:30px;} #ind-about .box .cont .btn{transition:all 0.3s;border:2px solid transparent; font-size:16px;color:#fff;width:140px;height:50px;background-color:#333;border-radius:25px;margin:55px 0 70px;} #ind-about .box .cont .btn:hover{color:#333;border-color:#333;background-color:transparent;} #ind-about .box .cont .list .li .tit{font-size:16px;color:#333;line-height:30px;transition:all 0.3s;} #ind-about .box .cont .list .li .tit:hover{color:#007cc4;} #ind-about .box .cont .list .line{width:1px;height: 55px;background-color:#dedede;margin:0 32px;} @media (max-width:750px) { #ind-about{padding:80px 0;} #ind-about .box{flex-direction:column;} #ind-about .box .pic{width:100%;padding-right:0;margin-bottom:30px;} #ind-about .box .cont{width:100%;} #ind-about .box .cont .name{font-size:42px;line-height:1.4;} #ind-about .box .cont .brief{font-size:30px;line-height:1.6;} #ind-about .box .cont .btn{font-size:26px;margin:30px 0 50px;width:fit-content;padding:0 30px;} #ind-about .box .cont .list .li .tit{font-size:26px;line-height:normal;margin-top:20px;} #ind-about .box .cont .list .li .icon img{width:30px;} } #ind-video{position:relative;} #ind-video .video{padding-top:35.573%;} #ind-video .video video{object-fit:cover;max-width:100%;max-height:100%;} #ind-video .mark{background:rgba(0, 0, 0, 0.5);z-index:1;} #ind-video .cont{z-index:2;} #ind-video .cont .icon{width:100px;height:100px;margin:0 auto;} #ind-video .cont .txt{font-size:18px;color:#fff;line-height:30px;margin-top:10px;} @media (max-width:750px) { #ind-video .cont .txt{font-size:30px;line-height:normal;} } #ind-case{padding-top:100px;background-color:#f6f7fc;} #ind-case .content{margin-top:55px;width:100%;border-bottom:1px solid #f6f7fc;} #ind-case .content .li{width:calc(100% / 7);max-height:334px;border-right:1px solid #f6f7fc;overflow: hidden;} #ind-case .content .li:last-child{border-right:none;} #ind-case .content .li .one .numb{z-index:1;bottom: 0;right:-30px;font-size:142px;line-height:112px;color:#f6f7fc;font-weight:bold;animation: indalRun 1s ease both .3s;font-family:'DIN';} #ind-case .content .li .one{background-color:#fff;width:100%;height:100%;padding:60px 11.7% 80px 19.5%;} #ind-case .content .li .one .name{font-size:24px;color:#333;font-weight:500;line-height:30px;margin-bottom:20px;animation: indalRun 1s ease both .3s;} #ind-case .content .li .one .brief{animation: indalRun 1s ease both .5s;position:relative;z-index:3;} #ind-case .content .li .one .brief .item{font-size:16px;color:#666;line-height:30px;} #ind-case .content .li .two{display:none;background:no-repeat center / cover;width:100%;height:100%;padding:110px 8.016% 30px 13.358%;} #ind-case .content .li .two .name{font-size:24px;color:#fff;font-weight:500;line-height:24px;margin-bottom:15px;animation: indalRun 1s ease both .3s;} #ind-case .content .li .two .brief{animation: indalRun 1s ease both .5s;} #ind-case .content .li .two .brief .item{font-size:16px;color:#fff;line-height:30px;} #ind-case .content .li .two .name:hover{color:#007cc4;} #ind-case .content .li .two .brief .item:hover{color:#007cc4;} #ind-case .content .li.cur{width:400px;} #ind-case .content .li.cur .numb, #ind-case .content .li.cur .one{display:none;} #ind-case .content .li.cur .two{display:block;} @media (max-width:1440px) { #ind-case .content .li .one{padding:60px 20px 80px 20px;} #ind-case .content .li .two{padding:110px 20px 30px 20px;} } @media (max-width:1024px) { #ind-case .content{display:none !important;} #ind-case .content2{display:block;margin-top:50px;} #ind-case .content2 .slide{width:calc(100% / 3);max-height:334px;height:100%;background:no-repeat center / cover;padding:65px 60px;} #ind-case .content2 .slide .name{font-size:24px;line-height:24px;margin-bottom:30px;color:#fff;} #ind-case .content2 .slide .brief{width:fit-content;height:150px;} #ind-case .content2 .slide .brief .item{font-size:16px;line-height:30px;color:#fff;width:fit-content;} #ind-case .content2 .slide .name:hover{color:#007cc4;} #ind-case .content2 .slide .brief .item:hover{color:#007cc4;} #ind-case .content2 .swiper-pagination-bullet{background:#fff;margin:0 5px;} } @media (max-width:750px) { #ind-case .content2 .slide{max-height:none;} #ind-case .content2 .slide .name{font-size:36px;line-height:normal;} #ind-case .content2 .slide .brief{height:270px;} #ind-case .content2 .slide .brief .item{font-size:30px;line-height:1.8;} #ind-case .content2 .swiper-pagination-bullet{width:15px;height:15px;} } #ind-news{padding:100px 0;background-color:#fff;} #ind-news .content{margin-top:25px;} #ind-news .content .tab{margin-bottom:60px;} #ind-news .content .tab .li{font-size:18px;color:#999;margin:0 5px;padding-bottom:16px;min-width:124px;border-bottom:1px solid #999;text-align:center;} #ind-news .content .tab .li.cur, #ind-news .content .tab .li:hover{color:#333;border-color:#333;} #ind-news .content .bind .con .item{width:calc((100% - 30px) / 3);margin-right:30px;} #ind-news .content .bind .con .item:nth-child(3n){margin-right:0;} #ind-news .content .bind .con .item .pic{overflow:hidden;width:100%;padding-top:62.971%;} #ind-news .content .bind .con .item .bot{background:#fff;margin-top:25px;} #ind-news .content .bind .con .item .bot .name{font-size:18px;color:#333;line-height:24px;margin:10px 0;} #ind-news .content .bind .con .item .bot .time{font-size:16px;color:#333;line-height:24px;font-family:'GOT';} #ind-news .content .bind .con .item .bot .brief{font-size:16px;color:#666;line-height:24px;} #ind-news .content .bind .con .item .bot .look{margin-top:20px;padding-top:20px;border-top: 1px solid #f6f7fc;} #ind-news .content .bind .con .item .bot .look .txt{font-size:16px;color:#333;line-height:24px;} #ind-news .content .bind .con .item:hover .bot .name{font-weight:bold;} #ind-news .content .bind .con .item:hover .pic img{transform:scale(1.1);} @media (max-width:750px) { #ind-news .content .tab .li{font-size:30px;} #ind-news .content .bind .con{flex-wrap:wrap;} #ind-news .content .bind .con .item{width:100%;margin:0 0 50px 0;} #ind-news .content .bind .con .item .bot .time{font-size:30px;line-height:normal;} #ind-news .content .bind .con .item .bot .name{font-size:36px;line-height:normal;} #ind-news .content .bind .con .item .bot .brief{font-size:30px;line-height:1.6;} #ind-news .content .bind .con .item .bot .look .txt{font-size:30px;line-height:normal;} #ind-news .content .bind .con .item .pic img{width:100%;} } #partner{padding:100px 0;background:url(/icon/partner-bg.jpg) no-repeat center / cover;} #partner .ind-tit1, #partner .ind-tit2{color:#fff;} #partner .brief{width:47%;margin:55px auto;} #partner .brief .container{padding-bottom:65px;} #partner .brief .container .swiper-pagination{bottom:0;} #partner .brief .container .swiper-pagination-bullet{opacity:1;background:rgba(255,255,255,0.3);margin:0 5px;} #partner .brief .container .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;} #partner .brief .slide{font-size:18px;font-weight:500;color:#fff;line-height:30px;text-align:center;} #partner .honor-box{padding-top:82px;border-top:1px solid rgba(255,255,255,0.32);width:100%;overflow:hidden;} #partner .honor-box ul{overflow:visible;} #partner .honor-box ul li{width:174px;margin-right:30px;cursor:pointer;border-radius:5px;overflow:hidden;} #partner .honor-box ul li .pic{width:174px;height:100px;background:#fff;} @media (max-width:1024px) { #partner .brief{width:70%;} } @media (max-width:750px) { #partner{padding:80px 0;} #partner .brief {width:100%;margin:50px auto;} #partner .brief .slide{font-size:30px;line-height:1.6;} #partner .honor-box{padding-top:50px;} } /* 产品中心 */ #products{padding:50px 0 90px;} #products .content .left{width:328px;margin-right:2.144%;border-radius:3px;overflow:hidden;} #products .content .left .left-top{background-color:#0085cd;padding:34px;} #products .content .left .left-top .tit1{font-size:36px;color:#fff;font-weight:500;} #products .content .left .left-top .tit2{font-size:16px;color:#fff;} #products .content .left .ul{padding:0 20px;background-color:#fafafa;} #products .content .left .ul .li{line-height:61px;border-bottom:1px solid #dedede;} #products .content .left .ul .li:last-child{border-bottom:none;} #products .content .left .ul .li .name-one{padding-left:34px;position:relative; font-size:16px;color:#333;background: url(/icon/pro-jia.png) no-repeat center right;} #products .content .left .ul .li .name-one:hover{color:#0085cd;} #products .content .left .ul .li .name-one::after{content:'';position:absolute;left:15px;top:50%;transform:translateY(-50%);border-radius:50%;width: 5px;height: 5px;background-color:#0085cd;} #products .content .left .ul .li.in .name-one{background-image: url(/icon/pro-jian.png);color:#0085cd;} #products .content .left .ul .li .two{height:0;overflow:hidden;} #products .content .left .ul .li .two .list{padding-bottom:10px;} #products .content .left .ul .li .two .list .name-two{padding-left:50px;font-size:16px;line-height:48px;color:#333;background:url(/icon/pro-right.png) no-repeat center right;} #products .content .left .ul .li .two .list .name-two:hover, #products .content .left .ul .li .two .list .name-two.cur{color:#0085cd;background-image:url(/icon/pro-right2.png);} #products .content .right{width:calc(100% - 328px - 2.144%);} #products .content .right .box .right-top{margin-bottom:70px;} #products .content .right .box .right-top .tit-name{font-size:30px;color:#333;} #products .content .right .box .right-top .pro-search .case-form{width:415px;height: 44px;border-radius:22px;overflow:hidden;margin-right:10px;} #products .content .right .box .right-top .pro-search .case-form .input{background-color:#fff; width:calc(100% - 77px);height:100%;border:1px solid #dedede;border-right:none;border-top-left-radius:22px;border-bottom-left-radius:22px;} #products .content .right .box .right-top .pro-search .case-form .input:hover{border-color:#007cc4;} #products .content .right .box .right-top .pro-search .case-form .input .search-icon{width:55px;height:100%;} #products .content .right .box .right-top .pro-search .case-form .input input{display:block;width:calc(100% - 55px);font-size:16px;column-rule-color:#333;line-height:42px;} #products .content .right .box .right-top .pro-search .case-form .submit{text-align:center; width:77px;height:100%;line-height:44px; font-size:16px;color:#fff;background-color:#007cc4;border-top-right-radius:22px;border-bottom-right-radius:22px;} #products .content .right .box .right-top .pro-search .case-contact{border-radius:22px;width:156px;height: 44px;background-color:#007cc4;padding:0 30px;} #products .content .right .box .right-top .pro-search .case-contact .txt{font-size:16px;color:#fff;} #products .content .right .box .list{display:flex;flex-wrap:wrap;margin-bottom:30px;} #products .content .right .box .list .li{width:calc((100% - 60px) / 3);margin:0 2.88% 30px 0;} #products .content .right .box .list .li:nth-child(3n){margin-right:0;} #products .content .right .box .list .li .pic{border-radius:3px;background-color:#fafafa;padding:41px 0;width:100%;overflow:hidden;} #products .content .right .box .list .li .pic .img{padding-top:75%;width:100%;} #products .content .right .box .list .li .pic .img img{mix-blend-mode:darken;} #products .content .right .box .list .li:hover .pic .img img{transform:scale(1.1);} #products .content .right .box .list .li .name{font-size:18px;color:#333;margin:15px 0 5px;} #products .content .right .box .list .li:hover .name{color:#0085cd;font-weight:bold;} #products .content .right .box .list .li .brief{font-size:16px;color:#666;padding-bottom:18px;border-bottom:1px solid #fafafa;} #products .content .right .box .list .li .preview{width:65px;height:65px;border-radius:50%;background-color:#0085cd;top:-15px;right:-15px;z-index:2;font-size:16px;font-weight:500;color:#fff;opacity:0;} #products .content .right .box .list .li:hover .preview{opacity:1;} @media (max-width:1280px) { #products .content .right .box .right-top{flex-direction:column-reverse;align-items:flex-start;} #products .content .right .box .right-top .tit-name{margin-top:20px;} } @media (max-width:750px) { #products .content{flex-direction:column;} #products .content .left{margin-bottom:50px;width:100%;} #products .content .left .left-top .tit1{font-size:42px;} #products .content .left .left-top .tit2{font-size:26px;} #products .content .left .ul .li{line-height:81px;} #products .content .left .ul .li .name-one{font-size:36px;} #products .content .left .ul .li .two .list .name-two{font-size:30px;line-height:60px;} #products .content .right{width:100%;} #products .content .right .box .right-top .pro-search .case-contact{width:205px;height:60px;border-radius:45px;} #products .content .right .box .right-top .pro-search .case-contact .txt{font-size:26px;} #products .content .right .box .right-top .pro-search .case-form .submit{font-size:26px;line-height:60px;} #products .content .right .box .right-top .pro-search .case-form .submit.en{width:135px;} #products .content .right .box .right-top .pro-search .case-form{height:60px;border-radius:45px;} #products .content .right .box .right-top .pro-search .case-form .input{width:calc(100% - 135px); border-top-left-radius:45px;border-bottom-left-radius:45px;} #products .content .right .box .right-top .pro-search .case-form .input input{font-size:30px;line-height:58px;} #products .content .right .box .right-top{margin-bottom:50px;} #products .content .right .box .right-top .tit-name{font-size:36px;} #products .content .right .box .list .li{width:100%;margin:0 0 30px 0 !important;} #products .content .right .box .list .li:nth-child(2n){margin-right:0 !important;} #products .content .right .box .list .li .name{font-size:36px;} #products .content .right .box .list .li .brief{font-size:30px;line-height:1.6;} #products .content .right .box .list .li .preview{opacity:1;font-size:26px;width:120px;height:120px;} } /* 产品详情 */ .pro-detail {padding: 65px 0 120px;} .pro-detail .top {display: flex;justify-content: space-between;align-items: flex-start;} .pro-detail .top .left {border-radius:3px; width:47.429%;background: #eef4f9;padding:120px 2.144%;display:flex;align-items:center;justify-content:space-between;} .pro-detail .top .left .album{overflow:hidden;width:84px;} .pro-detail .top .left .album .container{height:292px;margin:20px 0;} .pro-detail .top .left .album .slide{border:1px solid #e2e5e8;padding:5px;} .pro-detail .top .left .album .slide img{mix-blend-mode: darken;} .pro-detail .top .left .album .swiper-slide-active {border:2px solid #007cc4;background-color:#fff;} .pro-detail .top .left .album .img {cursor:pointer;display: flex;align-items: center;justify-content: center;} .pro-detail .top .left .album .img img:nth-of-type(2) {display: none;} .pro-detail .top .left .album .img:hover img:nth-of-type(1) {display: none;} .pro-detail .top .left .album .img:hover img:nth-of-type(2) {display: block;} .pro-detail .top .left .photo {width: 82.8%;} .pro-detail .top .left .photo .container {width: 100%;height: 100%;} .pro-detail .top .left .photo .container .slide {width: 100%;padding-top: 69.7%;} .pro-detail .top .left .photo .container .slide img{mix-blend-mode: darken;} .pro-detail .top .right {width:52.571%;padding-left:6.429%;} .pro-detail .top .right .title{font-size: 36px;font-weight: bold;padding-bottom:30px;border-bottom: 1px solid #e6e6e6;} .pro-detail .top .right .cont{margin-top:30px;} .pro-detail .top .right .cont .txt{font-size:16px;color:#666;line-height:30px;} .pro-detail .top .right .cont .txt span{font-weight:bold;color:#333;margin-right:8px;} .pro-detail .top .right .cont .txt.xinp{margin-top:35px;} .pro-detail .top .right .btn {margin-top:30px;} .pro-detail .top .right .btn .item{margin-right:10px; width:60px;height: 60px;border-radius:50%;overflow:hidden;background:no-repeat center #f1f1f1;} .pro-detail .top .right .btn .item.qq{background-image:url(/icon/qq.png);} .pro-detail .top .right .btn .item.wx{background-image:url(/icon/wx.png);} .pro-detail .top .right .btn .item.down{background-image:url(/icon/down.png);} .pro-detail .top .right .btn .item:hover{background-color:#007cc4;} .pro-detail .top .right .btn .item.qq:hover{background-image:url(/icon/qq2.png);} .pro-detail .top .right .btn .item.wx:hover{background-image:url(/icon/wx2.png);} .pro-detail .top .right .btn .item.down:hover{background-image:url(/icon/down2.png);} .pro-detail .top .right .share{margin-top:30px;} .pro-detail .top .right .share .li{width:50px;height:50px;margin-right:10px;border-radius:8px;overflow:hidden;} .pro-detail .top .right .share .li img{object-fit:contain;width: 100%;} @media screen and (max-width:1024px) { .pro-detail{padding:60px 0 80px;} .pro-detail .top{flex-direction:column;} .pro-detail .top .left{width:100%;padding:50px 30px;} .pro-detail .top .right{width:100%;padding-left:0;margin-top:30px;} } @media screen and (max-width:750px) { .pro-detail .top .right .cont .txt{font-size:30px;line-height:1.6;margin-bottom:20px;} .pro-detail .top .right .btn .item{width: 80px;height:80px;background-size:30px;} .pro-detail .top .right .share .li{width:60px;height:60px;} } /* 产品弹窗 */ .tc.pro-detail{padding:0;width:100%;height: 100%;background:rgba(0,0,0,0.3);} .tc .content .top{padding:60px; background:#fff;} .tc .top {display: flex;justify-content: space-between;align-items: flex-start;} .tc .top .tc-left {border-radius:3px; width:47.429%;background: #eef4f9;padding:120px 2.144%;display:flex;align-items:center;justify-content:space-between;} .tc .top .tc-left .album{overflow:hidden;width:84px;} .tc .top .tc-left .album .container{height:292px;margin:20px 0;} .tc .top .tc-left .album .slide{border:1px solid #e2e5e8;padding:5px;} .tc .top .tc-left .album .slide img{mix-blend-mode: darken;} /* .tc .top .tc-left .album .swiper-slide-active{border:2px solid #007cc4;background-color:#fff;} */ .tc .top .tc-left .album .swiper-slide-thumb-active{border:2px solid #007cc4;background-color:#fff;} .tc .top .tc-left .album .img {cursor:pointer;display: flex;align-items: center;justify-content: center;} .tc .top .tc-left .album .img img:nth-of-type(2) {display: none;} .tc .top .tc-left .album .img:hover img:nth-of-type(1) {display: none;} .tc .top .tc-left .album .img:hover img:nth-of-type(2) {display: block;} .tc .top .tc-left .photo {width: 82.8%;} .tc .top .tc-left .photo .container {width: 100%;height: 100%;} .tc .top .tc-left .photo .container .slide {width: 100%;padding-top: 69.7%;} .tc .top .tc-left .photo .container .slide img{mix-blend-mode: darken;} .tc .top .tc-right {width:52.571%;padding-left:6.429%;} .tc .top .tc-right .title{font-size: 36px;font-weight: bold;padding-bottom:30px;border-bottom: 1px solid #e6e6e6;} .tc .top .tc-right .cont{margin-top:30px;} .tc .top .tc-right .cont .txt{font-size:16px;color:#666;line-height:30px;} .tc .top .tc-right .cont .txt span{font-weight:bold;color:#333;margin-right:8px;} .tc .top .tc-right .cont .txt.xinp{margin-top:35px;} .tc .top .tc-right .btn {margin-top:30px;} .tc .top .tc-right .btn .item{margin-right:10px; width:60px;height: 60px;border-radius:50%;overflow:hidden;background:no-repeat center #f1f1f1;} .tc .top .tc-right .btn .item.qq{background-image:url(/icon/qq.png);} .tc .top .tc-right .btn .item.wx{background-image:url(/icon/wx.png);} .tc .top .tc-right .btn .item.down{background-image:url(/icon/down.png);} .tc .top .tc-right .btn .item:hover{background-color:#007cc4;} .tc .top .tc-right .btn .item.qq:hover{background-image:url(/icon/qq2.png);} .tc .top .tc-right .btn .item.wx:hover{background-image:url(/icon/wx2.png);} .tc .top .tc-right .btn .item.down:hover{background-image:url(/icon/down2.png);} .tc .tc-close{z-index:2;right:23px;top:-60px;} .tc .tc-close .btn{width:39px;height:39px;border-radius:50%;border:2px solid #fff;} .tc .tc-close .btn::after{position:absolute;content:'';width:1px;height:20px;background-color:#fff;left:50%;transform:translateX(-50%);bottom:-22px;} @media screen and (max-width:1440px) { .tc .tc-close{top:23px;} .tc .tc-close .btn{border-color:#333;} .tc .tc-close .btn .i1{display:none;} .tc .tc-close .btn .i2{display:inline-block;} } @media screen and (max-width:1024px) { .tc .content{padding:90px 0;} .tc .content .top{padding:30px;flex-direction:column;} .tc .content .top .tc-left{width:100%;padding:50px 30px;} .tc .content .top .tc-right{width:100%;padding-left:0;margin-top:30px;} } @media screen and (max-width:750px) { .tc .content .top .tc-right .cont .txt{font-size:30px;line-height:1.6;margin-bottom:20px;} .tc .content .top .tc-right .btn .item{width: 80px;height:80px;background-size:30px;} } #pro-video .video .img{padding-top:33.02%;} #pro-video .video .play video{object-fit:cover;max-width:100%;max-height:100%;} #pro-brief{background-color:#fafafa;padding:60px 0 100px;} #pro-brief .total-brief{width:87%;margin:0 auto; font-size:16px;color:#666;line-height:30px;margin-bottom:60px;} #pro-brief .list .li:nth-child(2n){flex-direction:row-reverse;} #pro-brief .list .li .left{width:50%;padding:80px;background-color:#fff;} #pro-brief .list .li .left .name{font-size:24px;color:#007cc4;line-height:30px;font-weight:bold;} #pro-brief .list .li .left .brief{font-size:16px;color:#666;line-height:30px;margin-top:40px;} #pro-brief .list .li .right{width:50%;background-color:#fff;} @media (max-width:1024px) { #pro-brief .total-brief{width:100%;} } @media screen and (max-width:750px) { #pro-brief{padding-bottom:80px;} #pro-brief .total-brief{font-size:30px;line-height:1.6;margin-bottom:50px;} #pro-brief .list .li{flex-direction:column !important;} #pro-brief .list .li .left{width:100%;padding:50px 30px;} #pro-brief .list .li .left .name{font-size:36px;line-height:1.6;} #pro-brief .list .li .left .brief{margin-top:30px;line-height:1.6;font-size:30px;} #pro-brief .list .li .right{width:100%;} } /* FAQ常见问题 */ #LY00047{padding:90px 0;overflow:hidden;} #LY00047 .tit{font-size:48px;font-weight:bold;color:#333;margin-bottom:30px;} #LY00047 .content .box{border-bottom:2px solid #f2f2f2;} #LY00047 .content .box .top {padding: 37px 22px;display: flex;align-items: center;cursor:pointer} #LY00047 .content .box .top .circle {width: 15px;height: 15px;border-radius: 50%;border: 3px solid #cccccc;} #LY00047 .content .box .top .title{width:82.7%;font-size:16px;color:#333; margin-right:12.4%;margin-left: 1.25%;} #LY00047 .content .box .top .square {width: 44px;height: 44px;border: 1px solid #333;border-radius:50%; display: flex;align-items: center;justify-content: center;overflow:hidden;} #LY00047 .content .box .top .square img:nth-of-type(2) {display: none;} #LY00047 .content .box .top:hover {background-color: #f7f7f7;} #LY00047 .content .box .top:hover .circle{border-color: #007cc4;} #LY00047 .content .box .top:hover .title {color:#007cc4;font-weight: bold;} #LY00047 .content .box .lower {padding: 0px 13.215% 0px 3.929%;background-color: #f7f7f7;} #LY00047 .content .box .lower .text {font-size: 16px;line-height:32px;padding-bottom: 65px;color:#1a1a1a;} #LY00047 .content .box .cur {background-color: #f7f7f7;} #LY00047 .content .box .cur .circle {border-color: #007cc4;} #LY00047 .content .box .cur .title {color: #007cc4;font-weight: bold;} #LY00047 .content .box .cur .square {background-color: #007cc4;border-color: #007cc4;} #LY00047 .content .box .cur .square img:nth-of-type(1) {display: none;} #LY00047 .content .box .cur .square img:nth-of-type(2) {display: block !important;} #LY00047 .down{background-color:#fafafa;padding:58px 0;margin-top:100px;} #LY00047 .down .btn{width:275px;height: 60px;border-radius:30px;background-color:#007cc4;margin:0 auto;font-size:16px;color:#fff;text-align:center;line-height:60px;} @media screen and (max-width:750px) { #LY00047{padding:80px 0;} #LY00047 .content {width: 100%;} #LY00047 .content .box:nth-child(1){border-top:2px solid #f2f2f2;} #LY00047 .content .box .top {padding: 37px 0px;align-items: stretch;padding: 37px 52px;} #LY00047 .content .box .top .title {font-size: 30px;margin-right: 5%;margin-left: 20px;width: 76%;} #LY00047 .content .box .lower {padding: 0px 52px;} #LY00047 .content .box .lower .text {font-size: 30px;line-height: 1.8;} #LY00047 .content .box .top .circle {width: 28px;height: 28px;border: 6px solid #cccccc;margin-top:7px;} #LY00047 .content .box .top .square img {transform: scale(2);} #LY00047 .content .box .top .square {width:80px;height:80px;} #LY00047 .content .box .cur .circle {border-color: #007cc4;} #LY00047 .content .box .top:hover .title {color: #007cc4;font-weight: 500;} #LY00047 .down{margin-top:50px;padding:30px 0;} #LY00047 .down .btn{font-size:26px;width:fit-content;padding:0 30px;} } /* 相关案列 */ #related-case{padding-bottom:80px;} #related-case .tit{font-size:48px;font-weight:500;color:#333;margin-bottom:70px;} #related-case .bot .cont .slide .img{padding-top:76.062%;border-radius:3px;overflow:hidden;} #related-case .bot .cont .slide .name{font-size:16px;color:#333;line-height:56px;border-bottom:1px solid #dedede;} #related-case .bot .cont .slide:hover .name{color:#007cc4;} #related-case .bot .pn{z-index:2;top:50%;transform:translateY(-50%); width:80px;height: 80px;border:1px solid #dedede;background:no-repeat center;border-radius:50%;box-shadow: 3px 4px 16px 0px rgba(0, 0, 0, 0.05);background-color:#fff;} #related-case .bot .pn:hover{background-color:#007cc4;border-color:#007cc4;} #related-case .bot .pn.prev{background-image:url(/icon/related1.png);left:0;} #related-case .bot .pn.next{background-image:url(/icon/related2.png);right:0;} #related-case .bot .pn.prev:hover{background-image:url(/icon/related1-2.png);} #related-case .bot .pn.next:hover{background-image:url(/icon/related2-2.png);} @media (max-width:750px) { #related-case .bot .cont .slide .img img{width:100%;} #related-case .bot .cont .slide .name{font-size:36px;} } /* 相关产品 */ #related-products{padding:80px 0 90px;background-color:#fafafa;} #related-products .tit{font-size:48px;font-weight:500;color:#333;margin-bottom:70px;} #related-products .bot .cont .slide .pic{padding:41px 0;background-color:#fff;border-radius:3px;overflow:hidden;} #related-products .bot .cont .slide .pic .img{padding-top:75%;width:100%;} #related-products .bot .cont .slide .name{font-size:18px;color:#333;margin:20px 0 5px;} #related-products .bot .cont .slide .brief{font-size:16px;color:#666;} #related-products .bot .cont .slide:hover .name{color:#007cc4;} /* #related-products .bot .cont .slide:hover .brief{color:#007cc4;} */ #related-products .bot .pn{z-index:2;top:50%;transform:translateY(-50%); width:80px;height: 80px;border:1px solid #dedede;background:no-repeat center;border-radius:50%;box-shadow: 3px 4px 16px 0px rgba(0, 0, 0, 0.05);background-color:#fff;} #related-products .bot .pn:hover{background-color:#007cc4;border-color:#007cc4;} #related-products .bot .pn.prev{background-image:url(/icon/related1.png);left:0;} #related-products .bot .pn.next{background-image:url(/icon/related2.png);right:0;} #related-products .bot .pn.prev:hover{background-image:url(/icon/related1-2.png);} #related-products .bot .pn.next:hover{background-image:url(/icon/related2-2.png);} @media (max-width:750px) { #related-products{padding:80px 0;} #related-products .bot .cont .slide .pic .img img{width:100%;} #related-products .bot .cont .slide .name{font-size:36px;} #related-products .bot .cont .slide .brief{font-size:30px;line-height:1.6;} } /* 新闻中心 */ #LY00029{padding:80px 0 215px 0;position:relative;z-index:2;background-color:#fff;} #LY00029 .top{display:none;} #LY00029 .title{font-size:48px;color:#333;font-weight:500;} #LY00029 .content{display:grid;grid-template-columns: repeat(3,calc((100% - 48px) / 3));row-gap:30px;column-gap:24px;padding-bottom:60px;border-bottom:1px solid #f0f0f0;margin:50px 0 60px;} #LY00029 .content .card {display: block;padding:0;border:1px solid #eeeeee;} #LY00029 .content .card .bg{padding-top: 62.07%;overflow: hidden;} #LY00029 .content .card:hover .bg img{transform: scale(1.1);} #LY00029 .content .card .subText {padding:30px 24px 20px 24px;} #LY00029 .content .card .subText .date {margin-bottom: 10px;font-size: 18px;color:#999999;line-height: 1.8;font-family:'GOT';} #LY00029 .content .card .subText .title {margin-bottom: 0px;font-size: 22px;line-height: 1.8;color:#1a1a1a;} #LY00029 .content .card .subText .brief {margin-top:10px;margin-bottom: 20px;color:#999999;line-height: 1.8;font-size: 16px;text-align: justify;height: 60px;} #LY00029 .content .card .subText .more {padding-top:20px;border-top: 1px solid #eeeeee;} #LY00029 .content .card .subText .more .text {font-size: 16px;} #LY00029 .content .card .subText .more .icon .svg {width:30px;height:30px;fill:#9e9e9e;} #LY00029 .content .card:hover {box-shadow: 0px 10px 35px 0px rgba(28, 28, 28, 0.15);transform: translateY(-10px);} #LY00029 .content .card:hover .subText .bg img {transform:scale(1.1);} #LY00029 .content .card:hover .subText .title{color:#007cc4;font-weight:bold;} #LY00029 .content .card:hover .subText .date {color:#007cc4;} #LY00029 .content .card:hover .subText .more .text {color:#007cc4;} #LY00029 .content .card:hover .subText .more .icon .svg {fill:#007cc4;} #news-contact{background-color:#fafafa;padding-bottom:100px;} @media screen and (max-width:750px){ #LY00029{padding:50px 0 80px 0;} #LY00029 .top{display:flex;justify-content:center;padding-bottom:30px;border-bottom:1px solid #dedede;margin-bottom:30px;} #LY00029 .top .li{font-size:36px;color:#333;font-weight:500;margin:0 15px;} #LY00029 .top .li:hover, #LY00029 .top .li.cur{color:#007cc4;} #LY00029 .content {grid-template-columns: repeat(1,100%);gap:30px;} #LY00029 .content .card .subText .title {margin-bottom: 0px;font-size: 42px;line-height: 1.5;} #LY00029 .content .card .subText .title.text-over{text-overflow:initial; overflow:auto;white-space:inherit;} #LY00029 .content .card .subText .brief {font-size:30px;padding-right:0px;height:auto;} #LY00029 .content .card .subText .date {font-size: 30px;} #LY00029 .content .card .subText .more .text {font-size: 30px;} #LY00029 .content .card .subText .more .icon .svg {width:40px;height:40px;} #news-contact{padding:80px 0} } /* 新闻详情 */ #LY00011{padding:50px 0 100px;} #LY00011 .title{font-size:36px;color:#333;font-weight:500;margin-bottom:25px;} #LY00011 .time, #LY00011 .author{font-size: 16px;color: #999;margin: 0 25px;font-family:'GOT';} #LY00011 .time .svg, #LY00011 .author .svg{margin-right: 10px;fill: #999;} #LY00011 .share{margin-top:30px;} #LY00011 .share .li{width:50px;height:50px;margin:0 10px;border-radius:8px;overflow:hidden;} #LY00011 .share .li img{object-fit:contain;width: 100%;} #LY00011 .content{margin:60px 0 80px;} #LY00011 .content *{font-size: 16px;color:#666;line-height:30px;max-width:100%;} #LY00011 .btns .prev, #LY00011 .btns .next{width: 50%;padding:58px 60px 56px 74px;background: #fafafa;} #LY00011 .btns .prev .icon, #LY00011 .btns .next .icon{width:37px;height:12px;background:no-repeat center / 100%;} #LY00011 .btns .prev .icon{background-image:url(/icon/news-left.png);} #LY00011 .btns .next .icon{background-image:url(/icon/news-right.png);} #LY00011 .btns .prev:hover .icon{background-image:url(/icon/news-left2.png);} #LY00011 .btns .next:hover .icon{background-image:url(/icon/news-right2.png);} #LY00011 .btns .prev .text, #LY00011 .btns .next .text{width:calc(100% - 50px);} #LY00011 .btns .t1{font-size: 16px;color:#007cc4;line-height:30px;} #LY00011 .btns .t2{font-size: 18px;color:#333;line-height:30px;} #LY00011 .btns .prev:hover .t1, #LY00011 .btns .next:hover .t1{color: #fff;} #LY00011 .btns .prev:hover .t2, #LY00011 .btns .next:hover .t2{color: #fff;} #LY00011 .btns .prev:hover .svg, #LY00011 .btns .next:hover .svg{fill: #fff;} #LY00011 .btns .prev:hover, #LY00011 .btns .next:hover{background:#007cc4;} @media (max-width: 750px){ #LY00011{padding:80px 0;} #LY00011 .title{font-size: 56px;} #LY00011 .time, #LY00011 .author{font-size: 30px;} #LY00011 .time .svg, #LY00011 .author .svg{width: 30px;height: 30px;} #LY00011 .content *{font-size: 30px !important;line-height:1.6;} #LY00011 .content{padding-bottom:30px;margin:30px 0;} #LY00011 .btns .prev, #LY00011 .btns .next{width: 100%;} #LY00011 .btns .next{margin-top:20px;} #LY00011 .btns .t1{font-size: 30px;line-height:normal;} #LY00011 .btns .t2{font-size: 30px;line-height:1.6;} } /* 联系我们 */ #ditu .map{width:100%;height:592px;} #contact{background:#fafafa;padding-bottom:100px;} .contact-top{margin-bottom:100px;margin-top:-110px;position:relative;z-index:3;} .contact-top .li{background-color:#fff; text-align:center;width:calc((100% - 30px) / 4);margin-right:2.144%;padding:50px 45px 40px 45px;box-shadow: 3px 4px 30px 0px rgba(0, 0, 0, 0.1);} .contact-top .li:last-child{margin-right:0;} .contact-top .li .name{font-size:18px;color:#333;font-weight:500;margin:15px 0;} .contact-top .li .brief{font-size:16px;color:#666;line-height:24px;font-family:'GOT';} .contact-top .li .brief.email{font-family:'REG';} .contact-top .li .ewm{top:32%;left:50%;transform:translate(-50%,-50%);z-index:2;border:1px solid #484848;background-color:#fff;box-shadow: 3px 4px 30px 0px rgba(0, 0, 0, 0.1);opacity:0;;width:130px;height:130px;padding:5px;} .contact-top .li:hover .ewm{opacity:1;} .form .left{width:48.929%} .form .left .li{margin-bottom:10px;} .form .left .li .notice{font-size:16px;color:#333;line-height:36px;} .form .left .li .input{width:100%;height:52px;line-height:50px;border:1px solid #dedede;padding:0 20px;font-size:16px;color:#333;border-radius:3px;background-color:#fff;} .form .left .li .input::placeholder{color:#999;} .form .left .li .input.area{height:182px;line-height:30px;padding-top:10px;margin-bottom:20px;} .form .left .applicants{width:100%;height:50px;background-color:#007cc4;border-radius:3px;display:flex;align-items:center;justify-content:center;} .form .left .applicants .btn{font-size:16px;color:#fff;width:100%;text-align:center;line-height:50px;} .form .right{width:51.072%;padding-left:4%;} .form .right .tit1{font-size:115px;color:#333;font-weight:bold;font-family:'GIL';} .form .right .tit2{font-size:30px;color:#333;} @media (max-width:1440px) { .form .right .tit1{font-size:108px;} } @media (max-width:1280px) { .contact-top .li{padding:30px 20px;} .form .right .tit1{font-size:96px;} } @media (max-width:1024px) { .contact-top{margin-bottom:80px;} .form{flex-direction:column-reverse;} .form .left, .form .right{width:100%;} .form .right{padding-left:0;margin-bottom:30px;} } @media (max-width:750px) { #ditu .map{height:350px;} #contact{padding:80px 0;} .contact-top{flex-wrap: wrap;margin:0 0 30px;} .contact-top .li{width:calc((100% - 30px) / 2);margin:0 30px 30px 0;} .contact-top .li:nth-child(2n){margin-right:0;} .contact-top .li .name{font-size:36px;} .contact-top .li .brief{font-size:30px;line-height:1.6;} .contact-top .li.en{width:100%;margin:0 0 30px 0;} .form .left .li{margin-bottom:20px;} .form .left .li .notice{font-size:30px;line-height:normal;margin-bottom:10px;} .form .left .li .input{font-size:30px;height:72px;line-height:70px;} .form .left .li .input.area{margin-bottom:30px;} .form .left .applicants{height:70px;} .form .left .applicants .btn{font-size:30px;line-height:70px;} } /* 案列 */ #case{padding:95px 0 87px;} #case .tit{font-size:48px;color:#333;font-weight:500;line-height:48px;} #case .case-nav{margin:60px auto;} #case .case-nav .slide{width:auto;margin-right:10px;} #case .case-nav .slide .name{border-radius:25px;padding:0 10px; min-width:161px;height:50px;border:1px solid #dedede;font-size:16px;font-weight:500;color:#333;} #case .case-nav .slide .name:hover, #case .case-nav .slide .name.cur{border-color:#007cc4;background-color:#007cc4;color:#fff;} #case .case-search{padding:10px 0;background-color:#fafafa;border-radius:3px;} #case .case-search .case-form{width:415px;height: 44px;border-radius:22px;overflow:hidden;margin-right:10px;} #case .case-search .case-form .input{background-color:#fff; width:calc(100% - 77px);height:100%;border:1px solid #dedede;border-right:none;border-top-left-radius:22px;border-bottom-left-radius:22px;} #case .case-search .case-form .input:hover{border-color:#007cc4;} #case .case-search .case-form .input .search-icon{width:55px;height:100%;} #case .case-search .case-form .input input{display:block;width:calc(100% - 55px);font-size:16px;column-rule-color:#333;line-height:42px;} #case .case-search .case-form .submit{text-align:center; width:77px;height:100%;line-height:44px; font-size:16px;color:#fff;background-color:#007cc4;border-top-right-radius:22px;border-bottom-right-radius:22px;} #case .case-search .case-contact{border-radius:22px;width:156px;height: 44px;background-color:#007cc4;padding:0 30px;} #case .case-search .case-contact .txt{font-size:16px;color:#fff;} #case .case-list {margin-top:74px;} #case .case-list .ul{margin-bottom:60px;padding-bottom:41px;border-bottom:1px solid #dedede;} #case .case-list .ul .li{width:calc((100% - 8.576%) / 5);margin:0 2.144% 30px 0;} #case .case-list .ul .li:nth-child(5n){margin-right:0;} #case .case-list .ul .li .img{padding-top:100%;} #case .case-list .ul .li .cont .item{opacity:0.5; width:100%;height:100%;padding:40px 11.72% 0 11.72%;background-color:rgba(0,0,0,0);text-align:center;} #case .case-list .ul .li .cont .item .name{font-size:24px;color:#fff;font-weight:500;line-height:24px;position:relative;padding-bottom:20px;margin-bottom:20px;} #case .case-list .ul .li .cont .item .name::after{content:'';position:absolute;bottom: 0;left:0;width:100%;height:1px;background-color:rgba(255,255,255,0.3);} #case .case-list .ul .li .cont .item .brief{font-size:16px;color:#fff;font-weight:500;line-height:24px;} #case .case-list .ul .li:hover .cont .item{opacity:1;background-color:rgba(0, 0, 0, 0.5);} @media (max-width:1280px) { #case .case-nav{padding:0 10%;} #case .case-nav .pn{display:block;top:50%;transform:translateY(-50%);} #case .case-nav .pn.prev{left:30px;} #case .case-nav .pn.next{right:30px;} #case .case-list .ul .li{width:calc((100% - 90px) / 4);margin-right:30px;} #case .case-list .ul .li:nth-child(5n){margin-right:30px;} #case .case-list .ul .li:nth-child(4n){margin-right:0;} } @media (max-width:750px) { #case{padding:80px 0;} #case .case-nav .slide{width:calc(50% - 30px);} #case .case-nav .slide .name{width:100%;font-size:36px;height:60px;border-radius:45px;} #case .case-search .case-form {height:60px;border-radius:45px;} #case .case-search .case-form .submit{font-size:26px;line-height:60px;} #case .case-search .case-form .submit.en{width:135px;} #case .case-search .case-form .input{width:calc(100% - 135px); border-bottom-left-radius:45px;border-top-left-radius:45px;} #case .case-search .case-form .input input{font-size:26px;line-height:58px;} #case .case-search .case-contact {width:205px;height:60px;border-radius:45px;} #case .case-search .case-contact .txt{font-size:26px;line-height:60px;} #case .case-list .ul .li{width:calc((100% - 30px) / 2);} #case .case-list .ul .li:nth-child(5n){margin-right:30px;} #case .case-list .ul .li:nth-child(4n){margin-right:30px;} #case .case-list .ul .li:nth-child(2n){margin-right:0px;} #case .case-list .ul .li .cont .item .name{font-size:36px;line-height:normal;} #case .case-list .ul .li .cont .item .brief{font-size:30px;line-height:1.6;} } /* 案例详情 */ #case-detail{padding:50px 0 100px;} #case-detail .title{font-size:36px;color:#333;font-weight:500;margin-bottom:25px;} #case-detail .time, #case-detail .author{font-size: 16px;color: #999;margin: 0 25px;font-family:'GOT';} #case-detail .time .svg, #case-detail .author .svg{margin-right: 10px;fill: #999;} #case-detail .share{margin-top:30px;} #case-detail .share .li{width:50px;height:50px;margin:0 10px;border-radius:8px;overflow:hidden;} #case-detail .share .li img{object-fit:contain;width: 100%;} #case-detail .content{margin:60px 0 80px;} #case-detail .content *{font-size: 16px;color:#666;line-height:30px;} #case-detail .content img {max-width: 100%;object-fit: contain;} #case-detail .btns .prev, #case-detail .btns .next{width: 50%;padding:58px 60px 56px 74px;background: #fafafa;} #case-detail .btns .prev .icon, #case-detail .btns .next .icon{width:37px;height:12px;background:no-repeat center / 100%;} #case-detail .btns .prev .icon{background-image:url(/icon/news-left.png);} #case-detail .btns .next .icon{background-image:url(/icon/news-right.png);} #case-detail .btns .prev:hover .icon{background-image:url(/icon/news-left2.png);} #case-detail .btns .next:hover .icon{background-image:url(/icon/news-right2.png);} #case-detail .btns .prev .text, #case-detail .btns .next .text{width:calc(100% - 50px);} #case-detail .btns .t1{font-size: 16px;color:#007cc4;line-height:30px;} #case-detail .btns .t2{font-size: 18px;color:#333;line-height:30px;} #case-detail .btns .prev:hover .t1, #case-detail .btns .next:hover .t1{color: #fff;} #case-detail .btns .prev:hover .t2, #case-detail .btns .next:hover .t2{color: #fff;} #case-detail .btns .prev:hover .svg, #case-detail .btns .next:hover .svg{fill: #fff;} #case-detail .btns .prev:hover, #case-detail .btns .next:hover{background:#007cc4;} #related-pro{padding:100px 0;background-color:#fafafa;} #related-pro .tit{text-align:center; font-size:48px;font-weight:500;color: #333;margin-bottom:50px;} #related-pro .box .container{padding-bottom:1px;} #related-pro .box .slide{border:1px solid #f1f1f1;} #related-pro .box .slide .img{padding-top:100%;background-color:#f1f1f1;} #related-pro .box .slide .img img{mix-blend-mode:darken;} #related-pro .box .slide .cont{padding:20px 30px;} #related-pro .box .slide .cont .name{font-size:16px;font-weight:500;line-height:24px;color:#333;} #related-pro .box .slide .cont .more{padding-top:20px;margin-top:20px; border-top:1px solid #f1f1f1;} #related-pro .box .slide .cont .more .txt{font-size:16px;color:#333;font-weight:500;} #related-pro .box .slide .cont .more .icon{width:37px;height:12px;background:url(/icon/news-right.png) no-repeat center / 100%;} #related-pro .box .slide:hover .cont .name{color:#007cc4;} #related-pro .box .pn{z-index:2; top:50%;transform:translateY(-50%);width:80px;height: 80px;border-radius:50%;background:no-repeat center #fff} #related-pro .box .pn.prev{left:0;background-image:url(/icon/related1.png);} #related-pro .box .pn.next{right:0;background-image:url(/icon/related2.png);} #related-pro .box .pn:hover{background-color:#007cc4;} #related-pro .box .pn.prev:hover{background-image:url(/icon/related1-2.png);} #related-pro .box .pn.next:hover{background-image:url(/icon/related2-2.png);} @media (max-width: 750px){ #case-detail{padding:80px 0;} #case-detail .title{font-size: 56px;} #case-detail .time, #case-detail .author{font-size: 30px;} #case-detail .time .svg, #case-detail .author .svg{width: 30px;height: 30px;} #case-detail .content{padding-bottom: 30px;margin: 30px 0 30px;} #case-detail .content *{font-size: 30px !important;line-height:1.6 !important;} #case-detail .btns .prev, #case-detail .btns .next{width: 100%;} #case-detail .btns .next{margin-top:20px;} #case-detail .btns .t1{font-size: 30px;line-height:normal;} #case-detail .btns .t2{font-size: 30px;line-height:1.6;} #related-pro{padding:80px 0;} #related-pro .box .slide .cont .name{font-size:36px;line-height:normal;} #related-pro .box .slide .cont .more .txt{font-size:30px;line-height:normal;} } /* 关于我们-公司简介 */ .about-title{font-size:48px;font-weight:500;line-height:48px;color:#333;} #about{padding: 100px 0;} #about .right{width:39.3578%;} #about .left{width:calc(100% - 39.3578% - 6.786%);margin-right:6.786%;} #about .left .tit{font-size:32px;color:#333;margin-bottom:45px;font-weight: bold;} #about .left .brief{font-size: 16px; line-height:24px; color:#333;} #about .left .btn{margin-top:70px; width:156px;height:60px;background-color:#007cc4;border:2px solid transparent; border-radius:30px;overflow:hidden;padding:0 30px;transition:all 0.3s;} #about .left .btn:hover{background-color:transparent;border:2px solid #007cc4;} #about .left .btn .txt{font-size:16px;color:#fff;transition:all 0.3s;} #about .left .btn:hover .txt{color:#333;} #about .left .btn:hover .icon .i1{display:none;} #about .left .btn:hover .icon .i2{display:inline-block;} #about .list{margin-top:120px;} #about .list .li{width:calc(100% / 5);text-align:center;position:relative;border-right:1px solid #dedede;} #about .list .li:nth-child(1){border-left:1px solid #dedede;} #about .list .li:nth-child(1)::before{content:'';position:absolute;z-index:2;left:-1px;top:0;width:1px;height:11px;background-color:#007cc4;} #about .list .li::after{content:'';position:absolute;z-index:2;right:-1px;top:0;width:1px;height:11px;background-color:#007cc4;} #about .list .li .num{font-size:16px;color:#333;} #about .list .li .num span{font-size:60px;font-weight:bold;font-family:'BOl';} #about .list .li .txt{font-size:16px;color:#999;line-height:24px;} @media (max-width: 1024px){ #about{padding:80px 0;} #about .box{flex-direction: column;} #about .left{width: 100%;margin:0 0 60px 0;} #about .right{width: 100%;} #about .list{margin-top:80px;} } @media (max-width: 750px){ #about{padding:80px 0 50px;} #about .left .tit{font-size:42px;} #about .left .brief{font-size:30px;line-height:1.6;} #about .left .btn{margin-top:50px;width:fit-content;padding:0 30px;} #about .left .btn .txt{font-size:26px;margin-left:30px;} #about .list{flex-wrap:wrap;justify-content:center;} #about .list .li{width:calc(100% / 3);margin-bottom:30px;} #about .list .li .txt{font-size:26px;} #about .list .li .num{font-size:26px;} } #culture{padding:90px 0;background-color:#fafafa;} #culture .list{margin-top:65px;flex-wrap:wrap;} #culture .list .li{transition:all 0.3s; width:calc((100% - 6.432%) / 4);margin-right:2.144%;background-color:#fff;padding:70px 3.215% 125px 3.215%;position:relative;} #culture .list .li:hover{box-shadow: 0px 10px 35px 0px rgba(28, 28, 28, 0.15);} #culture .list .li:last-child{margin-right:0;} #culture .list .li .icon{max-width:62px;width:100%;margin:0 auto;} #culture .list .li .tit{font-size:24px;color:#007cc4;line-height:36px;font-weight:bold;margin:50px 0 15px;} #culture .list .li .brief{font-size:16px;line-height:24px;color:#333;/*height:96px;overflow-y:auto;*/} #culture .list .li .num{font-size:24px;font-weight:bold;color:#999;line-height:36px;position:absolute;bottom:65px;left:50%;transform:translateX(-50%);z-index:2;font-family:'BOL';} @media (max-width:750px) { #culture{padding:80px 0 50px;} #culture .list .li{width:100%;margin:0 0 30px 0;} #culture .list .li .tit{font-size:36px;line-height:normal;} #culture .list .li .brief{font-size:30px;line-height:1.6;height:auto;} #culture .list .li .num{font-size:36px;} } #history{height:1270px;width:100%;overflow:hidden;padding-top:70px;} #history .box .left{margin-top:80px;width:280px;} #history .box .left .tit{font-size:48px;color:#333;font-weight:500;margin-bottom:50px;} #history .box .left .num{font-size:240px;color:#0085cd;font-weight:500;line-height:200px;font-family:'AVG';} #history .box .center{width:390px;height:100%;padding-top:200px;overflow:hidden;} #history .box .center .container{overflow:visible;margin:0;height:1200px;width:calc(100% - 70px);} #history .box .center .slide{margin-bottom:10px;height:200px;} #history .box .center .slide .time{font-size:240px;color:rgba(0,133,205,0.3);font-weight:500;line-height:200px;font-family:'AVG';} #history .box .center .slide.swiper-slide-active .time{color:#0085cd;} #history .box .center .btn{margin-top:20px;} #history .box .center .btn .pn{width:70px;height: 70px;border-radius:50%;border:2px solid #333333;background:no-repeat center #fff;} #history .box .center .btn .pn:hover{border-color:#0085cd;background-color:#0085cd;} #history .box .center .btn .pn.prev{margin-bottom:20px;background-image:url(/icon/up.png);} #history .box .center .btn .pn.next{background-image:url(/icon/xia.png);} #history .box .center .btn .pn.prev:hover{background-image:url(/icon/up2.png);} #history .box .center .btn .pn.next:hover{background-image:url(/icon/xia2.png);} #history .box .right{width:45.715%;margin-left:6.429%;margin-top:15%;} #history .box .right .container{width:100%;height:962px;} #history .box .right .slide{width:100%;height:100%;overflow-y:auto;} #history .box .right .slide .li {margin-bottom:20px;} #history .box .right .slide .li .mouth{width:32px;font-size:20px;font-weight:500;color:#999;} #history .box .right .slide .li .mouth.en{width:52px;} #history .box .right .slide .li .cont{margin-left:30px;width:calc(100% - 62px);padding-bottom:25px;border-bottom:1px solid #dedede;} #history .box .right .slide .li .cont.en{width:calc(100% - 82px);} #history .box .right .slide .li:last-child .cont{padding-bottom:0;border-bottom:none;} #history .box .right .slide .li .cont .name{font-size:20px;color:#333;font-weight:500;} #history .box .right .slide .li .cont .pic{padding-top:60.390%;width:100%;margin-top:20px;} @media (max-width:1280px) { #history .box .right{margin-top:18%;margin-left:30px;} } @media (max-width:1024px) { #history .m-tit{display:block; font-size:48px;color:#333;font-weight:500;margin-bottom:50px;} #history .box .left{display:none;} #history .box .right{width:54%;margin-top:22%;} #history .box .right .container{height:870px;} } @media (max-width:750px) { #history{padding:80px 0;height:auto;} #history .box{flex-direction:column;} #history .box .center{width:100%;flex-direction:column;padding-top:0;} #history .box .center .m-box{display:flex;align-items:center;justify-content:center;text-align:center;padding:0 70px;} #history .box .center .m-num{width:50%;} #history .box .center .container{width:50%;} #history .box .center .m-box .m-num{display:block;font-size:240px;color:#0085cd;font-weight: 500;line-height: 200px;font-family: 'AVG';} #history .box .center .btn{display:flex;align-items:center;margin-top:30px;justify-content:center;} #history .box .center .btn .pn.prev{margin-bottom:0;margin-right:30px;} #history .box .center .btn .pn.prev{background-image:url(/icon/honor1.png);} #history .box .center .btn .pn.next{background-image:url(/icon/honor2.png);} #history .box .center .btn .pn.prev:hover{background-image:url(/icon/honor1-2.png);} #history .box .center .btn .pn.next:hover{background-image:url(/icon/honor2-2.png);} #history .box .center .container{height:auto;padding-top:0;overflow:hidden;} #history .box .right{width:100%;margin:50px 0 0 0;} #history .box .right .container{height:auto;} #history .box .right .slide .li .cont .pic{position:static;padding-top:0;} #history .box .right .slide .li .cont .pic img{width:100%;position:static;} #history .box .right .slide .li .mouth{font-size:30px;width:74px;} #history .box .right .slide .li .mouth.en{width:110px;} #history .box .right .slide .li .cont{width:calc(100% - 104px);} #history .box .right .slide .li .cont.en{width:calc(100% - 130px);} #history .box .right .slide .li .cont .name{font-size:30px;line-height:1.6;} } #team{background-color:#fafafa;padding:100px 0;} #team .boss{margin:50px 0 75px;padding-bottom:75px;border-bottom:1px solid #dedede;} #team .boss .item{width:calc((100% - 7%) / 2);} #team .boss .item:nth-child(1){margin-right:7%;} #team .boss .item .img{width:46.085%;margin-right:7.375%;} #team .boss .item .right{width:calc(100% - 46.085% - 7.375%);} #team .boss .item .right .name{font-size:30px;color:#007cc4;line-height:36px;font-weight:bold;position:relative;} #team .boss .item .right .name::after{content:'';position:absolute;left:-82px;bottom:3px;z-index:2;width:70px;height:1px;background-color:#007cc4;} #team .boss .item .right .job{font-size:16px;color:#333;line-height:36px;} #team .boss .item .right .brief{font-size:16px;color:#666;line-height:24px;margin:35px 0 40px;} #team .boss .item .right .more .icon{width:30px;height:30px;border-radius:50%;border:1px solid #007cc4;} #team .boss .item .right .more .txt{font-size:16px;color:#007cc4;margin-left:15px;} #team .bot .cont .container{padding-bottom:40px;} #team .bot .cont .container .swiper-pagination{bottom:0;} #team .bot .cont .container .swiper-pagination-bullet{border:1px solid #9d9d9d;background:transparent;opacity:1;} #team .bot .cont .container .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#007cc4;border-color:#007cc4;} #team .bot .cont .slide .img{padding-top:125.392%;background-color:#f1f1f1;} #team .bot .cont .slide .name{font-size:16px;color:#333;line-height:36px;margin-top:8px;} #team .bot .pn{z-index:2;top:40%;transform:translateY(-50%); width:70px;height: 70px;border:1px solid #333333;background:no-repeat center;border-radius:50%;} #team .bot .pn:hover{background-color:#007cc4;border-color:#007cc4;} #team .bot .pn.prev{background-image:url(/icon/about-left.png);left:0;} #team .bot .pn.next{background-image:url(/icon/about-right.png);right:0;} #team .bot .pn.prev:hover{background-image:url(/icon/about-left2.png);} #team .bot .pn.next:hover{background-image:url(/icon/about-right2.png);} .team-tc{background:rgba(0, 0, 0, 0.3);} .team-tc .content{width:100%;height:100%;} .team-tc .cw1400{padding:30px;background-color:#fff;} .team-tc .text{font-size:16px;line-height:24px;} .team-tc .team-close{z-index:2;right:23px;top:-60px;} .team-tc .team-close .btn{width:39px;height:39px;border-radius:50%;border:2px solid #fff;} .team-tc .team-close .btn::after{position:absolute;content:'';width:1px;height:20px;background-color:#fff;left:50%;transform:translateX(-50%);bottom:-22px;} @media (max-width:750px) { #team{padding:80px 0;} #team .boss{flex-direction:column;margin:50px 0;padding-bottom:50px;} #team .boss .item{width:100%;} #team .boss .item:nth-child(1){margin:0 0 30px 0;} #team .boss .item .img{margin-right:30px;} #team .boss .item .right{width:calc(calc(100% - 46.085% - 30px));} #team .boss .item .right .name{font-size:36px;line-height:normal;} #team .boss .item .right .job{font-size:30px;} #team .boss .item .right .brief{font-size:30px; line-height:1.6;-webkit-line-clamp:4;} #team .boss .item .right .more .txt{font-size:26px;} #team .bot .cont .slide .name{font-size:30px;line-height:normal;} /* #team .bot .cont .slide .img img{width:100%;} */ .team-tc .text{font-size:30px;line-height:1.6;} } #choose{padding:100px 0;background-color:#fff;} #choose .list{width:100%;border-radius:10px;overflow:hidden;border:1px solid #dedede;margin-top:60px;} #choose .list .li{width:calc(100% / 5);border-right:1px solid #dedede;background-color:#fafafa;position:relative;} #choose .list .li::after{content:'';position:absolute;left:0;top: 0;right: 0;bottom: 0;background:url(/icon/choosebg.jpg) no-repeat center / cover;opacity:0;transition:all 0.6s;z-index:1;} #choose .list .li:last-child{border-right:none;} #choose .list .li .item{width:100%;padding:110px 18.978%;text-align:center;height:100%;position:relative;z-index:3;} #choose .list .li .item .icom img{max-width:56px;width:100%;} #choose .list .li .item .tit{font-size:24px;font-weight:500;line-height:36px;color:#333;margin-top:15px;} #choose .list .li .item .txt{font-size:14px;color:#999;line-height:20px;} #choose .list .li .item .brief{font-size:16px;color:#fff;line-height:24px;margin:30px 0 0;opacity:0;height:72px;overflow-y:auto;} #choose .list .li .item .btn{width:45px;height: 45px;border-radius:50%;border:1px solid #dedede;margin:0 auto;} /* #choose .list .li:hover{background:url(/images/choosebg.jpg) no-repeat center / cover;} */ @media (min-width:751px) { #choose .list .li:hover::after{opacity:1;} #choose .list .li:hover .icon .i1{display:none;} #choose .list .li:hover .icon .i2{display:inline-block;} #choose .list .li:hover .item{padding:90px 18.978%;} #choose .list .li:hover .item .tit{color:#fff;} #choose .list .li:hover .item .txt{color:#fff;} #choose .list .li:hover .item .brief{opacity:1;} #choose .list .li:hover .btn{background:#007cc4;border-color: #007cc4;} #choose .list .li:hover .btn .i1{display:none;} #choose .list .li:hover .btn .i2{display:inline-block;} } @media (max-width:1280px) and (min-width:751px) { #choose .list .li:hover .item{padding:90px 15px;} } @media (max-width:750px) { #choose .list{flex-wrap:wrap;} #choose .list .li{width:100%;border-bottom:1px solid #dedede;} #choose .list .li:last-child{border:none;} #choose .list .li::after{opacity:1;display:none;} #choose .list .li .icon .i1{display:none;} #choose .list .li .icon .i2{display:inline-block;} #choose .list .li .item{padding:90px 18.978%;} #choose .list .li .item .tit{color:#333;font-size:36px;line-height:normal;} #choose .list .li .item .txt{color:#999;font-size:26px;line-height:normal;} #choose .list .li .item .brief{color:#666; opacity:1;font-size:30px;line-height:1.6;height:auto;margin-bottom:50px;} #choose .list .li .btn{display:none;background:#007cc4;border-color: #007cc4;} #choose .list .li .btn .i1{display:none;} #choose .list .li .btn .i2{display:inline-block;} } #activities{background-color:#fafafa;padding:100px 0 215px 0;overflow:hidden;} #activities .box{margin-top:55px;} #activities .box .container{overflow:visible;padding-bottom:60px;} #activities .box .container .slide{width:39.375%;} #activities .box .container .slide img{max-width:756px;width:100%;} #activities .box .container .swiper-pagination{bottom:0;} #activities .box .container .swiper-pagination-bullet{border:1px solid #9d9d9d;background:transparent;opacity:1;} #activities .box .container .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#007cc4;border-color:#007cc4;} @media (max-width:750px) { #activities{padding: 80px 0;} #activities .box .container .slide{width:75%;} } /*荣誉资质 */ #honor {background-color: #fff;padding:70px 0px 90px;position: relative;z-index:2;overflow:hidden;} #honor .container{padding:85px 0 90px;z-index:0;overflow:visible;} #honor .slide.swiper-slide-active {z-index: 2;} #honor .slide .rotate {box-shadow: 0px 10px 35px 0px rgba(28, 28, 28, 0.15);} #honor .slide{transform-style: preserve-3d;perspective: 430px;width: 430px;} #honor .slide .rotate{transition: .5s;padding: 75px 0 35px;position: relative;background-color: #fff;} #honor .slide .rotate .img {margin-bottom: 40px;padding-top: 60%;} #honor .slide .rotate .text {font-size: 18px;text-align: center;} #honor .slide[data-number='4'] .rotate{transform: rotateY(10deg) } #honor .slide[data-number='3'] .rotate{transform: rotateY(15deg) translate3d(1180px, 0px, 0px) scale(1);} #honor .slide[data-number='2'] .rotate{transform: rotateY(20deg) translate3d(525px, 0px, 25px) scale(1);} #honor .slide[data-number='1'] .rotate{transform: rotateY(25deg) translateX(200px) scale(1);} #honor .slide[data-number='-1'] .rotate{transform: rotateY(-25deg) translateX(-200px);z-index: 1;} #honor .slide[data-number='-2'] {z-index: -1;} #honor .slide[data-number='-2'] .rotate{transform: rotateY(-20deg) translate3d(-525px, 0px, 25px);z-index: -1;} #honor .slide[data-number='-3'] {z-index: -2;} #honor .slide[data-number='-3'] .rotate{transform: rotateY(-15deg) translate3d(-1180px, 0px, 0px);} #honor .point .box{width:70px;height:70px;border-radius: 50%;background:#fff;border: 2px solid #333;background:no-repeat center;top:50%;transform:translateY(-50%);} #honor .point .box:hover{background-color:#007cc4;border-color:#007cc4;} #honor .point .box.left{background-image: url(/icon/about-left.png);left:0;} #honor .point .box.right{background-image: url(/icon/about-right.png);right:0;} #honor .point .box.left:hover{background-image: url(/icon/about-left2.png);} #honor .point .box.right:hover{background-image: url(/icon/about-right2.png);} #honor .tab{width:205px;height:55px;border-radius:27.5px;background-color:#f7f7f7;margin:0 auto;padding:0 7px;} #honor .tab .li{font-size:18px;font-weight:500;text-align:center;color:#333;width:95px;height:43px;line-height:43px;border-radius:21.27px;} #honor .tab .li:hover, #honor .tab .li.cur{background-color:#007cc4;color:#fff;} #about-cont{padding-bottom:100px;background-color:#fafafa;} @media screen and (max-width:750px) { #honor{padding:80px 0;} #honor .container{padding:80px 0;} #honor .slide .rotate .text {font-size: 30px;} #honor .slide {width: 600px;} #honor .point .box {width: 90px;height: 90px;} #honor .slide .rotate .img {transform: scale(1.2);} #honor .tab .li{font-size:26px;width:auto;padding:0 15px;} #about-cont{padding:80px 0;} } /* 底部 */ #LY00169{background: #f1f1f1;padding:50px 0 70px;} #LY00169 .ftop {padding-bottom:57px;border-bottom:1px solid #e6e6e6;margin-bottom:20px;} #LY00169 .ftop .flogo{width:calc(100% - 590px);} #LY00169 .ftop .flogo .img{margin-right:30px;} #LY00169 .ftop .flogo .img img{mix-blend-mode:darken;max-height:50px;} #LY00169 .ftop .fnav{width:590px;} #LY00169 .ftop .fnav .fnav-one .one-a{font-size:18px;color:#333;line-height: 36px;font-weight:500;} #LY00169 .ftop .fnav .fnav-one .one-a:hover{color:#007cc4;} #LY00169 .fbot .fleft{width:20%;} #LY00169 .fbot .fleft .icon:nth-child(1){margin-bottom:20px;} #LY00169 .fbot .fleft .icon{width:fit-content;} #LY00169 .fbot .fleft .icon img{max-height:60px;object-fit:contain;} /* #LY00169 .fbot .fright{width:60%;} */ /* #LY00169 .fbot .fleft{width:40%;} */ #LY00169 .fbot .copyright{white-space:nowrap;} #LY00169 .fbot .text, #LY00169 .fbot .copyright, #LY00169 .fbot .ipc, #LY00169 .fbot .website{font-size:16px;color:#333;line-height:36px;} #LY00169 .fbot .text.phone{font-size:30px;font-weight:600;line-height:68.2px;font-family:'GIL';} #LY00169 .fbot .share{display: flex;justify-content: flex-end;margin:25px 0 20px;} #LY00169 .fbot .share .s{margin-left:26px;} #LY00169 .fbot .share .s .icon{height:20px;transition:0.3s;} #LY00169 .fbot .share .s .icon img{object-fit:contain;height:100%;} #LY00169 .fbot .share .s .icon{opacity:0.4;} #LY00169 .fbot .share .s:hover .icon{opacity:1;} /* #LY00169 .fbot .share .s:hover .p2{display:inline-block;} #LY00169 .fbot .share .s:hover .p1{display:none;} */ #LY00169 .fbot .website{padding-left:22px;position: relative;} #LY00169 .fbot .website::after{content:'';position: absolute;left: 11px;top: 10px;z-index:2;width:2px;height:18px;background:#636363} @media screen and (max-width:1280px) { /* #LY00169 .fbot .copy{flex-direction: column;} */ #LY00169 .fbot .website::after{display:none;} } @media screen and (max-width:1024px) { #LY00169{padding: 50px 0 80px;} #LY00169 .ftop{flex-direction:column-reverse;padding-bottom:30px;} #LY00169 .ftop .flogo{margin-top:30px;width:100%;} #LY00169 .ftop .fnav{/*flex-direction: column;*/width:100%;} #LY00169 .ftop .fnav .fnav-one .one-a{text-align:center;} #LY00169 .ftop .fnav .fnav-one{line-height: 60px;margin: 0;width:100%;border-bottom:1px solid #e6e6e6;} #LY00169 .fbot{flex-direction: column;align-items: flex-start;} #LY00169 .fbot .fleft{width:100%;display:flex;align-items:center;justify-content:center;} #LY00169 .fbot .fleft .icon:nth-child(1){margin:0 30px 0 0;} #LY00169 .fbot .copyright{white-space:normal;} #LY00169 .fbot .fright{width:100%;text-align: left;} #LY00169 .fbot .website{padding-left:0;} #LY00169 .fbot .share{justify-content: flex-start;} #LY00169 .fbot .share .s{margin:0 30px 0 0;} #LY00169 .fbot .share .s .ewm{left:0;} #LY00169 .fbot .share .s .ewm::after{display:none;} } @media screen and (max-width:750px) { #LY00169{padding-bottom:150px;} #LY00169 .ftop .fnav{flex-direction: column;} #LY00169 .ftop .fnav .fnav-one .one-a{font-size:36px;line-height: 80px;text-align:left;} #LY00169 .fbot .share .s .icon{height:auto;} #LY00169 .fbot .share .s .icon img{width:40px;} #LY00169 .fbot .text, #LY00169 .fbot .copyright, #LY00169 .fbot .ipc, #LY00169 .fbot .website{font-size:30px;line-height: 1.8;} #LY00169 .fbot .copy{flex-direction: column;} #LY00169 .fbot .text.phone{font-size:42px;} #LY00169 .fbot .fleft{margin-bottom:30px;} #LY00169 .fbot .fleft .icon{width:30%;} #LY00169 .fbot .fleft .icon img{width:100%;max-height:100px;} } /* 浮窗 */ #float{right:40px;top:50%;z-index:100;} #float .name{cursor:pointer; width:52px;height: 52px;line-height:52px; border-radius:10px;box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.05);background-color:#fff;margin-bottom:5px;overflow:hidden;transition:all 0.3s;} #float .name .txt{display:none;width:calc(100% - 24px);margin-left:10px; font-family:'DIN';font-size:24px;font-weight:bold;color:#fff;} #float .name.phone{transition:all 0.6s;} #float .name .icon{width:100%;height:100%;} #float .name .icon .i1{display:inline-block;} #float .name .icon .i2{display:none;} #float .name .ewm{display:none; background-color:#fff;border-radius:10px;overflow:hidden;width:100px;height:100px;z-index:101;left:-110px;top:50%;transform:translateY(-50%);box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.05);} #float .name.pic{overflow:visible;} #float .name.pic:hover .ewm{display:block;} #float .name.phone:hover{width:auto;padding:0 15px;} #float .name.phone:hover .icon{width:24px;} #float .name.phone:hover .txt{display:block;} #float .name:hover{background-color:#333;} #float .name:hover .icon .i1{display:none;} #float .name:hover .icon .i2{display:inline-block;} #float .name.m-phone{display:none;} @media (max-width:750px) { #float .name.phone{display:none;} #float .name.m-phone{display:block;} #float{top:auto;bottom: 0;left:0;right:0;} #float .box{flex-direction:row;width:100%;height:100px;background-color:#fff;justify-content:space-between;padding:0 40px;align-items:center;} #float .name{margin-bottom:0;width:80px;height:80px;border:1px solid #999999;} #float .name .icon img{width:35px;} #float .name .ewm{left:50%;transform: translateX(-50%) ;top:-170px;width:150px;height:150px;} } /* 底部信息管理 */ #policy{padding:100px 0;} @media (max-width:750px) { #policy{padding:80px 0;} #policy .editor *{font-size:30px !important;line-height:1.6 !important;} } #return{padding:100px 0;} @media (max-width:750px) { #return{padding:80px 0;} #return .editor *{font-size:30px !important;line-height:1.6 !important;} }