/* CSS Reset */ #think_page_trace_open{ display: none;} html{-webkit-text-size-adjust:none; width: 100%; max-width: 100%;} body{color: #222222;overflow-x:hidden;margin:0; padding:0; line-height: 1; font-family:Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif; font-size: 14px; width: 100%; max-width: 100%;} input,select,textarea {border-radius: 0;outline: none; font-family:Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif; border: 0; padding: 0; margin: 0;} input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;} a{font-size: 14px;text-decoration:none;color: #000;} *{box-sizing: border-box;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} *:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} ::after,::before{box-sizing: border-box;} .MoShow { display:none;} html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, Footer2023, Header2023, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; line-height: 1;} p { margin: 0; padding: 0; border: 0; vertical-align: baseline; } .hidden{ overflow: hidden;} .m-Header2023-nav {display:none;} .IBg{ background: #031537;} .tra{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .tra:hover{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .dflex{ display: flex;} .jccenter{ justify-content: center;} input[type="submit"],input[type="button"],input[type="radio"],input[type="checkbox"]{ cursor: pointer;} .notBlue{-moz-user-select: none; /* 火狐 */ -webkit-user-select: none; /* webkit浏览器 */ -ms-user-select: none; /* IE10 */ -khtml-user-select: none; /* 早期浏览器 */ user-select: none;} ::-webkit-scrollbar-track { background-color: #fff; } /* 滚动条的滑轨背景颜色 */ ::-webkit-scrollbar-thumb { background:#ffe100; } /* 滑块颜色 */ ::-webkit-scrollbar-button { background-color: #fff; } /* 滑轨两头的监听按钮颜色 */ ::-webkit-scrollbar-corner { background-color: #fff; } /* 横向滚动条和纵向滚动条相交处尖角的颜色 */ ::-webkit-scrollbar { width: 4px; height: 0px; border-radius:3px; } /* 这是针对缺省样式 (必须的)*/ /* 弹窗样式 Start */ .message_box{position: fixed; top: 0; bottom: 0; left: 0; right: 0;margin: 0; padding: 0; border: 0;z-index: 999999999;} .message_box .message_box_bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);display: flex; align-items: center; justify-content: center;opacity: 0;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;transition:opacity .2s ease;z-index: 999999999;} .message_box .message_box_content{width: 18%;vertical-align: middle; background-color: #fff; border-radius: 4px; border: 1px solid #ebeef5; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); text-align: left; overflow: hidden; backface-visibility: hidden;} .message_box .message_box_content .content_top{position: relative; padding: 15px 15px 10px;display: flex; align-items: center; justify-content: space-between;} .message_box .message_box_content .content_top .content_top_title{padding-left: 0; margin-bottom: 0; font-size: 18px; line-height: 1; color: #303133;} .message_box .message_box_content .content_top .content_top_close{width: 15px; height: 15px; position: relative; cursor: pointer; display: flex; justify-content: center; align-items: center;} .message_box .message_box_content .content_top .content_top_close .top_close_li{width: 1px; height: 13px; border-radius: 100px;background-color: #909399; position: absolute; top: auto; right: auto; bottom: auto; left: auto;-webkit-transition:background-color .45s ease;-moz-transition:background-color .45s ease;transition:background-color .45s ease;} .message_box .message_box_content .content_top .content_top_close .top_close_left{transform: rotate(45deg);} .message_box .message_box_content .content_top .content_top_close .top_close_right{transform: rotate(315deg);} .message_box .message_box_content .content_top .content_top_close:hover .top_close_li{background: #1438a1;} .message_box .message_box_content .content_center{padding: 13px 15px;} .message_box .message_box_content .content_center p{color: #606266; font-size: 14px;} .message_box .message_box_content .content_center input{width: 100%; font-size: 14px; padding: 5px; border: 1px solid #606266; border-radius: 4px; color: #606266; } .message_box .message_box_content .content_center input:focus{border-color: #3a8ee6;} .message_box .message_box_content .content_bottom{padding: 10px 15px 15px 15px;text-align: right;} .message_box .message_box_content .content_bottom .content_bottom_btns{display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #1438a1; border: 1px solid #1438a1; color: #fff; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0;font-weight: 500; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 9px 17px; font-size: 13px; border-radius: 4px;-webkit-transition:all .45s ease;-moz-transition:all .45s ease;transition:all .45s ease;} .message_box .message_box_content .content_bottom .content_bottom_btns:hover{border-color: #ec7700; background-color: #ec7700;} .pcpopup .message_box_content .content_bottom .content_bottom_btns.no{margin-right: 12px;} .pcpopup .message_box_content .content_bottom .content_bottom_btns.no{border-color:#c1c1c1;background-color: #c1c1c1;color: #ffffff;} .pcpopup .message_box_content .content_bottom .content_bottom_btns.no:hover{border-color: #aaaaaa; background-color: #aaaaaa;} .prompts .message_box_content .content_top .content_top_title{font-size: 17px;} .prompts .message_box_content .content_center{padding: 8px 15px;} .message_box .message_box_bg.on{opacity: 1;} @media screen and (max-width:3820px){.message_box .message_box_content{width: 17%;}} @media screen and (max-width:2490px){.message_box .message_box_content{width: 18%;}} @media screen and (max-width:1920px){.message_box .message_box_content{width: 20%;}.message_box .message_box_content .content_bottom .content_bottom_btns{padding: 8px 15px;font-size: 12px;}} @media screen and (max-width:1740px){.message_box .message_box_content{width: 21%;}} @media screen and (max-width:1680px){.message_box .message_box_content{width: 22%;}} @media screen and (max-width:1560px){.message_box .message_box_content{width: 23%;}} @media screen and (max-width:1440px){.message_box .message_box_content{width: 25%;}} @media screen and (max-width:1366px){.message_box .message_box_content{width: 27%;}} @media screen and (max-width:1280px){.message_box .message_box_content{width: 28%;}} @media screen and (max-width:1240px){.message_box .message_box_content{width: 29%;}} @media screen and (max-width:1024px){.message_box .message_box_content{width: 30%;}} @media screen and (max-width:980px){.message_box .message_box_content{width: 38%;}} @media screen and (max-width:800px){.message_box .message_box_content{width: 80%;border-radius: 5px;}.message_box .message_box_content .content_top{padding: 12px 12px 10px;}.message_box .message_box_content .content_center{padding: 8px 12px;}.message_box .message_box_content .content_center{padding: 7px 12px;}.message_box .message_box_content .content_bottom{padding: 10px 12px 12px 12px;}.message_box .message_box_content .content_bottom .content_bottom_btns{padding: 6px 12px;font-size: 12px;border-radius: 5px;}} /* 弹窗样式 End */ .search{position:fixed;width:100%;height:100%;left:0;top:0;right:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:1250;} .search .search_bg{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;} .search .search_bg .search_content{width:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);filter:scale(0);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;opacity:1;} .search .search_bg.on .search_content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;opacity:1;} .search .search_content .search_content_top{position:relative;} .search .search_content .search_content_top .search_close{position:absolute;right:0;top:-50px;color:#fff;font-size:30px;} .search .search_content .search_content_bottom{display:flex;align-items:center;justify-content:center;position:relative;border-radius:100px;overflow:hidden;} .search .search_content input[type="search"]{width:80%;background:inherit;height:80px;font-size:16px;color:#333;padding:0px 20px;z-index:1;position:relative;background:#fff;border:0px;} .search .search_content input[type="submit"]{width:20%;height:80px;font-size:16px;z-index:1;position:relative;color:#111;cursor:pointer;color:#fff;background:#1438a1;border:0px;} /* 头部 */ .pc_all2023{ width: calc(100%); margin: 0 auto;} .pc_all2023 .pc_all2023_content{max-width:90%;margin:0 auto;width:100%;} .Header2023{ display: flex; align-items: center; justify-content: space-between; height: 95px; padding: 0px 55px; position: fixed; left: 0; top: 0; width: 100%; z-index: 8; } .Header2023:before{content: "";background: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); display: inline-block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; z-index: -1;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .Header2023.active{ background: rgba(255, 255, 255, 0);box-shadow: 0px 0px 20px rgba(0,0,0,0.1);} .Header2023.active::before{ opacity: 1;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .Header2023 .Header2023_logo{ position: relative; z-index: 2; margin-right: 90px; display: flex; align-items: center;} .Header2023 .Header2023_logo img{ height: 36px;} .Header2023 .Header2023_logo span{ display: flex; align-items: center; justify-content: center; position: relative;} .Header2023 .Header2023_logo span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .Header2023_logo_right{ display: flex; align-items: center; font-size: 16px; color: #fff; margin-left: 14px; letter-spacing: 2.5px;} .Header2023_logo_right .logo_right_list{ opacity: 0;} .Header2023_logo_right .logo_right_list:nth-child(1){ transition-delay: 0.1s; } .Header2023_logo_right .logo_right_list:nth-child(2){ transition-delay: 0.2s; } .Header2023_logo_right .logo_right_list:nth-child(3){ transition-delay: 0.3s; } .Header2023_logo_right .logo_right_list:nth-child(4){ transition-delay: 0.4s; } .Header2023_logo_right .logo_right_list:nth-child(5){ transition-delay: 0.5s; } .Header2023_logo_right .logo_right_list:nth-child(6){ transition-delay: 0.6s; } .Header2023_logo_right .logo_right_list:nth-child(7){ transition-delay: 0.7s; } .Header2023_logo_right .logo_right_list:nth-child(8){ transition-delay: 0.8s; } .Header2023_logo_right .logo_right_list:nth-child(9){ transition-delay: 0.9s; } .Header2023_logo_right.on .logo_right_list{ opacity: 1;} .Header2023.active .Header2023_logo .Header2023_logo_right{ color: #111;} .Header2023.active .Header2023_logo span img{ opacity: 0;} .Header2023.active .Header2023_logo span img:last-child{ opacity: 1;} .Header2023 .Header2023_nav{ display: flex; align-items: center; z-index: 2;} .Header2023 .Header2023_nav .Header2023_nav_list{ margin-right: 40px;} .Header2023 .Header2023_nav .Header2023_nav_list.on{ position: relative;} .Header2023 .Header2023_nav .Header2023_nav_list:last-child{ margin-right: 0;} .Header2023 .Header2023_nav .Header2023_nav_list .nav_list_title{ color: #fff; line-height: 95px; display: inline-block;} .Header2023.active .Header2023_nav .Header2023_nav_list .nav_list_title{ color: #1d1010;} .Header2023 .Header2023_nav .Header2023_nav_list .nav_list_title i{ margin-left: 6px;} .Header2023 .Header2023_nav .Header2023_nav_list:hover .nav_list_title{ text-decoration: underline;} .Header2023 .Header2023_nav .Header2023_nav_list .nav_list_down{position:absolute;left:0;top:95px;background:rgba(0, 0, 0, .8);width:100%;display:flex;justify-content:space-between;align-items:flex-start;overflow:hidden;padding:5vw 14.8485vw; display:none;} .Header2023 .Header2023_nav .Header2023_nav_list:hover .nav_list_down {display:flex;} .Header2023 .Header2023_nav .Header2023_nav_list .nav_list_down .list_down_li .down_li_title {font-size:1.1462vw;color:#fff;position:relative;margin-bottom:1.1462vw;padding-bottom:1.1462vw;position:relative;} .Header2023 .Header2023_nav .Header2023_nav_list .nav_list_down .list_down_li .down_li_title:before {content:"";display:inline-block;width:0.521vw;height:0.0521vw;background:#ffe100;position:absolute;bottom:0;left:0;} .Header2023 .Header2023_nav .Header2023_nav_list .nav_list_down .list_down_li .down_li_content p {margin-bottom:1.042vw;} .Header2023 .Header2023_nav .Header2023_nav_list .nav_list_down .list_down_li .down_li_content p a {font-size:0.8336vw;color:#fff;opacity:.7; display: flex; align-items: center;} .Header2023 .Header2023_nav .Header2023_nav_list .nav_list_down .list_down_li .down_li_content p a img {margin-right:0.6773vw;width: 1.3025vw;} .Header2023 .Header2023_nav .Header2023_nav_list .nav_list_down .list_down_li .down_li_content p a:hover {opacity:1;} .Header2023 .Header2023_nav .Header2023_nav_list.on {position:relative;} .Header2023 .Header2023_nav .Header2023_nav_list .nav_list_down2 {width:24.2265vw;display:flex;flex-wrap:wrap;justify-content:space-between;position:absolute;top:100%;background:rgba(0,0,0,.8);padding:1.7193vw;left:-2.605vw;display:none;} .Header2023 .Header2023_nav .Header2023_nav_list:hover .nav_list_down2 {display:flex;} .Header2023 .Header2023_nav .Header2023_nav_list .nav_list_down2 .list_down2_list {width:48%;font-size:0.8336vw;color:#fff;opacity:.8;margin-bottom:1.563vw; display: flex; align-items: center;} .Header2023 .Header2023_nav .Header2023_nav_list .nav_list_down2 .list_down2_list:nth-last-child(1) {margin-bottom:0vw;} .Header2023 .Header2023_nav .Header2023_nav_list .nav_list_down2 .list_down2_list:nth-last-child(2) {margin-bottom:0vw;} .Header2023 .Header2023_nav .Header2023_nav_list .nav_list_down2 .list_down2_list img {margin-right:0.6773vw;width: 1.3025vw;} .Header2023 .Header2023_nav .Header2023_nav_list .nav_list_down2 .list_down2_list:hover {opacity:1;} .Header2023 .Header2023_right{ display: flex; align-items: center;} .Header2023 .Header2023_right .Header2023_right_nav .right_nav_list{ color: #fff; line-height: 95px; display: inline-block; margin-right: 40px;} .Header2023.active .Header2023_right .Header2023_right_nav .right_nav_list{ color: #1d1010;} .Header2023 .Header2023_right .Header2023_right_nav .right_nav_list:hover{ text-decoration: underline;} .Header2023 .Header2023_right .Header2023_right_ai{ display: flex; margin-right: 15px;} .Header2023 .Header2023_right .Header2023_right_ai img{ height: 26px;} .Header2023 .Header2023_right .Header2023_right_btn{ display: flex; align-items: center; font-size: 18px; color: #111; height: 40px; padding: 0px 15px; background: #ffe100; border-radius: 100px; position: relative; white-space: nowrap;} .Header2023 .Header2023_right .Header2023_right_btn img{ height: 25px; margin-right: 25px;} .Header2023 .Header2023_right .Header2023_right_btn img:last-child{ height: 12px; margin-right: 0px; position: absolute; left: 44px; top: 6px; animation:myfirst 1s infinite; -webkit-animation:myfirst 1s infinite; } @keyframes myfirst { from { -webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);filter:scale(0);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s; } to { -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s; } } @-webkit-keyframes myfirst /* Safari and Chrome */ { from { -webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);filter:scale(0);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s; } to { -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s; } } .FloatingWindow2{ position: fixed; right: 20px; top: 44%; z-index: 8;} .FloatingWindow2 .FloatingWindow2_list{ width: 55px; border-radius: 100px; background: #fff; padding-top: 6px; padding-bottom: 24px; box-shadow: 0px 0px 15px rgba(0, 0, 0, .15); position: relative;} .FloatingWindow2 .FloatingWindow2_list .FloatingWindow2_list_title{ cursor: pointer;} .FloatingWindow2 .FloatingWindow2_list .FloatingWindow2_list_title .list_title_icon{ width: 49px; height: 49px; border-radius: 100%; border: 4px solid #fff399; display: flex; align-items: center; justify-content: center; margin: 0 auto; background: #ffe100;} .FloatingWindow2 .FloatingWindow2_list .FloatingWindow2_list_title .list_title_icon img{ height: 20px;} .FloatingWindow2 .FloatingWindow2_list .FloatingWindow2_list_title .list_title_dd{ font-size: 16px; color: #333333; margin-top: 10px; text-align: center;} .FloatingWindow2 .FloatingWindow2_list .FloatingWindow2_list_down{ padding-right: 20px; display: none; position: absolute; right: 55px; top: -35px;} .FloatingWindow2 .FloatingWindow2_list .FloatingWindow2_list_down .list_down_padding{ width: 170px; background: #fff; border-radius: 5px; padding: 25px 0px; box-shadow: 0px 0px 15px rgba(0, 0, 0, .15); position: relative;} .FloatingWindow2 .FloatingWindow2_list:hover .FloatingWindow2_list_down{ display: block;} .FloatingWindow2 .FloatingWindow2_list .FloatingWindow2_list_down .list_down_padding:before{ content: ""; width: 0px; height: 0px; border: 7px solid transparent; border-left: 9px solid #fff; font-size: 0px; line-height: 0px; position: absolute; top: 90px; right:-16px; transform:translateY(-50%); } .FloatingWindow2 .FloatingWindow2_list .FloatingWindow2_list_down .list_down_title{ font-size: 16px; color: #666666; text-align: center; margin-bottom: 15px;} .FloatingWindow2 .FloatingWindow2_list .FloatingWindow2_list_down .list_down_img{ width: 122px; margin: 0 auto; border-radius: 6px; border: 3px solid #ffe100; margin: 0 auto; padding: 6px; margin-bottom: 20px;} .FloatingWindow2 .FloatingWindow2_list .FloatingWindow2_list_down .list_down_img img{ width: 100%;} .FloatingWindow2 .FloatingWindow2_list .FloatingWindow2_list_down .list_down_tel{ text-align: center; font-size: 20px; color: #111111;} .FloatingWindow2 .FloatingWindow2_list .FloatingWindow2_list_down .list_down_btn{ display: flex; align-items: center; justify-content: center; margin-top: 15px;} .FloatingWindow2 .FloatingWindow2_list .FloatingWindow2_list_down .list_down_btn a{ display: flex; align-items: center; justify-content: center; width: 125px; height: 40px; background: #ffe100; border-radius: 100px; background: #ffe100;} .FloatingWindow2 .FloatingWindow2_list .FloatingWindow2_list_down .list_down_btn a img{ height: 23px; margin-right: 5px;} .FloatingWindow2 .FloatingWindow2_clickTop{ width: 55px; height: 55px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: #fff; margin-top: 13px; box-shadow: 0px 0px 15px rgba(0, 0, 0, .15); cursor: pointer;} .FloatingWindow2 .FloatingWindow2_clickTop img{ width: 22px;} /* 首页开始 */ .banner{ position: relative; overflow: hidden;} .banner .banner_list{ overflow: hidden; width: 100%;} .banner .banner_list .banner_list_img{ display: flex; background: #000; } .banner .banner_list .banner_list_img video{ width: 100%; height: calc(100vh); object-fit: cover;-webkit-animation:bs2 50s linear infinite;animation:bs2 50s linear infinite; opacity: 1;} .banner .banner_list .banner_list_img img{ width: 100%; height: calc(100vh); object-fit: cover;-webkit-animation:bs2 50s linear infinite;animation:bs2 50s linear infinite;} .banner .banner_list .banner_list_po{ position: absolute; bottom: 210px; left: 0px; right: 0; z-index: 2; display: flex;} .banner .banner_list .banner_list_po .list_po_content{ position: relative; padding-right: 42px; padding-top: 36px;} .banner .banner_list .banner_list_po .list_po_content::before{ content: ""; display: inline-block; width: calc(100% + 1000px); height: calc(100% + 130px); background: rgba(0,0,0,.3); position: absolute; top: 0px; right: 0; z-index: -1;} .banner .banner_list .banner_list_po .list_po_title{ color: #fff; font-weight: bolder; text-transform: uppercase; position: relative; z-index: 1; display: none;} .banner .banner_list .banner_list_po .list_po_title span{ color: #ffe100;} .banner .banner_list.swiper-slide-active .banner_list_po .list_po_title{ display: block;} .banner .banner_list .banner_list_po .list_po_txt{ color: #fff; margin-top: 25px; position: relative; z-index: 1; display: none;} .banner .banner_list .banner_list_po .list_po_p{ color: #fff; margin-top: 50px; display: flex; justify-content: space-between; align-items: flex-start;} .banner .banner_list .banner_list_po .list_po_p .po_p_right{ position: relative;} .videoIcon{ display: flex; align-items: center;z-index: 9999; cursor:pointer;} .videoIcon .videoIcon1{ position: relative; display: flex; align-items: center; justify-content: center;} .videoIcon .videoIcon1 .videoIcon11{ position: absolute; left: 0; top: 0; animation: xunzhuan infinite 5s linear;} @keyframes xunzhuan{ 0%{ transform: rotate(0deg); } 100%{transform: rotate(360deg);} } .content_list_video{ display:none;} .content_list_video.on{ display:block;} .content_list_video .list_video_bg{ position:fixed; background:rgba(0,0,0,.8); left:0; top:0; width:100%; height:100%; z-index:120;} .content_list_video .list_video_content{ width:1100px; max-width: 92%; position: fixed; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index:121; } .content_list_video .list_video_content .video_content_close{ cursor:pointer; position:fixed; right:0; top:-35px;} .content_list_video .list_video_content .video_content_close span{ color:#fff; font-size:25px;} .content_list_video .list_video_content video{ width:100%;} .click_video{ cursor:pointer; } .videoIcon .videoIcon2{ display: flex; flex-direction: column; color:#fff; padding-left: 10px; text-transform: uppercase; } .videoIcon .videoIcon2 .videoIcon21{ font-size: 16px; line-height: 1.5;} .videoIcon .videoIcon2 .videoIcon22{ font-size: 14px; } .banner .banner_list .banner_list_po .list_po_p .po_p_right .videoIconsrc{ margin-top: 6px;} .banner .banner_list .banner_list_po .list_po_p .po_p_right .videoIconsrc a{ margin-top: 20px; color: #fff; display: inline-block; border-radius: 100px; border: 1px solid rgba(255,255,255,.1); padding: 10px 15px;} .banner .banner_list .banner_list_po .list_po_p .po_p_right .videoIconsrc a i{ margin-left: 15px;} .banner .banner_list .banner_list_po .list_po_p .po_p_right .videoIconsrc a:hover{ background: rgba(255,255,255,.1);} .banner .banner_list.swiper-slide-active .banner_list_po .list_po_txt{ display: block;} .banner .banner_btn{ position: relative; z-index: 0;} .banner .banner_btn .pc_all2023_content{ position: absolute; bottom: 130px; left: 0; right: 0; display: flex; align-items: flex-end; z-index: 2; justify-content: space-between;} .banner .banner_btn .banner_btn_left{ display: flex; align-items: center; color: #fff;} .banner .banner_btn .banner_btn_left .btn_left_dd{ display: flex; align-items: center;} .banner .banner_btn .banner_btn_left .btn_left_icon{ width: 60px; height: 1px; background: #fff; opacity: .3; margin: 0px 15px;} .banner .banner_btn .banner_btn_left span{ margin: 0px 8px; display: flex;} .banner .banner_btn .banner_btn_left .left_dd_prev,.banner .banner_btn .banner_btn_left .left_dd_next{ cursor: pointer;} .banner .banner_btn .banner_btn_right{ color: #fff; display: flex; flex-direction: column; align-items: center; cursor: pointer;} .banner .banner_btn .banner_btn_right .btn_right_top{transform: rotate(90deg); text-transform: uppercase;} .banner .banner_btn .banner_btn_right .btn_right_icon{ width: 25px; height: 44px; border-radius: 100px; border: 1px solid rgba(255,255,255,.3); margin-top: 35px; display: flex; justify-content: center;} .banner .banner_btn .banner_btn_right .btn_right_icon span{ width: 1px; display: inline-block; height: 8px; background: #ffe100; position: relative; top: 5px;-webkit-animation:move 2s linear infinite;animation:move 2s linear infinite;} @keyframes bs2{0%{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);filter:scale(1.05);filter:transform;} 8.3333333333%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);filter:scale(1.1);filter:transform;} 16.6666666666%{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;} 25%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);filter:scale(1.2);filter:transform;} 33.3333333333%{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;} 41.6666666667%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);filter:scale(1.1);filter:transform;} 50%{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);filter:scale(1.05);filter:transform;} 58.3333333333%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);filter:scale(1.1);filter:transform;} 66.6666666667%{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;} 75%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);filter:scale(1.2);filter:transform;} 83.333333333%{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;} 91.666666666%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);filter:scale(1.1);filter:transform;} 100%{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);filter:scale(1.05);filter:transform;} } @keyframes move{ 0%{ top: 5px;} 50%{ top: 15px;} 100%{ top: 5px;} } .padding110{ padding: 110px 0px;} .paddingbottom0{ padding-bottom: 0 !important;} .paddingtop0{ padding-top: 0 !important;} .banner2024 .banner2024_list{ position: relative;} .banner2024 .banner2024_list .banner2024_list_img img{ width: 100%; height: 100vh; object-fit: cover;} .banner2024 .banner2024_list .banner2024_list_po{ position: absolute; height: 100%; display: flex; align-items: center; justify-content: space-between; left: 0; right: 0; top: 0;} .banner2024 .banner2024_list.on .banner2024_list_po{ background: rgba(0,0,0,.3);flex-direction: column; justify-content: center;} .banner2024 .banner2024_list.on .banner2024_list_po .list_po_title{ text-align: center; font-size: 36px; color: #fff; font-weight: lighter; display: none;} .banner2024 .banner2024_list.on .banner2024_list_po .list_po_txt{ text-align: center; font-size: 48px; color: #fff; margin: 50px 0px;} .banner2024 .banner2024_list.on .banner2024_list_po .list_po_txt p{ display: none;} .banner2024 .banner2024_list.on .banner2024_list_po .list_po_txt p:last-child{ margin-top: 20px;} .banner2024 .banner2024_list.on .banner2024_list_po .list_po_btn{ display: flex; justify-content: center; display: none;} .banner2024 .banner2024_list.on .banner2024_list_po .list_po_btn a{ display: inline-block; padding: 14px 33px; border-radius: 100px; color: #fff; font-size: 16px; border-radius: 100px; background: #f5971d;} .banner2024 .banner2024_list.swiper-slide-active .banner2024_list_po .list_po_title{ display: block;} .banner2024 .banner2024_list.swiper-slide-active .banner2024_list_po .list_po_txt p{ display: block;} .banner2024 .banner2024_list.swiper-slide-active .banner2024_list_po .list_po_btn{ display: flex;} .banner2024 .banner2024_list.active .banner2024_list_po .list_po_left{ position: relative;} .banner2024 .banner2024_list.active .banner2024_list_po .list_po_left::before{ content: ""; position: absolute; left: -135px; top: -65px; background: rgba(0,0,0,.3); display: inline-block; width: calc(100% + 200px); height: calc(100% + 130px); display: none;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left{ width: 35%;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_logo{ margin-bottom: 15px; display: none;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_logo img{ height: 40px;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_title{ position: relative; z-index: 2;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_title .left_title_dd{ color: #ffe100; font-size: 66px; margin-bottom: 15px; display: none;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_title .left_title_dt{ color: #fff; font-size: 66px; display: none;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_txt{color: #fff; font-size: 26px; margin-top: 40px; margin-bottom: 55px; position: relative; z-index: 2; display: none; line-height: 1.4;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_txt span{ text-decoration: underline; color: #ffe100;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_btn{ display: flex; position: relative; z-index: 2; display: none;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_btn a{ display: flex; align-items: center; font-size: 20px; padding: 18px 25px; background: rgba(255, 255, 255, 0.15); color: #fff; position: relative; top: 0;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_btn a:hover{ top: -10px; background: rgba(255, 255, 255, 0.3);} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_btn a img{ height: 12px; margin-left: 10px;} .banner2024 .banner2024_list .banner2024_list_po .list_po_right{ width: 57%; display: none;} .banner2024 .banner2024_list .banner2024_list_po .list_po_right img{ width: 100%; border-radius: 10px; border: 6px solid #111111;} .banner2024 .banner2024_list .banner2024_list_po .list_po_right video{ width: 100%; border-radius: 10px; border: 6px solid #111111;} .banner2024 .banner2024_list.swiper-slide-active .banner2024_list_po .list_po_left .po_left_logo{ display: block;} .banner2024 .banner2024_list.swiper-slide-active .banner2024_list_po .list_po_left .po_left_title .left_title_dd{ display: block;} .banner2024 .banner2024_list.swiper-slide-active .banner2024_list_po .list_po_left .po_left_title .left_title_dt{ display: block;} .banner2024 .banner2024_list.swiper-slide-active .banner2024_list_po .list_po_left .po_left_txt{ display: block;} .banner2024 .banner2024_list.swiper-slide-active .banner2024_list_po .list_po_left .po_left_btn{ display: flex;} .banner2024 .banner2024_list.swiper-slide-active .banner2024_list_po .list_po_right{ display: block;} .banner2024 .banner2024_list.swiper-slide-active .banner2024_list_po .list_po_left::before{ display: block;} .banner2024 .swiper-pagination{ bottom: 50px;} .banner2024 .swiper-pagination span{ display: inline-block; width: 50px; height: 2px; border-radius: 0px; background: #fff;} @media screen and (max-width:1920px){ .banner2024 .banner2024_list {position:relative;} .banner2024 .banner2024_list .banner2024_list_img img {width:100%;height:100vh;object-fit:cover;} .banner2024 .banner2024_list .banner2024_list_po {position:absolute;height:100%;display:flex;align-items:center;justify-content:space-between;left:0;right:0;top:0;} .banner2024 .banner2024_list.active .banner2024_list_po .list_po_left {position:relative;} .banner2024 .banner2024_list.active .banner2024_list_po .list_po_left::before {content:"";position:absolute;left:-7.0335vw;top:-3.3865vw;background:rgba(0,0,0,.3);display:inline-block;width:calc(100% + 10.42vw);height:calc(100% + 6.773vw);display:none;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left {width:35%;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_logo {margin-bottom:0.7815vw;display:none;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_logo img {height:2.084vw;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_title {position:relative;z-index:2;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_title .left_title_dd {color:#ffe100;font-size:3.4386vw;margin-bottom:0.7815vw;display:none;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_title .left_title_dt {color:#fff;font-size:3.4386vw;display:none;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_txt {color:#fff;font-size:1.3546vw;margin-top:2.084vw;margin-bottom:2.8655vw;position:relative;z-index:2;display:none;line-height:1.4;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_txt span {text-decoration:underline;color:#ffe100;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_btn {display:flex;position:relative;z-index:2;display:none;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_btn a {display:flex;align-items:center;font-size:1.042vw;padding:0.9378vw 1.3025vw;background:rgba(255,255,255,0.15);color:#fff;position:relative;top:0;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_btn a:hover {top:-0.521vw;background:rgba(255,255,255,0.3);} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_btn a img {height:0.6252vw;margin-left:0.521vw;} .banner2024 .banner2024_list .banner2024_list_po .list_po_right {width:57%;display:none;} .banner2024 .banner2024_list .banner2024_list_po .list_po_right img {width:100%;border-radius:0.521vw;border:0.3126vw solid #111111;} .banner2024 .banner2024_list.swiper-slide-active .banner2024_list_po .list_po_left .po_left_logo {display:block;} .banner2024 .banner2024_list.swiper-slide-active .banner2024_list_po .list_po_left .po_left_title .left_title_dd {display:block;} .banner2024 .banner2024_list.swiper-slide-active .banner2024_list_po .list_po_left .po_left_title .left_title_dt {display:block;} .banner2024 .banner2024_list.swiper-slide-active .banner2024_list_po .list_po_left .po_left_txt {display:block;} .banner2024 .banner2024_list.swiper-slide-active .banner2024_list_po .list_po_left .po_left_btn {display:flex;} .banner2024 .banner2024_list.swiper-slide-active .banner2024_list_po .list_po_right {display:block;} .banner2024 .banner2024_list.swiper-slide-active .banner2024_list_po .list_po_left::before {display:block;} .banner2024 .swiper-pagination {bottom:2.605vw;} .banner2024 .swiper-pagination span {display:inline-block;width:2.605vw;height:0.1042vw;border-radius:0vw;background:#fff;} .banner2024 .banner2024_list.on .banner2024_list_po .list_po_title{font-size:1.8756vw;} .banner2024 .banner2024_list.on .banner2024_list_po .list_po_txt {font-size:2.5008vw;margin:2.605vw 0vw;} .banner2024 .banner2024_list.on .banner2024_list_po .list_po_txt p:last-child {margin-top:1.042vw;} .banner2024 .banner2024_list.on .banner2024_list_po .list_po_btn a {padding:0.7294vw 1.7193vw;border-radius:5.21vw;font-size:0.8336vw;border-radius:5.21vw;} } .Title{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 52px; flex-wrap: wrap;} .Title.marginBottom110{ margin-bottom: 110px;} .Title.margintop50{ margin-top: 50px; margin-bottom: 0;} .Title .Title_left{ width: calc(100% - 170px);} .Title.w100 .Title_left{ width: 100% !important;} .Title .Title_left .Title_left_dd{ color: #111111; text-transform: uppercase; margin-bottom: 15px; display: flex; align-items: flex-end; font-weight: bolder;} .Title .Title_left .Title_left_dd span{ width: 7px; height: 7px; display: inline-block; background: #ffec00; margin-left: 5px; position: relative; top: -5px;} .Title .Title_left .Title_left_dd span:last-child{ background: #cbcbcb;} .Title .Title_left .Title_left_dt{ color: #111111; line-height: 1.3;} .Title .Title_left .Title_left_p{ color: #555555; margin-top: 32px;} .Title .Title_right{ display: flex;} .Title.color .Title_left .Title_left_dd{ color: #fff;} .Title.color .Title_left .Title_left_dt{ color: #fff;} .Homebrand{ position: relative; overflow: hidden;} .Homebrand .Homebrand_Content{ display: flex; justify-content: space-between; flex-wrap: wrap;} .Homebrand .Homebrand_Content .Homebrand_Content_list{ position: relative;} .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_icon{ margin-bottom: 24px; padding-bottom: 24px; position: relative;} .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_icon::before{ content: ""; display: inline-block; height: 1px; background: #eaeaea; width: calc(100% + 100vw); left: -10vw; bottom: 0; position: absolute;} .Homebrand .Homebrand_Content .Homebrand_Content_list:hover .Content_list_icon::before{ background: #ffec00;} .Homebrand .Homebrand_Content .Homebrand_Content_list.active .Content_list_icon::before{ background: #ffec00;} .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_icon img{ height: 95px;} .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_txt .list_txt_dd{ margin-bottom: 20px;} .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_txt .list_txt_dt .txt_dt_lister{ display: flex; flex-wrap: wrap; margin-bottom: 14px;} .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_txt .list_txt_dt .txt_dt_lister:last-child{ margin-bottom: 0;} .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_txt .list_txt_dt a{ display: inline-block; color: #555555; margin-right: 35px;} .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_txt .list_txt_dt a:last-child{ margin-right: 0;} .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_txt .list_txt_dt a:hover{ text-decoration: underline;} .HomebrandCase .pc_all2023_content{ margin-right: 0; max-width: 95%;} .HomebrandCase .Homebrand_case{ margin-top: 80px; position: relative;} .HomebrandCase .Homebrand_case::before{ content: ""; display: inline-block; left: 0; bottom: 0; height: 78px; background: #f9f9f9; width: 100vh; position: absolute; left: -50vw;} .HomebrandCase .Homebrand_case .Homebrand_case_list{ position: relative;} .HomebrandCase .Homebrand_case .Homebrand_case_list *{-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;} .HomebrandCase .Homebrand_case .Homebrand_case_list *:hover{-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;} .HomebrandCase .Homebrand_case .Homebrand_case_list .case_list_img{ display: flex; overflow: hidden; position: relative;} .HomebrandCase .Homebrand_case .Homebrand_case_list .case_list_img img{ width: 100%;} .HomebrandCase .Homebrand_case .Homebrand_case_list .case_list_li{ position: absolute; z-index: 2; opacity: 0; display: flex;} .HomebrandCase .Homebrand_case .Homebrand_case_list.swiper-slide-active .case_list_li{ opacity: 1;} .HomebrandCase .Homebrand_case .Homebrand_case_list .case_list_li img{ width: 100%;} .HomebrandCase .Homebrand_case .Homebrand_case_list1 .case_list_li.case_list_li1{ left: 20%; bottom: 16%; z-index: 3; width: 5.5vw;} .HomebrandCase .Homebrand_case .Homebrand_case_list1 .case_list_li.case_list_li2{ left: 24%; bottom: 22%; width: 7vw;} .HomebrandCase .Homebrand_case .Homebrand_case_list1 .case_list_li.case_list_li3{ left: 60%; bottom: 19%; width: 11.5vw;} .HomebrandCase .Homebrand_case .Homebrand_case_list1.swiper-slide-active .case_list_li.case_list_li1{ bottom: 6%; transition-delay: 0.7s;} .HomebrandCase .Homebrand_case .Homebrand_case_list1.swiper-slide-active .case_list_li.case_list_li2{ bottom: 12%; transition-delay: 0.8s;} .HomebrandCase .Homebrand_case .Homebrand_case_list1.swiper-slide-active .case_list_li.case_list_li3{ bottom: 9%; transition-delay: 0.9s;} .HomebrandCase .Homebrand_case .Homebrand_case_list2 .case_list_li.case_list_li1{ left: 14%; bottom: 27%; width: 35vw;} .HomebrandCase .Homebrand_case .Homebrand_case_list2 .case_list_li.case_list_li2{ left: 61%; bottom: 15%; width: 20vw;} .HomebrandCase .Homebrand_case .Homebrand_case_list2.swiper-slide-active .case_list_li.case_list_li1{ bottom: 17%; transition-delay: 0.7s;} .HomebrandCase .Homebrand_case .Homebrand_case_list2.swiper-slide-active .case_list_li.case_list_li2{ bottom: 5%; transition-delay: 0.8s;} .HomebrandCase .Homebrand_case .Homebrand_case_list3 .case_list_li.case_list_li1{ left: 0%; top: -10%; width: 17.4vw;} .HomebrandCase .Homebrand_case .Homebrand_case_list3 .case_list_li.case_list_li2{ left: 0%; bottom: 10%; width: 21vw;} .HomebrandCase .Homebrand_case .Homebrand_case_list3 .case_list_li.case_list_li3{ left: 28%; top: -10%; width: 20vw;} .HomebrandCase .Homebrand_case .Homebrand_case_list3 .case_list_li.case_list_li4{ left: 8%; top: -14%; width: 30vw;} .HomebrandCase .Homebrand_case .Homebrand_case_list3 .case_list_li.case_list_li5{ left: 37%; top: -13%; z-index: 3; width: 23.5vw;} .HomebrandCase .Homebrand_case .Homebrand_case_list3 .case_list_li.case_list_li6{ left: 11%; bottom: 10%; width: 29vw;} .HomebrandCase .Homebrand_case .Homebrand_case_list3 .case_list_li.case_list_li7{ left: 48%; top: -10%; width: 29.5vw;} .HomebrandCase .Homebrand_case .Homebrand_case_list3 .case_list_li.case_list_li8{ right: 0; top: -10%; width: 18.5vw;} .HomebrandCase .Homebrand_case .Homebrand_case_list3 .case_list_li.case_list_li9{ right: 0; top: -26%; width: 28vw;} .HomebrandCase .Homebrand_case .Homebrand_case_list3 .case_list_li.case_list_li10{ right: 0; bottom: 10%; width: 13vw;} .HomebrandCase .Homebrand_case .Homebrand_case_list3 .case_list_li.case_list_li11{ right: 12%; bottom: 10%; width: 33vw;} .HomebrandCase .Homebrand_case .Homebrand_case_list3.swiper-slide-active .case_list_li.case_list_li1{ top: 0%; transition-delay: 0.7s;} .HomebrandCase .Homebrand_case .Homebrand_case_list3.swiper-slide-active .case_list_li.case_list_li2{ bottom: 0%; transition-delay: 0.8s;} .HomebrandCase .Homebrand_case .Homebrand_case_list3.swiper-slide-active .case_list_li.case_list_li3{ top: 0%; transition-delay: 0.9s;} .HomebrandCase .Homebrand_case .Homebrand_case_list3.swiper-slide-active .case_list_li.case_list_li4{ top: 4%; transition-delay: 1s;} .HomebrandCase .Homebrand_case .Homebrand_case_list3.swiper-slide-active .case_list_li.case_list_li5{ top: 3%; transition-delay: 0.7s;} .HomebrandCase .Homebrand_case .Homebrand_case_list3.swiper-slide-active .case_list_li.case_list_li6{ bottom: 0%; transition-delay: 0.8s;} .HomebrandCase .Homebrand_case .Homebrand_case_list3.swiper-slide-active .case_list_li.case_list_li7{ top: 0%; transition-delay: 0.9s;} .HomebrandCase .Homebrand_case .Homebrand_case_list3.swiper-slide-active .case_list_li.case_list_li8{ top: 0%; transition-delay: 1s;} .HomebrandCase .Homebrand_case .Homebrand_case_list3.swiper-slide-active .case_list_li.case_list_li9{ top: 16%; transition-delay: 0.7s;} .HomebrandCase .Homebrand_case .Homebrand_case_list3.swiper-slide-active .case_list_li.case_list_li10{ bottom: 0%; transition-delay: 0.8s;} .HomebrandCase .Homebrand_case .Homebrand_case_list3.swiper-slide-active .case_list_li.case_list_li11{ bottom: 0%; transition-delay: 0.9s;} .HomebrandCase .Homebrand_case .Homebrand_case_list4 .case_list_li.case_list_li1{ right: 8%; top: -30%; width: 17vw;} .HomebrandCase .Homebrand_case .Homebrand_case_list4 .case_list_li.case_list_li2{ left: 20%; bottom: 42%; width: 9vw;} .HomebrandCase .Homebrand_case .Homebrand_case_list4 .case_list_li.case_list_li3{ left: 6%; top: -59%; width: 11vw;} .HomebrandCase .Homebrand_case .Homebrand_case_list4 .case_list_li.case_list_li4{ right: 6%; bottom: 37%; width: 18.5vw;} .HomebrandCase .Homebrand_case .Homebrand_case_list4 .case_list_li.case_list_li5{ left: 15%; top: -25%; z-index: 3; width: 15vw;} .HomebrandCase .Homebrand_case .Homebrand_case_list4 .case_list_li.case_list_li6{ left: 26%; bottom: 10%; width: 49vw;} .HomebrandCase .Homebrand_case .Homebrand_case_list4.swiper-slide-active .case_list_li.case_list_li1{ top: 20%; transition-delay: 0.7s;} .HomebrandCase .Homebrand_case .Homebrand_case_list4.swiper-slide-active .case_list_li.case_list_li2{ bottom: 32%; transition-delay: 0.8s;} .HomebrandCase .Homebrand_case .Homebrand_case_list4.swiper-slide-active .case_list_li.case_list_li3{ top: 49%; transition-delay: 0.9s;} .HomebrandCase .Homebrand_case .Homebrand_case_list4.swiper-slide-active .case_list_li.case_list_li4{ bottom: 27%; transition-delay: 1s;} .HomebrandCase .Homebrand_case .Homebrand_case_list4.swiper-slide-active .case_list_li.case_list_li5{ top: 15%; transition-delay: 0.7s;} .HomebrandCase .Homebrand_case .Homebrand_case_list4.swiper-slide-active .case_list_li.case_list_li6{ bottom: 0%; transition-delay: 0.8s;} .HomebrandCase .Homebrand_case .swiper-button-prev{ height: 78px; width: 108px; background: #f9f9f9; left: 0; top: auto; margin-top: 0; bottom: 0;} .HomebrandCase .Homebrand_case .swiper-button-next{ height: 78px; width: 108px; background: #f9f9f9; right: auto; left: 108px; top: auto; margin-top: 0; bottom: 0;} .HomebrandCase .Homebrand_case .swiper-button-prev:after,.HomebrandCase .Homebrand_case .swiper-button-next:after{ font-size: 22px; color: #999;} .HomebrandCase .Homebrand_case .swiper-button-prev:hover,.HomebrandCase .Homebrand_case .swiper-button-next:hover{ background: #ffec00;} .HomebrandCase .Homebrand_case .swiper-button-prev:hover:after,.HomebrandCase .Homebrand_case .swiper-button-next:hover:after{ color: #111;} .HomeProduct{ background: #f9f9f9;} .HomeProduct.color{ background: #fff;} .HomeProduct .HomeProduct_content{ display: flex; flex-wrap: wrap; margin-bottom: -80px; justify-content: space-between;} .HomeProduct .HomeProduct_content .HomeProduct_content_list{ width: 32%; margin-bottom: 2%; position: relative;} .HomeProduct .HomeProduct_content .HomeProduct_content_list .content_list_img{ display: flex; overflow: hidden; position: relative;} .iconbg{ position: absolute; left: 0; top: 0; display: inline-block; width: 100%; height: 100%; opacity: 0; visibility: visible !important;} .HomeProduct .HomeProduct_content .HomeProduct_content_list .content_list_img video{ position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; object-fit: cover;} .HomeProduct .HomeProduct_content .HomeProduct_content_list:hover .content_list_img video{ opacity: 1;} .HomeProduct .HomeProduct_content .HomeProduct_content_list .content_list_img img{ width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .HomeProduct .HomeProduct_content .HomeProduct_content_list:hover .content_list_img img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .HomeProduct .HomeProduct_content .HomeProduct_content_list .content_list_title{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 34px; display: flex; align-items: flex-end; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .8) 100%); color: #fff;} .HomeProduct .HomeProduct_content .HomeProduct_content_list .content_list_title .list_title_dd{ margin-right: 12px;} .ICase .ICase_content {display:flex;flex-wrap:wrap; justify-content: space-between;} .ICase .ICase_content .ICase_content_list {width:calc(33.33% - 10px);display:inline-block;position:relative;margin-bottom:15px;overflow:hidden;} .ICase .ICase_content .ICase_content_list::before {content:"";display:inline-block;width:0%;height:0.2084vw;bottom:0;left:0;background:#ffe100;position:absolute;z-index:10;opacity:0;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .ICase .ICase_content .ICase_content_list:hover::before {width:100%;opacity:1;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .ICase .ICase_content .ICase_content_list .content_list_img{ position: relative;} .ICase .ICase_content .ICase_content_list .content_list_img img {width:100%;object-fit:cover;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .ICase .ICase_content .ICase_content_list .content_list_img video{ display: block;position: absolute; left: 50%; top: 45%; width: 88%; border-radius: 10px; border: 4px solid rgba(255, 255, 255, .3); transform: translateX(-50%) translateY(-50%) scale(1);} .ICase .ICase_content .ICase_content_list:hover .content_list_img video { transform: translateX(-50%) translateY(-50%) scale(1.1);} .ICase .ICase_content .ICase_content_list:hover .content_list_img img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);filter:scale(1.1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .ICase .ICase_content .ICase_content_list .content_list_txt {position:absolute;bottom:0vw;left:0;width:100%;height:50%;background:linear-gradient(to bottom,rgba(0,0,0,0) 30%,rgba(0,0,0,.8) 100%);display:flex;align-items: flex-end; padding:1.563vw;opacity:1;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .ICase .ICase_content .ICase_content_list .content_list_txt .list_txt_dd {font-size:1.1462vw;color:#fff;font-family:'SourceHanSansCN-Regular';position:relative; text-align: center; width: 100%;} .ICase .ICase_content .ICase_content_list .content_list_txt .list_txt_dd span{font-size:0.7294vw;color:#fff; margin-top: 0.6vw; display: inline-block; width: 100%;} .ICase .ICase_content .ICase_content_list .content_list_logo {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:5;background:rgba(0,0,0,.8);opacity:0;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);filter:scale(1.5);filter:transform;} .ICase .ICase_content .ICase_content_list .content_list_logo img {max-height:3.4907vw;max-width:100%;} .ICase .ICase_content .ICase_content_list:hover .content_list_logo {opacity:1;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;} .ICase .ICase_content .ICase_content_list:hover .content_list_txt {opacity:0;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .ICase .ICase_content .ICase_content_list .content_list_tag{ position: absolute; left: 20px; top: 20px; z-index: 8; display: flex; align-items: center;} .ICase .ICase_content .ICase_content_list .content_list_tag .list_tag_li{ font-size: 12px; color: #fff; border-radius: 100px; padding: 5px 10px; background: rgba(255, 255, 255, 0.3); margin-right: 9px; display: inline-block;} .ICase .ICase_content .ICase_content_list .content_list_tag .list_tag_li:hover{ background: #ffec00; color: #111;} .ICase.active .ICase_content .ICase_content_list .content_list_logo{ display: none;} .ICase .ICase_content .ICase_content_list .content_list_title{ display: none;} .ICase.active .ICase_content .ICase_content_list .content_list_title{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:5;background:rgba(0,0,0,.8);opacity:0;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);filter:scale(1.5);filter:transform; color: #fff;backdrop-filter: blur(3.6px);} .ICase.active .ICase_content .ICase_content_list:hover .content_list_title {opacity:1;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;} .DCase2 .ICase_content .ICase_content_list .content_list_img img{ -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); filter: scale(1.01); filter: transform; } .btn *{-webkit-transition:all .3s cubic-bezier(0, 0, 0, 0);-moz-transition:all .3s cubic-bezier(0, 0, 0, 0);transition:all .3s cubic-bezier(0, 0, 0, 0);} .btn *:hover{-webkit-transition:all .3s cubic-bezier(0, 0, 0, 0);-moz-transition:all .3s cubic-bezier(0, 0, 0, 0);transition:all .3s cubic-bezier(0, 0, 0, 0);} .btn{ display: flex; align-items: center; color: #000000;} .btn span{ width: 73px; height: 73px; display: flex; align-items: center; justify-content: center; border-radius: 0px; margin-left: -17px; z-index: 1; border: 1px solid #d4d4d4; position: relative;} .btn i{ font-style: normal; position: relative; z-index: 2;} .btn span img{ height: 17px;} .btn span img:first-child{ position: relative; left: 0px;} .btn.color{ color: #fff;} .btn.color span{ border: 1px solid rgba(252,252,252,.3);} .btn.color2 span{ background: #ffe100; border: 1px solid #ffe100;} .btn:hover span{ border: 1px solid #ffe100; } .btn span img:last-child{ position: absolute; opacity: 0; margin-left: -20px; } .btn span::before{ content: ""; display: inline-block; width: 0; height: 100%; background: #ffe100; position: absolute; left: 0; top: 0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease; opacity: 0;} .btn:hover span::before{ width: 100%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease; opacity: 1;} .btn:hover span img:first-child{ opacity: 0; left: 20px;} .btn:hover span img:last-child{ opacity: 1; margin-left: 0px;} .HomeAdvantage{ background: url(../images/bg12.jpg) no-repeat 50%/cover;} .HomeAdvantage .pc_all2023_content{ display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_left{ width: 40%;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_left .HomeAdvantage_left_nav{ padding-top: 40px;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_left .HomeAdvantage_left_nav .left_nav_list{ color: #a7a7a7; position: relative; width: 135px; height: 85px; border: 1px solid rgba(255,255,255,0); display: flex; align-items: center; justify-content: center;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;transition:all .35s ease; cursor: pointer; margin-bottom: 52px;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_left .HomeAdvantage_left_nav .left_nav_list:last-child{ margin-bottom: 0;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_left .HomeAdvantage_left_nav .left_nav_list span{-webkit-transition:all .35s ease;-moz-transition:all .35s ease;transition:all .35s ease;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_left .HomeAdvantage_left_nav .left_nav_list.active{ font-size: 30px; height: 135px; color: #ffec00; border: 1px solid rgba(255,255,255,.13); transform: rotate(45deg);-webkit-transition:all .35s ease;-moz-transition:all .35s ease;transition:all .35s ease;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_left .HomeAdvantage_left_nav .left_nav_list.active span{ transform: rotate(-45deg);-webkit-transition:all .35s ease;-moz-transition:all .35s ease;transition:all .35s ease;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right{ width: 55%; height: 776px;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list{ display: flex; align-items: flex-end; padding: 43px 0px; border-bottom: 1px solid rgba(255,255,255,.1);} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_content{ width: 70%;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_content .list_content_title{ color: #fff; text-transform: uppercase; display: none;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_content .list_content_txt{ position: relative;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_content .list_content_txt::before{ content: ""; display: inline-block; width: 50px; height: 2px; background: #ffec00; position: absolute; top: 20px; left: 0; opacity: 0;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_content .list_content_txt .content_txt_dd{ color: #a7a7a7; margin-bottom: 22px;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_content .list_content_txt .content_txt_dt{ color: #fff; display: none; line-height: 1.5;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_content .list_content_txt{ margin-top: 70px; padding-top: 30px;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list.active .right_list_content .list_content_txt::before{ opacity: 1; top: 0;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list.active .right_list_icon{ opacity: 1;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list.active .right_list_content .list_content_title{ display: block;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list.active .right_list_content .list_content_txt .content_txt_dt{ display: block;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_icon{ width: 20%; text-align: right; opacity: 0;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_icon img{ width: 140px; max-width: 100%;} .HomeNews .HomeNews_content{ display: flex; justify-content: space-between; flex-wrap: wrap;} .HomeNews .HomeNews_content .HomeNews_content_list{ width: 49%; display: inline-block;} .HomeNews .HomeNews_content .HomeNews_content_list .content_list_top .list_top_img{ display: flex; overflow: hidden; position: relative;} .HomeNews .HomeNews_content .HomeNews_content_list .content_list_top .list_top_img img{ width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .HomeNews .HomeNews_content .HomeNews_content_list .content_list_top:hover .list_top_img img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .HomeNews .HomeNews_content .HomeNews_content_list .content_list_top .list_top_title{ background: #f9f9f9; padding: 30px;} .HomeNews .HomeNews_content .HomeNews_content_list .content_list_top .list_top_title .top_title_dd{ color: #000000; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .HomeNews .HomeNews_content .HomeNews_content_list .content_list_top .list_top_title .top_title_dt{ display: flex; align-items: center; justify-content: space-between; margin-top: 20px;} .HomeNews .HomeNews_content .HomeNews_content_list .content_list_top .list_top_title .top_title_dt .title_dt_left{color: #666666;} .HomeNews .HomeNews_content .HomeNews_content_list .content_list_top .list_top_title .top_title_dt .title_dt_right img{ height: 17px;} .HomeNews .HomeNews_content .HomeNews_content_list .content_list_bottom{ margin-top: 25px;} .HomeNews .HomeNews_content .HomeNews_content_list .content_list_bottom .list_bottom_li{ display: flex; align-items: center; justify-content: space-between; height: 55px; border-bottom: 1px solid #eaeaea; position: relative;} .HomeNews .HomeNews_content .HomeNews_content_list .content_list_bottom .list_bottom_li::before{content: ""; display: inline-block; width: 0%; height: 1px; position: absolute; bottom: -1px; background: #ffec00;} .HomeNews .HomeNews_content .HomeNews_content_list .content_list_bottom .list_bottom_li .bottom_li_dd{ width: calc(100% - 100px); overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color: #555555;} .HomeNews .HomeNews_content .HomeNews_content_list .content_list_bottom .list_bottom_li .bottom_li_dt{ color: #555555;} .HomeNews .HomeNews_content .HomeNews_content_list .content_list_bottom .list_bottom_li:hover::before{ width: 100%;} .HomePartners{ background: #f4f4f4; overflow: hidden;} .HomePartners .HomePartners_content{ position: relative; margin-bottom: -20px;} .HomePartners .HomePartners_content .HomePartners_content_lister{ display: flex; flex-wrap: wrap; justify-content: space-between;} .HomePartners .HomePartners_content::before{ content: ""; display: inline-block; width: calc(270px + 130px); background: #000; height: calc(100% + 80px); position: absolute; left: -130px; top: 50%; transform: translateY(-50%); background: linear-gradient(to right,rgba(244,244,244,1), rgba(244,244,244,0)); z-index: 2;} .HomePartners .HomePartners_content::after{ content: ""; display: inline-block; width: calc(270px + 130px); background: #000; height: calc(100% + 80px); position: absolute; right: -130px; top: 50%; transform: translateY(-50%); background: linear-gradient(to left,rgba(244,244,244,1), rgba(244,244,244,0)); z-index: 2;} .HomePartners .HomePartners_content .HomePartners_content_list{ width: calc(100% / 8 - 1%); box-shadow: 0px 0px 16px rgba(0,0,0,.03); border: 1px solid #eaeaea; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; padding: 1%;} .HomePartners .HomePartners_content .HomePartners_content_list img{ max-width: 100%; max-height: 49px;} .HomePartners .HomePartners_content .HomePartners_content_lister:nth-child(2n){ position: relative; left: 50px;} .Footer2023{ position: relative; background: #555657;} .Footer2023::before{ content: ""; display: inline-block; background: #3f4041; position: absolute; left: -20px; bottom: 0; width: calc(100% + 40px); height: 70%; z-index: -1;} .Footer2023 .pc_all2023_content{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;} .Footer2023 .pc_all2023_content .Copyright_dd{ line-height: 1.5;} .Footer2023 .Footer2023_left{ width: 50%;} .Footer2023 .Footer2023_left .Footer2023_left_title{ color: #fff; margin-bottom: 80px;} .Footer2023 .Footer2023_left .Footer2023_left_txt{ color: #fff;} .Footer2023 .Footer2023_left .Footer2023_left_btn{ position: relative; margin-top: 50px; padding-top: 50px; display: flex;} .Footer2023 .Footer2023_left .Footer2023_left_btn::before{ content: ""; display: inline-block; width: 50px; height: 1px; background: #fff; position: absolute; top: 0; left: 0;} .Footer2023 .Footer2023_left .Footer2023_left_btn a{ display: flex; align-items: center; color: #fff;} .Footer2023 .Footer2023_left .Footer2023_left_btn a img{ width: 15px;} .Footer2023 .Footer2023_left .Footer2023_left_btn a img:first-child{ margin-right: 10px;} .Footer2023 .Footer2023_left .Footer2023_left_btn a img:last-child{ margin-left: 10px;} .Footer2023 .Footer2023_left .Footer2023_left_phone{ display: flex; align-items: center; margin: 50px 0px; flex-wrap: wrap;} .Footer2023 .Footer2023_left .Footer2023_left_phone .left_phone_list{ color: #8f8f8f; margin-right: 60px;} .Footer2023 .Footer2023_left .Footer2023_left_phone .left_phone_list span{ color: #ffe100;} .Footer2023 .Footer2023_left .Footer2023_left_phone .left_phone_list a{ color: #ffe100;} .Contact .pc_all_content .Contact_right .Contact_right_list .right_list_txt .list_txt_li a{ color: #fff;} .Footer2023 .Footer2023_left .Footer2023_left_phone .left_phone_list:last-child{ margin-right: 0;} .Footer2023 .Footer2023_left .Footer2023_left_nav{ display: flex; justify-content: space-between;} .Footer2023 .Footer2023_left .Footer2023_left_nav .left_nav_list{ width: 23%; border-top: 1px solid #fff; padding-top: 22px;} .Footer2023 .Footer2023_left .Footer2023_left_nav .left_nav_list .nav_list_dd{ color: #fff; margin-bottom: 10px;} .Footer2023 .Footer2023_left .Footer2023_left_nav .left_nav_list .nav_list_dt{ color: #8f8f8f;} .Footer2023 .Footer2023_left .Footer2023_left_nav .left_nav_list:hover{ border-top: 1px solid #ffec00;} .Footer2023 .Footer2023_left .Footer2023_left_nav .left_nav_list:hover .nav_list_dd{ color: #ffec00;} .Footer2023 .Footer2023_right{ width: 35%;} .Footer2023 .Footer2023_right .Footer2023_right_map{ display: flex;} .Footer2023 .Footer2023_right .Footer2023_right_map img{ width: 100%;} .Footer2023 .Footer2023_right .Footer2023_right_address{ width: 100%;} .Footer2023 .Footer2023_right .Footer2023_right_address .right_address_title{ color: #fff; margin-bottom: 40px; position: relative; display: inline-block;} .Footer2023 .Footer2023_right .Footer2023_right_address .right_address_title::before{ content: ""; display: inline-block; width: 100%; bottom: -41px; left: 0; height: 1px; background: #ffec00; position: absolute;} .Footer2023 .Footer2023_right .Footer2023_right_address .right_address_txt{ display: flex; align-items: center; border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); padding: 23px 0px;} .Footer2023 .Footer2023_right .Footer2023_right_address .right_address_txt .address_txt_dd{ width: 106px;} .Footer2023 .Footer2023_right .Footer2023_right_address .right_address_txt .address_txt_dd img{ width: 70px;} .Footer2023 .Footer2023_right .Footer2023_right_address .right_address_txt .address_txt_dt{ display: flex; flex-wrap: wrap; justify-content: space-between; width: calc(100% - 106px); margin-bottom: -20px;} .Footer2023 .Footer2023_right .Footer2023_right_address .right_address_txt .address_txt_dt a{ display: inline-block; color: #fff; width: 16.666%; margin-bottom: 20px; text-align: center;} .Footer2023 .Footer2023_right .Footer2023_right_address .right_address_txt .address_txt_dt a:hover{ color: #ffec00;} .Footer2023 .Copyright{ background: #3f4041; padding: 46px 0px; color: #8f8f8f;} .Footer2023 .Copyright .Copyright_dd a{ color: #8f8f8f; margin: 0px 8px;} .Footer2023 .Copyright .Copyright_dd a:hover{ color: #fff;} .Footer2023 .Copyright .Copyright_dt{ display: flex; align-items: center;} .Footer2023 .Copyright .Copyright_dt a:hover .wechat-qrcode{ display: block;} .Footer2023 .Copyright .Copyright_dt a{ width: 22px; height: 22px; margin-left: 22px; display: inline-block; position: relative;} .Footer2023 .Copyright .Copyright_dt a:nth-child(1){ background: url('../images/sv14.svg') no-repeat 50% 50%; background-size: 22px;} .Footer2023 .Copyright .Copyright_dt a:nth-child(2){ background: url('../images/sv15.svg') no-repeat 50% 50%; background-size: 17px;} .Footer2023 .Copyright .Copyright_dt a:nth-child(3){ background: url('../images/sv16.svg') no-repeat 50% 50%; background-size: 22px; } .Footer2023 .Copyright .CopyrightLink{ justify-content: flex-start; margin-bottom: 10px;} .Footer2023 .Copyright .CopyrightLink a{ color: #fff; margin-right: 10px; color: #8f8f8f;} .Footer2023 .Copyright .CopyrightLink a:hover{ color: #fff;} .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms} .wechat-qrcode.bottom{top:40px;left:-84px} .wechat-qrcode.bottom:after{display:none} .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777} .social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto} .wechat-qrcode .qrcode table{margin:0 !important} .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0} .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent} .wipeUp{ position: absolute; right: 0; bottom: 200px; color: #fff; text-transform: uppercase; cursor: pointer;} .wipeUp::before{ content: ""; display: inline-block; width: 1px; height: 70px; background: #fff; position: absolute; top: -130px; left: 45px;} .wipeUp span{transform: rotate(90deg); display: inline-block;} .FloatingWindow{ position: fixed; right: 0; bottom: 50%; width: 46px; z-index: 5;-webkit-transition:none;-moz-transition:none;transition:none; display: none;} .FloatingWindow .FloatingWindow_top{ background: #ffe100; border-radius: 4px; margin-bottom: 12px; padding: 12px 0px; width: 100%; text-align: center; box-shadow: 0px 0px 20px rgba(147,132,18,.1); cursor: pointer; display: inline-block;} .FloatingWindow .FloatingWindow_top .FloatingWindow_top_icon{ margin-bottom: 8px;} .FloatingWindow .FloatingWindow_top .FloatingWindow_top_icon img{ height: 19px;} .FloatingWindow .FloatingWindow_top .FloatingWindow_top_title{ font-size: 14px; color: #000000; line-height: 1.2;} .FloatingWindow .FloatingWindow_bottom{ background: #fff; border-radius: 4px; box-shadow: 0px 0px 20px rgba(0,0,0,.1);} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list{ cursor: pointer; position: relative; padding: 16px 0px;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list:last-child{ margin-bottom: 0;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list:hover{ background: #ffe100;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list .bottom_list_icon{ text-align: center;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list .bottom_list_icon img{ height: 19px;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list.ClickTop .bottom_list_icon img{ height: 11px;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list .bottom_list_down{ position: absolute; width: 150px; left: -150px; background: #ffe100; box-shadow: 0px 0px 20px rgba(0,0,0,.1); line-height: 53px; top: 0px; text-align: center; font-size: 18px; color: #111; font-weight: bolder; display: none;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list:hover .bottom_list_down{ display: block;} @media screen and (max-width:1650px){ .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_icon{ margin-bottom: 22px; padding-bottom: 22px;} .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_icon img{ height: 90px;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right{ width: 56%;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_icon img{ width: 130px;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_content .list_content_txt{ margin-top: 65px; padding-top: 28px;} } @media screen and (max-width:1550px){ .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_icon{ margin-bottom: 20px; padding-bottom: 20px;} .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_icon img{ height: 88px;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right{ width: 57%;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_icon img{ width: 120px;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_content .list_content_txt{ margin-top: 60px; padding-top: 26px;} } @media screen and (max-width:1450px){ .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_icon{ margin-bottom: 18px; padding-bottom: 18px;} .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_icon img{ height: 85px;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right{ width: 58%;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_icon img{ width: 110px;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_content .list_content_txt{ margin-top: 55px;} } @media screen and (max-width:1366px){ .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_icon img{ height: 83px;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right{ width: 59%;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_icon img{ width: 100px;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_content .list_content_txt{ margin-top: 50px; } } @media screen and (max-width:1280px){ .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_icon img{ height: 80px;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right{ width: 60%;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_icon img{ width: 90px;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_content .list_content_txt{ margin-top: 45px;} } @media screen and (max-width:1200px){ .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_icon img{ height: 76px;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_left{ width: 38%;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right{ width: 61%;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_icon img{ width: 80px;} } @media screen and (max-width:1024px){ /*ipad-y*/ .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_icon img{ height: 72px;} .Homebrand .Homebrand_Content .Homebrand_Content_list{ width: 24%;} .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_txt .list_txt_dt{ justify-content: space-between;} .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_txt .list_txt_dt a{ margin-right: 0; width: 49%;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_left{ width: 37%;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right{ width: 62%;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_icon img{ width: 70px;} } @media screen and (max-width:980px){ /*ipad-x*/ .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_icon img{ height: 68px;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_left{ width: 36%;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right{ width: 63%;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_icon img{ width: 60px;} } @media screen and (max-width:766px){ /*iphone*/ .banner .banner_list .banner_list_po .list_po_title{ font-size: 30px;} .banner .banner_list .banner_list_po .list_po_txt{ margin-top: 10px; font-size: 20px; line-height: 1.5;} .banner .banner_list .banner_list_po .list_po_p{ margin-top: 30px;} .banner.DBnaner .banner_list .banner_list_po{ bottom: 155px; } .banner .banner_list .banner_list_po{ bottom: 110px;} .banner .banner_btn .pc_all2023_content{ bottom: 60px;} .FloatingWindow2{ display: none;} .banner2024{ margin-top: 62px;} .banner2024 .banner2024_list .banner2024_list_img img{ height: calc(70vh - 62px);} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_logo img{ height: 25px;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_logo{ margin-bottom: 10px;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_title .left_title_dd{ margin-bottom: 10px; font-size: 22px;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_title .left_title_dt{ font-size: 22px;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_txt{ font-size: 16px; margin-top: 13px; margin-bottom: 13px;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_btn a{font-size: 16px; padding: 13px 15px;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left .po_left_btn a img{height: 10px; margin-left: 10px;} .banner2024 .banner2024_list .banner2024_list_po{ align-items: flex-start; justify-content: center; flex-direction: column;} .banner2024 .banner2024_list .banner2024_list_po .list_po_left{ width: 100%;} .banner2024 .banner2024_list .banner2024_list_po .list_po_right{ margin-top: 25px; width: 100%;} .banner2024 .banner2024_list.active .banner2024_list_po .list_po_left{ padding: 25px;} .banner2024 .banner2024_list.active .banner2024_list_po .list_po_left::before{ left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);} .banner2024 .swiper-pagination{ bottom: 25px;} .banner2024 .swiper-pagination span{ width: 15px; height: 2px;} .banner2024 .banner2024_list .banner2024_list_po .list_po_right img{ border-radius: 8px; border: 3px solid #111;} .ICase .ICase_content{ justify-content: space-between; position: relative;} .ICase .ICase_content .ICase_content_list{ width: 100%; margin-right: 0; margin-bottom: 20px;} .ICase .ICase_content .ICase_content_list:last-child{ margin-bottom: 0px;} .ICase .ICase_content .ICase_content_list .content_list_img{ height: 100%;} .ICase .ICase_content .ICase_content_list .content_list_img img{ height: 100%;} .ICase .ICase_content .ICase_content_list .content_list_txt{ padding: 20px;} .ICase .ICase_content .ICase_content_list .content_list_txt .list_txt_dd{ font-size: 16px;} .ICase .ICase_content .ICase_content_list .content_list_txt .list_txt_dd::before{ width: 20px; height:1px;} .ICase .ICase_content .ICase_content_list .content_list_txt .list_txt_dd span{ font-size: 14px; margin-top: 8px;} .Homebrand .Homebrand_Content .Homebrand_Content_list{ width: 100%; margin-bottom: 25px; padding: 20px; background: #f7f7f7;} .Homebrand .Homebrand_Content .Homebrand_Content_list:last-child{ margin-bottom: 0;} .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_icon img{ height: 55px;} .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_txt .list_txt_dt .txt_dt_lister{ justify-content: space-between;} .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_txt .list_txt_dt a{ font-size: 16px; margin-right: 0; width: 49%;} .Homebrand .Homebrand_Content .Homebrand_Content_list .Content_list_icon::before{ width: 100%; left: 0;} .HomeProduct .HomeProduct_content{ margin-bottom: 0; padding: 0px 4%;} .HomeProduct .HomeProduct_content .HomeProduct_content_list{ width: 100%; margin-bottom: 35px;} .HomeProduct .HomeProduct_content .HomeProduct_content_list:last-child{ margin-bottom: 0;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_left,.HomeAdvantage .pc_all2023_content .HomeAdvantage_right{ width: 100%;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_left{ margin-bottom: 35px;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_left .HomeAdvantage_left_nav .left_nav_list.active span,.HomeAdvantage .pc_all2023_content .HomeAdvantage_left .HomeAdvantage_left_nav .left_nav_list.active{ transform: rotate(0);} .HomeAdvantage .pc_all2023_content .HomeAdvantage_left .HomeAdvantage_left_nav{ display: flex; padding-top: 0; justify-content: space-between;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_left .HomeAdvantage_left_nav .left_nav_list{ margin-bottom: 0; height: 46px; width: 32%; border: 1px solid rgba(255,255,255,.1);} .HomeAdvantage .pc_all2023_content .HomeAdvantage_left .HomeAdvantage_left_nav .left_nav_list.active{ font-size: 18px; height: auto; background: #ffec00; color: #111; width: 32%;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list{ display: none; flex-wrap: wrap; border-bottom: 0; padding-top: 10px;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list.active{ display: flex;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right{ height: auto;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_content,.HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_icon{ width: 100%;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_icon{ margin-top: 30px; text-align: left;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_icon img{ width: auto; height: 75px;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_content .list_content_txt{ margin-top: 25px; padding-top: 25px;} .HomeAdvantage .pc_all2023_content .HomeAdvantage_right .HomeAdvantage_right_list .right_list_content .list_content_title{ font-size: 32px;} .HomeNews .HomeNews_content .HomeNews_content_list{ width: 100%;} .HomeNews .HomeNews_content .HomeNews_content_list .content_list_top .list_top_title{ padding: 18px; } .HomeNews .HomeNews_content .HomeNews_content_list .content_list_top .list_top_title .top_title_dt .title_dt_right img{ height: 13px;} .HomePartners .HomePartners_content{ margin-bottom: 0;} .HomePartners .HomePartners_content .HomePartners_content_list{ width: 49%; padding: 15px; margin-bottom: 2%; background: #fff; box-shadow: 0px 0px 0px;} .HomePartners .HomePartners_content .HomePartners_content_lister:nth-child(2n){ left: 0;} .HomePartners .HomePartners_content::before,.HomePartners .HomePartners_content::after{ display: none;} } /* 首页结束 */ /* 服务开始 */ .DBnaner .banner_list .banner_list_po .list_po_title,.DBnaner .banner_list .banner_list_po .list_po_txt{ display: block;} .DBnaner .banner_btn .pc_all2023_content{ justify-content: flex-end; } .DBnaner .banner_list .banner_list_po .list_po_content::before{ height: calc(100% + 60px); } .ServiceBrand .pc_all2023_content{ display: flex; justify-content: space-between; flex-wrap: wrap;} .ServiceBrand .ServiceBrand_left{ width: 40%;} .ServiceBrand .ServiceBrand_left .ServiceBrand_left_img img{ width: 100%;} .ServiceBrand .ServiceBrand_right{ width: 55%;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list{ display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; margin-bottom: -1px; padding: 40px 30px;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list:hover{ background: #fafafa;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_left{ display: flex; align-items: center; justify-content: space-between; width: 260px;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_left .list_left_icon img{ width: 92px;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_left .list_left_title{ line-height: 1.4;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_txt{ width: calc(100% - 390px);} .ServiceOriginality{ background: url('../images/bg22.jpg') no-repeat 50%/cover; } .ServiceOriginality .ServiceOriginality_content{ display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;} .ServiceOriginality .ServiceOriginality_content .ServiceOriginality_content_list{ width: 435px; max-width: 30%;} .ServiceOriginality .ServiceOriginality_content .ServiceOriginality_content_list .content_list_icon{ margin-bottom: 25px; padding-bottom: 25px; position: relative;} .ServiceOriginality .ServiceOriginality_content .ServiceOriginality_content_list .content_list_icon img{ height: 95px;} .ServiceOriginality .ServiceOriginality_content .ServiceOriginality_content_list:nth-child(1) .content_list_icon::before{ content: ""; display: inline-block; width: calc(100% + 65vw); height: 1px; background: rgba(255,255,255,.1); bottom: 0; position: absolute; left: 0;} .ServiceOriginality .ServiceOriginality_content .ServiceOriginality_content_list .content_list_txt .list_txt_dd{ color: #fff; margin-bottom: 15px;} .ServiceOriginality .ServiceOriginality_content .ServiceOriginality_content_list .content_list_txt .list_txt_dd span{ opacity: .5; margin-left: 15px;} .ServiceOriginality .ServiceOriginality_content .ServiceOriginality_content_list .content_list_txt .list_txt_dt{ color: #fff;} .ServiceOperate .ServiceOperate_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .ServiceOperate .ServiceOperate_content .ServiceOperate_content_list{ width: 24%; position: relative; overflow: hidden;} .ServiceOperate .ServiceOperate_content .ServiceOperate_content_list .content_list_img{ display: flex;} .ServiceOperate .ServiceOperate_content .ServiceOperate_content_list .content_list_img img{ width: 100%; -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .ServiceOperate .ServiceOperate_content .ServiceOperate_content_list:hover .content_list_img img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);filter:scale(1.08);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .ServiceOperate .ServiceOperate_content .ServiceOperate_content_list .content_list_txt{ position: absolute; top: 0; left: 0; width: 100%; padding: 52px 32px;} .ServiceOperate .ServiceOperate_content .ServiceOperate_content_list .content_list_txt .list_txt_dd{ color: #fff;} .ServiceOperate .ServiceOperate_content .ServiceOperate_content_list .content_list_txt .list_txt_dt{ color: #fff; opacity: .6; margin-top: 20px;} .ServiceCopyright{ background: #f9f9f9;} .ServiceCopyright .pc_all2023_content{ display: flex; align-items: center; justify-content: space-between;} .ServiceCopyright .ServiceCopyright_left{ width: 40%;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list{ display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; margin-bottom: -1px; padding: 40px 30px;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list .content_list_l{ display: flex; align-items: center; justify-content: space-between; width: 43%;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list:hover{ background: #fff;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list .content_list_l .list_l_icon img{ width: 92px;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list .content_list_l .list_l_title{ line-height: 1.4;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list .content_list_r{ width: 45%;} .ServiceCopyright .ServiceCopyright_right{ width: 50%;} .ServiceCopyright .ServiceCopyright_right .ServiceCopyright_right_list{ display: flex; align-items: flex-start;} .ServiceCopyright .ServiceCopyright_right .ServiceCopyright_right_list .right_list_li{ background: #fff; border-radius: 10px; width: 338px; text-align: center; padding: 48px; margin-right: -85px; box-shadow: 0px 0px 40px rgba(0,0,0,.15); position: relative;} .ServiceCopyright .ServiceCopyright_right .ServiceCopyright_right_list .right_list_li:nth-child(1){ z-index: 3; margin-top: 120px;} .ServiceCopyright .ServiceCopyright_right .ServiceCopyright_right_list .right_list_li:nth-child(2){ z-index: 2; margin-top: 60px;} .ServiceCopyright .ServiceCopyright_right .ServiceCopyright_right_list .right_list_li:nth-child(3){ z-index: 1;} .ServiceCopyright .ServiceCopyright_right .ServiceCopyright_right_list .right_list_li .list_li_icon{ text-align: center;} .ServiceCopyright .ServiceCopyright_right .ServiceCopyright_right_list .right_list_li .list_li_icon img{ max-width: 100%;} .ServiceCopyright .ServiceCopyright_right .ServiceCopyright_right_list .right_list_li .list_li_txt{ margin-top: 40px;} .ServiceCopyright .ServiceCopyright_right .ServiceCopyright_right_list .right_list_li .list_li_txt .li_txt_dd{ margin-bottom: 20px;} .MoFooter2024Height{ display: none;} .MoFooter2024{ display: none;} .MoFooter2024Window{ display: none;} @media screen and (max-width:1650px){ .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list{ padding: 38px 28px;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_left .list_left_icon img{ width: 88px;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_left{ width: 250px;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_txt{ width: calc(100% - 350px);} .ServiceOriginality .ServiceOriginality_content .ServiceOriginality_content_list .content_list_icon img{ height: 88px;} .ServiceCopyright .ServiceCopyright_left{ width: 42%;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list{ padding: 38px 28px;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list .content_list_l .list_l_icon img{ width: 88px;} .ServiceCopyright .ServiceCopyright_right .ServiceCopyright_right_list .right_list_li{ margin-right: -75px; width: 300px; padding: 40px;} .ServiceOperate .ServiceOperate_content .ServiceOperate_content_list .content_list_txt{ padding: 60px 30px;} } @media screen and (max-width:1550px){ .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list{ padding: 36px 26px;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_left .list_left_icon img{ width: 84px;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_left{ width: 240px;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_txt{ width: calc(100% - 320px);} .ServiceOriginality .ServiceOriginality_content .ServiceOriginality_content_list .content_list_icon img{ height: 84px;} .ServiceCopyright .ServiceCopyright_left{ width: 44%;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list{ padding: 36px 26px;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list .content_list_l .list_l_icon img{ width: 84px;} .ServiceCopyright .ServiceCopyright_right .ServiceCopyright_right_list .right_list_li{ margin-right: -65px; width: 270px; padding: 35px;} .ServiceOperate .ServiceOperate_content .ServiceOperate_content_list .content_list_txt{ padding: 55px 25px;} .Header2023 .Header2023_logo{ margin-right: 60px;} .Header2023 .Header2023_nav .Header2023_nav_list,.Header2023 .Header2023_right .Header2023_right_nav .right_nav_list{ margin-right: 20px;} } @media screen and (max-width:1450px){ .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list{ padding: 32px 22px;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_left .list_left_icon img{ width: 80px;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_left{ width: 230px;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_txt{ width: calc(100% - 300px);} .ServiceOriginality .ServiceOriginality_content .ServiceOriginality_content_list .content_list_icon img{ height: 80px;} .ServiceCopyright .ServiceCopyright_left{ width: 46%;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list{ padding: 32px 22px;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list .content_list_l .list_l_icon img{ width: 80px;} .ServiceCopyright .ServiceCopyright_right .ServiceCopyright_right_list .right_list_li{ margin-right: -55px; width: 240px; padding: 30px;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list .content_list_r br{ display: none;} .ServiceOperate .ServiceOperate_content .ServiceOperate_content_list .content_list_txt{ padding: 50px 20px;} } @media screen and (max-width:1366px){ .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list{ padding: 30px 20px;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_left .list_left_icon img{ width: 78px;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_left{ width: 220px;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_txt{ width: calc(100% - 280px);} .ServiceOriginality .ServiceOriginality_content .ServiceOriginality_content_list .content_list_icon img{ height: 78px;} .ServiceCopyright .ServiceCopyright_left{ width: 47%;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list{ padding: 30px 20px;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list .content_list_l .list_l_icon img{ width: 78px;} .ServiceCopyright .ServiceCopyright_right .ServiceCopyright_right_list .right_list_li{ margin-right: -45px; width: 200px; padding: 25px;} .ServiceOperate .ServiceOperate_content .ServiceOperate_content_list .content_list_txt{ padding: 45px 20px;} .Header2023 .Header2023_logo{ margin-right: 40px;} .Header2023 .Header2023_nav .Header2023_nav_list{ margin-right: 30px;} .Header2023_logo_right,.Header2023 .Header2023_right .Header2023_right_nav .right_nav_list,.Header2023 .Header2023_nav .Header2023_nav_list .nav_list_title{ font-size: 12px;} .Header2023 .Header2023_right .Header2023_right_ai img{ height: 18px;} .Header2023 .Header2023_right .Header2023_right_btn{height: 32px; padding: 0px 10px; font-size: 12px;} .Header2023 .Header2023_right .Header2023_right_btn img{ height: 15px; margin-right: 15px;} .Header2023 .Header2023_right .Header2023_right_btn img:last-child{ height: 9px; left: 26px;} } @media screen and (max-width:1280px){ .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_left .list_left_icon img{ width: 74px;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_left{ width: 210px;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_txt{ width: calc(100% - 260px);} .ServiceOriginality .ServiceOriginality_content .ServiceOriginality_content_list .content_list_icon img{ height: 74px;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list .content_list_l .list_l_icon img{ width: 74px;} .ServiceOperate .ServiceOperate_content .ServiceOperate_content_list .content_list_txt{ padding: 40px 20px;} } @media screen and (max-width:1200px){ .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_left .list_left_icon img{ width: 70px;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_left{ width: 200px;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_txt{ width: calc(100% - 240px);} .ServiceOriginality .ServiceOriginality_content .ServiceOriginality_content_list .content_list_icon img{ height: 70px;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list .content_list_l .list_l_icon img{ width: 70px;} .ServiceOperate .ServiceOperate_content .ServiceOperate_content_list .content_list_txt{ padding: 35px 20px;} } @media screen and (max-width:1024px){ /*ipad-y*/ .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_txt br{ display: none;} .ServiceOperate .ServiceOperate_content .ServiceOperate_content_list .content_list_txt{ padding: 30px 20px;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list,.ServiceBrand .ServiceBrand_right .ServiceBrand_right_list{ padding: 20px 0px;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list .content_list_l{ width: 48%;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list .content_list_l .list_l_icon img{ width: 60px; margin-right: 10px;} } @media screen and (max-width:980px){ /*ipad-x*/ } @media screen and (max-width:766px){ /*iphone*/ .ServiceBrand .ServiceBrand_left,.ServiceBrand .ServiceBrand_right{ width: 100%;} .ServiceBrand .ServiceBrand_right{ margin-top: 30px;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list{ padding: 22px; display: block; border: 0; background: #f7f7f7; margin-bottom: 25px;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list:last-child{ margin-bottom: 0;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_left{ width: 100%; margin-bottom: 20px; justify-content: flex-start; border-bottom: 1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 20px;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_left .list_left_icon img{ width: 50px;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_left .list_left_title{ margin-left: 15px;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_left .list_left_title br{ display: none;} .ServiceBrand .ServiceBrand_right .ServiceBrand_right_list .right_list_txt{ width: 100%;} .ServiceOriginality .ServiceOriginality_content .ServiceOriginality_content_list{ width: 100%; background: rgba(255,255,255,.1); padding: 22px; margin-bottom: 25px; max-width: 100%;} .ServiceOriginality .ServiceOriginality_content .ServiceOriginality_content_list:last-child{ margin-bottom: 0;} .ServiceOriginality .ServiceOriginality_content .ServiceOriginality_content_list .content_list_icon{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.1);} .ServiceOriginality .ServiceOriginality_content .ServiceOriginality_content_list .content_list_icon img{ height: 55px;} .ServiceOriginality .ServiceOriginality_content::before{ display: none;} .ServiceOperate .ServiceOperate_content .ServiceOperate_content_list{ width: 100%; margin-bottom: 25px;} .ServiceOperate .ServiceOperate_content .ServiceOperate_content_list:last-child{ margin-bottom: 0;} .ServiceOperate .ServiceOperate_content .ServiceOperate_content_list .content_list_txt{ padding: 35px 22px;} .ServiceCopyright .pc_all2023_content{ flex-wrap: wrap;} .ServiceCopyright .ServiceCopyright_left,.ServiceCopyright .ServiceCopyright_right{ width: 100%;} .ServiceCopyright .ServiceCopyright_right .ServiceCopyright_right_list{ flex-wrap: wrap;} .ServiceCopyright .ServiceCopyright_right .ServiceCopyright_right_list .right_list_li{ margin-right: 0; width: 100%; padding: 25px; background: #fff; box-shadow: 0px 0px 0px; margin-bottom: 20px; border-radius: 0;} .ServiceCopyright .ServiceCopyright_right .ServiceCopyright_right_list .right_list_li:last-child{ margin-bottom: 0;} .ServiceCopyright .ServiceCopyright_right .ServiceCopyright_right_list .right_list_li:nth-child(1),.ServiceCopyright .ServiceCopyright_right .ServiceCopyright_right_list .right_list_li:nth-child(2){ margin-top: 0;} .ServiceCopyright .ServiceCopyright_right .ServiceCopyright_right_list .right_list_li .list_li_icon img{ height: 100px;} .ServiceCopyright .ServiceCopyright_right .ServiceCopyright_right_list .right_list_li .list_li_txt{ margin-top: 22px;} .ServiceCopyright .ServiceCopyright_right .ServiceCopyright_right_list .right_list_li .list_li_txt .li_txt_dd{ margin-bottom: 10px;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list{ border: 0; padding: 0; background: #fff; padding: 23px; margin-bottom: 20px; flex-wrap: wrap;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list .content_list_l{ width: 100%; margin-bottom: 20px; justify-content: flex-start; border-bottom: 1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 20px;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list .content_list_l .list_l_icon img{ width: 50px;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list .content_list_l .list_l_title{ margin-left: 15px;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list .content_list_r{ width: 100%;} .ServiceCopyright .ServiceCopyright_left .ServiceCopyright_left_content .left_content_list .content_list_r br{ display: none;} .HomePartners .HomePartners_content .HomePartners_content_list img{ max-height: 33px;} .banner.DBnaner .banner_list .banner_list_po{ bottom: 110px;} .banner2024 .banner2024_list.swiper-slide-active .banner2024_list_po .list_po_title,.banner2024 .banner2024_list.on .banner2024_list_po .list_po_txt,.banner2024 .banner2024_list.swiper-slide-active .banner2024_list_po .list_po_btn{ width: 100%;} .banner2024 .banner2024_list.on .banner2024_list_po .list_po_title{ font-size: 18px;} .banner2024 .banner2024_list.on .banner2024_list_po .list_po_txt{ font-size: 24px; margin: 25px 0px;} .banner2024 .banner2024_list.on .banner2024_list_po .list_po_btn a{ padding: 7px 17px; font-size: 14px;} } /* 服务结束 */ /* AI营销开始 */ .Title3{ margin-bottom: 67px;} .Title3.marginbottom160{ margin-bottom: 160px;} .Title3.center{ text-align: center;} .Title3 .Title3_dd{ color: #222222; margin-bottom: 21px;} .Title3 .Title3_dt{ color: #222222;} .AIMarketing .AIMarketing_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .AIMarketing .AIMarketing_content .AIMarketing_content_list{ box-shadow: 0px 8px 30px rgba(0,0,0,.06); width: 23%; text-align: center; padding: 95px 0px;} .AIMarketing .AIMarketing_content .AIMarketing_content_list .content_list_title{ margin-top: 28px;} .AIMarketing .AIMarketing_content .AIMarketing_content_list .content_list_txt{ margin-top: 25px;} .AIMarketing .AIMarketing_icon{ text-align: center; margin-top: 49px; -webkit-animation:move 2s linear infinite;animation:move2 1.2s linear infinite; position: relative; top: 5px;} .AIMarketing .AIMarketing_icon img{ cursor: pointer;} @keyframes move2{ 0%{ top: 5px;} 50%{ top: 15px;} 100%{ top: 5px;} } .AIMarketing2 .ServiceCopyright_left{ width: 48%;} .AIMarketing2 .ServiceCopyright_right{ text-align: center;} .AIMarketing2 .ServiceCopyright_right img{ max-width: 100%;} .AIMarketing4 .pc_all2023_content{ display: flex; align-items: center;} .AIMarketing4 .AIMarketing4_left{ background: #fee40e; padding: 88px 46px; width: 750px; height: 552px;} .AIMarketing4 .AIMarketing4_left .Title3_btn{ display: flex;} .AIMarketing4 .AIMarketing4_left .Title3_btn .btn b{ font-weight: normal; color: #ffe100;} .AIMarketing4 .AIMarketing4_left .Title3_btn .btn:hover b{ color: #000000;} .AIMarketing4 .AIMarketing4_left .Title3_btn .btn span{ border: 1px solid #111111; background: #111111; margin-left: -22px;} .AIMarketing4 .AIMarketing4_content{ display: flex; flex-wrap: wrap; justify-content: space-between; width: calc(65% + 255px); margin-left: -255px;} .AIMarketing4 .AIMarketing4_content .AIMarketing4_content_list{ width: calc(25% - 15px); background: #f5f4f4; height: 225px; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 20px;} .AIMarketing4 .AIMarketing4_content .AIMarketing4_content_list .content_list_img{ padding: 0px 12%; text-align: center; width: 100%;} .AIMarketing4 .AIMarketing4_content .AIMarketing4_content_list .content_list_img img{ max-width: 100%;} .AIMarketing4 .AIMarketing4_content .AIMarketing4_content_list .content_list_title{ margin-top: 23px;} @media screen and (max-width:1650px){ .AIMarketing .AIMarketing_content .AIMarketing_content_list{ padding: 85px 0px;} .AIMarketing .AIMarketing_content .AIMarketing_content_list .content_list_icon img{ height: 58px;} .AIMarketing .AIMarketing_content .AIMarketing_content_list .content_list_title{ margin-top: 25px;} .AIMarketing .AIMarketing_icon{ margin-top: 45px;} .AIMarketing .AIMarketing_content .AIMarketing_content_list .content_list_txt{ margin-top: 22px; padding: 0px 20px;} .Title3{ margin-bottom: 60px;} .Title3.marginbottom160{ margin-bottom: 140px;} .AIMarketing4 .AIMarketing4_left{ width: 700px; height: 480px;} .AIMarketing4 .AIMarketing4_content{ width: calc(65% + 205px); margin-left: -205px; } .AIMarketing4 .AIMarketing4_content .AIMarketing4_content_list{ height: 200px;} .AIMarketing4 .AIMarketing4_content .AIMarketing4_content_list .content_list_img img{ width: 85%;} } @media screen and (max-width:1550px){ .AIMarketing .AIMarketing_content .AIMarketing_content_list{ padding: 75px 0px;} .AIMarketing .AIMarketing_content .AIMarketing_content_list .content_list_icon img{ height: 55px;} .AIMarketing .AIMarketing_content .AIMarketing_content_list .content_list_title{ margin-top: 22px;} .AIMarketing .AIMarketing_icon{ margin-top: 40px;} .AIMarketing .AIMarketing_content .AIMarketing_content_list .content_list_txt{ margin-top: 20px;} .Title3{ margin-bottom: 55px;} .Title3.marginbottom160{ margin-bottom: 120px;} .AIMarketing4 .AIMarketing4_left{ width: 600px; height: 440px;} .AIMarketing4 .AIMarketing4_content{ width: calc(65% + 155px); margin-left: -155px; } .AIMarketing4 .AIMarketing4_content .AIMarketing4_content_list{ height: 180px;} .AIMarketing4 .AIMarketing4_content .AIMarketing4_content_list .content_list_img img{ width: 75%;} } @media screen and (max-width:1450px){ .AIMarketing .AIMarketing_content .AIMarketing_content_list{ padding: 65px 0px;} .AIMarketing .AIMarketing_content .AIMarketing_content_list .content_list_icon img{ height: 52px;} .AIMarketing .AIMarketing_content .AIMarketing_content_list .content_list_title{ margin-top: 20px;} .AIMarketing .AIMarketing_icon{ margin-top: 35px;} .AIMarketing .AIMarketing_content .AIMarketing_content_list .content_list_txt{ margin-top: 17px;} .Title3{ margin-bottom: 50px;} .Title3.marginbottom160{ margin-bottom: 100px;} .AIMarketing4 .AIMarketing4_left{ width: 650px; height: 410px;} .AIMarketing4 .AIMarketing4_content{ width: calc(65% + 105px); margin-left: -105px; } .AIMarketing4 .AIMarketing4_content .AIMarketing4_content_list{ height: 150px;} .AIMarketing4 .AIMarketing4_content .AIMarketing4_content_list .content_list_img img{ width: 65%;} } @media screen and (max-width:1366px){ .AIMarketing .AIMarketing_content .AIMarketing_content_list{ padding: 55px 0px;} .AIMarketing .AIMarketing_content .AIMarketing_content_list .content_list_icon img{ height: 50px;} .AIMarketing .AIMarketing_content .AIMarketing_content_list .content_list_title{ margin-top: 20px;} .AIMarketing .AIMarketing_icon{ margin-top: 30px;} .AIMarketing .AIMarketing_content .AIMarketing_content_list .content_list_txt{ margin-top: 15px;} .Title3{ margin-bottom: 45px;} .Title3.marginbottom160{ margin-bottom: 80px;} .AIMarketing4 .AIMarketing4_left{ width: 620px; height: 380px;} .AIMarketing4 .AIMarketing4_content{ width: calc(65% + 105px); margin-left: -105px; } .AIMarketing4 .AIMarketing4_content .AIMarketing4_content_list{ height: 130px;} .AIMarketing4 .AIMarketing4_content .AIMarketing4_content_list .content_list_img img{ width: 65%;} } @media screen and (max-width:1280px){ .AIMarketing .AIMarketing_content .AIMarketing_content_list{ padding: 50px 0px;} .AIMarketing .AIMarketing_content .AIMarketing_content_list .content_list_icon img{ height: 47px;} .AIMarketing .AIMarketing_content .AIMarketing_content_list .content_list_title{ margin-top: 20px;} .AIMarketing .AIMarketing_icon{ margin-top: 25px;} .AIMarketing .AIMarketing_content .AIMarketing_content_list .content_list_txt{ margin-top: 12px;} .Title3{ margin-bottom: 40px;} .Title3.marginbottom160{ margin-bottom: 60px;} .Header2023 .Header2023_nav .Header2023_nav_list{ margin-right: 40px;} } @media screen and (max-width:1200px){ .AIMarketing .AIMarketing_content .AIMarketing_content_list{ padding: 45px 0px;} .AIMarketing .AIMarketing_content .AIMarketing_content_list .content_list_icon img{ height: 44px;} .AIMarketing .AIMarketing_content .AIMarketing_content_list .content_list_title{ margin-top: 16px;} .AIMarketing .AIMarketing_icon{ margin-top: 20px;} .AIMarketing .AIMarketing_content .AIMarketing_content_list .content_list_txt{ margin-top: 10px;} .Title3.marginbottom160{ margin-bottom: 55px;} .Header2023 .Header2023_logo .Header2023_logo_right{ display: none;} } @media screen and (max-width:1024px){ /*ipad-y*/ .AIMarketing .AIMarketing_content .AIMarketing_content_list{ padding: 45px 10px;} .AIMarketing .AIMarketing_content .AIMarketing_content_list .content_list_icon img{ height: 41px;} .AIMarketing .AIMarketing_content .AIMarketing_content_list .content_list_title{ line-height: 1.5;} .AIMarketing4 .AIMarketing4_left{width: 520px; height: auto; padding: 40px; padding-right: 120px;} .Title3 .Title3_dt br{ display: none;} .AIMarketing2 .Title3{ padding: 0px 6%;} .AIMarketing4 .AIMarketing4_content{width: calc(65% + 105px); margin-left: -105px;} .AIMarketing4 .AIMarketing4_content .AIMarketing4_content_list{height: 110px; width: calc(25% - 5px); margin-bottom: 10px;} .Title3.marginbottom160{ margin-bottom: 50px;} } @media screen and (max-width:980px){ /*ipad-x*/ .AIMarketing .AIMarketing_content .AIMarketing_content_list .content_list_icon img{ height: 38px;} .Title3.marginbottom160{ margin-bottom: 45px;} } @media screen and (max-width:766px){ /*iphone*/ .AIMarketing .AIMarketing_content .AIMarketing_content_list{ padding: 40px 15px; width: 100%; margin-bottom: 25px; box-shadow: 0px 0px 0px; border: 1px solid #ededed;} .AIMarketing .AIMarketing_content .AIMarketing_content_list:last-child{ margin-bottom: 0;} .AIMarketing2 .ServiceCopyright_left{ width: 100%;} .AIMarketing2 .ServiceCopyright_right{ margin-top: 35px;} .AIMarketing4{ padding-top: 0 !important;} .AIMarketing4 .pc_all2023_content{ flex-wrap: wrap;} .AIMarketing4 .AIMarketing4_left{ width: 100%; padding: 35px; margin-bottom: 25px;} .AIMarketing4 .AIMarketing4_content{ width: 100%; margin-left: 0;} .AIMarketing4 .AIMarketing4_content .AIMarketing4_content_list{ width: 48%; margin-bottom: 20px; height: auto; padding: 22px;} .AIMarketing4 .AIMarketing4_content .AIMarketing4_content_list .content_list_title{ margin-top: 18px;} .AIMarketing4 .AIMarketing4_left .Title3_btn .btn span{ width: 66px;} } /* AI营销结束 */ @media screen and (max-width:1650px){ .btn span{ width: 63px; height: 63px;} .btn span img{ height: 15px;} .Title{ margin-bottom: 50px;} .Title.margintop50{ margin-top: 50px;} .Title.marginBottom110{ margin-bottom: 100px;} .padding110{ padding: 100px 0px;} .Footer2023 .Copyright{ padding: 43px 0px;} .Footer2023 .Footer2023_left .Footer2023_left_title{ margin-bottom: 70px;} .Footer2023 .Footer2023_left .Footer2023_left_btn{ margin-top: 45px; padding-top: 45px;} .Footer2023 .Footer2023_left .Footer2023_left_phone{ margin: 45px 0px;} .Footer2023 .Footer2023_right{ width: 38%;} .Title .Title_left .Title_left_p{ margin-top: 30px;} } @media screen and (max-width:1550px){ .btn span{ width: 53px; height: 53px;} .btn span img{ height: 13px;} .Title{ margin-bottom: 48px;} .Title.margintop50{ margin-top: 48px;} .Title.marginBottom110{ margin-bottom: 90px;} .padding110{ padding: 90px 0px;} .Footer2023 .Copyright{ padding: 40px 0px;} .Footer2023 .Footer2023_left .Footer2023_left_title{ margin-bottom: 60px;} .Footer2023 .Footer2023_left .Footer2023_left_btn{ margin-top: 40px; padding-top: 40px;} .Footer2023 .Footer2023_left .Footer2023_left_phone{ margin: 40px 0px;} .Footer2023 .Footer2023_right{ width: 41%;} .Title .Title_left .Title_left_p{ margin-top: 28px;} } @media screen and (max-width:1450px){ .padding110{ padding: 85px 0px;} .Title{ margin-bottom: 46px;} .Title.margintop50{ margin-top: 46px;} .Title.marginBottom110{ margin-bottom: 85px;} .Footer2023 .Copyright{ padding: 37px 0px;} .Footer2023 .Footer2023_left .Footer2023_left_title{ margin-bottom: 50px;} .Footer2023 .Footer2023_left .Footer2023_left_btn{ margin-top: 35px; padding-top: 35px;} .Footer2023 .Footer2023_left .Footer2023_left_phone{ margin: 35px 0px;} .Title .Title_left .Title_left_p{ margin-top: 26px;} } @media screen and (max-width:1366px){ .padding110{ padding: 80px 0px;} .Title{ margin-bottom: 44px;} .Title.margintop50{ margin-top: 44px;} .Title.marginBottom110{ margin-bottom: 80px;} .Footer2023 .Copyright{ padding: 33px 0px;} .Footer2023 .Footer2023_left .Footer2023_left_title{ margin-bottom: 40px;} .Footer2023 .Footer2023_left .Footer2023_left_btn{ margin-top: 30px; padding-top: 30px;} .Footer2023 .Footer2023_left .Footer2023_left_phone{ margin: 30px 0px;} .Title .Title_left .Title_left_p{ margin-top: 24px;} } @media screen and (max-width:1280px){ .padding110{ padding: 75px 0px;} .Title{ margin-bottom: 42px;} .Title.margintop50{ margin-top: 42px;} .Title.marginBottom110{ margin-bottom: 75px;} .Footer2023 .Copyright{ padding: 30px 0px;} .Footer2023 .Footer2023_left .Footer2023_left_title{ margin-bottom: 30px;} .Title .Title_left .Title_left_p{ margin-top: 22px;} } @media screen and (max-width:1200px){ .padding110{ padding: 70px 0px;} .Title{ margin-bottom: 40px;} .Title.margintop50{ margin-top: 40px;} .Title.marginBottom110{ margin-bottom: 70px;} .Footer2023 .pc_all2023_content .Copyright_dd{ text-align: center;} .Footer2023 .Copyright .Copyright_dt{ width: 100%; justify-content: center;} } @media screen and (max-width:1024px){ /*ipad-y*/ .Header2023,.Header2023Nav{ display: none;} .pc_all2023 .pc_all2023_content,.banner .banner_list_po,.DBanner .DBanner_po{ max-width: 90%;} /* 手机导航 */ .m-Header2023-nav-height{ display:block;} .m-Header2023-nav *{-webkit-transition: inherit;-moz-transition: inherit;transition: inherit;} .m-Header2023-nav{display: block;position:fixed;top:0;z-index:1000;width:100%;transition:all ease 0.45s; background: #fff; box-shadow: 0px 0px 20px rgba(0,0,0,.1);} .m-Header2023-nav .sp_Header2023{position: relative;top:0;z-index:10000;padding: 0% 4%; display:flex; align-items:center; justify-content:space-between; height: 62px;} .m-Header2023-nav .sp_btn{ display: flex; position: absolute; right: 90px; top: 50%; transform: translateY(-50%);} .m-Header2023-nav .sp_btn .sp_btn_list{ position: relative;} .m-Header2023-nav .sp_btn .sp_btn_list:nth-child(2){ margin-right: 5px; margin-left: 10px;} .m-Header2023-nav .sp_btn .sp_btn_list .btn_list_title{ display: flex; align-items:center; color:#333; position: relative; justify-content:center;} .m-Header2023-nav .sp_btn .sp_btn_list .btn_list_title img{ height: 18px;} .m-Header2023-nav .sp_btn .sp_btn_list .btn_list_title img:last-child{ opacity: 0; position: absolute; left: 0; top: 0;} .m-Header2023-nav.on .sp_btn .sp_btn_list .btn_list_title img{ opacity: 0;} .m-Header2023-nav.on .sp_btn .sp_btn_list .btn_list_title img:last-child{ opacity: 1;} .m-Header2023-nav.in .sp_btn .sp_btn_list .btn_list_title img{ opacity: 0;} .m-Header2023-nav.in .sp_btn .sp_btn_list .btn_list_title img:last-child{ opacity: 1;} .m-Header2023-nav .sp_btn .sp_btn_list .btn_list_down{ position: absolute; width: 100px; top: 40px; left: 50%; background:#fff; transform: translateX(-50%); box-shadow: 0px 0px 20px rgba(0,0,0,.1); display: none;} .m-Header2023-nav .sp_btn .sp_btn_list .btn_list_down a{ font-size: 14px; display: inline-block; width: 100%; text-align:center; line-height: 31px;} .m-Header2023-nav .sp_logo{padding: 0;display:flex; align-items:center;} .m-Header2023-nav .sp_logo a{ display: flex; position: relative; align-items: center;} .m-Header2023-nav .sp_logo .Header2023_logo_right{ display: flex; align-items: center; margin-left: 12px; font-size: 14px; letter-spacing: 2px; color: #111;} .m-Header2023-nav .sp_logo img{margin:auto;transition:all ease 0.45s; height: 30px;} .m-Header2023-nav .sp_logo img:last-child{ opacity: 0; position: absolute; left: 0; top: 0;} .m-Header2023-nav .sp_login{ position: absolute; right: 75px;} .m-Header2023-nav .sp_login img{ height: 24px;} .m-Header2023-nav .sp_nav{width: 26px;float:right;position:relative;cursor:pointer;height:14px;z-index: 900; top: 0px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .m-Header2023-nav .sp_nav span{display:block;background:#000;width: 26px;height: 2px;position:absolute;left: 0;transition:all ease 0.45s;} .m-Header2023-nav .sp_nav span:nth-of-type(1){top:0px; width:18px;} .m-Header2023-nav .sp_nav span:nth-of-type(2){top: 6px;} .m-Header2023-nav .sp_nav span:nth-of-type(3){top: 13px;} .m-Header2023-nav .sp_nav_se{ top: -5px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .m-Header2023-nav .sp_nav_se span:nth-of-type(1){top: 11px;transform:rotate(45deg); width:26px;} .m-Header2023-nav .sp_nav_se span:nth-of-type(2){width:0;transition:none;} .m-Header2023-nav .sp_nav_se span:nth-of-type(3){top: 11px;transform:rotate(-45deg);} .m-Header2023-nav .sjj_nav{display: none;position:fixed;z-index:9;background:white;width:100%;height:calc(100% - 62px);font-size: .95rem;;line-height:2.7rem;top:62px;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.45s; border-top:1px solid #dcdcdc;} .m-Header2023-nav .nav_show{display: block;} .m-Header2023-nav .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0} .m-Header2023-nav .sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 100px)} .m-Header2023-nav .sjj_nav>ul>li:first-child .language{float:right;width:93px;overflow:hidden;line-height:40px;} .m-Header2023-nav .sjj_nav>ul>li:first-child .language a{width:50%;float:left;border-left:1px #ededed solid;text-align:center;color:#999;} .m-Header2023-nav .sjj_nav ul li i{position: absolute; top: 0px; right: 0px; border-left: 1px #ededed solid; height: 52px; padding: 0px 15.5px; display: flex; align-items: center; justify-content: flex-start;} .m-Header2023-nav .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.45s} .m-Header2023-nav .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)} .m-Header2023-nav .sjj_nav ul li{border-top:1px #ededed solid;padding-left:1.1rem;position:relative;line-height:2.6rem; list-style: none;} .m-Header2023-nav .sjj_nav>ul >li:last-child{border-bottom:1px #ededed solid;} .m-Header2023-nav .sjj_nav ul li ul{display:none} .m-Header2023-nav .sjj_nav ul li a{color:#666;width:100%;display: block;font-size: 16px;padding: 18px 0;} .m-Header2023-nav .sjj_nav ul li ul li a{color:#666;display:block;text-align:left;} .m-Header2023-nav .sjj_nav ul li i svg{width:.9rem;height: 2.6rem;fill:#cbcbcb;} .m-Header2023-nav .sjj_nav ul li .sjj_nav_i_se svg{fill:#000;} .m-Header2023-nav .sjj_nav ul li ul li>ul{margin-left:10px} .layui-laypage a{font-size:14px;height:30px;margin:0 6px;width:30px;} .layui-laypage-curr{font-size:14px;height:30px;margin:0 6px;width:30px;} .layui-laypage-disabled{font-size:14px;height:30px;margin:0 6px;width:30px;} .banner{ margin-top: 62px; height: calc(100vh - 62px);} .DBanner{ margin-top: 62px;} .banner .banner_list .banner_list_img img{ height: calc(100vh - 62px);} .padding110{ padding: 60px 0px;} .Title.marginBottom110{ margin-bottom: 60px;} .HomeNews{ display: none;} .m-Header2023-nav .sp_btn{ display: none;} } @media screen and (max-width:980px){ /*ipad-x*/ img{ max-width:100%;} .padding110{ padding: 50px 0px;} .Title.marginBottom110{ margin-bottom: 50px;} } @media screen and (max-width:766px){ /*iphone*/ .PcShow { display:none;} .MoShow { display:block;} .m-Header2023-nav .sp_btn{ right: 60px;} .padding110{ padding: 40px 0px;} .Title.marginBottom110{ margin-bottom: 40px;} .Title{ margin-bottom: 35px; display: flex; align-items: center; width: 100%;} .Title.margintop50{ margin-top: 35px; display: flex; align-items: center; width: 100%;} .Title .Title_dd{ line-height: 1.7; font-size: 22px; margin-bottom: 0; justify-content: flex-start; width: auto;} .Title .Title_dt{ font-size: 22px; margin-left: 10px;} .Title .Title_dd::before{ margin-right: 8px; height: 4px; width: 50px;} .Title .Title_icon{ display: none;} .Title2.marginbottom55{ margin-bottom: 30px;} .Title2.marginbottom60{ margin-bottom: 35px;} .Title .Title_left .Title_left_p{ margin-top: 20px;} .DBanner .DBanner_po .Title{ display: block;} .DBanner .DBanner_po .Title .Title_dt{ margin-left: 0;} .DBanner .Title{ width: auto;} .DBanner .Title .Title_dd::before{ width: 100%; height: 2px;} /* .Title .Title_left,.Title .Title_right{ width: 100%;} */ .Title .Title_left{ width: calc(100% - 135px);} .Title .Title_right{ margin-top: 22px;} .Title.margintop50 .Title_right{ margin-top: 0px;} .Title .Title_left .Title_left_dt br{ display: none;} .Title.marginBottom110{ margin-bottom: 35px;} .btn span{ width: 46px; height: 46px;} .btn span img{ height: 12px;} .pc_all2023{ width: 100%;} .padding160{ padding: 40px 0px;} .padding70{ padding: 40px 0px;} .padding90{ padding: 40px 0px;} .DBanner img{ height: 220px; object-fit: cover;} .Footer2023 .Footer2023_content .Footer2023_content_left .content_left_nav{ justify-content: space-between; display: flex;} .Footer2023 .Footer2023_content .Footer2023_content_left .content_left_nav a{ margin-right: 0;} .content_list_video .list_video_content{ width: 100%;} .content_list_video .list_video_bg{ z-index: 1120;} .content_list_video .list_video_content{ z-index: 1121;} .search .search_bg .search_content{ width: 90%;} .search .search_content input[type="search"],.search .search_content input[type="submit"]{ height: 55px; font-size: 14px;} .FloatingWindow{ width: 40px; bottom: 5%;} .FloatingWindow .FloatingWindow_top .FloatingWindow_top_title{ font-size: 12px;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list{ padding: 12px 0px;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list .bottom_list_down{ line-height: 45px;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list:first-child{ display: none;} #newBridge{ display: none !important;} .Footer2023 .Footer2023_left,.Footer2023 .Footer2023_right{ width: 100%;} .Footer2023 .Footer2023_left .Footer2023_left_title{ margin-bottom: 22px; font-size: 24px;} .Footer2023 .Footer2023_left .Footer2023_left_btn{ margin-top: 33px; padding-top: 33px;} .Footer2023 .Footer2023_left .Footer2023_left_phone{ margin-top: 33px; justify-content: space-between;} .Footer2023 .Footer2023_left .Footer2023_left_phone .left_phone_list{ margin-right: 0; font-size: 13px;} .Footer2023 .Footer2023_left .Footer2023_left_txt br{ display: none;} .Footer2023 .Footer2023_left .Footer2023_left_nav{ margin-top: 30px;} .Footer2023 .Footer2023_right{ margin-top: 30px;} .Footer2023 .Footer2023_right .Footer2023_right_address{ margin-top: 22px;} .Footer2023 .Footer2023_right .Footer2023_right_address .right_address_title{ margin-bottom: 20px;} .Footer2023 .Footer2023_right .Footer2023_right_address .right_address_title::before{ bottom: -21px;} .wipeUp{ display: none;} .Footer2023 .Copyright{ padding: 25px 0px;} .Footer2023 .Copyright .pc_all2023_content{ text-align: center; justify-content: center;} .Footer2023 .Copyright .pc_all2023_content .Copyright_dd{ line-height: 1.5;} .Footer2023 .Copyright .Copyright_dt{ display: none;} .Footer2023::before{ display: none;} .banner .banner_list .banner_list_img img,.banner{ height: 380px !important;} .ServiceOriginality{ overflow: hidden;} .Homebrand{ display: none;} body #aff-im-root .embed-invite{ display: none !important;} .MoFooter2024Height{ display: block; height: 101px;} .MoFooter2024{ display: flex; align-items: center; justify-content: space-between; position: fixed; bottom: 0; left: 0; background: #fff; padding: 20px 0px; padding-left: 35px; padding-right: 15px; width: 100%; box-shadow: 0px 0px 25px rgba(0, 0, 0, .15); z-index: 80;} .MoFooter2024 .MoFooter2024_left{white-space: nowrap; margin-right: 28px;} .MoFooter2024 .MoFooter2024_left .MoFooter2024_left_dd{ position: relative; margin-bottom: 10px; text-align: center;} .MoFooter2024 .MoFooter2024_left .MoFooter2024_left_dd img:first-child{ height: 31px;} .MoFooter2024 .MoFooter2024_left .MoFooter2024_left_dd img:last-child{ position: absolute; right: 8px; top: -5px; height: 20px;animation: scale 1s linear infinite;} .MoFooter2024 .MoFooter2024_left .MoFooter2024_left_dt{ font-size: 18px; font-weight: bolder;} .MoFooter2024 .MoFooter2024_right{ display: flex; align-items: center; justify-content: center; border-radius: 100px; padding: 15px 0px; background: #f5971d; width: 100%; font-size: 16px; color: #fff;} .MoFooter2024 .MoFooter2024_right img{ margin-right: 8px; height: 22px;} .MoFooter2024Window{ position: fixed; left: 0; top: 0; z-index: 802222222222200; background: rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; display: none;} .MoFooter2024Window.active{ display: flex;} .MoFooter2024Window .MoFooter2024Window_contentst{ width: 90%; background: #fff; border-radius: 10px; position: relative; padding-top: 40px; padding-bottom: 25px;} .MoFooter2024Window .MoFooter2024Window_contentst .MoFooter2024WindowClose{ position: absolute; right: 18px; top: 18px;} .MoFooter2024Window .MoFooter2024Window_contentst .MoFooter2024WindowClose img{ width: 20px;} .MoFooter2024Window .MoFooter2024Window_contentst .MoFooter2024Window_title{ text-align: center;} .MoFooter2024Window .MoFooter2024Window_contentst .MoFooter2024Window_title .MoFooter2024Window_title_dd{ font-size: 26px; color: #111; font-weight: bolder;} .MoFooter2024Window .MoFooter2024Window_contentst .MoFooter2024Window_title .MoFooter2024Window_title_dt{ font-size: 16px; color: #666; margin-top: 15px;} .MoFooter2024Window .MoFooter2024Window_contentst .MoFooter2024Window_title .MoFooter2024Window_title_dt b{ color: #d81e06;} .MoFooter2024Window .MoFooter2024Window_contentst .MoFooter2024Window_content{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 18px; padding: 0px 20px; padding-bottom: 10px;} .MoFooter2024Window .MoFooter2024Window_contentst .MoFooter2024Window_content .MoFooter2024Window_content_list{ width: 31%; margin-bottom: 15px;} .MoFooter2024Window .MoFooter2024Window_contentst .MoFooter2024Window_content .MoFooter2024Window_content_list .content_list_icon{ border: 1px solid #dcdcdc; display: flex; align-items: center; justify-content: center; padding: 15px 0px; position: relative;} .MoFooter2024Window .MoFooter2024Window_contentst .MoFooter2024Window_content .MoFooter2024Window_content_list .content_list_icon::before{ content: ""; display: inline-block; width: 30px; height: 30px; background: url(../images2024/bn13.png) no-repeat 50% 50%; position: absolute; right: -10px; top: -10px; background-size: 100%;} .MoFooter2024Window .MoFooter2024Window_contentst .MoFooter2024Window_content .MoFooter2024Window_content_list .content_list_icon img{ height: 36px;} .MoFooter2024Window .MoFooter2024Window_contentst .MoFooter2024Window_content .MoFooter2024Window_content_list .content_list_title{ font-size: 18px; text-align: center; margin-top: 10px;} .MoFooter2024Window .MoFooter2024Window_contentst .MoFooter2024Window_btn{ display: flex; align-items: center; justify-content: center; background: #f5971d; border-radius: 10px; font-size: 18px; color: #fff; padding: 11px 0px; width: 60%; margin: 0 auto;} .MoFooter2024Window .MoFooter2024Window_contentst .MoFooter2024Window_btn img{ height: 30px; margin-left: 8px;animation: scale 1s linear infinite;} @keyframes scale { 0% {transform: scale(1);} 50% {transform: scale(1.2);} 100% {transform: scale(1);} } @-webkit-keyframes scale /* Safari and Chrome */ { 0% {transform: scale(1);} 50% {transform: scale(1.2);} 100% {transform: scale(1);} } }