/* CSS Reset */ #think_page_trace_open{ display: none; } h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; font-weight: inherit; font-size: inherit;} .HelpCenterList_content_txt h1,.HelpCenterList_content_txt h2,.HelpCenterList_content_txt h3,.HelpCenterList_content_txt h4,.HelpCenterList_content_txt h5,.HelpCenterList_content_txt h6{ margin: revert; padding: revert; font-weight: revert; font-size: revert;} 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,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:14px 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: #222222;} img{ vertical-align: top; max-width: 100%; margin: 0; padding: 0; border: 0;} *{ box-sizing: border-box; } .notblue{-moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none;} a{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} a:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} ::after,::before{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;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, 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, footer, header, 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; } .ohidden{ overflow: hidden;} .m-header-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;} .tra2 img{-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;} .tra2:hover 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;} .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;} .clamp1{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .clamp2{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .clamp3{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .clamp4{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .BWeight{ font-weight: bolder;} .content_list_video{display:none; position: fixed; left:0; top:0; z-index: 1250; width: 100%; height: 100%;} .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:1000px; max-width: 90%; position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:121;} .content_list_video .list_video_content .video_content_close{ width: 32px; height: 32px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: #408fbf; position: absolute; right: -12px; top: -32px; cursor: pointer; z-index: 2;} .content_list_video .list_video_content .video_content_close svg{ height: 12px; color: #fff;} .content_list_video .list_video_content video{width:100%;} .click_video{cursor:pointer;} /* 弹窗样式 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 .35s ease;-moz-transition:background-color .35s ease;transition:background-color .35s 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: #de6c00;} .message_box .message_box_content .content_center{padding: 5px 15px;} .message_box .message_box_content .content_center p{line-height: 1.5;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: #ff7f08;} .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: #ff7f08; border: 1px solid #ff7f08; 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 16px; font-size: 12px; border-radius: 4px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} .message_box .message_box_content .content_bottom .content_bottom_btns:hover{border-color: #de6c00; background-color: #de6c00;} .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;} .notice_box{display: flex; width: 330px; border-radius: 8px; box-sizing: border-box; border: 1px solid #ebeef5; position: fixed; right: 20px; background-color: #fff; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); transition: opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s; overflow: hidden;z-index: 999999999;} .notice_box .notice_box_content{width: 100%;} .notice_box .notice_box_content .content_top{position: relative; padding: 18px 18px 7px 18px;display: flex; align-items: center; justify-content: space-between;} .notice_box .notice_box_content .content_top .content_top_title{padding-left: 0; margin-bottom: 0; font-size: 18px; line-height: 1; color: #303133;} .notice_box .notice_box_content .content_top .content_top_close{width: 15px; height: 15px; position: relative; cursor: pointer; display: flex; justify-content: center; align-items: center;} .notice_box .notice_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 .35s ease;-moz-transition:background-color .35s ease;transition:background-color .35s ease;} .notice_box .notice_box_content .content_top .content_top_close .top_close_left{transform: rotate(45deg);} .notice_box .notice_box_content .content_top .content_top_close .top_close_right{transform: rotate(315deg);} .notice_box .notice_box_content .content_top .content_top_close:hover .top_close_li{background: #ff7f08;} .notice_box .notice_box_content .content_btm{padding: 8px 18px 18px 18px;} .notice_box .notice_box_content .content_btm p{color: #606266; font-size: 14px;} @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: 70%;border-radius: 5px;}.message_box .message_box_content .content_top{padding: 12px 12px 10px;}.message_box .message_box_content .content_center{padding: 7px 12px;}.message_box .message_box_content .content_center{padding: 6px 12px;}.message_box .message_box_content .content_bottom{padding: 5px 12px 12px 12px;}.message_box .message_box_content .content_bottom .content_bottom_btns{padding: 8px 15px;font-size: 13px;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:-2.605vw;color:#fff;font-size:1.563vw;} .search .search_content .search_content_bottom {display:flex;align-items:center;justify-content:center;position:relative;border-radius:5.21vw;overflow:hidden;} .search .search_content input[type="search"] {width:80%;background:inherit;height:4.168vw;font-size:0.8336vw;color:#333;padding:0vw 1.042vw;z-index:1;position:relative;background:#fff;border:0vw;} .search .search_content input[type="submit"] {width:20%;height:4.168vw;font-size:0.8336vw;z-index:1;position:relative;color:#111;cursor:pointer;color:#fff;background:#408fbf;border:0vw;} .pc_all .pc_all_contnet {width:1300px;margin:0 auto;} .pc_all * {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pc_all *:hover {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pc_all2 .pc_all_contnet {width:1300px;margin:0 auto;} .bgcolor {background:#f8f9fb;} .page {width:100%;} .layui-laypage {display:flex;font-size:0.8336vw;color:#333;align-items:center;justify-content:center;margin-top:2.605vw;} .layui-laypage a {font-size:0.8336vw;color:#333; background: #fff; height:2.5008vw;width:2.5008vw;text-align:center;margin:0 0.2605vw;display:flex;align-items:center;justify-content:center;border-radius:100%;border:0.0521vw solid #dadada;} .layui-laypage-curr {background:#3762ec;font-size:0.8336vw;color:#fff;height:2.5008vw;width:2.5008vw;text-align:center;margin:0 0.2605vw;display:flex;align-items:center;justify-content:center;border-radius:100%;border:0.0521vw solid #408fbf;} .layui-laypage-curr em,.layui-laypage-disabled em {font-style:inherit;} .layui-laypage-disabled {font-size:0.8336vw;color:#333; background: #fff; height:2.5008vw;text-align:center;margin:0 0.2605vw;width:2.5008vw;align-items:center;display:flex;align-items:center;justify-content:center;border-radius:100%;border:0.0521vw solid #dadada;} .layui-laypage-disabled:hover {background:#3762ec;color:#fff;border:0.0521vw solid #3762ec;} .layui-laypage a:hover {background:#3762ec;color:#fff;border:0.0521vw solid #3762ec;} .layui-laypage-count {display:none;} .FloatingBox * {transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .FloatingBox *:hover {transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .FloatingBox {position:fixed;right:0;top:50%;z-index:25;} .FloatingBox .FloatingBox_box {box-shadow:0vw 0vw 1.042vw rgba(0,0,0,.1);border-radius:0.521vw;} .FloatingBox .FloatingBox_box:last-child {margin-top:1.042vw;} .FloatingBox .FloatingBox_box:last-child .FloatingBox_list .FloatingBox_list_title {border-radius:0.521vw;} .FloatingBox .FloatingBox_list {position:relative;cursor:pointer;} .FloatingBox .FloatingBox_list .FloatingBox_list_title {background:#fff;width:4.168vw;text-align:center;padding:0.7815vw 0vw;} .FloatingBox .FloatingBox_list:nth-child(2) .FloatingBox_list_title {padding:0.2605vw 0vw;} .FloatingBox .FloatingBox_list:first-child .FloatingBox_list_title {border-radius:0.521vw 0.521vw 0vw 0vw;} .FloatingBox .FloatingBox_list:last-child .FloatingBox_list_title {border-radius:0vw 0vw 0.521vw 0.521vw;} .FloatingBox .FloatingBox_list .FloatingBox_list_title .list_title_icon {display:flex;align-items:center;justify-content:center;} .FloatingBox .FloatingBox_list .FloatingBox_list_title .list_title_icon span {display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:0.521vw;} .FloatingBox .FloatingBox_list .FloatingBox_list_title .list_title_icon span img:last-child {opacity:0;position:absolute;left:0;top:0;} .FloatingBox .FloatingBox_list .FloatingBox_list_title .list_title_dd {color:#333;} .FloatingBox .FloatingBox_list:hover .FloatingBox_list_title .list_title_dd {color:#fff;} .FloatingBox .FloatingBox_list:hover .FloatingBox_list_title {background:#ff7f08;} .FloatingBox .FloatingBox_list:hover .FloatingBox_list_title .list_title_icon span img {opacity:0;} .FloatingBox .FloatingBox_list:hover .FloatingBox_list_title .list_title_icon span img:last-child {opacity:1;} .FloatingBox .FloatingBox_list.wx .FloatingBox_list_down {position:absolute;left:-6.773vw;width:6.773vw;top:0;border-radius:0.521vw;overflow:hidden;box-shadow:0vw 0vw 1.042vw rgba(0,0,0,.1);} .FloatingBox .FloatingBox_list.wx .FloatingBox_list_down img {width:100%;} .FloatingBox .FloatingBox_list.phone .FloatingBox_list_down {position:absolute;left:-11.2015vw;width:11.2015vw;height:100%;align-items:center;justify-content:center;top:0;background:#ff7f08;color:#fff;border-radius:0.521vw 0vw 0vw 0.521vw} .FloatingBox .FloatingBox_list .FloatingBox_list_down {display:none;} .FloatingBox .FloatingBox_list:hover .FloatingBox_list_down {display:flex;} .btn{border-radius: 100px; display: flex; align-items: center; justify-content: center; background: linear-gradient(to left, #d437ff, #3662eb); color: #fff; box-shadow: 0 20px 30px 0 rgba(0, 102, 255, .1); height: 44px; padding: 0px 30px; margin-right: 12px; position: relative; top: 0;} .btn:last-child{ margin-right: 0;} .btn:hover{ top: -10px;} .btn img{ height: 17px; margin-right: 9px;} .btn.bg{ background: #fff; border: 1px solid #ddd3d8; color: #111111; box-shadow: 0px 0px 0px;} .indexBg{ background: url(../images/bg2.jpg) repeat-x 50%/cover;} .header{ position: fixed; left: 0; right: 0; width: 100%; z-index: 23; transition: background 0.3s ease, box-shadow 0.3s ease;} .header.active{ background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,0.08);} .header .pc_all_contnet{display: flex; align-items: center; justify-content: space-between; padding: 21px 0px;} .header .header_left{display: flex; align-items: center;} .header .header_left .header_logo{ display: flex; align-items: center; margin-top: -8px;} .header .header_left .header_logo img{ height: 35px;} .header .header_left .header_nav{ display: flex; align-items: center; margin-left: 52px;} .header .header_left .header_nav .header_nav_list{ margin-right: 45px;} .header .header_left .header_nav .header_nav_list a{ color: #000000; font-size: 15px;} .header .header_left .header_nav .header_nav_list a:hover{ color: #3762ec;} .header .header_left .header_nav .header_nav_list:last-child{ margin-right: 0;} .header .header_right .download{ font-size: 15px; background: linear-gradient(to bottom, #3662eb, #d437ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .header .header_right .header_right_btn{ font-size: 15px; display: inline-block; padding: 12px 16px; border-radius: 100px; background: linear-gradient(to left, #d437ff, #3662eb); color: #fff; margin-left: 16px;} .banner{ background: url(../images/bg22_1.jpg) no-repeat 50%/cover;} .banner .pc_all_contnet{ display: flex; align-items: center; justify-content: space-between; height: 700px;} .banner .pc_all_contnet .banner_left{ width: 50%;} .banner .pc_all_contnet .banner_left .banner_left_title{ color: #111111; line-height: 1.35; font-weight: bolder;} .banner .pc_all_contnet .banner_left .banner_left_title span{ color: #3662eb;} .banner .pc_all_contnet .banner_left .banner_left_txt{ color: #666666; margin: 30px 0; line-height: 1.55;} .banner .pc_all_contnet .banner_right{ position: relative; width: 50%;} .banner .pc_all_contnet .banner_right .banner_right_bg{ width: auto; max-width: max-content; position: relative; left: -50px; top: 15px;} .banner .pc_all_contnet .banner_right .banner_right_list{ position: absolute;} .banner .pc_all_contnet .banner_right .banner_right_list.banner_right_list1{ left: -8%; top: 55%;} .banner .pc_all_contnet .banner_right .banner_right_list.banner_right_list2{ left: 5%; top: 13%;} .banner .pc_all_contnet .banner_right .banner_right_list.banner_right_list3{ left: 61%; top: 3%;} .banner .pc_all_contnet .banner_right .banner_right_list.banner_right_list4{ left: 80%; top: 31%;} .banner .pc_all_contnet .banner_right .banner_right_list.banner_right_list5{ left: 77%; top: 68%;} /* banner 悬浮卡片 循环漂浮动画（各自周期/相位错开，避免整齐划一） */ @keyframes bannerFloat{ 0%{ transform: translateY(0px);} 100%{ transform: translateY(-12px);} } .banner .banner_right .banner_right_list{ animation: bannerFloat 3s ease-in-out infinite alternate; will-change: transform;} .banner .banner_right .banner_right_list1{ animation-duration: 3.4s; animation-delay: 0s;} .banner .banner_right .banner_right_list2{ animation-duration: 2.8s; animation-delay: -.7s;} .banner .banner_right .banner_right_list3{ animation-duration: 3.8s; animation-delay: -1.4s;} .banner .banner_right .banner_right_list4{ animation-duration: 3.1s; animation-delay: -2s;} .banner .banner_right .banner_right_list5{ animation-duration: 2.6s; animation-delay: -1s;} @media (prefers-reduced-motion: reduce){ .banner .banner_right .banner_right_list{ animation: none;} } .padding100{ padding: 100px 0px;} .Title{ text-align: center; margin-bottom: 65px;} .Title .Title_dd{ color: #3662eb;} .Title .Title_dt{ color: #111111; font-weight: bolder; margin: 27px 0px;} .Title .Title_dt span{ position: relative;} .Title .Title_dt span img{ height: 21px; position: absolute; right: -13px; top: -10px;} .Title .Title_p{ color: #666666;} .CreateValue .CreateValue_content{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 170px;} .CreateValue .CreateValue_content .CreateValue_content_list{ width: calc(25% - 25px); border-radius: 20px; box-shadow: 6px 8px 16px rgba(71,54,235,.14); margin-bottom: 2%; top: 0; position: relative; padding: 33px 25px; background: #fff; border: 1px solid #fff;} .CreateValue .CreateValue_content .CreateValue_content_list:hover{ border: 1px solid #c014f8;} .CreateValue .CreateValue_content .CreateValue_content_list:nth-child(2n){ top: 80px;} .CreateValue .CreateValue_content .CreateValue_content_list:nth-child(4n){ margin-right: 0;} .CreateValue .CreateValue_content .CreateValue_content_list:nth-child(2) .content_list_iconst{ position: absolute; top: -55px; right: 55px; width: 71px;} .CreateValue .CreateValue_content .CreateValue_content_list:nth-child(4) .content_list_iconst{ position: absolute; top: -60px; right: 50%; width: 43px;} .CreateValue .CreateValue_content .CreateValue_content_list .content_list_icon{ margin-bottom: 35px; display: flex;} .CreateValue .CreateValue_content .CreateValue_content_list .content_list_icon img{ transform: rotateY(0);} .CreateValue .CreateValue_content .CreateValue_content_list .content_list_title{ color: #242d56; margin-bottom: 20px; font-weight: bolder;} .CreateValue .CreateValue_content .CreateValue_content_list .content_list_txt{ color: #545a68; line-height: 1.5;} .CreateValue .CreateValue_content .CreateValue_content_list .content_list_icon2{ display: flex; margin-top: 65px;} .CreateValue .CreateValue_content .CreateValue_content_list:hover .content_list_icon img{ transform: rotateY(180deg); } .CreateValue .CreateValue_bottom{ font-weight: bolder; text-align: center;} .CreateValue .CreateValue_bottom span{ border-bottom: 2px solid #3662eb; color: #3662eb; display: inline-block;} .Solution{ background: #;} .Solution .Solution_content{ background: linear-gradient(to bottom, #d1dff9, #ffffff); border-radius: 20px; padding: 60px 45px; border: 1px solid #e7edf6; padding-bottom: 45px;} .Solution .Solution_content .Solution_content_txt{ display: flex; align-items: flex-start; border-radius: 10px; background: url(../images/bg3.jpg) no-repeat 50%/cover; padding-bottom: 70px;} .Solution .Solution_content .Solution_content_txt .content_txt_list{ width: 50%;} .Solution .Solution_content .Solution_content_txt .content_txt_list .txt_list_title{ text-align: center; margin-top: -23px;} .Solution .Solution_content .Solution_content_txt .content_txt_list .txt_list_title span{ display: inline-block; line-height: 51px; padding: 0px 63px; border-radius: 100px; background: linear-gradient(to left, #d437ff, #3662eb); color: #fff; font-weight: bolder; border-radius: 100px;box-shadow: 0 20px 30px 0 rgba(0, 102, 255, .1); } .Solution .Solution_content .Solution_content_txt .content_txt_list:nth-child(1) .txt_list_con .list_con_list{ text-align: right;} .Solution .Solution_content .Solution_content_txt .content_txt_list .txt_list_con{ padding: 0px 50px; padding-top: 45px;} .Solution .Solution_content .Solution_content_txt .content_txt_list .txt_list_con .list_con_list .con_list_dd{ justify-content: flex-end; position: relative; margin-bottom: 15px; padding-bottom: 20px;} .Solution .Solution_content .Solution_content_txt .content_txt_list .txt_list_con .list_con_list .con_list_dd::after{ content: ""; display: inline-block; width: 100%; height: 8px;background: linear-gradient(to left, #3662eb, rgba(54,98,235,0)); border-radius: 100px; position: absolute; bottom: 0; opacity: .5;} .Solution .Solution_content .Solution_content_txt .content_txt_list .txt_list_con .list_con_list{ margin-bottom: 65px;} .Solution .Solution_content .Solution_content_txt .content_txt_list:nth-child(1) .txt_list_con .list_con_list:nth-child(2){ padding-right: 23px;} .Solution .Solution_content .Solution_content_txt .content_txt_list:nth-child(1) .txt_list_con .list_con_list:nth-child(3){ padding-right: 46px;} .Solution .Solution_content .Solution_content_txt .content_txt_list .txt_list_con .list_con_list:last-child{ margin-bottom: 0;} .Solution .Solution_content .Solution_content_txt .content_txt_list .txt_list_con .list_con_list .con_list_dd{ display: flex; align-items: center; font-weight: bolder;} .Solution .Solution_content .Solution_content_txt .content_txt_list .txt_list_con .list_con_list .con_list_dd img{ height: 28px; margin-left: 10px; position: relative;} .Solution .Solution_content .Solution_content_txt .content_txt_list .txt_list_con .list_con_list:last-child .con_list_dd img{ top: -6px; height: 32px;} .Solution .Solution_content .Solution_content_txt .content_txt_list .txt_list_con .list_con_list .con_list_dt{ color: #546383; line-height: 1.65;} .Solution .Solution_content .Solution_content_txt .content_txt_list:nth-child(2) .txt_list_con .list_con_list{ text-align: left;} .Solution .Solution_content .Solution_content_txt .content_txt_list:nth-child(2) .txt_list_con .list_con_list:nth-child(1){ padding-left: 46px;} .Solution .Solution_content .Solution_content_txt .content_txt_list:nth-child(2) .txt_list_con .list_con_list:nth-child(2){ padding-left: 23px;} .Solution .Solution_content .Solution_content_txt .content_txt_list:nth-child(2) .txt_list_con .list_con_list .con_list_dd{ justify-content: flex-start;} .Solution .Solution_content .Solution_content_txt .content_txt_list:nth-child(2) .txt_list_con .list_con_list .con_list_dd::after{ background: linear-gradient(to right, #3662eb, rgba(54,98,235,0)); } .Solution .Solution_content .Solution_content_txt .content_txt_list:nth-child(2) .txt_list_con .list_con_list .con_list_dd img{ margin-left: 0; margin-right: 10px;} .Solution .Solution_bottom{ margin-top: 70px;} .Solution .Solution_bottom .Solution_bottom_list{ color: #111111; display: flex; align-items: center; justify-content: center; font-weight: bolder; margin-bottom: 20px;} .Solution .Solution_bottom .Solution_bottom_list:last-child{ margin-bottom: 0;} .Solution .Solution_bottom .Solution_bottom_list div{ display: flex; width: 155px; height: 54px; border-radius: 100px; background: #d1dcff; align-items: center; justify-content: center; margin-right: 11px;} .Solution .Solution_bottom .Solution_bottom_list div img{ height: 45px;} .Solution .Solution_bottom .Solution_bottom_list span{ position: relative;} .Solution .Solution_bottom .Solution_bottom_list span img{ height: 20px; position: absolute; bottom: -10px; left: 0; width: 100%; text-align: center; z-index: -1;} .AICreation{ background: #fbf8fb;} .AICreation .AICreation_content{ display: flex; align-items: center; justify-content: space-between;} .AICreation .AICreation_content .AICreation_content_nav{ width: 392px;} .AICreation .AICreation_content .AICreation_content_nav .content_nav_list{ padding: 35px 0; border-bottom: 1px solid #dcdadc; cursor: pointer; position: relative;} .AICreation .AICreation_content .AICreation_content_nav .content_nav_list::before{ content: ""; display: inline-block; width: 0%; height: 1px; background: #3662eb; position: absolute; left: 0; bottom: -1px;} .AICreation .AICreation_content .AICreation_content_nav .content_nav_list:nth-child(1){ padding-top: 0;} .AICreation .AICreation_content .AICreation_content_nav .content_nav_list .nav_list_title{ display: flex; align-items: center; justify-content: space-between; opacity: .4;} .AICreation .AICreation_content .AICreation_content_nav .content_nav_list .nav_list_title .list_title_left{ display: flex; align-items: center;} .AICreation .AICreation_content .AICreation_content_nav .content_nav_list .nav_list_title .list_title_left img{ height: 23px; margin-right: 13px;} .AICreation .AICreation_content .AICreation_content_nav .content_nav_list .nav_list_title .list_title_left span{ background: #d1dcff; display: inline-block; border-radius: 100px; color: #3662eb; padding: 5px 7px; margin-left: 7px;} .AICreation .AICreation_content .AICreation_content_nav .content_nav_list .nav_list_title .list_title_right img{ height: 12px;transform: rotateX(0deg);} .AICreation .AICreation_content .AICreation_content_nav .content_nav_list .nav_list_txt{ display: none; margin-top: 25px; line-height: 1.55; color: #666666;} .AICreation .AICreation_content .AICreation_content_nav .content_nav_list .nav_list_txt span{ color: #3662eb;} .AICreation .AICreation_content .AICreation_content_nav .content_nav_list.active .nav_list_txt{ display: block;} .AICreation .AICreation_content .AICreation_content_nav .content_nav_list.active .nav_list_title{ opacity: 1;} .AICreation .AICreation_content .AICreation_content_nav .content_nav_list.active .nav_list_title .list_title_right img{transform: rotateX(180deg);} .AICreation .AICreation_content .AICreation_content_right{ width: calc(100% - 450px); background: url(../images/bg5.jpg) no-repeat 50%/cover; border-radius: 20px; overflow: hidden; padding: 18px;} .AICreation .AICreation_content .AICreation_content_right .content_right_list{ display: none; border-radius: 14px; overflow: hidden;} .AICreation .AICreation_content .AICreation_content_right .content_right_list.active{ display: flex;} .AICreation .AICreation_content .AICreation_content_nav .content_nav_list.active::before{ width: 100%;} .AICreation .AICreation_content .AICreation_content_nav .content_nav_list .nav_list_title{ transition: opacity .3s ease;} .AICreation .AICreation_content .AICreation_content_nav .content_nav_list:not(.active):hover .nav_list_title{ opacity: .7;} .AICreation .AICreation_content .AICreation_content_nav .content_nav_list .nav_list_title .list_title_right img{ transition: transform .35s ease;} .AICreation .AICreation_content .AICreation_content_nav .content_nav_list.active .nav_list_txt{ animation: aiTxtIn .4s ease both;} .AICreation .AICreation_content .AICreation_content_right .content_right_list{ aspect-ratio: 16 / 10;} .AICreation .AICreation_content .AICreation_content_right .content_right_list.active{ display: block; animation: aiImgIn .5s ease both;} .AICreation .AICreation_content .AICreation_content_right .content_right_list img{ display: block; width: 100%;} @keyframes aiTxtIn{ 0%{ opacity: 0; transform: translateY(-10px);} 100%{ opacity: 1; transform: translateY(0);} } @keyframes aiImgIn{ 0%{ opacity: 0; transform: scale(.98);} 100%{ opacity: 1; transform: scale(1);} } .AIRelease .AIRelease_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .AIRelease .AIRelease_content .AIRelease_content_list{ width: 49%; background: linear-gradient(to bottom, #f1f5fe, #ffffff); border-radius: 20px; padding: 35px; border: 1px solid #e7edf6;} .AIRelease .AIRelease_content .AIRelease_content_list .content_list_title{ margin-bottom: 33px;} .AIRelease .AIRelease_content .AIRelease_content_list .content_list_title .list_title_dd{ color: #000000; font-weight: bolder;} .AIRelease .AIRelease_content .AIRelease_content_list .content_list_title .list_title_dt{ margin-top: 14px; color: #666666;} .AIRelease .AIRelease_content .AIRelease_content_list .content_list_txt{ display: flex; flex-wrap: wrap;} .AIRelease .AIRelease_content .AIRelease_content_list .content_list_txt .list_txt_li{ width: 14.15%; margin-right: 3%; margin-bottom: 22px;} .AIRelease .AIRelease_content .AIRelease_content_list .content_list_txt .list_txt_li:nth-child(6n){ margin-right: 0;} .AIRelease .AIRelease_content .AIRelease_content_list .content_list_txt .list_txt_li .txt_li_dd{ border-radius: 15px; overflow: hidden; border: 1px solid #dcdee6; display: flex;} .AIRelease .AIRelease_content .AIRelease_content_list .content_list_txt .list_txt_li:hover .txt_li_dd{ border: 1px solid #3662eb;} .AIRelease .AIRelease_content .AIRelease_content_list .content_list_txt .list_txt_li .txt_li_dt{ text-align: center; color: #111111; margin-top: 15px;} .AIRelease .AIRelease_content .AIRelease_content_list .content_list_bottom{ color: #666666; line-height: 1.65;} .AIRelease .AIRelease_content .AIRelease_content_list .content_list_bottom .dflex{ margin-top: 15px;} .WhoUses{ background: #fbf8fb;} .HowBegin .Title .Title_dt span{ color: #3662eb;} .HowBegin .Title .Title_dt span img{ transform: rotate(305deg); right: 13px;} .HowBegin .HowBegin_content{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;} .HowBegin .HowBegin_content .HowBegin_content_icon{ width: 9px;} .HowBegin .HowBegin_content .HowBegin_content_list{ width: 32%; border: 1px solid #e5eaf1; border-radius: 22px; padding: 32px; box-shadow: 0px 0px 30px rgba(0,0,0,.05);} .HowBegin .HowBegin_content .HowBegin_content_list .content_list_dd{ width: 56px; height: 56px; border-radius: 18px; background: #4665ee; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: bolder;} .HowBegin .HowBegin_content .HowBegin_content_list .content_list_dt{ font-weight: bolder; color: #000; margin-top: 22px; margin-bottom: 15px;} .HowBegin .HowBegin_content .HowBegin_content_list .content_list_p{ color: #475569; line-height: 1.55;} .HowBegin .HowBegin_bottom{ margin-top: 45px; display: flex; flex-wrap: wrap; justify-content: space-between;background: linear-gradient(to bottom, #f1f5fe, #ffffff); border: 1px solid #e5eaf1; border-radius: 22px; padding: 32px 0px;} .HowBegin .HowBegin_bottom .HowBegin_bottom_list{ border-right: 1px solid #e5eaf1; width: 33.33%; display: flex; align-items: flex-start; justify-content: space-between; padding-right: 80px; padding-left: 40px;} .HowBegin .HowBegin_bottom .HowBegin_bottom_list:last-child{ border-right: 0;} .HowBegin .HowBegin_bottom .HowBegin_bottom_list .bottom_list_icon{ background: #e0ecfe; border-radius: 10px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;} .HowBegin .HowBegin_bottom .HowBegin_bottom_list .bottom_list_icon img{ height: 20px;} .HowBegin .HowBegin_bottom .HowBegin_bottom_list .bottom_list_con{ width: calc(100% - 57px);} .HowBegin .HowBegin_bottom .HowBegin_bottom_list .bottom_list_con .list_con_dd{ font-weight: bolder; color: #000;} .HowBegin .HowBegin_bottom .HowBegin_bottom_list .bottom_list_con .list_con_dt{ color: #475569; line-height: 1.55; margin-top: 10px;} .Question{ background: #fbf8fb; padding-bottom: 50px;} .Question .Question_content .Question_content_list{ background: #fff; border: 1px solid #e3e7ee; border-radius: 14px; padding: 0px 35px; margin-bottom: 21px;} .Question .Question_content .Question_content_list:last-child{ margin-bottom: 0;} .Question .Question_content .Question_content_list .content_list_title{ display: flex; align-items: center; justify-content: space-between; padding: 25px 0px; cursor: pointer;} .Question .Question_content .Question_content_list .content_list_title .list_title_dd{ color: #111111;} .Question .Question_content .Question_content_list .content_list_title .list_title_dd::before{ color: #3662eb; margin-right: 10px;} .Question .Question_content .Question_content_list:nth-child(1) .content_list_title .list_title_dd::before{ content: "01.";} .Question .Question_content .Question_content_list:nth-child(2) .content_list_title .list_title_dd::before{ content: "02.";} .Question .Question_content .Question_content_list:nth-child(3) .content_list_title .list_title_dd::before{ content: "03.";} .Question .Question_content .Question_content_list:nth-child(4) .content_list_title .list_title_dd::before{ content: "04.";} .Question .Question_content .Question_content_list:nth-child(5) .content_list_title .list_title_dd::before{ content: "05.";} .Question .Question_content .Question_content_list .content_list_title .list_title_icon img{ height: 12px;transform: rotateX(0deg);} .Question .Question_content .Question_content_list .content_list_down{ display: none; padding: 25px 0px; color: #666666; line-height: 1.55; border-top: 1px solid #e3e7ee;} .Question .Question_content .Question_content_list.active .content_list_title .list_title_icon img{transform: rotateX(180deg);} /* 常见问题 点击展开答案 */ .Question .Question_content .Question_content_list .content_list_title .list_title_icon img{ transition: transform .35s ease;} .Question .Question_content .Question_content_list.active .content_list_down{ display: block; animation: faqTxtIn .4s ease both;} @keyframes faqTxtIn{ 0%{ opacity: 0; transform: translateY(-8px);} 100%{ opacity: 1; transform: translateY(0);} } .Question .AiJourney_content{ padding-top: 70px; padding-bottom: 50px; background: url(../images/bg21.jpg) no-repeat 50%/cover; border-radius: 20px; margin-top: 120px; animation:mymove 2s infinite; -webkit-animation:mymove 2s infinite; } @keyframes mymove { 0% { box-shadow: 6px 13px 70px rgba(71,54,235,.2); } 50% { box-shadow: 0px 0px 0px rgba(71,54,235,.2); } 100% { box-shadow: 6px 13px 70px rgba(71,54,235,.2); } } @-webkit-keyframes mymove /* Safari and Chrome */ { 0% { box-shadow: 6px 13px 70px rgba(71,54,235,.2); } 50% { box-shadow: 0px 0px 0px rgba(71,54,235,.2); } 100% { box-shadow: 6px 13px 70px rgba(71,54,235,.2); } } .Question .AiJourney_content .AiJourney_content_title{ text-align: center;} .Question .AiJourney_content .AiJourney_content_title .content_title_dd{ font-weight: bolder; line-height: 1.55;} .Question .AiJourney_content .AiJourney_content_title .content_title_dt{ margin-top: 30px; margin-bottom: 50px; color: #242d56; line-height: 1.55;} .Question .AiJourney_content .AiJourney_content_title .content_title_btn{ display: flex; justify-content: center;} .Question .AiJourney_content .AiJourney_content_bottom{ display: flex; justify-content: center; margin-top: 50px;} .Question .AiJourney_content .AiJourney_content_bottom span{ display: flex; align-items: center; color: #3662eb; margin-right: 64px;} .Question .AiJourney_content .AiJourney_content_bottom span:last-child{ margin-right: 0;} .Question .AiJourney_content .AiJourney_content_bottom span img{ margin-right: 9px; height: 20px;} .footer{ padding: 30px 0px; background: #fbf8fb;} .footer .pc_all_contnet{ display: flex; align-items: center; justify-content: space-between;} .footer .pc_all_contnet .footer_left{ color: #000000; display: flex;} .footer .pc_all_contnet .footer_left a{ color: #000000; margin-left: 35px;} .footer .pc_all_contnet .footer_right{ display: flex;} .footer .pc_all_contnet .footer_right a{ color: #000000; margin-right: 25px;} .footer .pc_all_contnet .footer_right a:last-child{ margin-right: 0;} .footer .pc_all_contnet .footer_right a:hover,.footer .pc_all_contnet .footer_left a:hover{ color: #3662eb;} .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 #7b9aff; display: flex; align-items: center; justify-content: center; margin: 0 auto; background: #3762ec;} .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 #3762ec; 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: #3762ec; border-radius: 100px; background: #3762ec; color:#fff;} .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;} @media screen and (max-width:1300px){ .pc_all .pc_all_contnet,.banner .banner_list_po,.DBanner .DBanner_po,.pc_all2 .pc_all_contnet{ width: 1200px;} } @media screen and (max-width:1200px){ .pc_all .pc_all_contnet,.banner .banner_list_po,.DBanner .DBanner_po,.pc_all2 .pc_all_contnet{ width: 90%;} } @media screen and (max-width:1024px){ .pc_all .pc_all_contnet,.banner .banner_list_po,.DBanner .DBanner_po,.pc_all2 .pc_all_contnet{ width: 90%;} .page{width: 100%;} .layui-laypage{display: flex;font-size:16px; color:#333; align-items: center; justify-content:center; margin-top: 50px;} .layui-laypage a { font-size: 16px; color: #333; height: 48px; width: 48px; text-align: center; margin: 0 5px; display: flex; align-items: center; justify-content: center; border-radius: 100%; border: 1px solid #dadada; } .layui-laypage-curr { background: #3762ec; font-size: 16px; color: #fff; height: 48px; width: 48px; text-align: center; margin: 0 5px; display: flex; align-items: center; justify-content: center; border-radius: 100%; border: 1px solid #3762ec; } .layui-laypage-curr em,.layui-laypage-disabled em{ font-style:inherit;} .layui-laypage-disabled { font-size: 16px; color: #333; height: 48px; text-align: center; margin: 0 5px; width: 48px; align-items: center; display: flex; align-items: center; justify-content: center; border-radius: 100%; border: 1px solid #dadada; } .layui-laypage-disabled:hover{ background:#3762ec; color:#fff;border: 1px solid #3762ec;} .layui-laypage a:hover{ background:#3762ec; color:#fff;border: 1px solid #3762ec;} .layui-laypage-count,.header{ display: none;} .m-header-nav *{-webkit-transition:all 0s ease;-moz-transition:all 0s ease;transition:all 0s ease;} .m-header-nav-height{ display:block;} .m-header-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-header-nav .sp_header{position: relative;top:0;z-index:10000;padding: 0% 4%; display:flex; align-items:center; justify-content:space-between; height: 62px;} .m-header-nav .sp_btn{ display: flex; position: absolute; right: 70px; top: 50%; transform: translateY(-50%);} .m-header-nav .sp_btn .sp_btn_list{ margin-right: 15px; position: relative;} .m-header-nav .sp_btn .sp_btn_list:last-child{ margin-right: 0px;} .m-header-nav .sp_btn .sp_btn_list .btn_list_title{ display: flex; align-items:center; color:#333; position: relative; justify-content:center;} .m-header-nav .sp_btn .sp_btn_list .btn_list_title img{ height: 18px;} .m-header-nav .sp_btn .sp_btn_list .btn_list_title img:last-child{ opacity: 0; position: absolute; left: 0; top: 0;} .m-header-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-header-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-header-nav .sp_logo{padding: 0;display:flex; align-items:center;} .m-header-nav .sp_logo a{ display: flex; position: relative; align-items: center; font-size: 16px;} .m-header-nav .sp_logo img{margin:auto;transition:all ease 0.45s; height: 28px; margin-right: 10px;} .m-header-nav .sp_logo img:last-child{ opacity: 0; position: absolute; left: 0; top: 0;} .m-header-nav .sp_login{ position: absolute; right: 75px;} .m-header-nav .sp_login img{ height: 24px;} .m-header-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-header-nav .sp_nav span{display:block;background:#3762ec;width: 26px;height: 2px;position:absolute;left: 0;transition:all ease 0.45s;} .m-header-nav .sp_nav span:nth-of-type(1){top:0px; width:18px;} .m-header-nav .sp_nav span:nth-of-type(2){top: 6px;} .m-header-nav .sp_nav span:nth-of-type(3){top: 13px;} .m-header-nav .sp_nav_se{ top: -5px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .m-header-nav .sp_nav_se span:nth-of-type(1){top: 11px;transform:rotate(45deg); width:26px;} .m-header-nav .sp_nav_se span:nth-of-type(2){width:0;transition:none;} .m-header-nav .sp_nav_se span:nth-of-type(3){top: 11px;transform:rotate(-45deg);} .m-header-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-header-nav .nav_show{display: block;} .m-header-nav .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0} .m-header-nav .sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 100px)} .m-header-nav .sjj_nav>ul>li:first-child .language{float:right;width:93px;overflow:hidden;line-height:40px;} .m-header-nav .sjj_nav>ul>li:first-child .language a{width:50%;float:left;border-left:1px #ededed solid;text-align:center;color:#999;} .m-header-nav .sjj_nav ul li i{position: absolute; top: 0px; right: 0px; border-left: 1px #ededed solid; height: 56px; padding: 0px 15.5px; display: flex; align-items: center; justify-content: flex-start;} .m-header-nav .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.45s} .m-header-nav .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)} .m-header-nav .sjj_nav ul li{border-top:1px #ededed solid;padding-left:1.1rem;position:relative;line-height:2.6rem; list-style: none;} .m-header-nav .sjj_nav>ul >li:last-child{border-bottom:1px #ededed solid;} .m-header-nav .sjj_nav ul li ul{display:none} .m-header-nav .sjj_nav ul li a{color:#666;width:100%;display: block;font-size: 16px;padding: 18px 0;} .m-header-nav .sjj_nav ul li ul li a{color:#666;display:block;text-align:left;} .m-header-nav .sjj_nav ul li i svg{width:.9rem;height: 2.6rem;fill:#cbcbcb;} .m-header-nav .sjj_nav ul li .sjj_nav_i_se svg{fill:#3762ec;} .m-header-nav .sjj_nav ul li ul li>ul{margin-left:10px} /* .m-header-nav.on{ background: #3762ec; box-shadow: 0px 0px 20px rgba(0,0,0,.2);} .m-header-nav.in{ background: #3762ec; box-shadow: 0px 0px 20px rgba(0,0,0,.2);} .m-header-nav.on .sp_nav span{ background: #fff;transition:all ease 0.45s;} .m-header-nav.on .sp_logo img{ opacity: 0;transition:all ease 0.45s;} .m-header-nav.on .sp_logo img:last-child{ opacity: 1;} .m-header-nav.in .sp_nav span{ background: #fff;transition:all ease 0.45s;} .m-header-nav.in .sp_logo img{ opacity: 0;transition:all ease 0.45s;} .m-header-nav.in .sp_logo img:last-child{ opacity: 1;} .m-header-nav.on .sp_btn .sp_btn_list .btn_list_title img{ opacity: 0;} .m-header-nav.on .sp_btn .sp_btn_list .btn_list_title img:last-child{ opacity: 1;} .m-header-nav.in .sp_btn .sp_btn_list .btn_list_title img{ opacity: 0;} .m-header-nav.in .sp_btn .sp_btn_list .btn_list_title img:last-child{ opacity: 1;} .m-header-nav.on .sp_logo a{ color: #fff;} .m-header-nav.in .sp_logo a{ color: #fff;} */ .banner{ display: none;} .Title{ line-height: 1.3; margin-bottom: 20px;} .padding90{ padding: 40px 0px;} .btn,.SmartCard .SmartCard_content .SmartCard_content_right .content_right_list .right_list_btn{ width: 120px; height: 44px; margin: 0 auto;} .MobileBanner{ display: block; text-align: center;} .Dbanner{ display: block; position: relative;} .Dbanner .banner_img{ display: none;} .Dbanner .banner_img.MobileDbanner{ display: block;} .Dbanner .banner_img.MobileDbanner img{ height: 456px;} .Dbanner .pc_all_contnet{ height: auto; padding-top: 100px;} .Dbanner .banner_left{ width: 100%; text-align: center;} .Dbanner .banner_left .banner_left_dd{ font-weight: bolder; font-size: 34px;} .Dbanner .banner_left .banner_left_dt{ margin: 18px 0px;} body{ padding-top: 62px;} .banner{ display: block; padding-top: 36px; padding-bottom: 26px;} .banner .pc_all_contnet{ flex-direction: column; align-items: flex-start; height: auto;} .banner .pc_all_contnet .banner_left{ width: 100%;} .banner .pc_all_contnet .banner_left .banner_left_title{ font-size: 30px;} .banner .pc_all_contnet .banner_left .banner_left_txt{ margin: 18px 0 26px; line-height: 1.65;} .banner .pc_all_contnet .banner_right{ width: 100%; margin-top: 28px; padding: 4px; border-radius: 18px;} .banner .pc_all_contnet .banner_right .banner_right_bg{ width: 100%; border-radius: 15px; left: 0; top: 0;} .banner .pc_all_contnet .banner_right .banner_right_list{ height: auto;} .banner .pc_all_contnet .banner_right .banner_right_list.banner_right_list1{ width: 40%; left: -3%; top: 50%;} .banner .pc_all_contnet .banner_right .banner_right_list.banner_right_list2{ width: 36%; left: 3%; top: 8%;} .banner .pc_all_contnet .banner_right .banner_right_list.banner_right_list3{ width: 34%; left: 63%; top: 2%;} .banner .pc_all_contnet .banner_right .banner_right_list.banner_right_list4{ width: 36%; left: 62%; top: 36%;} .banner .pc_all_contnet .banner_right .banner_right_list.banner_right_list5{ width: 38%; left: 58%; top: 74%;} .padding100{ padding: 60px 0;} .Title{ margin-bottom: 34px;} .Title .Title_dt{ margin: 18px 0; line-height: 1.45;} .Title .Title_dt span img{ height: 16px; right: -9px; top: -8px;} .Title .Title_p{ line-height: 1.75;} .btn{ width: auto; height: 42px; padding: 0 20px; margin: 0;} .btn img{ height: 15px;} .banner_left_btn{ flex-wrap: wrap; gap: 10px;} } @media screen and (max-width:980px){ .CreateValue .CreateValue_content{ padding-bottom: 20px;} .CreateValue .CreateValue_content .CreateValue_content_list{ width: calc(50% - 10px); margin-bottom: 20px; padding: 26px 22px; border-radius: 16px;} .CreateValue .CreateValue_content .CreateValue_content_list:nth-child(2n){ top: 0;} .CreateValue .CreateValue_content .CreateValue_content_list:nth-child(2) .content_list_iconst, .CreateValue .CreateValue_content .CreateValue_content_list:nth-child(4) .content_list_iconst{ top: -34px; right: 26px; width: 46px;} .CreateValue .CreateValue_content .CreateValue_content_list .content_list_icon{ margin-bottom: 20px;} .CreateValue .CreateValue_content .CreateValue_content_list .content_list_icon2{ margin-top: 24px;} .CreateValue .CreateValue_bottom{ line-height: 1.6;} .Solution .Solution_content{ padding: 34px 22px 26px; border-radius: 16px;} .Solution .Solution_content .Solution_content_txt{ flex-direction: column; padding-bottom: 6px;} .Solution .Solution_content .Solution_content_txt .content_txt_list{ width: 100%;} .Solution .Solution_content .Solution_content_txt .content_txt_list .txt_list_title{ margin-top: 0; margin-bottom: 24px;} .Solution .Solution_content .Solution_content_txt .content_txt_list + .content_txt_list .txt_list_title{ margin-top: 40px;} .Solution .Solution_content .Solution_content_txt .content_txt_list .txt_list_title span{ line-height: 42px; padding: 0 26px;} .Solution .Solution_content .Solution_content_txt .content_txt_list .txt_list_con{ padding: 0;} .Solution .Solution_content .Solution_content_txt .content_txt_list .txt_list_con .list_con_list{ margin-bottom: 26px;} .Solution .Solution_content .Solution_content_txt .content_txt_list .txt_list_con .list_con_list .con_list_dd{ padding-bottom: 12px; margin-bottom: 12px;} .Solution .Solution_content .Solution_content_txt .content_txt_list .txt_list_con .list_con_list .con_list_dt{ line-height: 1.7;} .Solution .Solution_content .Solution_content_txt .content_txt_list:nth-child(1) .txt_list_con .list_con_list{ text-align: left;} .Solution .Solution_content .Solution_content_txt .content_txt_list:nth-child(1) .txt_list_con .list_con_list .con_list_dd{flex-direction: row-reverse;} .Solution .Solution_content .Solution_content_txt .content_txt_list .txt_list_con .list_con_list .con_list_dd::after{ height: 3px;} .Solution .Solution_content .Solution_content_txt .content_txt_list:nth-child(1) .txt_list_con .list_con_list .con_list_dd::after{ background: linear-gradient(to right, #3662eb, rgba(54,98,235,0));} .Solution .Solution_content .Solution_content_txt .content_txt_list:nth-child(1) .txt_list_con .list_con_list .con_list_dd img{ margin-left: 0; margin-right: 10px;} .Solution .Solution_content .Solution_content_txt .content_txt_list:nth-child(1) .txt_list_con .list_con_list:nth-child(2), .Solution .Solution_content .Solution_content_txt .content_txt_list:nth-child(1) .txt_list_con .list_con_list:nth-child(3){ padding-right: 0;} .Solution .Solution_content .Solution_content_txt .content_txt_list:nth-child(2) .txt_list_con .list_con_list:nth-child(1), .Solution .Solution_content .Solution_content_txt .content_txt_list:nth-child(2) .txt_list_con .list_con_list:nth-child(2){ padding-left: 0;} .Solution .Solution_bottom{ margin-top: 34px;} .Solution .Solution_bottom .Solution_bottom_list{ flex-wrap: wrap; text-align: center; line-height: 1.55; margin-bottom: 16px;} .Solution .Solution_bottom .Solution_bottom_list div{ width: 110px; height: 42px; margin: 0 8px 0 0;} .Solution .Solution_bottom .Solution_bottom_list div img{ height: 33px;} .Solution .Solution_bottom .Solution_bottom_list span img{ bottom: -6px;} .AICreation .AICreation_content{ flex-direction: column;} .AICreation .AICreation_content .AICreation_content_nav{ width: 100%;} .AICreation .AICreation_content .AICreation_content_nav .content_nav_list{ padding: 22px 0;} .AICreation .AICreation_content .AICreation_content_nav .content_nav_list .nav_list_title .list_title_left img{ height: 20px; margin-right: 10px;} .AICreation .AICreation_content .AICreation_content_nav .content_nav_list .nav_list_txt{ margin-top: 16px; line-height: 1.7;} .AICreation .AICreation_content .AICreation_content_right{ width: 100%; margin-top: 26px; padding: 12px; border-radius: 16px;} .AICreation .AICreation_content .AICreation_content_right .content_right_list{ aspect-ratio: auto;} .AICreation .AICreation_content .AICreation_content_right .content_right_list img{ height: auto;} .AIRelease .AIRelease_content{ flex-direction: column;} .AIRelease .AIRelease_content .AIRelease_content_list{ width: 100%; padding: 26px 22px; border-radius: 16px; margin-bottom: 18px;} .AIRelease .AIRelease_content .AIRelease_content_list:last-child{ margin-bottom: 0;} .AIRelease .AIRelease_content .AIRelease_content_list .content_list_title{ margin-bottom: 22px;} .AIRelease .AIRelease_content .AIRelease_content_list .content_list_bottom{ line-height: 1.75;} .HowBegin .HowBegin_content{ flex-direction: column; align-items: stretch;} .HowBegin .HowBegin_content .HowBegin_content_icon{ width: 14px; display: block; margin: 14px auto; transform: rotate(90deg); transform-origin: center;} .HowBegin .HowBegin_content .HowBegin_content_list{ width: 100%; padding: 24px; border-radius: 18px;} .HowBegin .HowBegin_bottom{ flex-direction: column; margin-top: 30px; padding: 0;} .HowBegin .HowBegin_bottom .HowBegin_bottom_list{ width: 100%; border-right: 0; border-bottom: 1px solid #e5eaf1; padding: 22px 20px; justify-content: flex-start;} .HowBegin .HowBegin_bottom .HowBegin_bottom_list:last-child{ border-bottom: 0;} .HowBegin .HowBegin_bottom .HowBegin_bottom_list .bottom_list_con{ width: calc(100% - 54px); margin-left: 14px;} .Question .Question_content .Question_content_list{ padding: 0 20px; border-radius: 12px; margin-bottom: 14px;} .Question .Question_content .Question_content_list .content_list_title{ padding: 20px 0;} .Question .Question_content .Question_content_list .content_list_title .list_title_dd{ line-height: 1.5; padding-right: 14px;} .Question .Question_content .Question_content_list .content_list_title .list_title_icon{ flex-shrink: 0;} .Question .Question_content .Question_content_list .content_list_down{ padding: 18px 0; line-height: 1.75;} .Question .AiJourney_content{ margin-top: 50px; padding: 40px 22px; border-radius: 16px;} .Question .AiJourney_content .AiJourney_content_title .content_title_dt{ margin: 16px 0 30px; line-height: 1.7;} .Question .AiJourney_content .AiJourney_content_title .content_title_btn{ flex-wrap: wrap; gap: 12px;} .Question .AiJourney_content .AiJourney_content_bottom{ flex-wrap: wrap; gap: 12px 22px; margin-top: 30px;} .Question .AiJourney_content .AiJourney_content_bottom span{ margin-right: 0;} .footer .pc_all_contnet{ flex-direction: column;} .footer .pc_all_contnet .footer_left{ flex-direction: column; align-items: center; text-align: center; line-height: 1.9;} .footer .pc_all_contnet .footer_left a{ margin-left: 0;} .footer .pc_all_contnet .footer_right{ margin-top: 12px; flex-wrap: wrap; justify-content: center;} .footer .pc_all_contnet .footer_right a{ margin: 0 10px;} } @media screen and (max-width:766px){ .padding100{ padding: 44px 0;} .Title{ margin-bottom: 26px;} .Title .Title_dt{ margin: 14px 0;} .banner{ padding-top: 28px; padding-bottom: 20px;} .banner .pc_all_contnet{ min-height: 500px; justify-content: center;} .banner .pc_all_contnet .banner_left .banner_left_title{ font-size: 24px; line-height: 1.45;} .banner .pc_all_contnet .banner_left .banner_left_txt{ font-size: 15px; margin: 14px 0 22px;} .banner .pc_all_contnet .banner_right{ margin-top: 22px;} .banner .pc_all_contnet .banner_left .banner_left_title span img{ height: 18px;} .CreateValue .CreateValue_content .CreateValue_content_list{ width: 100%; padding: 22px 20px; margin-bottom: 40px; } .CreateValue .CreateValue_content .CreateValue_content_list:nth-child(2) .content_list_iconst, .CreateValue .CreateValue_content .CreateValue_content_list:nth-child(4) .content_list_iconst{ top: -30px; right: 22px; width: 44px;} .CreateValue .CreateValue_content .CreateValue_content_list:last-child{ margin-bottom: 0;} .Solution .Solution_bottom .Solution_bottom_list{ font-size: 20px;} .Solution .Solution_bottom .Solution_bottom_list:last-child{ flex-direction: column; align-items: center;} .Solution .Solution_bottom .Solution_bottom_list:last-child div{ margin: 0 0 14px;} .AIRelease .AIRelease_content .AIRelease_content_list .content_list_txt{ } .AIRelease .AIRelease_content .AIRelease_content_list .content_list_txt .list_txt_li{ width: calc(25% - 12px); margin-right: 0; margin-bottom: 18px; margin-right: 15px;} .AIRelease .AIRelease_content .AIRelease_content_list .content_list_txt .list_txt_li:nth-child(6n){ margin-right: 15px;} .AIRelease .AIRelease_content .AIRelease_content_list .content_list_txt .list_txt_li:nth-child(4n){ margin-right: 0;} .AIRelease .AIRelease_content .AIRelease_content_list .content_list_txt .list_txt_li .txt_li_dd img{ width: 100%;} .AIRelease .AIRelease_content .AIRelease_content_list .content_list_txt .list_txt_li .txt_li_dt{ margin-top: 10px;} .AICreation .AICreation_content .AICreation_content_nav .content_nav_list .nav_list_title .list_title_right img{ height: 8px;} .HowBegin .HowBegin_content .HowBegin_content_list{ padding: 20px;} .HowBegin .HowBegin_content .HowBegin_content_list .content_list_dd{ width: 48px; height: 48px; border-radius: 14px;} .HowBegin .HowBegin_bottom .HowBegin_bottom_list{ padding: 18px 16px;} .Question .Question_content .Question_content_list{ padding: 0 16px;} .Question .AiJourney_content{ padding: 30px 18px;} .Question .AiJourney_content .AiJourney_content_title .content_title_dt{ margin: 14px 0 24px;} .Question .Question_content .Question_content_list .content_list_title .list_title_icon img{ height: 8px;} .footer{ padding: 22px 0;} .FloatingWindow2{ top: auto; bottom: 200px;} }