/* CSS Reset */ #think_page_trace_open{ display: none; } h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; font-weight: inherit; font-size: inherit;} .HelpCenterDetails .HelpCenterList_content_txt h1,.HelpCenterDetails .HelpCenterList_content_txt h2,.HelpCenterDetails .HelpCenterList_content_txt h3,.HelpCenterDetails .HelpCenterList_content_txt h4,.HelpCenterDetails .HelpCenterList_content_txt h5,.HelpCenterDetails .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%;} @font-face { font-family: 'MyCustomFont'; src: url('SOURCEHANSANSCN-REGULAR.OTF') format('opentype'); /* 备用 */ font-weight: 300; font-style: normal; font-display: swap; } body{color: #222222;overflow-x:hidden;margin:0; padding:0; line-height: 1; font-size: 14px width: 100%; max-width: 100%; font-family: "Source Han Sans CN", "Source Han Sans PRC", "Source Han Sans", "思源黑体", "思源黑体 CN", sans-serif; } input,select,textarea {border-radius: 0;outline: none; font-size: 14px; border: 0; padding: 0; margin: 0; font-family: "Source Han Sans CN", "Source Han Sans PRC", "Source Han Sans", "思源黑体", "思源黑体 CN", sans-serif; } 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:1200px;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:1200px;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{ width: 180px; height: 64px; border-radius: 100px; display: flex; align-items: center; justify-content: center; background: #3762ec; color: #fff; box-shadow: 0 20px 30px 0 rgba(0, 102, 255, .1);} .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;} .header .header_left .header_logo img{ height: 24px; margin-right: 8px;} .header .header_left .header_nav{ display: flex; align-items: center; margin-left: 52px;} .header .header_left .header_nav .header_nav_list{ margin-right: 25px;} .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{ display: inline-block; padding: 12px 16px; border-radius: 100px; background: #3762ec; color: #fff;} .banner{ background: #f7f9fe; overflow: hidden;} .banner .pc_all_contnet{ display: flex; align-items: center; height: 670px; justify-content: space-between;} .banner .banner_left{ width: 400px;} .banner .banner_left .banner_left_title{ position: relative;} .banner .banner_left .banner_left_title .left_title_list{ opacity: 0; visibility: hidden; transition: opacity 0.6s ease, visibility 0.6s ease; position: absolute; top: 0; left: 0; width: 100%;} .banner .banner_left .banner_left_title .left_title_list.active{ opacity: 1; visibility: visible; position: relative;} .banner .banner_left .banner_left_title .left_title_list .title_list_dd{ color: #111; font-weight: 700; line-height: 1.25;} .banner .banner_left .banner_left_title .left_title_list .title_list_dt{ color: #4e5461; line-height: 1.65; margin: 30px 0px; height: 79px;} .banner .banner_left .banner_left_nav{ margin-top: 38px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e6e8eb;} .banner .banner_left .banner_left_nav .left_nav_list{ color: #4e5461; cursor: pointer; position: relative; padding-bottom: 20px;} .banner .banner_left .banner_left_nav .left_nav_list::before{ content: ""; display: inline-block; width: 0%; height: 2px; background: #3762ec; position: absolute; bottom: -1px;} .banner .banner_left .banner_left_nav .left_nav_list.active{ color: #3762ec;} .banner .banner_left .banner_left_nav .left_nav_list.active::before{ width: 100%; animation: navProgress 6s linear forwards;} @keyframes navProgress{ from{ width: 0%;} to{ width: 100%;} } .banner .banner_right{ position: relative; width: calc(100% - 410px); display: flex; justify-content: center; justify-content: center; height: 670px;} .banner .banner_right *{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .banner .banner_right .banner_right_list{ position: absolute; bottom: 0px; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; opacity: 0;} .banner .banner_right .banner_right_list.active{ opacity: 1;} .banner .banner_right .banner_right_list .right_list_bg{ position: relative;} .banner .banner_right .banner_right_list.banner_right_list1 .right_list_bg .right_list_bg_con{ position: relative; opacity: 0; bottom: -20px;} .banner .banner_right .banner_right_list.banner_right_list1 .right_list_li{ position: absolute; width: 88px; height: 88px; border-radius: 15px; display: flex; align-items: center; justify-content: center; box-shadow: 0 20px 30px 0 rgba(0, 102, 255, .1); flex-direction: column; background: #fff;transition-delay: 0.3s; opacity: 0;} .banner .banner_right .banner_right_list.banner_right_list1 .right_list_li img{ width: 32px;} .banner .banner_right .banner_right_list.banner_right_list1 .right_list_li .list_li_dt{ margin-top: 12px;} .banner .banner_right .banner_right_list.banner_right_list1 .right_list_li.wx{ left: -160px; top: 115px;} .banner .banner_right .banner_right_list.banner_right_list1 .right_list_li.fs{ right: -160px; top: 115px;} .banner .banner_right .banner_right_list.banner_right_list1 .right_list_li.fs{ right: -160px; top: 115px;} .banner .banner_right .banner_right_list.banner_right_list1 .right_list_li.qywx{ left: -160px; bottom: 165px;} .banner .banner_right .banner_right_list.banner_right_list1 .right_list_li.xhs{ right: -160px; bottom: 165px;} .banner .banner_right .banner_right_list.banner_right_list1 .lefticon,.banner .banner_right .banner_right_list .righticon{ position: absolute; z-index: 3;} .banner .banner_right .banner_right_list.banner_right_list1 .lefticon{ left: -100px; top: 150px;} .banner .banner_right .banner_right_list.banner_right_list1 .righticon{ right: -100px; top: 155px;} .banner .banner_right .banner_right_list.banner_right_list1.active .right_list_bg .right_list_bg_con{ bottom: 0px; opacity: 1;} .banner .banner_right .banner_right_list.banner_right_list1.active .right_list_li{ opacity: 1;} .banner .banner_right .banner_right_list.banner_right_list1.active .right_list_li.wx{ left: -130px;} .banner .banner_right .banner_right_list.banner_right_list1.active .right_list_li.qywx{ left: -130px;} .banner .banner_right .banner_right_list.banner_right_list1.active .right_list_li.fs{ right: -130px;} .banner .banner_right .banner_right_list.banner_right_list1.active .right_list_li.xhs{ right: -130px;} .banner .banner_right .banner_right_list.banner_right_list1.active .lefticon{ left: -50px;} .banner .banner_right .banner_right_list.banner_right_list1.active .righticon{ right: -50px;} .banner .banner_right .banner_right_list.banner_right_list2{ align-items: flex-end; padding-bottom: 55px; width: 100%;} .banner .banner_right .banner_right_list.banner_right_list2 .right_list_bg{ top: -30px;} .banner .banner_right .banner_right_list.banner_right_list2 .right_list_bg .right_list_bg_con{ width: 752px; border-radius: 30px; box-shadow: 0px 0px 24px rgba(55,98,236,.13);} .banner .banner_right .banner_right_list.banner_right_list2 .right_list2_list{ font-weight: bolder; box-shadow: 0px 0px 24px rgba(55,98,236,.13); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); position: absolute; display: flex; align-items: center; border: 1px solid #fff; border-radius: 100px; padding: 7px 10px; background: rgba(255,255,255,.6);transition-delay: 0.3s; opacity: 0;} .banner .banner_right .banner_right_list.banner_right_list2 .right_list2_list img{ margin-right: 7px; border-radius: 100px; border: 1px solid #fff; box-shadow: 0px 0px 24px rgba(55,98,236,.13);} .banner .banner_right .banner_right_list.banner_right_list2 .right_list2_list:nth-child(2) { top: calc(1% - 30px); left: 23%; } .banner .banner_right .banner_right_list.banner_right_list2 .right_list2_list:nth-child(3) { top: calc(32% - 30px); left: -50px; } .banner .banner_right .banner_right_list.banner_right_list2 .right_list2_list:nth-child(4) { top: calc(60% - 30px); left: -38px; } .banner .banner_right .banner_right_list.banner_right_list2 .right_list2_list:nth-child(5) { bottom: calc(41px - 30px); left: 6%; } .banner .banner_right .banner_right_list.banner_right_list2 .right_list2_list:nth-child(6) { top: calc(10% - 30px); right: 13%; } .banner .banner_right .banner_right_list.banner_right_list2 .right_list2_list:nth-child(7) { top: calc(32% - 30px); right: -50px; } .banner .banner_right .banner_right_list.banner_right_list2 .right_list2_list:nth-child(8) { bottom: 70px; right: -40px; } .banner .banner_right .banner_right_list.banner_right_list2.active .right_list_bg{ top: 0;} .banner .banner_right .banner_right_list.banner_right_list2.active .right_list2_list{ opacity: 1;} .banner .banner_right .banner_right_list.banner_right_list2.active .right_list2_list:nth-child(2) { top: 1%;} .banner .banner_right .banner_right_list.banner_right_list2.active .right_list2_list:nth-child(3) { top: 32%;} .banner .banner_right .banner_right_list.banner_right_list2.active .right_list2_list:nth-child(4) { top: 60%;} .banner .banner_right .banner_right_list.banner_right_list2.active .right_list2_list:nth-child(5) { bottom: 41px;} .banner .banner_right .banner_right_list.banner_right_list2.active .right_list2_list:nth-child(6) { top: 10%;} .banner .banner_right .banner_right_list.banner_right_list2.active .right_list2_list:nth-child(7) { top: 32%;} .banner .banner_right .banner_right_list.banner_right_list2.active .right_list2_list:nth-child(8) { bottom: 100px;} .banner .banner_right .banner_right_list.banner_right_list3{ align-items: center; width: 100%; justify-content: flex-end;} .banner .banner_right .banner_right_list.banner_right_list3 .right_list_bg{ bottom: -30px;} .banner .banner_right .banner_right_list.banner_right_list3 .right_list_bg .right_list_bg_con{ width: 342px; border-radius: 30px 30px 0px 0px; box-shadow: 0px 0px 24px rgba(55,98,236,.13);} .banner .banner_right .banner_right_list.banner_right_list3 .right_list3_list{ font-weight: bolder; box-shadow: 0px 0px 24px rgba(55,98,236,.13); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); position: absolute; display: flex; align-items: center; border: 1px solid #fff; border-radius: 100px; padding: 7px 10px; background: rgba(255,255,255,.6);transition-delay: 0.3s; opacity: 0;} .banner .banner_right .banner_right_list.banner_right_list3 .right_list3_list img{ margin-right: 7px; border-radius: 100px; border: 1px solid #fff; box-shadow: 0px 0px 24px rgba(55,98,236,.13);} .banner .banner_right .banner_right_list.banner_right_list3 .right_list3_list:nth-child(2) { top:calc( 16% + 30px); left: -80px; } .banner .banner_right .banner_right_list.banner_right_list3 .right_list3_list:nth-child(3) { top:calc( 36% + 30px); left: -183px; } .banner .banner_right .banner_right_list.banner_right_list3 .right_list3_list:nth-child(4) { top:calc( 54% + 30px); left: -158px; } .banner .banner_right .banner_right_list.banner_right_list3 .right_list3_list:nth-child(5) { bottom:calc( 120px + 30px); left: -150px; } .banner .banner_right .banner_right_list.banner_right_list3 .right_list3_list:nth-child(6) { border: 2px solid #fff; padding: 0; top:calc( 15% + 30px); right: -215px; z-index: 2; } .banner .banner_right .banner_right_list.banner_right_list3 .right_list3_list:nth-child(6) img{ margin-right: 0;} .banner .banner_right .banner_right_list.banner_right_list3 .right_list3_list:nth-child(7) { border: 0; border-radius: 20px; right: -250px; top: calc(19% + 30px); background: none; padding: 0; backdrop-filter: inherit; display: flex; } .banner .banner_right .banner_right_list.banner_right_list3 .right_list3_list:nth-child(7) img{ border: 0; border-radius: 20px; box-shadow: 0 0 0; margin-right: 0;} .banner .banner_right .banner_right_list.banner_right_list3.active .right_list_bg{ bottom: 0;} .banner .banner_right .banner_right_list.banner_right_list3.active .right_list3_list{ opacity: 1;} .banner .banner_right .banner_right_list.banner_right_list3.active .right_list3_list:nth-child(2) { top: 16%; } .banner .banner_right .banner_right_list.banner_right_list3.active .right_list3_list:nth-child(3) { top: 36%;} .banner .banner_right .banner_right_list.banner_right_list3.active .right_list3_list:nth-child(4) { top: 54%;} .banner .banner_right .banner_right_list.banner_right_list3.active .right_list3_list:nth-child(5) { bottom: 120px; } .banner .banner_right .banner_right_list.banner_right_list3.active .right_list3_list:nth-child(6) { top: 15%;} .banner .banner_right .banner_right_list.banner_right_list3.active .right_list3_list:nth-child(7) { top: 19%; } @keyframes scrollUp { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } @keyframes scrollDown { 0% { transform: translateY(-50%); } 100% { transform: translateY(0); } } .banner .banner_right .banner_right_list.banner_right_list4{ width: 100%; display: flex; justify-content: space-between; flex-direction: inherit; flex-wrap: wrap; padding-left: 100px; position: relative;} .banner .banner_right .banner_right_list.banner_right_list4::before{ content: ''; position: absolute; left: 100px; right: 0; top: 0; height: 80px; background: linear-gradient(to bottom, #fff, transparent); z-index: 2; pointer-events: none; } .banner .banner_right .banner_right_list.banner_right_list4::after{ content: ''; position: absolute; left: 100px; right: 0; bottom: 0; height: 80px; background: linear-gradient(to top, #fff, transparent); z-index: 2; pointer-events: none; } .banner .banner_right .banner_right_list.banner_right_list4 .right_list4_li{ width: calc(50% - 10px);} .banner .banner_right .banner_right_list.banner_right_list4 .right_list4_li:last-child{ margin-top: -90px;} .banner .banner_right .banner_right_list.banner_right_list4 .right_list4_li .scroll-inner{ animation-timing-function: linear; animation-iteration-count: infinite; } .banner .banner_right .banner_right_list.banner_right_list4 .right_list4_li:hover .scroll-inner{ animation-play-state: paused; } .banner .banner_right .banner_right_list.banner_right_list4 .right_list4_li.scroll-up .scroll-inner{ animation-name: scrollUp; animation-duration: 90s; } .banner .banner_right .banner_right_list.banner_right_list4 .right_list4_li.scroll-down .scroll-inner{ animation-name: scrollDown; animation-duration: 90s; } .banner .banner_right .banner_right_list.banner_right_list4 .right_list4_li .list4_li_l{ height: 445px; border-radius: 10px; overflow: hidden; display: flex; margin-bottom: 20px; box-shadow: 0px 0px 24px rgba(55,98,236,.13); } .banner .banner_right .banner_right_list.banner_right_list4 .right_list4_li .list4_li_l img{ width: 100%; height: auto; object-fit: cover; object-position: top; display: block; margin-top: 0;} .MobileBanner{ display: none; padding-top: 102px; background: #f7f9fe;} .MobileBanner .MobileBanner_list{ background: #f7f9fe; opacity: 0 !important;} .MobileBanner .MobileBanner_list .MobileBanner_list_top{ margin-bottom: 35px;} .MobileBanner .MobileBanner_list .MobileBanner_list_top .list_top_dd{ font-weight: bolder; line-height: 1.3;} .MobileBanner .MobileBanner_list .MobileBanner_list_top .list_top_dt{ line-height: 1.6; margin-top: 20px; margin-bottom: 30px;} .MobileBanner .MobileBanner_list.swiper-slide-active{ opacity: 1 !important;} .padding90{ padding: 90px 0px;} .padding90.pb-0{ padding-bottom: 0;} .Title{ text-align: center; color: #111; margin-bottom: 52px;} .SmartCard{ padding-bottom: 156px;} .SmartCard .SmartCard_nav{ display: flex; align-items: center; justify-content: center; margin-bottom: 102px;} .SmartCard .SmartCard_nav .SmartCard_nav_list{ text-align: center; cursor: pointer; margin-right: 130px;} .SmartCard .SmartCard_nav .SmartCard_nav_list:last-child{ margin-right: 0;} .SmartCard .SmartCard_nav .SmartCard_nav_list .nav_list_icon{ margin-bottom: 10px;} .SmartCard .SmartCard_nav .SmartCard_nav_list .nav_list_icon svg{ height: 23px; width: auto;} .SmartCard .SmartCard_nav .SmartCard_nav_list .nav_list_icon svg path{ fill: #b5b7ba;} .SmartCard .SmartCard_nav .SmartCard_nav_list .nav_list_title{ color: #b5b7ba;} .SmartCard .SmartCard_nav .SmartCard_nav_list.active .nav_list_icon svg path{ fill: #111111;} .SmartCard .SmartCard_nav .SmartCard_nav_list.active .nav_list_title{ color: #111111;} .SmartCard .SmartCard_content{ display: flex; align-items: center; justify-content: space-between; padding: 0px 70px; height: 568px; background: url(../images/bg2.jpg) no-repeat 50%/cover;} .SmartCard .SmartCard_content .SmartCard_content_left{ width: 346px; border-radius: 35px; background: linear-gradient(to bottom, #e2f3ff, #7facf9); height: 735px;} @keyframes scFadeSlideIn{0%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:translateY(0)}} @keyframes scFadeSlideOut{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-12px)}} .SmartCard .SmartCard_content .SmartCard_content_left{position:relative;} .SmartCard .SmartCard_content .SmartCard_content_left .content_left_list{border-radius:35px;background:#fff;height:calc(100% - 12px);position:absolute;top:6px;left:6px;right:0;opacity:0;pointer-events:none; width: calc(100% - 12px);} .SmartCard .SmartCard_content .SmartCard_content_left .content_left_list.active{opacity:1;} .SmartCard .SmartCard_content .SmartCard_content_left .content_left_list.leaving{opacity: 0;} .SmartCard .SmartCard_content .SmartCard_content_left .content_left_list img{ border-radius: 35px;} .SmartCard .SmartCard_content .SmartCard_content_left .content_left_list video{ width: 100%; height: 100%; object-fit:cover; border-radius: 35px;} .SmartCard .SmartCard_content .SmartCard_content_right{ width: calc(100% - 400px);position:relative; height: 100%;} .SmartCard .SmartCard_content .SmartCard_content_right .content_right_list{position:absolute;top:22%;left:0;right:0;opacity:0;pointer-events:none;} .SmartCard .SmartCard_content .SmartCard_content_right .content_right_list.active{opacity:1;pointer-events:auto;animation:scFadeSlideIn .4s ease both;} .SmartCard .SmartCard_content .SmartCard_content_right .content_right_list.leaving{animation:scFadeSlideOut .25s ease both;} .SmartCard .SmartCard_content .SmartCard_content_right .content_right_list .right_list_title{ margin-bottom: 50px;} .SmartCard .SmartCard_content .SmartCard_content_right .content_right_list .right_list_txt .list_txt_dd{ margin-bottom: 20px;} .SmartCard .SmartCard_content .SmartCard_content_right .content_right_list .right_list_txt .list_txt_dt p{ margin-bottom: 5px; line-height: 2;} .SmartCard .SmartCard_content .SmartCard_content_right .content_right_list .right_list_btn{ width: 170px; height: 60px; border-radius: 100px; display: flex; align-items: center; justify-content: center; background: #3762ec; color: #fff; box-shadow: 0 20px 30px 0 rgba(0, 102, 255, .1); margin-top: 40px;} .GetCard{ background: url(../images/bg3.jpg) no-repeat 0%/cover;} .GetCard .GetCard_nav{ display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,.6); border-radius: 100px; height: 46px; padding: 0px 8px; margin-bottom: 55px;} .GetCard .GetCard_nav .GetCard_nav_list{ color: #000000; padding: 10px 20px; border-radius: 100px; cursor: pointer;} .GetCard .GetCard_nav .GetCard_nav_list.active{ background: #3762ec; color: #fff;} .GetCard .GetCard_content{margin-bottom:72px;position:relative;} .GetCard .GetCard_content .swiper-container{overflow:inherit;height:650px;} .GetCard .GetCard_content .swiper-container .swiper-wrapper{height:650px;} .GetCard .GetCard_content .GetCard_content_slide{border-radius:20px;overflow:hidden;display:flex;height:650px;box-shadow:0px 0px 40px rgba(0,0,0,.1); width: 330px; margin-right: 32px; position: relative;} .GetCard .GetCard_content .GetCard_content_slide a{ display: inline-block; position: relative; width: 100%;} .GetCard .GetCard_content .GetCard_content_slide img { width: 100%; height: auto; /* 必须是 auto，否则拿不到长图的真实渲染高度 */ object-fit: cover; object-position: top; display: block; margin-top: 0; /* 确保初始值归零 */ } .GetCard .GetCard_content .GetCard_content_slide a:after{ content:""; display: inline-block; width: 100%; height: 35%; position: absolute; bottom: 0; left: 0;background: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);opacity: 0;} .GetCard .GetCard_content .GetCard_content_slide a:before{ content:"创建同款"; font-size: 16px; color:#fff; border-radius: 115px; width: 160px; height: 48px; display: flex; align-items:center; justify-content:center; background:#3762ec; position: absolute; bottom: 0px; left: 0; right: 0; margin: 0 auto; z-index: 3;opacity: 0;} .GetCard .GetCard_content .GetCard_content_slide a:hover:after{ opacity: 1;} .GetCard .GetCard_content .GetCard_content_slide a:hover:before{ opacity: 1; bottom: 25px;} .GetCard .GetCard_content .swiper-container .swiper-button-prev,.GetCard .GetCard_content .swiper-container .swiper-button-next{ width: 45px; height: 45px; background: #fff; border: 1px solid #dcdcdc; border-radius: 100%;} .GetCard .GetCard_content .swiper-container .swiper-button-prev:after,.GetCard .GetCard_content .swiper-container .swiper-button-next:after{ font-size: 20px; color: #999;} .LGetCard .GetCard_content>.GetCard_content_list{display: flex; flex-wrap: wrap;} .Questions_sarch{ display: flex; justify-content: center; align-items: center;} .Questions_sarch input[type="text"]{ background: #fff; width: 600px; height: 40px; border-radius: 10px 0px 0px 10px; padding: 0px 20px;} .Questions_sarch input[type="submit"]{ background: #3762ec url(../images/sv10.svg) no-repeat 50% 50%; background-size: 13px; cursor: pointer; width: 40px; height: 40px; border-radius: 0px 10px 10px 0px;} .Questions_hot{ background: #fff; border-radius: 10px; padding: 30px; padding-bottom: 12px; margin-top: 40px;} .Questions_hot .Questions_hot_title{ margin-bottom: 30px; font-weight: bolder;} .Questions_hot .Questions_hot_content{ display: flex; justify-content: space-between; flex-wrap: wrap;} .Questions_hot .Questions_hot_content .hot_content_list{ color: #111; width: 31%; display: inline-block; margin-bottom: 18px;} .Questions_hot .Questions_hot_content .hot_content_list a{ position: relative;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width: 100%; display: inline-block;} .Questions_hot .Questions_hot_content .hot_content_list a::before{ content: ""; display: inline-block; width: 6px; height: 6px; background: #3762ec; border-radius: 100%; position: relative; top: -2px; margin-right: 8px;} .Questions_hot .Questions_hot_content .hot_content_list:hover{ color: #3762ec;} .Questions_hot{ margin-bottom: 60px;} .Questions_help{ padding-bottom: 40px;} .Questions_help .Questions_help_title{ font-weight: bolder; margin-bottom: 22px;} .Questions_help .Questions_help_content{ display: flex; flex-wrap: wrap; } .Questions_help .Questions_help_content .help_content_list{ width: 23%; text-align: center; margin-right: 2%; margin-bottom: 2%; color: #111;} .Questions_help .Questions_help_content .help_content_list a{ border-radius: 10px; background: #fff; color: #111; display: inline-block; padding: 25px 10px; width: 100%;} .Questions_help .Questions_help_content .help_content_list:hover a{ background:#3762ec; color:#fff;} .Questions_help .Questions_help_content .help_content_list:nth-child(4n){ margin-right: 0px;} .Questions_help .Questions_help_content .help_content_list .content_list_icon img{ height: 30px;} .footer{ background: #f9fafc; border-radius: 50px 50px 0px 0px; margin-top: -40px; padding-top: 90px;} .footer .footer_top{ display: flex; align-items: center; justify-content: space-between; padding-bottom: 40px; border-bottom: 1px solid #e0e1e3; margin-bottom: 35px;} .footer .footer_top .footer_top_left{ line-height: 1.2;} .footer .footer_top .footer_top_right{ display: flex; align-items: center; justify-content: space-between;} .footer .footer_top .footer_top_right .top_right_list{ text-align: center; margin-left: 22px; position: relative;} .footer .footer_top .footer_top_right .top_right_list .right_list_icon{ width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 100%; margin-bottom: 15px;} .footer .footer_top .footer_top_right .top_right_list .right_list_icon img{ height: 28px;} .footer .footer_top .footer_top_right .top_right_list .right_list_qrcode{ position: absolute; width: 121px; bottom: 110%; left: 50%; transform: translateX(-50%); opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; background: #fff; border-radius: 8px; box-shadow: 0 4px 16px rgba(0,0,0,0.12); white-space: nowrap;} .footer .footer_top .footer_top_right .top_right_list .right_list_qrcode::after{ content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 6px solid transparent; border-top-color: #fff;} .footer .footer_top .footer_top_right .top_right_list .right_list_qrcode img{ width: 121px; height: 121px; display: block; border-radius: 8px;} .footer .footer_top .footer_top_right .top_right_list:hover .right_list_qrcode{ opacity: 1; visibility: visible;} .footer .footer_bottom{ display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: 50px; border-bottom: 1px solid #e0e1e3;} .footer .footer_bottom .footer_bottom_left{ display: flex;} .footer .footer_bottom .footer_bottom_left .bottom_left_list{ margin-right: 80px;} .footer .footer_bottom .footer_bottom_left .bottom_left_list:last-child{ margin-right: 0;} .footer .footer_bottom .footer_bottom_left .bottom_left_list .left_list_dd a{ color: #111;} .footer .footer_bottom .footer_bottom_left .bottom_left_list .left_list_dt p{ margin-top: 19px;} .footer .footer_bottom .footer_bottom_left .bottom_left_list .left_list_dt p a{ color: #666;} .footer .footer_bottom .footer_bottom_right .bottom_right_dd{ text-align: center; margin-bottom: 10px;} .footer .footer_Copyright{ padding-top: 25px; padding-bottom: 50px; display: flex; align-items: center; justify-content: space-between; color: #666;} .footer .footer_Copyright .footer_Copyright_right{ display: flex; align-items: center;} .footer .footer_Copyright .footer_Copyright_right span{ margin: 0px 8px;} .footer .footer_Copyright a{ color: #666; display: flex; align-items: center;} .footer .footer_Copyright img{ height: 15px; margin-right: 5px;} .Dbanner .pc_all_contnet{ position: absolute; top: 0; left: 0; right: 0; height: 542px;} .Dbanner .banner_img img{ width: 100%; height: 542px; object-fit: cover;} .Dbanner .banner_left .banner_left_dt{ margin-top: 30px; margin-bottom: 45px; color: #565e66;} .Dbanner .banner_img.MobileDbanner{ display: none;} .Product .ProductList{ overflow: hidden;} .Product .ProductList .pc_all_contnet{ display: flex; align-items: center; justify-content: space-between;} .Product .ProductList .pc_all_contnet .ProductList_left{ width: 50%;overflow: visible; display: flex; justify-content: flex-end; position: relative;} .Product .ProductList .pc_all_contnet .ProductList_left img{ width: auto; max-width: inherit; } .Product .ProductList .pc_all_contnet .ProductList_left .ProductList1_bg{ position: relative; z-index: 2;} .Product .ProductList .pc_all_contnet .ProductList_left .ProductList1_li{ position: absolute; width: calc(62% + 1px); left: 54px; top: 17px; border-radius: 40px; overflow: hidden;} .Product .ProductList .pc_all_contnet .ProductList_left .ProductList1_li img{ width: 100%;} .Product .ProductList .pc_all_contnet .ProductList_right{ width: 48%;} .Product .ProductList .pc_all_contnet .ProductList_right .ProductList_right_icon img{ height: 63px;} .Product .ProductList .pc_all_contnet .ProductList_right .ProductList_right_title{ color: #0d0d0d; opacity: .9; margin-top: 25px; margin-bottom: 30px; font-weight: bolder; line-height: 1.2;} .Product .ProductList .pc_all_contnet .ProductList_right .ProductList_right_txt{ color: #0d0d0d; opacity: .66; line-height: 1.65;} .Product .ProductList:nth-child(2n){ background: #f7f9fe;} .Product .ProductList:nth-child(2n) .pc_all_contnet{ flex-direction: row-reverse;} .Product .ProductList:nth-child(2n) .pc_all_contnet .ProductList_left{ display: flex; justify-content: flex-start;} .Unlock{ padding-top: 95px; padding-bottom: 120px; text-align: center; background: url(../images/bg9.jpg) no-repeat 50%/cover;} .Unlock .btn{ margin: 0 auto; margin-top: 35px;} .LGetCard .GetCard_content>.GetCard_content_list.active{display:flex; flex-wrap: wrap;} .LGetCard .GetCard_content>.GetCard_content_list .GetCard_content_slide{ width: 23%; margin-right: 2.5%; margin-bottom: 2.5%;} .LGetCard .GetCard_content>.GetCard_content_list .GetCard_content_slide:nth-child(4n){ margin-right: 0;} .LGetCard .GetCard_content>.GetCard_content_list .GetCard_content_slide{ position: relative;} .LGetCard .GetCard_content>.GetCard_content_list .GetCard_content_slide:after{ content:""; display: inline-block; width: 100%; height: 35%; position: absolute; bottom: 0; left: 0;background: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);opacity: 0;} .LGetCard .GetCard_content>.GetCard_content_list .GetCard_content_slide:before{ content:"创建同款"; font-size: 16px; color:#fff; border-radius: 115px; width: 160px; height: 48px; display: flex; align-items:center; justify-content:center; background:#3762ec; position: absolute; bottom: 0px; left: 0; right: 0; margin: 0 auto; z-index: 3;opacity: 0;} .LGetCard .GetCard_content>.GetCard_content_list .GetCard_content_slide:hover:after{ opacity: 1;} .LGetCard .GetCard_content>.GetCard_content_list .GetCard_content_slide:hover:before{ opacity: 1; bottom: 25px;} .combo{ background: url(../images/bg10.jpg) no-repeat 50%/cover; padding: 180px 0px;} .combo .combo_title{ text-align: center; margin-bottom: 80px;} .combo .combo_title .combo_title_dd{ color: #111111; font-weight: bolder; margin-bottom: 25px;} .combo .combo_title .combo_title_dt{ color: #565e66;} .combo .combo_content{ display: flex; justify-content: space-between; align-items: center;} .combo .combo_content .combo_content_list{ background: #fff; border-radius: 20px; padding: 55px; width: 50%; box-shadow: 0 20px 30px 0 rgba(0, 102, 255, .1);} .combo .combo_content .combo_content_list:first-child{ border-radius: 20px 0px 0px 20px; } .combo .combo_content .combo_content_list .content_list_title{ margin-bottom: 50px;} .combo .combo_content .combo_content_list .content_list_title .list_title_dd{ color: #111111; font-weight: bolder;} .combo .combo_content .combo_content_list .content_list_title .list_title_dt{ color: #495a6b; margin-top: 18px;} .combo .combo_content .combo_content_list .content_list_price .list_title_dd{ color: #111111; font-weight: bolder;} .combo .combo_content .combo_content_list .content_list_price .list_title_dd span{ margin-left: 15px;} .combo .combo_content .combo_content_list .content_list_price .list_title_dt{ display: flex; justify-content: space-between;} .combo .combo_content .combo_content_list .content_list_price .list_title_btn{ color: #3762ec; width: 230px; height: 54px; border-radius: 100px; display: flex; align-items: center; justify-content: center; border: 1px solid #3762ec; font-weight: bolder; margin-top: 18px;} .combo .combo_content .combo_content_list .content_list_price .list_title_dt .list_title_btn{ width: 48%;} .combo .combo_content .combo_content_list .content_list_price .list_title_btn:hover{ color: #fff; background: #3762ec;} .combo .combo_content .combo_content_list .content_list_bottom{ border-top: 1px solid #ededed; margin-top: 30px; padding-top: 30px;} .combo .combo_content .combo_content_list .content_list_bottom .list_bottom_title{ color: #111111; font-weight: bolder; margin-bottom: 25px;} .combo .combo_content .combo_content_list .content_list_bottom .list_bottom_txt .bottom_txt_list{ display: flex; align-items: center; justify-content: space-between; color: #666666; margin-bottom: 22px;} .combo .combo_content .combo_content_list .content_list_bottom .list_bottom_txt .bottom_txt_list:last-child{ margin-bottom: 0;} .combo .combo_content .combo_content_list .content_list_bottom .list_bottom_txt .bottom_txt_list .txt_list_dt img{ height: 15px; width: 15px;} .combo .combo_content .combo_content_list:last-child{ background: #3762ec;} .combo .combo_content .combo_content_list:last-child .content_list_title .list_title_dd{ color: #fff;} .combo .combo_content .combo_content_list:last-child .content_list_title .list_title_dt{ color: #fff;} .combo .combo_content .combo_content_list:last-child .content_list_price .list_title_dd{ color: #fff;} .combo .combo_content .combo_content_list:last-child .content_list_price .list_title_dd span{ color: rgba(255,255,255,.5);} .combo .combo_content .combo_content_list:last-child .content_list_price .list_title_dt{ color: #fff;} .combo .combo_content .combo_content_list:last-child .content_list_price .list_title_btn{ border: 1px solid rgba(255,255,255,.5); color: rgba(255,255,255,.5);} .combo .combo_content .combo_content_list:last-child .content_list_price .list_title_btn.active{ border: 1px solid rgba(255,255,255,1); background: #fff; color: #3762ec;} .combo .combo_content .combo_content_list:last-child .content_list_bottom{ border-top: 1px solid rgba(255,255,255,.1); } .combo .combo_content .combo_content_list:last-child .content_list_bottom .list_bottom_title{ color: #fff;} .combo .combo_content .combo_content_list:last-child .content_list_bottom .list_bottom_txt .bottom_txt_list{ color: #fff;} .combo .combo_content .combo_content_list:last-child .content_list_bottom .list_bottom_txt .bottom_txt_list .txt_list_dt img{ opacity: .5;} .Function{ background: #fff;} .Function .Function_content{ position: relative;} .Function .Function_content .Function_content_title{ border-radius: 10px; background: #fafcff; border: 1px solid #ebedf2; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 80px; z-index: 10;} .Function .Function_content .Function_content_title .content_title_list{ color: #000000; padding: 0px 44px; border-right: 1px solid #ebedf2; display: flex; height: 62px; align-items: center;} .Function .Function_content .Function_content_title .content_title_list:last-child{ border-right: 0;} .Function .Function_content .Function_content_title .content_title_list:nth-child(1){ width: 20%;} .Function .Function_content .Function_content_title .content_title_list:nth-child(2){ width: 50%;} .Function .Function_content .Function_content_title .content_title_list:nth-child(3){ width: 30%; justify-content: center;} .Function .Function_content .Function_content_list{ margin-top: 20px;} .Function .Function_content .Function_content_list .content_list_title{ background: #e9f1fd; padding: 21px 45px; border-radius: 10px 10px 0px 0px; color: #3762ec;} .Function .Function_content .Function_content_list .content_list_tab table tr td{ border: 1px solid #ebedf2; font-size: 18px; color: #000000; padding: 20px;} .Function .Function_content .Function_content_list .content_list_tab table tr td img{ height: 24px;} .Function .Function_content .Function_content_list .content_list_tab table tr td:nth-child(1){ width: 20%;} .Function .Function_content .Function_content_list .content_list_tab table tr td:nth-child(2){ width: 50%;} .Function .Function_content .Function_content_list .content_list_tab table tr td:nth-child(3){ width: 30%;} .FQuestions{ padding-bottom: 90px;} .FQuestions .FQuestions_container .FQuestions_container_list { border-bottom: 1px solid #e0e4f3; } .FQuestions .FQuestions_container .FQuestions_container_list .container_list_title { list-style: none; /* 隐藏默认箭头 */ font-weight: 500; cursor: pointer; outline: none; transition: color 0.3s ease; color: #111; padding: 30px 0; padding-right: 30px; position: relative; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .FQuestions .FQuestions_container .FQuestions_container_list .container_list_title:hover { color: #3762ec; /* 悬停颜色 */ } .FQuestions .FQuestions_container .FQuestions_container_list .container_list_title::after { content: ''; width: 8px; height: 8px; border-right: 2px solid #111; border-bottom: 2px solid #111; transform: rotate(45deg); /* 默认向下 */ transition: transform 0.3s ease; margin-right: 5px; position: absolute; right: 0; } .FQuestions .FQuestions_container .FQuestions_container_list.active .container_list_title::after { transform: rotate(-135deg); /* 向上 */ } .FQuestions .FQuestions_container .FQuestions_container_list .content{ line-height: 1.6; color: #111; padding-bottom: 5px; display: none; padding-bottom: 30px; margin-top: -10px; } .FQuestions .FQuestions_container .FQuestions_container_list.active .content{ display: block;} .HelpCenter{ padding-top: 150px;} .HelpCenter .HelpCenter_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .HelpCenter .HelpCenter_content .HelpCenter_content_list{ background: #fff; border-radius: 20px; width: 49%; margin-bottom: 2%; padding: 30px;} .HelpCenter .HelpCenter_content .HelpCenter_content_list .content_list_title{ display: flex; align-items: center; justify-content: space-between; padding-bottom: 21px; margin-bottom: 21px; border-bottom: 1px solid #ededee;} .HelpCenter .HelpCenter_content .HelpCenter_content_list .content_list_title .list_title_dd{ display: flex; align-items: center;} .HelpCenter .HelpCenter_content .HelpCenter_content_list .content_list_title .list_title_dd img{ height: 22px; margin-right: 9px;} .HelpCenter .HelpCenter_content .HelpCenter_content_list .content_list_title .list_title_dt{ color: #3762ec;} .HelpCenter .HelpCenter_content .HelpCenter_content_list .content_list_txt .list_txt_li{ display: inline-block; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width: 100%; margin-bottom: 20px; padding-left: 13px; position: relative;} .HelpCenter .HelpCenter_content .HelpCenter_content_list .content_list_txt .list_txt_li:last-child{ margin-bottom: 0;} .HelpCenter .HelpCenter_content .HelpCenter_content_list .content_list_txt .list_txt_li a{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .HelpCenter .HelpCenter_content .HelpCenter_content_list .content_list_txt .list_txt_li a::before{ content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 100%; background: #77797b; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #77797b;} .HelpCenter .HelpCenter_content .HelpCenter_content_list .content_list_txt .list_txt_li:hover{ color: #3762ec;} .HelpCenter .HelpCenter_content .HelpCenter_content_list .content_list_txt .list_txt_li:hover::before{ background: #3762ec;} .HelpCenterList{ background: url(../images/bg11.jpg) no-repeat 50%/cover; padding-top: 160px;} .HelpCenterList .HelpCenterList_page{ display: flex; align-items: center; padding-bottom: 19px; border-bottom: 1px solid #dfe3f1;} .HelpCenterList .HelpCenterList_page a{ color: #545a68;} .HelpCenterList .HelpCenterList_page span{ color: #8a8a8a; margin: 0px 10px; font-size: 16px;} .HelpCenterList .HelpCenterList_page a.active{ color: #3762ec;} .HelpCenterList .HelpCenterList_content{ padding: 65px 0px; display: flex; justify-content: space-between; align-items: flex-start; position: relative;} .HelpCenterList .HelpCenterList_content .HelpCenterList_content_title{ color: #111; position: sticky; top: 100px;} .HelpCenterList .HelpCenterList_content .HelpCenterList_content_txt{ width: 70%;} .HelpCenterList .HelpCenterList_content .HelpCenterList_content_txt .content_txt_list{ display: inline-block; width: 100%; color: #545a68; margin-bottom: 30px;} .HelpCenterList .HelpCenterList_content .HelpCenterList_content_txt .content_txt_list a{ display: inline-block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width: 100%;} .HelpCenterList .HelpCenterList_content .HelpCenterList_content_txt .content_txt_list:last-child{ margin-bottom: 0;} .HelpCenterList .HelpCenterList_content .HelpCenterList_content_txt .content_txt_list:hover{ color: #3762ec;} .HelpCenterDetails{ background: #fff; padding-bottom: 0;} .HelpCenterDetails .HelpCenterList_content .HelpCenterList_content_title{ top: 80px;} .HelpCenterDetails .HelpCenterList_content{ padding-top: 0px; padding-bottom: 40px;} .HelpCenterDetails .HelpCenterList_content .HelpCenterList_content_title{ width: 345px; padding-right: 40px; padding-top: 45px;} .HelpCenterDetails .HelpCenterList_content .HelpCenterList_content_title .content_title_dd{ color: #a5afc5; margin-bottom: 30px;} .HelpCenterDetails .HelpCenterList_content .HelpCenterList_content_title .content_title_dt{ padding-left: 15px;} .HelpCenterDetails .HelpCenterList_content .HelpCenterList_content_title .content_title_dt a{ color: #545a68; line-height: 1.55; margin-bottom: 14px; display: inline-block; width: 100%;} .HelpCenterDetails .HelpCenterList_content .HelpCenterList_content_title .content_title_dt a:last-child{ margin-bottom: 0;} .HelpCenterDetails .HelpCenterList_content .HelpCenterList_content_title .content_title_dt a:hover{ color: #3762ec;} .HelpCenterDetails .HelpCenterList_content .HelpCenterList_content_title .content_title_dt a.active{ color: #3762ec;} .HelpCenterDetails .HelpCenterList_content .HelpCenterList_content_txt{ padding-top: 12px; width: calc(100% - 345px); border-left: 1px solid #dfe3f1; padding-left: 80px; margin-top: 13px; padding-bottom: 65px;} .HelpCenterDetails .HelpCenterList_content .HelpCenterList_content_txt p{ color: #545a68; line-height: 1.75; margin-bottom: 20px;} .mo_show{ display: none; } .pc_show{ display: block; } .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;} .About{ padding-top: 180px; padding-bottom: 50px;background: url(../images2/bn2.png) no-repeat 0% 0;} .About .About_top .About_top_title{ text-align: center;background: linear-gradient(to bottom, #3762ec, #002ec2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 100px; font-weight: bolder;} .About .About_top .About_top_icon{ display: flex; align-items: center; justify-content: center; margin-left: -20px;} .About .About_top .About_top_icon .top_icon_list{ width: 273px; height: 273px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: #fff; box-shadow: 13px 6px 65px rgba(71,54,235,.2); position: relative;} .About .About_top .About_top_icon .top_icon_list:nth-child(1){ z-index: 4;} .About .About_top .About_top_icon .top_icon_list:nth-child(2){ z-index: 3;} .About .About_top .About_top_icon .top_icon_list:nth-child(3){ z-index: 2;} .About .About_top .About_top_icon .top_icon_list:nth-child(4){ z-index: 1;} .About .About_top .About_top_icon .top_icon_list .icon_list_yun{ width: 90%; height: 90%; border-radius: 100%; border: 1px dashed rgba(55,98,236,.3); display: flex; align-items: center; justify-content: center; flex-direction: column; color: #32384a;} .About .About_top .About_top_icon .top_icon_list .icon_list_yun .list_yun_dd{ background: linear-gradient(to bottom, #3762ec, #002ec2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bolder;} .About .About_top .About_top_icon .top_icon_list .icon_list_yun .list_yun_dt{ margin-top: 10px;} .About .About_top .About_top_icon .top_icon_list.on{background: linear-gradient(to bottom, #3762ec, #002ec2); margin-left: -20px; margin-right: -20px; position: relative;} .About .About_top .About_top_icon .top_icon_list.on .icon_list_yun{ border: 1px dashed rgba(255,255,255,.4); color: #fff;} .About .About_top .About_top_icon .top_icon_list.on .icon_list_yun .list_yun_dd{ color: #fff; -webkit-text-fill-color: initial; } .About .About_top .About_top_txt{ margin-top: 100px;} .About .About_top .About_top_txt p{ margin-bottom: 15px; color: #333; line-height: 1.8; } .About .About_top .About_top_txt p:last-child{ margin-bottom: 0px;} .About .AboutHonor{ margin-top: 120px;} .About .AboutHonor .AboutHonor_content{ margin-top: 60px; display: flex; justify-content: space-between; flex-wrap: wrap;} .About .AboutHonor .AboutHonor_content .AboutHonor_content_list{ width: calc(28% - 57px); text-align: center; border-radius: 20px; box-shadow: 0px 6px 30px rgba(71,54,235,.15); padding: 25px; border: 1px solid #fff; background: #fff; padding-bottom: 15px; margin-bottom: 30px;} .About .AboutHonor .AboutHonor_content .AboutHonor_content_list .content_list_dd img{ max-width: 100%;} .About .AboutHonor .AboutHonor_content .AboutHonor_content_list .content_list_dt{ color: #242d56; margin-top: 10px;} .About .AboutHonor .AboutHonor_content .AboutHonor_content_list:hover{ border: 1px solid #3762ec;} .client{ background: url(../images2/bg9.jpg) no-repeat 50%/cover;} .client .client_content .client_content_list{ margin-bottom: 45px;} .client .client_content .client_content_list .content_list_title{ font-weight: bolder;} .client .client_content .client_content_list .content_list_txt{ display: flex; flex-wrap: wrap; margin-top: 30px;} .client .client_content .client_content_list .content_list_txt .list_txt_li{ background: #ffffff; border-radius: 10px; width: 18.4%; margin-right: 2%; margin-bottom: 2%; height: 110px; display: flex; align-items: center; justify-content: center; padding: 0 25px; box-sizing: border-box;} .client .client_content .client_content_list .content_list_txt .list_txt_li:nth-child(5n){ margin-right: 0;} .client .client_content .client_content_list .content_list_txt .list_txt_li img{ max-width: 100%; max-height: 75px;} @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;} .SmartCard .SmartCard_nav{ flex-wrap: wrap; justify-content: flex-start; margin-bottom: 20px;} .SmartCard .SmartCard_nav .SmartCard_nav_list{ width: 32%; margin-bottom: 2%; margin-right: 0; border: 1px solid #ededed; border-radius: 10px; padding: 10px 0; margin-right: 2%;} .SmartCard .SmartCard_nav .SmartCard_nav_list:nth-child(3n){ margin-right: 0;} .SmartCard .SmartCard_nav .SmartCard_nav_list.active{ background: #3762ec; border: 1px solid #3762ec;} .SmartCard .SmartCard_nav .SmartCard_nav_list.active .nav_list_title,.SmartCard .SmartCard_nav .SmartCard_nav_list.active .nav_list_icon svg path{ color: #fff; fill: #ffffff;} .SmartCard .SmartCard_content{ padding: 0; flex-wrap: wrap; height: auto; flex-direction: column-reverse; padding: 20px; border-radius: 10px;} .SmartCard .SmartCard_content .SmartCard_content_left,.SmartCard .SmartCard_content .SmartCard_content_right{ width: 100%;} .SmartCard .SmartCard_content .SmartCard_content_left{ height: auto; padding: 6px; border-radius: 10px;} .SmartCard .SmartCard_content .SmartCard_content_left .content_left_list{ position: relative; display: none; width: 100%; height: 100%; left: 0; top: 0; border-radius: 10px;} .SmartCard .SmartCard_content .SmartCard_content_left .content_left_list img{ border-radius: 10px; } .SmartCard .SmartCard_content .SmartCard_content_left .content_left_list.active{ display: block;} .SmartCard .SmartCard_content .SmartCard_content_right{ height: auto; margin-bottom: 30px;} .SmartCard .SmartCard_content .SmartCard_content_right .content_right_list{ position: relative; top: 0; display: none; opacity: 1;} .SmartCard .SmartCard_content .SmartCard_content_right .content_right_list.active{ display: block; animation: inherit} .SmartCard .SmartCard_content .SmartCard_content_right .content_right_list .right_list_title{ margin-bottom: 20px;} .SmartCard .SmartCard_content .SmartCard_content_right .content_right_list .right_list_txt{ margin-bottom: 20px;} .GetCard{ overflow: hidden;} .GetCard .GetCard_nav{ flex-wrap: wrap; height: auto; background: none; justify-content: flex-start; margin-bottom: 20px;} .GetCard .GetCard_nav .GetCard_nav_list{ background: rgba(255, 255, 255, .6); margin-bottom: 5px; margin-right: 5px;} .Questions_hot{ padding: 20px; margin: 22px 0;} .Questions_hot .Questions_hot_content .hot_content_list{ width: 100%; font-size: 16px; margin-bottom: 30px;} .Questions_hot .Questions_hot_content .hot_content_list:last-child{ margin-bottom: 10px;} .Questions_help .Questions_help_content .help_content_list{ width: 48%; margin-bottom: 4%; padding:15px;} .Questions_help .Questions_help_content .help_content_list .content_list_title{ line-height: 1.2;} .Questions_sarch input[type="text"]{ width: calc(100% - 40px);} .footer{ padding: 45px 0px; padding-bottom: 0;} .footer .footer_top{ flex-wrap: wrap;} .footer .footer_top .footer_top_left{ width: 100%; text-align: center;} .footer .footer_top .footer_top_right{ width: 100%; margin-top: 20px;} .footer .footer_bottom{flex-wrap: wrap; padding-bottom: 30px;} .footer .footer_bottom .footer_bottom_left{ display: none;} .footer .footer_bottom .footer_bottom_right{ width: 100%; text-align: center;} .footer .footer_Copyright{ flex-wrap: wrap; text-align: center;} .footer .footer_Copyright .footer_Copyright_right{ flex-wrap: wrap; justify-content: center;} .footer .footer_Copyright *{ line-height: 1.5;} .footer .footer_Copyright a{ font-size: 13px;} .Product .ProductList .pc_all_contnet{ flex-direction: column-reverse;} .Product .ProductList .pc_all_contnet .ProductList_left,.Product .ProductList .pc_all_contnet .ProductList_right{ width: 100%; text-align: center;} .Product .ProductList:nth-child(2n) .pc_all_contnet{ flex-direction: column-reverse; } .Product .ProductList .pc_all_contnet .ProductList_right{ margin-bottom: 30px;} .Product .ProductList .pc_all_contnet .ProductList_right .ProductList_right_title{ margin: 13px 0px; line-height: 1.5;} .Product .ProductList .pc_all_contnet .ProductList_right .ProductList_right_icon img{ height: 50px;} .Product .ProductList .pc_all_contnet .ProductList_left img{ max-width: 100%;} .Product .ProductList .pc_all_contnet .ProductList_left .ProductList1_li{width: calc(52% + -2px); left: 95px; top: 9px;border-radius: 20px;} .LGetCard{ padding-top: 100px;} .LGetCard .GetCard_content>.GetCard_content_list{ justify-content: space-between;} .LGetCard .GetCard_content>.GetCard_content_list .GetCard_content_slide{ width: 48%; margin-right: 0; margin-bottom: 4%;} .layui-laypage{ margin-top: 30px;} .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;} .combo{ padding-top: 100px; padding-bottom: 40px;} .combo .combo_title .combo_title_dd{ line-height: 1.3; font-size: 36px;} .combo .combo_title .combo_title_dt{ line-height: 1.53;} .combo .combo_content{ flex-wrap: wrap;} .combo .combo_content .combo_content_list{ width: 100%; margin-bottom: 30px; padding: 30px;} .combo .combo_title{ margin-bottom: 30px;} .combo .combo_content .combo_content_list .content_list_title{ margin-bottom: 30px;} .combo .combo_content .combo_content_list .content_list_title .list_title_dt{ line-height: 1.53;} .Function .Function_content .Function_content_title{ top: 56px;} .Function .Function_content .Function_content_title .content_title_list{ padding: 0; justify-content: center;} .Function .Function_content .Function_content_title .content_title_list:nth-child(1),.Function .Function_content .Function_content_list .content_list_tab table tr td:nth-child(1){ width: 33.3%;} .Function .Function_content .Function_content_title .content_title_list:nth-child(2),.Function .Function_content .Function_content_list .content_list_tab table tr td:nth-child(2){ width: 33.3%;} .Function .Function_content .Function_content_title .content_title_list:nth-child(3),.Function .Function_content .Function_content_list .content_list_tab table tr td:nth-child(3){ width: 33.3%;} .Function .Function_content .Function_content_list .content_list_tab table tr td{ padding: 10px; font-size: 14px; text-align: center; line-height: 1.5;} .Function .Function_content .Function_content_list .content_list_tab table tr td img{ height: 15px;} .Function .Function_content .Function_content_list .content_list_title{ font-size: 16px; padding: 20px;} .FQuestions{ padding-bottom: 55px;} .HelpCenter{ padding-top: 100px;} .HelpCenter .HelpCenter_content .HelpCenter_content_list{ width: 100%; margin-bottom: 25px;} .HelpCenter .HelpCenter_content .HelpCenter_content_list:last-child{margin-bottom: 0;} .HelpCenter .HelpCenter_content .HelpCenter_content_list .content_list_txt .list_txt_li{ font-size: 16px;} .HelpCenterList{ padding-top: 100px;} .HelpCenterList .HelpCenterList_content{ padding: 40px 0; padding-bottom: 65px; flex-wrap: wrap;} .HelpCenterList .HelpCenterList_content .HelpCenterList_content_txt .content_txt_list{ background: #fff; border-radius: 10px; padding: 15px; margin-bottom: 15px; font-size: 16px;} .HelpCenterList .HelpCenterList_content .HelpCenterList_content_txt{ width:calc(100% - 130px);} .HelpCenterDetails .HelpCenterList_content{ flex-wrap: wrap; padding-top: 15px;} .HelpCenterDetails .HelpCenterList_content .HelpCenterList_content_title{ display: none;} .HelpCenterDetails .HelpCenterList_content .HelpCenterList_content_txt{ width: 100%; border-left: 0; padding-left: 0; margin-top: 0; padding-top: 0; padding-bottom: 0;} .mo_show{ display: block; } .pc_show{ display: none; } .FloatingWindow2{ top: auto; bottom: 200px;} .About{ padding-top: 120px;} .About .About_top .About_top_title{ margin-bottom: 40px; padding: 0px 20px; line-height: 1.25;} .About .About_top .About_top_icon{ margin-left: -15px;} .About .About_top .About_top_icon .top_icon_list{ width: 120px; height: 120px;} .About .About_top .About_top_icon .top_icon_list.on{ margin-left: -15px; margin-right: -15px;} .About .AboutHonor{ margin-top: 40px;} .About .AboutHonor .AboutHonor_content{ margin-top: 0;} .About .AboutHonor .AboutHonor_content .AboutHonor_content_list{ width: calc(48% - 30px); margin-bottom: 4%;} .About .About_top .About_top_icon .top_icon_list .icon_list_yun{ text-align:center;} .About .About_top .About_top_icon .top_icon_list .icon_list_yun .list_yun_dd{ font-size: 26px;} .About .About_top .About_top_icon .top_icon_list .icon_list_yun .list_yun_dt{ font-size: 14px; line-height: 1.5; padding: 0px 10%;} .About .About_top .About_top_txt{ margin-top: 40px;} .About .AboutHonor .AboutHonor_content .AboutHonor_content_list{ width: 48%;} .About .AboutHonor .AboutHonor_content .AboutHonor_content_list .content_list_dt{ line-height: 1.5; } .client .client_content .client_content_list .content_list_txt{ justify-content: space-between;} .client .client_content .client_content_list .content_list_txt .list_txt_li{ width: 48%; margin-right: 0px; margin-bottom: 4%;} } @media screen and (max-width:780px){ /*ipad-x*/ } @media screen and (max-width:768px){ /*iphone*/ }