/* CSS Reset */ *{ font-family: "PingFang SC", "Microsoft YaHei"; } html{-webkit-text-size-adjust:none;} body{color: #1a1a1a;overflow-x:hidden;margin:0; padding:0; line-height: 1; } body,html{scroll-behavior: smooth;} input,select,textarea {border-radius: 0;outline: none;} 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;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;color: #1a1a1a;} a * {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} /**{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}*/ /**:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}*/ .pcshow { display:block;} .mbshow { display:none!important;} .img img{max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;} .clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, 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; vertica.LNews .LNewsSearch input[type="text"]l-align: baseline; } .hidden{ 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;} /* 弹窗样式 Start */ .message_box *{margin: 0; padding: 0; border: 0;} .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: #0FD05D;} .message_box .message_box_content .content_center{padding: 12px 15px;} .message_box .message_box_content .content_center p{color: #606266; font-size: 14px;} .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: #0FD05D; border: 1px solid #0FD05D; color: #fff; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0;font-weight: 500; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 9px 17px; font-size: 13px; border-radius: 4px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} .message_box .message_box_content .content_bottom .content_bottom_btns:hover{border-color: #0fd05d; background-color: #00b64a;} .message_box .message_box_bg.on{opacity: 1;} @media screen and (max-width:3820px){.message_box .message_box_content{width: 17%;}} @media screen and (max-width:2490px){.message_box .message_box_content{width: 18%;}} @media screen and (max-width:1920px){.message_box .message_box_content{width: 20%;}.message_box .message_box_content .content_bottom .content_bottom_btns{padding: 8px 15px;font-size: 12px;}} @media screen and (max-width:1740px){.message_box .message_box_content{width: 21%;}} @media screen and (max-width:1680px){.message_box .message_box_content{width: 22%;}} @media screen and (max-width:1560px){.message_box .message_box_content{width: 23%;}} @media screen and (max-width:1440px){.message_box .message_box_content{width: 25%;}} @media screen and (max-width:1366px){.message_box .message_box_content{width: 27%;}} @media screen and (max-width:1280px){.message_box .message_box_content{width: 28%;}} @media screen and (max-width:1240px){.message_box .message_box_content{width: 29%;}} @media screen and (max-width:1024px){.message_box .message_box_content{width: 30%;}} @media screen and (max-width:980px){.message_box .message_box_content{width: 38%;}} @media screen and (max-width:786px){.message_box .message_box_content{width: 80%;border-radius: 5px;}.message_box .message_box_content .content_top{padding: 12px 12px 10px;}.message_box .message_box_content .content_center{padding: 8px 12px;}.message_box .message_box_content .content_center{padding: 6px 12px;}.message_box .message_box_content .content_bottom{padding: 10px 12px 12px 12px;}.message_box .message_box_content .content_bottom .content_bottom_btns{padding: 6px 12px;font-size: 12px;border-radius: 5px;}} /* 弹窗样式 End */ .layui-laypage{display:flex;font-size:16px;color:#333;align-items:center;justify-content:center;margin-top:38px;} .layui-laypage .layui-laypage-count{display:none;} .layui-laypage a,.layui-laypage span{font-size:16px;color:#333;height:38px;width:40px;text-align:center;margin:0 10px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;} .layui-laypage span.layui-laypage-curr{background:#0fd05d;font-size:16px;color:#fff;height:38px;width:38px;text-align:center;margin:0 10px;display:flex;align-items:center;justify-content:center; border: 1px solid #f0f0f0;} .layui-laypage-curr em,.layui-laypage-disabled em{font-style:inherit;} .layui-laypage-disabled{font-size:16px;color:#333;height:38px;text-align:center;margin:0 10px;background:#fff;width:38px;align-items:center;display:flex;align-items:center;justify-content:center;} .layui-laypage-disabled:hover{background:#0fd05d;color:#fff;} .layui-laypage a:hover{background:#0fd05d;color:#fff;} .layui-laypage a:hover i{ color: #fff;} .layui-laypage .layui-laypage-skip{display:none;} .layui-laypage .layui-laypage-limits{display:none;} .Page{ display: flex; align-items: center; justify-content: center; margin-top: 40px;} .Page i{font-size: 20px;font-weight: 100; color: #434343;} .Page a{ display: flex; width: 38px; height: 38px; align-items: center; justify-content: center; font-size: 15px; background: #f0f0f0;} .Page a i{ font-size: 20px; font-weight: 100; color: #434343;} .Page .Page_con{ display: flex; align-items: center; justify-content: center; margin: 0px 20px; color: #141414;} .Page a:hover{ background: #33DE72;} .Page a:hover i{ color: #fff;} .m7_footer_support{opacity: 0;} /* 头部 */ .pc_all .pc_all_content{max-width:1200px;margin:0 auto;width:100%;} .header{ position: fixed; left: 0; width: calc(100% - 40px); top: 0; padding: 0px 20px; z-index: 9; background: #141414; height: 64px; display: flex; align-items: center; justify-content: space-between;} .header .header_logo img{ height: 32px;} .header .header_nav{ display: flex;} .header .header_nav .header_nav_list{ margin-right: 32px;} .header .header_nav .header_nav_list:last-child{ margin-right: 0;} .header .header_nav .header_nav_list .nav_list_title{ color: rgba(255,255,255,1); line-height: 64px; position: relative; display: inline-block;} .header .header_nav .header_nav_list.on .nav_list_title{ color: rgba(255,255,255,1);font-weight: bolder;} .header .header_nav .header_nav_list:hover .nav_list_title{ color: rgba(255,255,255,1);} .header .header_nav .header_nav_list .nav_list_title::before{content: ""; display: inline-block; width: 0%; left: 0; right: 0; margin: 0 auto; height: 2px; background: #0FD05D; position: absolute; bottom: 0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .header .header_nav .header_nav_list.on .nav_list_title::before{ width: 100%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .header .header_nav .header_nav_list:hover .nav_list_title::before{ width: 100%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .header .header_nav .header_nav_list .nav_list_down{ position: absolute; left: 0; top: 64px; width: 100%; background: #fff; height: 0px; overflow: hidden; opacity: 0; box-shadow: 0px 0px 25px rgba(0,0,0,.1);} .header .header_nav .header_nav_list .nav_list_down .list_down_con{ width: 880px; margin: 0 auto; display: flex;} .header .header_nav .header_nav_list .nav_list_down .list_down_con .list_down_left{ padding-right: 50px; margin-right: 50px; width: calc(100% - 325px); border-right: 1px solid #F4F5F6; padding-bottom: 50px;} .header .header_nav .header_nav_list.pro .nav_list_down .list_down_con{ width: auto; justify-content: center;} .header .header_nav .header_nav_list.pro .nav_list_down .list_down_con .list_down_left{ width: 415px;} .header .header_nav .header_nav_list.pro .nav_list_down .list_down_con .list_down_left.on{ padding-right: 0px; margin-right: 0px; border-right: 0;padding-left: 50px; margin-left: 50px; border-left: 1px solid #F4F5F6;} .header .header_nav .header_nav_list .nav_list_down .list_down_con .list_down_left .down_left_top{ color:#0fd05d;font-weight: bolder; margin-bottom: 15px;} .header .header_nav .header_nav_list .nav_list_down .list_down_con .list_down_left .down_left_title{ color: #1B1C1D;font-weight: bolder;} .header .header_nav .header_nav_list .nav_list_down .list_down_con .list_down_left .down_left_title2{ margin-top: 30px;} .header .header_nav .header_nav_list .nav_list_down .list_down_con .list_down_left .down_left_title span{ color: #0fd05d;} .header .header_nav .header_nav_list .nav_list_down .list_down_con .list_down_left .down_left_txt{ color: #808182; margin-bottom: 30px; margin-top: 18px;} .header .header_nav .header_nav_list:nth-child(4) .nav_list_down .list_down_con .list_down_left .down_left_txt{ height: 48px;} .header .header_nav .header_nav_list .nav_list_down .list_down_con .list_down_left .down_left_txt p{ margin-bottom: 5px;} .header .header_nav .header_nav_list .nav_list_down .list_down_con .list_down_left .down_left_txt p:last-child{ margin-bottom: 0;} .header .header_nav .header_nav_list .nav_list_down .list_down_con .list_down_left .down_left_btn{ color: #0fd05d;font-weight: bolder;} .header .header_nav .header_nav_list .nav_list_down .list_down_con .list_down_right{ width: 290px;} .header .header_nav .header_nav_list.pro .nav_list_down .list_down_con .list_down_right{ width: 305px;} .header .header_nav .header_nav_list.pro .nav_list_down .list_down_con .list_down_right .down_right_list .right_list_dd{ display: flex; align-items: center;} .header .header_nav .header_nav_list.pro .nav_list_down .list_down_con .list_down_right .down_right_list .right_list_dd span{ display: flex; align-items: center; justify-content: center; width: auto; height: 22px; margin-left: 12px; color: #fff; padding: 0px 15px;} .header .header_nav .header_nav_list.pro .nav_list_down .list_down_con .list_down_right .down_right_list:nth-child(1) .right_list_dd span{ background: #0FD05D;} .header .header_nav .header_nav_list.pro .nav_list_down .list_down_con .list_down_right .down_right_list:nth-child(2) .right_list_dd span{ background: #4E7EF5;} .header .header_nav .header_nav_list.pro .nav_list_down .list_down_con .list_down_right .down_right_list:nth-child(3) .right_list_dd span{ background: #273EAB;} .header .header_nav .header_nav_list.pro .nav_list_down .list_down_con .list_down_right .down_right_list:nth-child(4) .right_list_dd span{ background: #262626; color: #FFE265;} .header .header_nav .header_nav_list .nav_list_down .list_down_con .list_down_right .down_right_list{ margin-bottom: 30px; display: inline-block; width: 100%;} .header .header_nav .header_nav_list .nav_list_down .list_down_con .list_down_right .down_right_list:last-child{ margin-bottom: 0;} .header .header_nav .header_nav_list .nav_list_down .list_down_con .list_down_right .down_right_list .right_list_dd{ color: #1B1C1D;font-weight: bolder;} .header .header_nav .header_nav_list .nav_list_down .list_down_con .list_down_right .down_right_list .right_list_dt{ color: #808182; margin-top: 10px; line-height: 1.2;} .header .header_nav .header_nav_list:nth-child(4) .nav_list_down .list_down_con .list_down_right .down_right_list .right_list_dt{ height: 48px;} .header .header_nav .header_nav_list .nav_list_down .list_down_con .list_down_right .down_right_list .right_list_more{ color: #0fd05d; margin-top: 22px;font-weight: bolder;} .header .header_nav .header_nav_list:hover .nav_list_down{ height: 420px; padding-top: 55px; opacity: 1;} .header .header_nav .header_nav_list:nth-child(4):hover .nav_list_down{ height: 280px; padding-top: 55px; opacity: 1;} .header .header_nav .header_nav_list .nav_list_down .list_down_con .list_down_right .down_right_list:hover .right_list_dd{ color: #0fd05d;} .header .header_nav .header_nav_list:nth-child(1):hover .nav_list_down{ height: 540px; padding-top: 55px; opacity: 1;} .header .header_nav .header_nav_list:nth-child(2):hover .nav_list_down{ height: 520px; padding-top: 55px; opacity: 1;} .header .header_nav .header_nav_list:nth-child(3):hover .nav_list_down{ height: 480px; padding-top: 55px; opacity: 1;} .header .header_nav .header_nav_list:nth-child(4):hover .nav_list_down{ height: 360px; padding-top: 55px; opacity: 1;} .header .header_nav .header_nav_list:nth-child(8):hover .nav_list_down{ height: 480px; padding-top: 55px; opacity: 1;} .header .header_nav .header_nav_list .nav_list_Casedown .list_down_con{ width: 950px;} .header .header_nav .header_nav_list .nav_list_Casedown .list_Casedown_list{ border-right: 1px solid #F4F5F6; padding: 0px 50px; width: calc(33.333%);} .header .header_nav .header_nav_list .nav_list_Casedown .list_Casedown_list:first-child{ padding-left: 0;} .header .header_nav .header_nav_list .nav_list_Casedown .list_Casedown_list:last-child{ padding-right: 0;} .header .header_nav .header_nav_list .nav_list_Casedown .list_Casedown_list:last-child{ border-right: 0;} .header .header_nav .header_nav_list .nav_list_Casedown .list_Casedown_list .Casedown_list_li{ margin-bottom: 30px; display: inline-block;} .header .header_nav .header_nav_list .nav_list_Casedown .list_Casedown_list .Casedown_list_li:last-child{ margin-bottom: 0;} .header .header_nav .header_nav_list .nav_list_Casedown .list_Casedown_list .Casedown_list_li .list_li_title{ color: #1B1C1D;font-weight: bolder;} .header .header_nav .header_nav_list .nav_list_Casedown .list_Casedown_list .Casedown_list_li .list_li_txt{ color: #808182; margin: 15px 0px; line-height: 1.5;} .header .header_nav .header_nav_list .nav_list_Casedown .list_Casedown_list .Casedown_list_li .list_li_btn{ color: #0fd05d;} .header .header_nav .header_nav_list .nav_list_Casedown .list_Casedown_list .Casedown_list_li:hover .list_li_title{ color: #0fd05d;} .header .header_right{ display: flex; align-items: center;} .header .header_right .header_right_search{ margin-right: 28px; cursor: pointer;} .header .header_right .header_right_search img{ height: 18px;} .header .header_right .header_right_language{ position: relative;} .header .header_right .header_right_language .right_language_title{ color: #fff; cursor: pointer; line-height: 64px;} .header .header_right .header_right_language .right_language_title i{margin-left:12px;-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0deg);} .header .header_right .header_right_language:hover .right_language_title i{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg);} .header .header_right .header_right_language .right_language_down{position:absolute;top:100%;width:120px;left:50%;transform:translateX(-50%);padding-top:13px;display:none;} .header .header_right .header_right_language:hover .right_language_down{display:block;} .header .header_right .header_right_language .right_language_down:before {content:"";width:0;height:0;border-right:8px solid transparent;border-left:8px solid transparent;border-bottom:8px solid rgba(0,0,0,.5);position:absolute;top:5px;left:0;right:0;margin:0 auto;} .header .header_right .header_right_language .right_language_down .language_down_padding{background:rgba(0,0,0,.5);border-radius:5px;overflow:hidden;} .header .header_right .header_right_language .right_language_down a {font-size:16px;color:#fff;display:inline-block;width:100%;line-height:38px;text-align:center;} .header .header_right .header_right_language .right_language_down a:hover {background:#0FD05D;} .header .header_right .header_right_login{ margin-left: 23px;} .header .header_right .header_right_login a{ color: #fff; display: inline-block; padding: 8px 14px; border-radius: 4px;} .header .header_right .header_right_login a.on{ background: #0FD05D;} .header .header_nav .header_nav_list.Assembly .nav_list_down .list_down_con .list_down_left{ width: calc(100% - 420px); } .header .header_nav .header_nav_list.Assembly .nav_list_down .list_down_con .list_down_right{ width: 320px;} .DBanner{ margin-top: 64px; position: relative; height: calc(100vh - 64px); overflow: hidden;} .DBanner::before{ content: ""; display: inline-block;position: absolute; height: 100%; width: 100%; background-image: url('../images/bn1.png'); background-repeat: repeat; background-size: 4px 4px;} .DBanner .DBanner_img{ display: flex;} .DBanner .DBanner_img video{ width: 100%; height: calc(100vh - 64px); object-fit: cover;} .DBanner .DBanner_content{ position: absolute; left: 0; top: 0; width: 92%; height: 100%; background: rgba(0,0,0,.6); z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 0px 4%;} .DBanner .DBanner_content .DBanner_content_title .content_title_dd{ color: #fff; margin-bottom: 20px;font-weight: bolder;} .DBanner .DBanner_content .DBanner_content_title .content_title_dt{ color: #fff; letter-spacing: 0.1em;} .DBanner .DBanner_content .DBanner_content_txt{ color: #fff; max-width: 920px; text-align: center; margin-top: 40px;} .DBanner .DBanner_content .DBanner_content_video{ margin-top: 80px;} .DBanner .DBanner_content .DBanner_content_video .content_video_btn{ color: #fff; display: flex; align-items: center; border: 1px solid #fff; padding: 12px 24px; cursor: pointer;} .DBanner .DBanner_content .DBanner_content_video .content_video_btn:hover{ background: #0FD05D; border: 1px solid #0FD05D;} .DBanner .DBanner_content .DBanner_content_video .content_video_btn img{ height: 22px; margin-right: 8px;} .DBanner .DBanner_content .DBanner_content_video .content_video_btn:hover{ padding: 12px 32px; } .DBanner .DBanner_img .mo_img{ display: none;} .DBanner::before{ display: none;} .DBanner{ height: auto;} .DBanner .pc_img{ width: 100%;} .DBanner .DBanner_txt{ position: absolute; max-width: 1200px; left: 0; right: 0; margin: 0 auto; top: 0; height: calc(100% - 100px); display: flex; flex-direction: column; justify-content: center;} .DBanner .DBanner_txt .DBanner_txt_top .txt_top_dd{ color: #fff;font-weight: bolder;} .DBanner .DBanner_txt .DBanner_txt_top .txt_top_dt{ color: #fff; margin-top: 18px;} .DBanner .DBanner_txt .DBanner_txt_top .txt_top_p{ color:#F0F0F0; margin-top:30px; line-height: 1.5; opacity: .8;} .DBanner .DBanner_txt .DBanner_txt_top .txt_top_btn{ margin-top: 50px;} .DBanner .DBanner_txt .DBanner_txt_bottom{ color: #fff; margin-top: 80px;} .DBanner .DBanner_txt .DBanner_txt_bottom a{ color: #0fd05d;} .content_list_video{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:120;} .content_list_video.on .list_video_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;} .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;display:flex;align-items:center;justify-content:center;} .content_list_video .list_video_content{width:60%;z-index:121;-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:0;} .content_list_video .list_video_content .video_content_close{cursor:pointer;position:fixed;right:0;top:-35px;} .content_list_video .list_video_content .video_content_close span{color:#fff;font-size:25px;} .content_list_video .list_video_content video{width:100%;} .content_list_video *{-webkit-transition:all 0s ease;-moz-transition:all 0s ease;transition:all 0s ease;} .DNav{ position: relative; top: -100px; margin-bottom: -100px; z-index: 2; background: rgba(0,0,0,.9);} .DNav .DNav_content{ display: flex; align-items: center; justify-content: center;} .DNav .DNav_list{ margin-right: 60px; color: rgba(255,255,255,.6); position: relative; line-height: 100px;} .DNav .DNav_list:last-child{ margin-right: 0;} .DNav .DNav_list::before{ content: ""; display: inline-block; width: 0%; height: 6px; background: #0FD05D; position: absolute; left: 0; bottom: 0; right: 0; margin: 0 auto;transition:all 0.5s ease 0s; -webkit-transform:all 0.5s ease 0s;} .DNav .DNav_list.on::before{ width: 100%;transition:all 0.5s ease 0s; -webkit-transform:all 0.5s ease 0s;} .DNav .DNav_list.on{ color: #fff;font-weight: bolder;} .DNav .DNav_list:hover{ color: rgba(255,255,255,1);} .DNav .DNav_list:hover::before{ width: 100%;transition:all 0.5s ease 0s; -webkit-transform:all 0.5s ease 0s;} .padding85{ padding: 85px 0px;} .padding85.paddingTop0{ padding-top: 0 !important;} .padding85.paddingBottom0{ padding-bottom: 0 !important;} .title{ text-align: center; margin-bottom: 60px;} .title.marginBottom0{ margin-bottom: 0 !important;} .title .title_dd{ color: #141414;font-weight: bolder;} .title .title_dd span{ color: #0fd05d;} .title .title_dt{ color: #434343; margin-top: 20px;} .title.padding10 .title_dt{ padding: 0px 10%;} .title .title_dt span{ color: #0fd05d;font-weight: bolder;} .title .title_dt.margintop0{ margin-top: 0px;} .title .title_btn{ display: flex; align-items:center; justify-content:center; margin-top: 60px;} .title.color .title_dd{ color: #fff;} .title.color .title_dt{ color: rgba(255,255,255,1);} .title.color .title_p{ color: #fff;} .title .title_p{ margin-top: 30px;} .title .title_p span{ color: #0fd05d;} .About .pc_all_content{ display: flex; align-items: center; justify-content: space-between;} .About .pc_all_content .About_left{ width: 66%;} .About .pc_all_content .About_left .About_title{font-weight: bolder; margin-bottom: 30px; color: #141414;} .About .pc_all_content .About_left .About_txt p{ margin-bottom: 22px; color: #262626;} .About .pc_all_content .About_left .About_txt p:last-child{ margin-bottom: 0px;} .About .pc_all_content .About_right{ width: 22%;} .About .pc_all_content .About_right img{ max-width: 100%;} .History{ background: #F5F5F5;} .History .title{ margin-bottom: 30px;} .History .History_Nav{ max-width: 70%; margin: 0 auto; margin-bottom: 50px;} .History .History_Nav .History_Nav_list{ color: #434343; cursor: pointer; position: relative; text-align: center; padding-bottom: 15px;} .History .History_Nav .History_Nav_list::before{ content: ""; display: inline-block; width: 0%; left: 0; right: 0; margin: 0 auto; height: 3px; background: #0FD05D; position: absolute; bottom: 0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .History .History_Nav .History_Nav_list.on::before{ width: 100%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .History .History_Nav .History_Nav_list.on{ font-weight: bolder;} .History .History_content {position: relative; } .History .History_content .swiper-button-next{ right: -10px; display: none;} .History .History_content .swiper-button-prev{ left: -10px; display: none;} .History .History_content .swiper-container{ pointer-events: none; } .History .History_content .History_content_list .content_list_time{ color: #262626;font-weight: bolder; margin-bottom: 55px; position: relative; display: inline-block;} .History .History_content .History_content_list .content_list_time::before{ content: ""; display: inline-block; width: 43px; height: 10px; background: #0FD05D; position: absolute; left: 0; bottom: -28px;transition:all 0.5s ease 0s; -webkit-transform:all 0.5s ease 0s;} .History .History_content .History_content_list.on .content_list_time{ color: #0fd05d;} .History .History_content .History_content_list .content_list_txt .list_txt_list{ color: #262626; margin-bottom: 20px;} .History .History_content .History_content_list .content_list_txt .list_txt_list:last-child{ margin-bottom: 0;} .History .History_content .History_content_list.on .content_list_time:before{ width: 100%;transition:all 0.5s ease 0s; -webkit-transform:all 0.5s ease 0s;} .Ranking .Ranking_content{ display: flex;} .Ranking .Ranking_content .Ranking_content_list{ padding: 20px 25px; width: calc(25% - 50px);} .Ranking .Ranking_content .Ranking_content_list:nth-child(2n){ background: #FAFAFA;} .Ranking .Ranking_content .Ranking_content_list .content_list_top{ margin-bottom: 25px;} .Ranking .Ranking_content .Ranking_content_list .content_list_top .list_top_dd{ color: #141414;font-weight: bolder;} .Ranking .Ranking_content .Ranking_content_list .content_list_top .list_top_dt{ color: #0fd05d;font-weight: bolder; margin-top: 8px;} .Ranking .Ranking_content .Ranking_content_list .content_list_title{ margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; padding-bottom: 5px; border-bottom: 2px solid #D3D3D3;} .Ranking .Ranking_content .Ranking_content_list .content_list_title .list_title_dd{ color: #1F1F1F;} .Ranking .Ranking_content .Ranking_content_list .content_list_title .list_title_dt{ color: #1F1F1F;} .Ranking .Ranking_content .Ranking_content_list .content_list_txt .list_txt_list{ display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #F0F0F0; padding: 10px 0px;} .Ranking .Ranking_content .Ranking_content_list .content_list_txt .list_txt_list:hover{ border-bottom: 1px solid #0FD05D;} .Ranking .Ranking_content .Ranking_content_list .content_list_txt .list_txt_list:last-child{ padding-bottom: 0; border-bottom: 0;} .Ranking .Ranking_content .Ranking_content_list .content_list_txt .list_txt_list:last-child{ margin-bottom: 0;} .Ranking .Ranking_content .Ranking_content_list .content_list_txt .list_txt_list .txt_list_dd{ display: flex; align-items: center; color: #262626; position: relative;} .Ranking .Ranking_content .Ranking_content_list .content_list_txt .list_txt_list .txt_list_dd img{ margin-right: 8px; height: 24px;} .Ranking .Ranking_content .Ranking_content_list .content_list_txt .list_txt_list.active .txt_list_dd::after{ content: "*"; display: inline-block; font-size: 16px; color: #0fd05d; position: relative; top: -2px; right: -4px;font-weight: bolder;} .Ranking .Ranking_content .Ranking_content_list .content_list_txt .list_txt_list .txt_list_dt{ color: #262626;font-weight: bolder;} .Honor .Honor_Nav{ display: flex; align-items: center; justify-content: center; padding: 0px 184px; border-bottom: 2px solid #F0F0F0; margin-bottom: 40px;} .Honor .Honor_Nav ul{ display: flex; align-items: center; justify-content: center; width: 100%;} .Honor .Honor_Nav ul li{ color: #8C8C8C; list-style: none; padding-bottom: 18px; width: 100%; text-align: center; cursor: pointer; position: relative;} .Honor .Honor_Nav ul li.on{ color: #0fd05d; font-weight: bolder;} .Honor .Honor_Nav ul li::before{ content: ""; display: inline-block; width: 0%; height: 2px; background: #0FD05D; position: absolute; left: 0; bottom: -2px; right: 0; margin: 0 auto;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .Honor .Honor_Nav ul li.on::before{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease; width: 100%;} .Honor .Honor_content{ position: relative;-webkit-transition: auto;-moz-transition:auto;transition:auto;} .Honor .Honor_content *:hover{-webkit-transition: auto;-moz-transition:auto;transition:auto;} .Honor .Honor_content .swiper-button-next:after,.Honor .Honor_content .swiper-button-prev:after{ color:#0fd05d; font-size: 26px; font-weight: bolder;} .Honor .Honor_content .Honor_content_list{ position: relative;} .Honor .Honor_content .Honor_content_list .swiper-wrapper{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .Honor .Honor_content .Honor_content_list .content_list_li{ width: 100%; background: #F5F5F5; height: auto; position: relative;} .Honor .Honor_content .Honor_content_list .content_list_li:before{ content:""; display: inline-block; width: calc(100% - 2px); height: calc(100% - 2px); position: absolute; left:0; top: 0; border: 1px solid #DDDDDD;} .Honor .Honor_content .Honor_content_list .content_list_li:nth-child(4n){ margin-right: 0; } .Honor .Honor_content .Honor_content_list .content_list_li .list_li_img{ height: 180px; display: flex; align-items: center; justify-content: center; padding: 20px; background: #fff;} .Honor .Honor_content .Honor_content_list .content_list_li .list_li_img img{ max-width: 100%; max-height: 150px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .Honor .Honor_content .Honor_content_list .content_list_li .list_li_title{ background: #F5F5F5; padding: 20px; color: #1B1C1D;} .Honor .Honor_content .Honor_content_list .content_list_li:hover:before{ border: 1px solid #0FD05D;} .Honor .Honor_content .Honor_content_list .swiper-button-next,.Honor .Honor_content .Honor_content_list .swiper-button-prev{ display: none;} .Honor .Honor_content .Honor_content_list.on .swiper-button-next,.Honor .Honor_content .Honor_content_list.on .swiper-button-prev{ display: block;} .Honor .Honor_content .Honor_content_list.active .swiper-wrapper{ justify-content:center;} .More{ display: flex; align-items: center; justify-content: center; margin-top: 40px;} .More .More_btn{ color: #0fd05d; font-weight: bolder;} .More .More_btn img{ margin-left: 6px; height: 10px;} .More .More_btn span{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease; right: 0;} .More .More_btn:hover span{ right: -5px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .More .More_btn:hover{ color: #00853E;} .More .More_btn:hover span img{ opacity: 0;} .More .More_btn:hover span img:last-child{ opacity: 1;} .News .News_content{ display: flex; justify-content: space-between;} .News .News_content .News_content_list{ width: 32%; border: 1px solid #DDDDDD;} .News .News_content .News_content_list .content_list_img{ display: flex;} .News .News_content .News_content_list .content_list_img img{ width: 100%;} .News .News_content .News_content_list .content_list_txt{ padding: 10px 20px; padding-bottom: 20px;} .News .News_content .News_content_list .content_list_txt .list_txt_dd{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .News .News_content .News_content_list .content_list_txt .list_txt_dt{ color: #A5A5A5; margin-top: 35px;} .News .News_content .News_content_list:hover{ border: 1px solid #0FD05D;} .Join{ background: #fff; position: relative; display: flex; justify-content: flex-end;} .Join .pc_all_content{ display: flex; align-items:center;} .Join .Join_left{ width: calc(55% - 50px); padding-right: 50px;} .Join .Join_left .Join_left_logo{ margin-bottom: 30px; display: flex; justify-content: center; font-weight: bolder; flex-direction: column;} .Join .Join_left .Join_left_logo img{ width: 71px; margin-bottom: 22px;} .Join .Join_left .Join_left_title{ margin-bottom: 50px; display: flex;} .Join .Join_left .Join_left_title .left_title_dd{ color: #141414;font-weight: bolder;} .Join .Join_left .Join_left_title .left_title_dt{ color: #262626;} .Join .Join_left .Join_left_mail{ color: #262626; margin-bottom: 20px;} .Join .Join_left .Join_left_mail span{ font-weight: bolder; } .Join .Join_right{ width: 45%; display: flex;} .Join .Join_right img{ width: 100%;} .btn{ display: inline-block; padding: 12px 26px; color: #fff; background: #0FD05D; position:relative ; top: 0; box-shadow: 0px 0px 10px rgba(15,208,93,0); position: relative; font-weight: bolder; } .btn .btnDown{ position: absolute; left: 0; top: 40px;box-shadow: 0px 8px 30px 0px rgba(0,0,0,0.12); background: #fff; width: 200px; padding: 26px 20px; display: none;} .btn:hover .btnDown{ display: block;} .btn .btnDown a{ font-size: 14px; display: inline-block; width: 100%; margin-bottom: 16px; color: #262626;} .btn .btnDown a:hover{ color: #0fd05d;} .btn .btnDown a:last-child{ margin-bottom: 0;} .btn:hover{ top: -8px; box-shadow: 0px 0px 10px rgba(15,208,93,.6);} .btn.on{ border: 1px solid #0FD05D; color: #0fd05d; background: none;} .btn2{ display: inline-block; padding: 12px 28px; color: #141414; border: 1px solid #141414; font-weight: bolder; position: relative; top: 0;} .btn2:hover{ background: #141414; color: #0fd05d; top: -8px;} .btn.on:hover{ background: #0FD05D; color: #fff;} .btn2.on{ background: #262626; color: #fff;} .ServiceNetwork{ position: relative; background: #fff;} .ServiceNetwork .ServiceNetwork_img{ background: #f5f5f5; display: flex; align-items: flex-end; height: 910px; justify-content: center;} .ServiceNetwork .ServiceNetwork_img img{ max-width: 100%; max-height: 100%;} .ServiceNetwork .pc_all_content{ background: #fff;} .ServiceNetwork .ServiceNetwork_title{ text-align: center; margin-bottom: 45px; font-weight: bolder;} .ServiceNetwork .ServiceNetwork_content{ background: #fff; display: flex; flex-wrap: wrap; justify-content: space-between;} .ServiceNetwork .ServiceNetwork_content .ServiceNetwork_content_lister{ width: 48%;} .ServiceNetwork .ServiceNetwork_content .ServiceNetwork_content_list{ margin-bottom: 34px; width: 100%;} .ServiceNetwork .ServiceNetwork_content .ServiceNetwork_content_list:last-child{ margin-bottom: 0;} .ServiceNetwork .ServiceNetwork_content .ServiceNetwork_content_list .content_list_dd{ color: #4A4A4A;font-weight: bolder;} .ServiceNetwork .ServiceNetwork_content .ServiceNetwork_content_list .content_list_dt{ color: #4A4A4A; margin-top: 7px; height: 48px;} .ServiceNetwork .ServiceNetwork_content .ServiceNetwork_content_list.on .content_list_dd{ color: #0fd05d; font-weight: bolder;} .Footer{ background: #F5F5F5; padding: 90px 0px; border-top: 1px solid #dddddd;} .Footer .pc_all_content{ display: flex; align-items: flex-start; justify-content: space-between;} .Footer .pc_all_content .Footer_left{ width: 28%;} .Footer .pc_all_content .Footer_left .Footer_left_logo{ padding-bottom: 35px; margin-bottom: 35px; border-bottom: 2px solid #DDDDDD;} .Footer .pc_all_content .Footer_left .Footer_left_logo img{ height: 75px;} .Footer .pc_all_content .Footer_left .Footer_left_share{ display: flex; align-items:center; margin-bottom: 30px;} .Footer .pc_all_content .Footer_left .Footer_left_share .left_share_list{ margin-right: 20px; position: relative;} .Footer .pc_all_content .Footer_left .Footer_left_share .left_share_list .share_list_title{ display: flex; align-items:center;} .Footer .pc_all_content .Footer_left .Footer_left_share .left_share_list .share_list_down{ position: absolute; left: 50%; width: 110px; transform: translateX(-50%); box-shadow: 0px 0px 25px rgba(0,0,0,.2); display: none;} .Footer .pc_all_content .Footer_left .Footer_left_share .left_share_list .share_list_down img{ width: 100%;} .Footer .pc_all_content .Footer_left .Footer_left_share .left_share_list:hover .share_list_down{ display: flex;} .Footer .pc_all_content .Footer_left .Footer_left_share .left_share_list:last-child{ margin-right: 0px;} .Footer .pc_all_content .Footer_left .Footer_left_share .left_share_list .share_list_title img{ width: 30px;} .Footer .pc_all_content .Footer_left .Footer_left_share .left_share_list .share_list_title svg{ width: 30px;} .Footer .pc_all_content .Footer_left .Footer_left_share a:nth-child(3) img{ width: 38px;} .Footer .pc_all_content .Footer_left .Footer_left_content .left_content_list{ color: #262626; margin-bottom: 10px; line-height: 1.5;} .Footer .pc_all_content .Footer_left .Footer_left_content .left_content_list:last-child{ margin-bottom: 0;} .Footer .pc_all_content .Footer_left .Footer_left_img{ margin-top: 30px;} .Footer .pc_all_content .Footer_left .Footer_left_img img{ width: 100px;} .Footer .pc_all_content .Footer_right{ width: 60%; display: flex; flex-wrap: wrap; justify-content: space-between;} .Footer .pc_all_content .Footer_right .Footer_right_list{ width: 39%;} .Footer .pc_all_content .Footer_right .Footer_right_list:nth-child(1),.Footer .pc_all_content .Footer_right .Footer_right_list:nth-child(2),.Footer .pc_all_content .Footer_right .Footer_right_list:nth-child(3){ margin-bottom: 60px;} .Footer .pc_all_content .Footer_right .Footer_right_list .right_list_dd{ margin-bottom: 20px;} .Footer .pc_all_content .Footer_right .Footer_right_list .right_list_dd a{ color: #141414;font-weight: bolder; font-size: 16px;} .Footer .pc_all_content .Footer_right .Footer_right_list .right_list_dd a:hover{ color: #2AC575;} .Footer .pc_all_content .Footer_right .Footer_right_list .right_list_dt p{ margin-bottom: 15px;} .Footer .pc_all_content .Footer_right .Footer_right_list .right_list_dt p:last-child{ margin-bottom: 0;} .Footer .pc_all_content .Footer_right .Footer_right_list .right_list_dt p a{ color: #262626;} .Footer .pc_all_content .Footer_right .Footer_right_list .right_list_dt p a:hover{ color: #2AC575;} .Footer .pc_all_content .Footer_right .Footer_right_list:nth-child(2){ width: 20%;} .Footer .pc_all_content .Footer_right .Footer_right_list:nth-child(5){ width: 20%;} .Footer .pc_all_content .Footer_right .Footer_right_list:nth-child(3n){ width: 27%;} .Copyright{ background: #fff;} .Copyright .pc_all_content{ text-align: center; padding: 40px 0px; display: flex; align-items: center; justify-content: center; color: #595959;} .Copyright .pc_all_content span{ margin: 0px 10px;} .Copyright .pc_all_content a{ color: #595959;} .Copyright .pc_all_content a{color: #595959; display: flex; justify-content: center; align-items: center;} .Copyright .pc_all_content a img{height: 17px;} .Copyright .pc_all_content a:hover{ color: #2AC575;} .swiper-button{ display: flex; align-items: center; justify-content: flex-end;} .swiper-button .swiper-button-prev,.swiper-button .swiper-button-next{ position: relative; left: 0; right: 0; top: 0; margin-top: 10px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #151515; opacity: 1;} .swiper-button .swiper-button-prev::after,.swiper-button .swiper-button-next::after{ font-size: 15px; font-weight: bolder; color: #fff;} .swiper-button .swiper-button-prev:hover,.swiper-button .swiper-button-next:hover{ background: #2AC575;} .LNews .pc_all_content{ position: relative; padding-left: 120px; max-width: calc(1200px - 120px);} .LNews .LNews_Nav{ width: 80px; position: absolute; left: 0px; top: 0;} .LNews .LNews_Nav .LNews_Nav_list{ display: inline-block; padding: 14px 0px; background: #F0F0F0; text-align: center; width: 100%; margin-bottom: 2px;} .LNews .LNews_Nav .LNews_Nav_list:last-child{ margin-bottom: 0;} .LNews .LNews_Nav .LNews_Nav_list.on{ color: #fff; background: #33DE72; font-weight: bolder;} .LNews .LNews_Nav .LNews_Nav_list:hover{ color: #fff; background: #33DE72;} .LNews .LNews_top{ position: relative; margin-bottom: 70px;} .LNews .LNews_top .LNews_top_list{ display: flex; background: #F5F5F5; border-radius: 6px; overflow: hidden;} .LNews .LNews_top .LNews_top_list .top_list_left{ width: 49%; background: #151515; position: relative;} .LNews .LNews_top .LNews_top_list .top_list_left .list_left_img{ display: flex; height: 100%;} .LNews .LNews_top .LNews_top_list .top_list_left .list_left_img img{ width: 100%; height: 100%; object-fit:cover;} .LNews .LNews_top .LNews_top_list .top_list_left .list_left_title{ padding: 25px; position: absolute; bottom:0; left:0;background: linear-gradient(180deg, rgba(47,47,47,0) 0%, rgba(33,33,33,0.55) 40%, #151515 100%); width: 100%; box-sizing: border-box;} .LNews .LNews_top .LNews_top_list .top_list_left .list_left_title .left_title_dd{ color: #fff; margin-bottom: 13px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .LNews .LNews_top .LNews_top_list .top_list_left .list_left_title .left_title_dt{ color: #fff; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .LNews .LNews_top .LNews_top_list .top_list_right{ width: calc(51% - 10%); padding: 3% 5%;} .LNews .LNews_top .LNews_top_list .top_list_right .list_right_title .right_title_dd{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 20px; line-height: 1.4; font-weight: bolder;} .LNews .LNews_top .LNews_top_list .top_list_right .list_right_title .right_title_dt{ margin-bottom: 30px; color: #141414;} .LNews .LNews_top .LNews_top_list .top_list_right .list_right_txt{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .LNews .LNews_top .LNews_top_list .top_list_right .list_right_btn{ margin-top: 33px;} .LNews .LNews_content{ display: flex; flex-wrap: wrap;} .LNews .LNews_content .LNews_content_list{ width: calc(25% - 40px); background: #f5f5f5; padding: 33px 20px; position: relative;} .LNews .LNews_content .LNews_content_list:nth-child(2){ background: #fff;} .LNews .LNews_content .LNews_content_list:nth-child(4){ background: #fff;} .LNews .LNews_content .LNews_content_list:nth-child(5){ background: #fff;} .LNews .LNews_content .LNews_content_list:nth-child(7){ background: #fff;} .LNews .LNews_content .LNews_content_list:nth-child(10){ background: #fff;} .LNews .LNews_content .LNews_content_list:nth-child(12){ background: #fff;} .LNews .LNews_content .LNews_content_list .content_list_img{ display: flex;} .LNews .LNews_content .LNews_content_list .content_list_img img{ width: 100%;} .LNews .LNews_content .LNews_content_list .content_list_title{ color: #141414;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: auto !important; margin-top: 20px;} .LNews .LNews_content .LNews_content_list .content_list_time{ color: #141414; margin-top: 30px; display: flex; align-items:center; justify-content: space-between;} .LNews .LNews_content .LNews_content_list .content_list_txt{ color: #434343; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .LNews .LNews_content .LNews_content_list .content_list_po{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #141414; background: #f5f5f5; z-index: 2; padding: 20px; opacity: 0; box-sizing: border-box; overflow: hidden;} .LNews .LNews_content .LNews_content_list:hover .content_list_po{ opacity: 1;} .LNews .LNews_content .LNews_content_list .content_list_po span{ overflow: hidden; line-height: 1.6;} .LNews .LNews_content .LNews_content_list .content_list_more{ margin-top: 0px; justify-content: flex-end; display: flex;} .LNews .LNews_content .LNews_content_list .content_list_more span{ position: relative; display: flex; align-items: center; justify-content: center; top: 0;} .LNews .LNews_content .LNews_content_list .content_list_more span img{ height: 13px;} .LNews .LNews_content .LNews_content_list .content_list_more span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .LNews .LNews_content .LNews_content_list:hover .content_list_more span{ top: -5px;} .LNews .swiper-button-next{ margin-left: 20px;} /* .LNews .LNews_content .LNews_content_list:hover .content_list_more span img{ opacity: 0;} .LNews .LNews_content .LNews_content_list:hover .content_list_more span img:last-child{ opacity: 1;} .LNews .LNews_content .LNews_content_list:hover{ background: #33DE72;} .LNews .LNews_content .LNews_content_list:hover .content_list_title{ color: #fff;} .LNews .LNews_content .LNews_content_list:hover .content_list_txt{ color: #fff;} .LNews .LNews_content .LNews_content_list:hover .content_list_time{ color: #fff;} */ .LNews .LNewsSearch{ display: flex; align-items:center; max-width: 600px;background: #FFFFFF; border-radius: 4px; border: 1px solid #DDDDDD; margin-bottom: 38px;} .LNews .LNewsSearch input[type="text"]{ width:calc(100% - 60px); line-height: 40px; font-size: 16px; color:#141414; padding: 0px 20px; border: 0px; border-radius: 4px} .LNews .LNewsSearch input[type="submit"]{ width:60px; height: 40px; background: url('../images/Searchon.svg') no-repeat 50% 50%; background-size: 16px; border: 0px; border-radius: 4px; cursor: pointer;} .LNews .LNews_content .LNews_content_list.on .content_list_more{ display: none;} .LHonor .LHonor_content{ display: flex; align-items: flex-start;} .LHonor .LHonor_nav{ width: 200px; border-left: 4px solid #F0F0F0; padding: 6px 0px; position: relative; top: -10px;} .LHonor .LHonor_nav ul li{ list-style: none; color: #8C8C8C; margin-bottom: 22px; cursor: pointer; position: relative; padding-left: 24px; line-height: 24px;} .LHonor .LHonor_nav ul li.on{ font-weight: bolder; color: #262626;} .LHonor .LHonor_nav ul li:last-child{ margin-bottom: 0;} .LHonor .LHonor_nav ul li:before{ content: ""; display: inline-block; width: 4px; left: -4px; height: 0%; background: #0FD05D; position: absolute;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s; top: 50%; transform: translateY(-50%);} .LHonor .LHonor_nav ul li.on:before{ height: 100%;} .LHonor .Honor_content{ width: calc(100% - 200px);} .LHonor .Honor_content .LHonor_list_title{ margin-bottom: 22px;font-weight: bolder;} .LHonor .Honor_content .Honor_content_list{ flex-wrap: wrap; justify-content: flex-start;} .LHonor .Honor_content .Honor_content_list .content_list_li{ margin-right: 2%; width: calc(32% - 2px); margin-bottom: 2%;} .LHonor .Honor_content .Honor_content_list .content_list_li:nth-child(3n){ margin-right: 0;} .Contact .Contact_Way .Contact_Way_title{ color: #141414; padding-bottom: 10px; border-bottom: 2px solid #DDDDDD; margin-bottom: 18px; font-weight: bolder;} .Contact .Contact_Way .Contact_Way_content{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 100px;} .Contact .Contact_Way .Contact_Way_content .Way_content_list{ padding: 30px 38px; width: calc(50% - 76px); border-bottom: 1px solid #DDDDDD;} .Contact .Contact_Way .Contact_Way_content .Way_content_list .content_list_dd{font-weight: bolder; color: #141414; margin-bottom: 15px;} .Contact .Contact_Way .Contact_Way_content .Way_content_list .content_list_dt{ color: #141414; position: relative; cursor: pointer; display: inline-block;} .Contact .Contact_Way .Contact_Way_content .Way_content_list .content_list_dt.on{ cursor: inherit;} .Contact .Contact_Way .Contact_Way_content .Way_content_list .content_list_dt .list_dt_title{ color: #141414; display: flex; align-items:center;} .Contact .Contact_Way .Contact_Way_content .Way_content_list .content_list_dt .list_dt_title:hover{ color: #0fd05d;} .Contact .Contact_Way .Contact_Way_content .Way_content_list .content_list_dt .list_dt_title span{ margin-right: 10px; display: flex; align-items:center; justify-content:center; position: relative;} .Contact .Contact_Way .Contact_Way_content .Way_content_list .content_list_dt .list_dt_title span img{ height: 20px;} .Contact .Contact_Way .Contact_Way_content .Way_content_list .content_list_dt .list_dt_title span img:last-child{ position:absolute; left:0; top:0; opacity:0;} .Contact .Contact_Way .Contact_Way_content .Way_content_list .content_list_dt:hover .list_dt_title span img{ opacity: 0;} .Contact .Contact_Way .Contact_Way_content .Way_content_list .content_list_dt:hover .list_dt_title span img:last-child{ opacity: 1;} .Contact .Contact_Way .Contact_Way_content .Way_content_list .content_list_dt .list_dt_down{ position: absolute; left:0; left:0px; width: 140px; box-shadow: 0px 0px 15px rgba(0,0,0,.2); display: none; z-index: 5; justify-content:center; align-items:center; background:#fff; height: 140px; border: 1px solid #DDDDDD; bottom: 100%;} .Contact .Contact_Way .Contact_Way_content .Way_content_list .content_list_dt:hover .list_dt_down{ display: flex;} .Contact .Contact_Way .Contact_Way_content .Way_content_list .content_list_dt .list_dt_down img{ width: 120px; max-width: 100%;} .Contact .Contact_Way .Contact_Way_content .Way_content_list:last-child{ border-bottom: 0;} .Contact .Contact_Address{ margin-top: 60px;} .Contact .Contact_Address .Contact_Address_content{ padding-left: 100px;} .Contact .Contact_Address .Contact_Address_content .Address_content_list{ display: flex; align-items: flex-start; padding: 30px 0px; padding-left: 38px; border-bottom: 1px solid #DDDDDD;} .Contact .Contact_Address .Contact_Address_content .Address_content_list:last-child{ border-bottom: 0;} .Contact .Contact_Address .Contact_Address_content .Address_content_list .content_list_left{ color: #262626;font-weight: bolder; width: 300px;} .Contact .Contact_Address .Contact_Address_content .Address_content_list .content_list_right{ width: calc(100% - 300px);} .Contact .Contact_Address .Contact_Address_content .Address_content_list .content_list_right .list_right_dd{ color: #434343;font-weight: bolder; margin-bottom: 10px;} .Contact .Contact_Address .Contact_Address_content .Address_content_list .content_list_right .list_right_dt{ color: #141414;} .Contact .Contact_Address .Contact_Address_content .Address_content_list.on .content_list_right .list_right_dd,.Contact .Contact_Address .Contact_Address_content .Address_content_list.on .content_list_left{ color: #0fd05d; } .LJoin .LJoin_content{ padding-left: 100px;} .LJoin .LJoin_content .LJoin_content_list{ padding: 45px 0px; border-bottom: 1px solid #DDDDDD; padding-left: 30px;} .LJoin .LJoin_content .LJoin_content_list .content_list_dd{font-weight: bolder; color: #141414;} .LJoin .LJoin_content .LJoin_content_list .content_list_dt{ color: #141414; margin-top: 20px; margin-bottom: 30px;} .LJoin .LJoin_content .LJoin_content_list:last-child{ border-bottom: 0; padding-bottom: 0;} .NewsDetails{ margin-top: 64px;} .NewsDetails .NewsDetails_top{ display: flex; justify-content: space-between; border-bottom: 1px solid #D8D8D8; padding: 50px 40px;} .NewsDetails .NewsDetails_top .NewsDetails_top_left{ width: 55%; padding-top: 20px;} .NewsDetails .NewsDetails_top .NewsDetails_top_left .top_left_title{font-weight: bolder; margin-bottom: 28px; line-height: 1.4;} .NewsDetails .NewsDetails_top .NewsDetails_top_left .top_left_txt .left_txt_dd{ color: #0fd05d; font-weight: bolder; margin-bottom: 13px;} .NewsDetails .NewsDetails_top .NewsDetails_top_left .top_left_txt .left_txt_dt{ color: #434343; } .NewsDetails .NewsDetails_top .NewsDetails_top_right{ width: 39%;} .NewsDetails .NewsDetails_top .NewsDetails_top_right img{ width: 100%; height: auto; object-fit: cover;} .NewsDetails .NewsDetails_content{ padding: 40px; display: flex; justify-content: space-between; align-items: flex-start; padding-right: 0;} .NewsDetails .NewsDetails_content .NewsDetails_contentleft{ width: 900px;} .NewsDetails .NewsDetails_content .NewsDetails_contentleft p{ color: #262626; margin-bottom: 30px;} .NewsDetails .NewsDetails_content .NewsDetails_contentleft img{ max-width: 100%;} .NewsDetails .NewsDetails_content .NewsDetails_share{ display: flex; flex-direction: column; align-items: flex-end;} .NewsDetails .NewsDetails_content .NewsDetails_share a{ position: relative; margin-bottom: 20px; display: inline-block; width: 24px;; height: 24px;} .NewsDetails .NewsDetails_content .NewsDetails_share a:nth-child(1){ background: url(../images/wx.svg) no-repeat 50% 50%; background-size: 24px;} .NewsDetails .NewsDetails_content .NewsDetails_share a:nth-child(1):hover{ background: url(../images/wxon.svg) no-repeat 50% 50%; background-size: 24px;} .NewsDetails .NewsDetails_content .NewsDetails_share a:nth-child(2){ background: url(../images/wb.svg) no-repeat 50% 50%; background-size: 24px;} .NewsDetails .NewsDetails_content .NewsDetails_share a:nth-child(2):hover{ background: url(../images/wbon.svg) no-repeat 50% 50%; background-size: 24px;} .NewsDetails .NewsDetails_content .NewsDetails_share a:nth-child(3){ background: url(../images/fb.svg) no-repeat 50% 50%; background-size: 24px;} .NewsDetails .NewsDetails_content .NewsDetails_share a:nth-child(3):hover{ background: url(../images/fbon.svg) no-repeat 50% 50%; background-size: 24px;} .NewsDetails .NewsDetails_content .NewsDetails_share a:nth-child(4){ background: url(../images/tw.svg) no-repeat 50% 50%; background-size: 24px;} .NewsDetails .NewsDetails_content .NewsDetails_share a:nth-child(4):hover{ background: url(../images/twon.svg) no-repeat 50% 50%; background-size: 24px;} .NewsDetails .NewsDetails_content .NewsDetails_share a:hover .wechat-qrcode{ display: block;} .NewsDetails .NewsDetails_page{ padding: 40px; border-top: 1px solid #D8D8D8; display: flex; align-items: center; justify-content: space-between;} .NewsDetails .NewsDetails_page .NewsDetails_page_list{ width: 48%; position: relative; overflow: hidden;} .NewsDetails .NewsDetails_page .NewsDetails_page_list .page_list_icon{ width: 40px; height: 40px;background: #151515; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0;} .NewsDetails .NewsDetails_page .NewsDetails_page_list .page_list_icon i{ color: #fff; font-size: 20px;} .NewsDetails .NewsDetails_page .NewsDetails_page_list .page_list_right{ width: calc(100%); color: #262626; line-height: 40px !important; position: relative; z-index: 2; font-size: 16px; display: flex;} .NewsDetails .NewsDetails_page .NewsDetails_page_list .page_list_right a{font-size: 16px; color: #262626; line-height: 40px !important; display: inline-block; width: calc(100% - 124px); overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .NewsDetails .NewsDetails_page .NewsDetails_page_list:last-child .page_list_right a{ padding-right: 60px;} .NewsDetails .NewsDetails_page .NewsDetails_page_list:first-child .page_list_right{padding-left: 60px;} .NewsDetails .NewsDetails_page .NewsDetails_page_list:first-child .page_list_right a{ padding-left: 120px; position: absolute; width: calc(100% - 184px); left: 0; top: 0;} .NewsDetails .NewsDetails_page .NewsDetails_page_list:last-child .page_list_icon{ right: 0; left: auto;} .NewsDetails .NewsDetails_page .NewsDetails_page_list .page_list_right a:hover{ color: #0fd05d;} .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms} .wechat-qrcode.bottom{top:40px;left:-84px} .wechat-qrcode.bottom:after{display:none} .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777} .social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto} .wechat-qrcode .qrcode table{margin:0 !important} .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0} .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent} .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:50;} .search .search_bg{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;} .search .search_bg .search_content{width:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);filter:scale(0);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;opacity:1;} .search .search_bg.on .search_content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;opacity:1;} .search .search_content .search_content_top{position:relative;} .search .search_content .search_content_top .search_close{position:absolute;right:0;top:-50px;color:#fff;font-size:30px;} .search .search_content .search_content_bottom{display:flex;align-items:center;justify-content:center;position:relative;border-radius:100px;overflow:hidden;} .search .search_content input[type="search"]{width:80%;background:inherit;height:80px;font-size:16px;color:#333;padding:0px 20px;z-index:1;position:relative;background:#fff;border:0px;} .search .search_content input[type="submit"]{width:20%;height:80px;font-size:16px;z-index:1;position:relative;color:#111;cursor:pointer;color:#fff;background:#0FD05D;border:0px;} .BtnImg{ display: flex;} .BtnImg span{ display: flex; align-items: center; justify-content: center; position: relative;} .BtnImg span img:last-child{ opacity: 0; position: absolute; left: 0; top: 4px;} .padding55{ padding: 55px 0px;} .DDownload_search{ margin-top: 64px;background: #f5f5f5; border-bottom: 1px solid #dddddd; overflow: hidden;} .DDownload_search .pc_all_content{ position: relative;} .DDownload_search .pc_all_content .DDownload_icon1,.DDownload_search .pc_all_content .DDownload_icon2{ position: absolute;} .DDownload_search .pc_all_content .DDownload_icon1 img,.DDownload_search .pc_all_content .DDownload_icon2 img{ height: 98px;} .DDownload_search .pc_all_content .DDownload_icon1{ left: -95px; bottom: -20px; transform: rotate(-20deg);} .DDownload_search .pc_all_content .DDownload_icon2{ right: -95px; top: 40px; transform: rotate(30deg);} .DDownload_search .DDownload_search_title{ text-align: center; color: #141414; font-weight: bolder; margin-bottom: 26px;} .DDownload_search .DDownload_search_form{ display: flex; align-items: center; justify-content: center; position: relative; z-index: 2;} .DDownload_search .DDownload_search_form .search_form_con{ display: flex; align-items: center; border: 1px solid #DDDDDD; width: 600px;} .DDownload_search .DDownload_search_form .search_form_con input[type='text']{ line-height: 38px; padding: 6px 0px; border: 0; width: calc(100% - 52px); padding-left: 20px; color: #141414;} .DDownload_search .DDownload_search_form .search_form_con input[type='submit']{ width: 52px; border: 0; height: 52px; cursor: pointer; background: #fff url('../images/Searchon.svg') no-repeat 50% 50%; background-size: 18px;} .DDownload{ background: #f5f5f5;} .DDownload .DDownload_content .DDownload_content_list{ margin-bottom: 40px; display: flex; align-items:flex-start; border-bottom: 1px solid #ddd; padding-bottom: 40px;} .DDownload .DDownload_content .DDownload_content_list:last-child{ margin-bottom: 0; border-bottom: 0px; padding-bottom: 0px;} .DDownload .DDownload_content .DDownload_content_list .content_list_title{ font-weight: bolder; color: #141414; margin-bottom: 30px; width: calc(39% - 4%); padding-right: 4%; line-height:1.5; padding-top: 55px;} .DDownload .DDownload_content .DDownload_content_list .content_list_txt{ display: flex; flex-wrap: wrap; margin-bottom: -1%; width: 61%; justify-content: space-between;} .DDownload .DDownload_content .DDownload_content_list .content_list_txt .list_txt_li{ background: #fff; width: calc(50% - 45px); padding: 20px; margin-bottom: 10px; padding-bottom: 70px; position: relative;} .DDownload .DDownload_content .DDownload_content_list .content_list_txt .list_txt_li:nth-child(3n){ margin-right: 0;} .DDownload .DDownload_content .DDownload_content_list .content_list_txt .list_txt_li .txt_li_icon{ width: 50px; height: 50px; border: 1px solid #f5f5f5; margin-bottom: 15px; display: flex; align-items: center; justify-content: center;} .DDownload .DDownload_content .DDownload_content_list .content_list_txt .list_txt_li .txt_li_icon img{ height: 34px;} .DDownload .DDownload_content .DDownload_content_list .content_list_txt .list_txt_li .txt_li_title{ color: #141414; font-weight: bolder; line-height: 1.5;} .DDownload .DDownload_content .DDownload_content_list .content_list_txt .list_txt_li .txt_li_more{ display: flex; justify-content: flex-end;position: absolute; right: 20px; bottom: 20px;} .DDownload .DDownload_content .DDownload_content_list .content_list_txt .list_txt_li .txt_li_more span img{ height: 20px;} .DDownload .DDownload_content .DDownload_content_list .content_list_txt .list_txt_li:hover .txt_li_more span img{ opacity: 0;} .DDownload .DDownload_content .DDownload_content_list .content_list_txt .list_txt_li:hover .txt_li_more span img:last-child{ opacity: 1;} .DDownload .DDownload_content .DDownload_content_list .content_list_txt .list_txt_li:hover{ box-shadow: 0px 0px 20px rgba(0,0,0,.06);} .DDownload .DDownload_content .DDownload_content_list.active{ display: block;} .DDownload .DDownload_content .DDownload_content_list.active .content_list_title{ width: 100%; padding-right: 0;} .DDownload .DDownload_content .DDownload_content_list.active .content_list_txt{ width: 100%; padding-right: 0;} .OnlineClass{margin-top: 64px; background: #f5f5f5;} .OnlineClass .OnlineClass_img{ display: flex; border-bottom: 1px solid #dddddd;} .OnlineClass .OnlineClass_img img{ width: 100%; height: auto; object-fit:cover;} .OnlineClass .pc_all_content{ position: relative;} .OnlineClass .OnlineClass_Nav{ position: absolute; left: 0; top: 55px; display: flex; flex-direction: column; border-left: 4px solid #F0F0F0; width: 160px; } .OnlineClass .OnlineClass_Nav a{ color: #8C8C8C; margin-bottom: 20px; font-weight: bolder; position: relative; padding-left: 24px; line-height: 24px; display: inline-block;word-break: break-word; width: 100%; display: inline-block; box-sizing: border-box;} .OnlineClass .OnlineClass_Nav a::before{ content: ""; display: inline-block; width: 4px; left: -4px; height: 0%; background: #0FD05D; position: absolute;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s; top: 50%; transform: translateY(-50%);} .OnlineClass .OnlineClass_Nav a:last-child{ margin-bottom: 0;} .OnlineClass .OnlineClass_Nav a:hover{ color: #262626;} .OnlineClass .OnlineClass_Nav a.on{ color: #262626;} .OnlineClass .OnlineClass_Nav a.on::before{ height: 100%;} .OnlineClass .OnlineClass_Nav a:hover::before{ height: 100%;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .OnlineClass .OnlineClass_right{ padding-left: 185px;} .OnlineClass .OnlineClass_title{ text-align: center; font-weight: bolder; margin-bottom: 32px;} .OnlineClass .OnlineClass_feature{ margin-bottom: 50px;} .OnlineClass .OnlineClass_feature .OnlineClass_feature_content{ display: flex; flex-wrap: wrap; margin-bottom: -1%;} .OnlineClass .OnlineClass_feature .OnlineClass_feature_content .feature_content_list{ background: #fff; width: calc(24.25% - 50px); margin-right: 1%; padding: 33px 25px; margin-bottom: 1%;} .OnlineClass .OnlineClass_feature .OnlineClass_feature_content .feature_content_list:nth-child(4n){ margin-right: 0;} .OnlineClass .OnlineClass_feature .OnlineClass_feature_content .feature_content_list:hover{ box-shadow: 0px 0px 20px rgba(0,0,0,.06);} .OnlineClass .OnlineClass_feature .OnlineClass_feature_content .feature_content_list .content_list_dd{ color: #0fd05d; font-weight: bolder;} .OnlineClass .OnlineClass_feature .OnlineClass_feature_content .feature_content_list .content_list_dt{ color: #1F1F1F; font-weight: bolder; margin-top: 28px;} .OnlineClass .OnlineClass_lecturer .OnlineClass_lecturer_content{ position: relative;} .OnlineClass .OnlineClass_lecturer .OnlineClass_lecturer_content .lecturer_content_list{ background: #fff;} .OnlineClass .OnlineClass_lecturer .OnlineClass_lecturer_content .lecturer_content_list .content_list_padding{ padding: 30px;} .OnlineClass .OnlineClass_lecturer .OnlineClass_lecturer_content .lecturer_content_list .content_list_img{ width: 94px; height: 94px;} .OnlineClass .OnlineClass_lecturer .OnlineClass_lecturer_content .lecturer_content_list .content_list_img img{ width: 100%; border-radius: 100%; height: 100%; object-fit: cover;} .OnlineClass .OnlineClass_lecturer .OnlineClass_lecturer_content .lecturer_content_list .content_list_txt{ margin-top: 50px;} .OnlineClass .OnlineClass_lecturer .OnlineClass_lecturer_content .lecturer_content_list .content_list_txt .list_txt_dd{ font-weight: bolder; color: #141414; margin-bottom: 10px;} .OnlineClass .OnlineClass_lecturer .OnlineClass_lecturer_content .lecturer_content_list .content_list_txt .list_txt_dt{ color: #262626; height: 71px;} .OnlineClass .OnlineClass_study .OnlineClass_study_cotnent{ margin-bottom: 60px;} .OnlineClass .OnlineClass_study .OnlineClass_study_cotnent .study_cotnent_li{ margin-bottom: 40px;} .OnlineClass .OnlineClass_study .OnlineClass_study_cotnent .study_cotnent_li:last-child{ margin-bottom: 0;} .OnlineClass .OnlineClass_study .OnlineClass_study_cotnent .study_cotnent_li .study_cotnent_title{ color: #141414; font-weight: bolder; margin-bottom: 20px;} .OnlineClass .OnlineClass_study .OnlineClass_study_cotnent .study_cotnent_li .study_cotnent_txt .cotnent_txt_list{ display: flex; align-items: center; justify-content: space-between; background: #fff; margin-bottom: 15px; padding: 30px;} .OnlineClass .OnlineClass_study .OnlineClass_study_cotnent .study_cotnent_li .study_cotnent_txt .cotnent_txt_list:last-child{ margin-bottom: 0;} .OnlineClass .OnlineClass_study .OnlineClass_study_cotnent .study_cotnent_li .study_cotnent_txt .cotnent_txt_list .txt_list_left{ width: calc(100% - 400px);} .OnlineClass .OnlineClass_study .OnlineClass_study_cotnent .study_cotnent_li .study_cotnent_txt .cotnent_txt_list .txt_list_left .list_left_dd{ color: #141414; font-weight: bolder; margin-bottom: 16px; line-height: 1.5;} .OnlineClass .OnlineClass_study .OnlineClass_study_cotnent .study_cotnent_li .study_cotnent_txt .cotnent_txt_list .txt_list_left .list_left_dd span{ display: inline-block; width: 59px; line-height: 24px; color: #fff; background: #0FD05D; text-align: center; margin-left: 16px;} .OnlineClass .OnlineClass_study .OnlineClass_study_cotnent .study_cotnent_li .study_cotnent_txt .cotnent_txt_list .txt_list_left .list_left_dt{ color: #262626;} .OnlineClass .OnlineClass_study .OnlineClass_study_cotnent .study_cotnent_li .study_cotnent_txt .cotnent_txt_list .txt_list_left .list_left_dt span{ margin-right: 20px;} .OnlineClass .OnlineClass_study .OnlineClass_study_cotnent .study_cotnent_li .study_cotnent_txt .cotnent_txt_list .txt_list_left .list_left_dt span:last-child{ margin-right: 0;} .OnlineClass .OnlineClass_study .OnlineClass_study_cotnent .study_cotnent_li .study_cotnent_txt .cotnent_txt_list .txt_list_right{ display: flex; align-items: center;} .OnlineClass .OnlineClass_study .OnlineClass_study_cotnent .study_cotnent_li .study_cotnent_txt .cotnent_txt_list .txt_list_right a{ color: #0fd05d; margin-right: 20px;} .OnlineClass .OnlineClass_study .OnlineClass_study_cotnent .study_cotnent_li .study_cotnent_txt .cotnent_txt_list .txt_list_right a:last-child{ margin-right: 0;} .OnlineClass .OnlineClass_study .OnlineClass_study_cotnent .study_cotnent_li .study_cotnent_txt .cotnent_txt_list .txt_list_right a.btn{ color: #fff; background: #0FD05D;} .OnlineClass .OnlineClass_join{ text-align: center;} .OnlineClass .OnlineClass_join .OnlineClass_join_top .join_top_dt{ color: #141414; margin-top: 17px; margin-bottom: 27px;} .OnlineClass .OnlineClass_study .OnlineClass_study_cotnent .study_cotnent_li .study_cotnent_txt .cotnent_txt_list.waite .txt_list_right a{pointer-events: none;color: #DDDDDD;} .OnlineClass .OnlineClass_study .OnlineClass_study_cotnent .study_cotnent_li .study_cotnent_txt .cotnent_txt_list.waite .txt_list_right a.btn{ color: #fff; background:#DDDDDD;} .Banner{ margin-top: 64px;} .Banner .Banner_list{ padding: 98px 0px; max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;} .Banner .Banner_list .Banner_list_left{ width: 51%;} .Banner .Banner_list .Banner_list_left .list_left_t{ color: #262626; margin-bottom: 35px;} .Banner .Banner_list .Banner_list_left .list_left_t.letter{ letter-spacing: 0.5em;} .Banner .Banner_list .Banner_list_left .list_left_dd{ font-weight: bolder; color: #141414; line-height: 1.2;} .Banner .Banner_list .Banner_list_left .list_left_dt{ font-weight: bolder; color: #0fd05d; margin-top: 15px; line-height: 1.3;} .Banner .Banner_list .Banner_list_left .list_left_p{ color: #262626; margin-top: 25px;} .Banner .Banner_list .Banner_list_left .list_left_p p{ margin-bottom: 3px;} .Banner .Banner_list .Banner_list_left .list_left_p p:last-child{ margin-bottom: 0px;} .Banner .Banner_list .Banner_list_left .list_left_btn{ margin-top: 70px; display: flex;} .Banner .Banner_list .Banner_list_left .list_left_btn.martop40{ margin-top: 40px;} .Banner .Banner_list .Banner_list_left .list_left_btn.martop80{ margin-top: 80px;} .Banner .Banner_list .Banner_list_left .list_left_btn a{ margin-right: 10px;} .Banner .Banner_list .Banner_list_left .list_left_btn a:last-child{ margin-right: 0;} .Banner .Banner_list .Banner_list_right{ width: 26%; text-align: right;} .Banner .Banner_list .Banner_list_right img{ max-width: 100%;} .Banner.color .Banner_list .Banner_list_left .list_left_dd{ color: #fff;} .Banner.color .Banner_list .Banner_list_left .list_left_dt{ color: #0fd05d;} .Banner.color .Banner_list .Banner_list_left .list_left_p{ color: #fff; opacity: .7;} .Banner.padding0 .Banner_list{ padding: 0;} .Banner.padding0 .Banner_list .Banner_list_left{ padding: 55px 0px;} .Banner.padding80 .Banner_list .Banner_list_left{ padding: 80px 0px;} .Banner .Banner_list .Banner_list_left .list_left_title{ font-weight: bolder; color: #0fd05d; margin-bottom: 10px; text-transform: uppercase;} .Banner .Banner_list .Banner_list_left .list_left_txt{ margin-top: 40px;} .Banner .Banner_list .Banner_list_left .list_left_txt .left_txt_dd{ color: #262626;} .Banner .Banner_list .Banner_list_left .list_left_txt .left_txt_dt{ color: #0fd05d; text-transform: uppercase; font-weight: bolder; margin-top: 20px;} .Banner .Banner_list .Banner_list_left .list_left_txt .left_txt_dt p{ line-height: normal; } .Banner.Home{ background:#282828;} .Banner.Home .Banner_list{ padding: 20px 0px;} .Banner.Home .Banner_list .Banner_list_left .list_left_dd{ color:#fff;} .Banner.Home .Banner_list .Banner_list_left .list_left_dt{ color:#fff;} .Banner.Home .Banner_list .Banner_list_right{ width: 40%;} .Banner2 .Banner_list{ padding: 0;} .Banner2 .Banner_list .Banner_list_left{ width: 48%;} .Banner2 .Banner_list .Banner_list_right{ width: 48%;} .Banner2 .Banner_list .Banner_list_right img{ max-height: 460px;} .Banner2 .Banner_list .Banner_list_left .list_left_title img{ height: 32px;} .Banner3 .Banner_list{ padding: 0;} .Banner3 .Banner_list .Banner_list_left{ width: 35%;} .Banner3 .Banner_list .Banner_list_right{ width: 58%;} .HomeNav{ background:#282828; padding-bottom: 51px;} .HomeNav .pc_all_content{ display: flex; justify-content: space-between;} .HomeNav .HomeNav_list{ width: calc(33.33% - 55px); border: 1px solid #8C8C8C; display: flex; align-items: center; padding: 35px 20px; justify-content: space-between;} .HomeNav .HomeNav_list .HomeNav_list_icon img{ width: 80px;} .HomeNav .HomeNav_list .HomeNav_list_txt{ width: calc(100% - 105px);} .HomeNav .HomeNav_list .HomeNav_list_txt .list_txt_dd{ color: #0fd05d; font-weight: bolder; } .HomeNav .HomeNav_list .HomeNav_list_txt .list_txt_dt{ color: #fff; margin-top: 12px; font-weight: bolder; } .HProduct{ background: #f8f9f9;} .HProduct .HProduct_content{ display: flex; justify-content: space-between; flex-wrap: wrap;} .HProduct .HProduct_content.active{ justify-content:center;} .HProduct .HProduct_content.active .HProduct_content_list{ margin-right: 50px;} .HProduct .HProduct_content .HProduct_content_list{ width: calc(33.333% - 100px); border: 1px solid #F0F0F0; border-top: 4px solid #0FD05D; padding: 40px; background: #fff; display: flex; flex-direction: column; justify-content: space-between;} .HProduct .HProduct_content .HProduct_content_list:last-child{ margin-right: 0px;} .HProduct .HProduct_content .HProduct_content_list:hover{ box-shadow: 0px 0px 30px rgba(0,0,0,.1); border: 1px solid #0FD05D; border-top: 4px solid #0FD05D;} .HProduct .HProduct_content .HProduct_content_list .content_list_title{ margin-bottom: 50px;} .HProduct .HProduct_content .HProduct_content_list .content_list_title .list_title_dd{ font-weight: bolder; margin-bottom: 25px;} .HProduct .HProduct_content .HProduct_content_list.free .content_list_title .list_title_dd{ display: flex; align-items: center;} .HProduct .HProduct_content .HProduct_content_list .content_list_title .list_title_dd span{ display: inline-block; width: 100%; color: #0fd05d; margin-top: 10px; line-height: 1.2;} .HProduct .HProduct_content .HProduct_content_list .content_list_txt{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;} .HProduct .HProduct_content .HProduct_content_list.free{ display: flex; align-items: center;} .HProduct .HProduct_content .HProduct_content_list.free .content_list_title .list_title_dd::after{ content: "Free"; display: inline-block;width: 65px; height: 22px; background: #0FD05D; border-radius: 2px; font-size: 12px; color: #fff; display: flex; align-items: center; justify-content: center; margin-left: 15px;} .HProduct .HProduct_content .HProduct_content_list .content_list_txt .list_txt_li{ justify-content: flex-start; margin-top: 18px; font-weight: bolder; width: 40%;} .HProduct .HProduct_content .HProduct_content_list.on .content_list_title{ margin-bottom:15px;} .HProduct .HProduct_content .HProduct_content_list.on .content_list_txt.on{ margin-bottom: 80px;} .HProduct .HProduct_content .HProduct_content_list.on .content_list_txt.on .list_txt_li{ margin-top: 0px;} .HProduct .HProduct_content .HProduct_content_list.free .content_list_txt{ display: block;} .HPlan .HPlan_content{ display: flex; justify-content: space-between; border: 1px solid #F0F0F0;} .HPlan .HPlan_content .HPlan_content_left{ padding: 20px 0px; width: 20%;} .HPlan .HPlan_content .HPlan_content_left ul li{ list-style: none; color: #595959; height: 50px; display: flex; align-items: center; padding: 0px 30px; cursor: pointer; position: relative;} .HPlan .HPlan_content .HPlan_content_left ul li::before{ content: ""; display: inline-block; width: 4px; height: 0%; top: 50%; transform: translateY(-50%); left: 0; position: absolute; background: #0FD05D;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .HPlan .HPlan_content .HPlan_content_left ul li.on{ background: #EEF6F1; color: #0fd05d; font-weight: bolder;} .HPlan .HPlan_content .HPlan_content_left ul li:hover{ background: #F6FCF7;} .HPlan .HPlan_content .HPlan_content_left ul li.on::before{ height: 100%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .HPlan .HPlan_content .HPlan_content_left ul li a{ color: #0fd05d;} .HPlan .HPlan_content .HPlan_content_right{ width: 80%; border-left: 1px solid #F0F0F0;} .HPlan .HPlan_content .HPlan_content_right .content_right_list .right_list_img{ display: flex;} .HPlan .HPlan_content .HPlan_content_right .content_right_list .right_list_img img{ width: 100%;} .HPlan .HPlan_content .HPlan_content_right .content_right_list .right_list_txt{ display: flex; align-items: center; justify-content: space-between; padding: 30px; } .HPlan .HPlan_content .HPlan_content_right .content_right_list .right_list_txt .list_txt_left{ width: calc(100% - 200px);} .HPlan .HPlan_content .HPlan_content_right .content_right_list .right_list_txt .list_txt_left .txt_left_dd{ color: #262626; font-weight: bolder;} .HPlan .HPlan_content .HPlan_content_right .content_right_list .right_list_txt .list_txt_left .txt_left_dt{ color: #595959; margin-top: 11px; height: 47px;} .HPlan .HPlan_content .HPlan_content_right .content_right_list .right_list_txt .list_txt_right{ background: #262626; width: 138px; height: 40px; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: bolder;} .HPlan .HPlan_content .HPlan_content_right .content_right_list .right_list_txt .list_txt_right:hover{ background: #0FD05D;} .OpenSource{ background: #2D2D2D;} .OpenSource .pc_all_content{ position: relative;} .OpenSource .pc_all_content .OpenSource_prev,.OpenSource .pc_all_content .OpenSource_next{ position: absolute; top: 22px; cursor: pointer;} .OpenSource .pc_all_content .OpenSource_prev img,.OpenSource .pc_all_content .OpenSource_next img{ height: 289px;} .OpenSource .pc_all_content .OpenSource_prev:hover span img,.OpenSource .pc_all_content .OpenSource_next:hover span img{ opacity: 0;} .OpenSource .pc_all_content .OpenSource_prev:hover span img:last-child,.OpenSource .pc_all_content .OpenSource_next:hover span img:last-child{ opacity: 1;} .OpenSource .pc_all_content .OpenSource_prev{ left: 0;} .OpenSource .pc_all_content .OpenSource_next{ right: 0;} .OpenSource .OpenSource_content{ position: relative; z-index: 2;} .OpenSource .OpenSource_content .swiper-container{ padding-top: 20px; margin-top: -20px;} .OpenSource .OpenSource_content .OpenSource_content_list{ display: flex; flex-wrap: wrap;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li{ width: calc(32.666% - 82px); margin-right: 1%; border: 1px solid #595959; padding: 25px 40px; margin-bottom: 1%; position: relative; background: #2D2D2D;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li.active::before{content: "Jointly sponsored"; display: inline-block; font-size: 14px; position: absolute; right: 0px; top: 0px; color: rgb(20, 20, 20); padding: 5px 10px; background: rgb(51, 222, 114);} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li .list_li_p{ position: absolute; left: 0; top: 0; width: calc(100% - 44px); height: calc(100% - 44px); padding: 22px; background: #33DE72; opacity: 0;-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; z-index: 2;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li:hover .list_li_p{ opacity: 1;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);filter:scale(1.1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li .list_li_p::before{ content: ""; width: 16px; height: 16px; background: url('../images/Arrow_More3.svg') no-repeat 50% 50%; background-size: 16px; position: absolute; right: 20px; bottom: 20px;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li .list_li_p .li_p_title{ color: #141414; font-weight: bolder; margin-bottom: 15px;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li .list_li_p .li_p_txt{ color: #141414;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li .list_li_p .li_p_txt .p_txt_d{ margin-bottom: 8px;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li:nth-child(3n){ margin-right: 0;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li .list_li_dd img{ width: 45px;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li .list_li_dt{ color: #fff; font-weight: bolder; margin-top: 15px;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li:nth-child(3n) .list_li_p{ width: calc(100% - 62px);} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li:nth-child(1) .list_li_p,.OpenSource .OpenSource_content .OpenSource_content_list .content_list_li:nth-child(3n+1) .list_li_p{ left: 18px; width: calc(100% - 62px);} .CNCF{ background: #2D2D2D; padding-top: 0px !important;} .CNCF .picList{-webkit-transition: auto;-moz-transition:auto;transition:auto;} .CNCF .picList:hover{-webkit-transition: auto;-moz-transition:auto;transition:auto;} .CNCF .CNCF_content .CNCF_content_lister{ display: flex; flex-wrap: wrap; justify-content: space-between;} .CNCF .CNCF_content .CNCF_content_list{ background: #fff; width: calc(23.25% - 62px); margin-right: 1.7%; padding: 25px 30px; margin-bottom: 1.5%; position: relative; border: 1px solid #DDDDDD;} .CNCF .CNCF_content .CNCF_content_list .content_list_number{ color: #262626; font-weight: bolder; display: flex; align-items: center; position: absolute; right: 30px; top: 30px;} .CNCF .CNCF_content .CNCF_content_list .content_list_number img{ height: 16px; margin-right: 6px;} .CNCF .CNCF_content .CNCF_content_list .content_list_icon{ width: 60px; height: 60px; border: 1px solid #F0F0F0; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;} .CNCF .CNCF_content .CNCF_content_list .content_list_icon img{ max-height: 38px; max-width: 80%;} .CNCF .CNCF_content .CNCF_content_list .content_list_title{ color: #262626; font-weight: bolder;} .CNCF .CNCF_content .CNCF_content_list:hover{ border: 1px solid #0FD05D;} .CNCF2 .CNCF2_content{ flex-wrap: wrap; display: flex; justify-content: space-between;} .CNCF2 .CNCF2_content .CNCF2_content_list{ width: calc(32.666% - 82px); margin-right: 1%; border: 1px solid #595959; padding: 25px 40px; margin-bottom: 1%; position: relative; background: #2D2D2D; position: relative;} .CNCF2 .CNCF2_content .CNCF2_content_list:nth-child(3n){ margin-right: 0;} .CNCF2 .CNCF2_content .CNCF2_content_list .content_list_title{ color:#fff;} .CNCF2 .CNCF2_content .CNCF2_content_list .content_list_title .list_title_dt{ color:#0FD05D; margin-top: 7px;} .CNCF2 .CNCF2_content .CNCF2_content_list .content_list_txt{ color:#BFBFBF; margin-top: 15px;} .CNCF3 .CNCF3_content{ margin-bottom: 50px;} .CNCF3 .CNCF3_content .CNCF3_content_top{ display: flex; flex-wrap: wrap;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list.w100{ width: 100%;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list{ border-top: 1px solid #595959; padding: 22px 0px; display: flex; justify-content: space-between; align-items:center; border-bottom: 1px solid #595959; margin-bottom: -1px;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list .top_list_left{ width: 32%;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list .top_list_left .list_left_logo .left_logo_title{ color:#BFBFBF; margin-bottom: 10px;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list .top_list_left .list_left_logo .left_logo_txt{ display: flex; align-items:center; justify-content: space-between; padding: 0px 40px;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list .top_list_left .list_left_logo .left_logo_txt .logo_txt_dd img{ height: 35px;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list .top_list_left .list_left_logo .left_logo_txt .logo_txt_dt{ text-align: left;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list .top_list_left .list_left_logo .left_logo_txt .logo_txt_dt .txt_dt_title{ color:#0FD05D; font-weight: bolder; width: 51px;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list .top_list_left .list_left_logo .left_logo_txt .logo_txt_dt .txt_dt_txt{ color:#BFBFBF; margin-top: 7px;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list .top_list_right{ display: flex; width: 58%;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list .top_list_right .list_right_list{ width: 32%;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list .top_list_right .list_right_list .right_list_dd{ color:#fff;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list .top_list_right .list_right_list .right_list_dt{ color:#BFBFBF; margin-top: 12px;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list.w30{ width: 32%; margin-right: 2%;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list.w30 .top_list_left{ width: 100%;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list.w30:nth-child(3n + 2){ margin-right: 0px;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list.w48{ width: 49%; margin-right: 2%;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list.w48 .top_list_left{ width: 100%;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list.w48:nth-child(2n){ margin-right: 0px;} .CNCF3 .CNCF3_content .CNCF3_content_bottom{ display: flex; flex-wrap: wrap; margin-top: 20px;} .CNCF3 .CNCF3_content .CNCF3_content_bottom .content_bottom_list{ width: 32%; margin-right: 2%; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #595959; border-bottom: 1px solid #595959; padding: 17px 40px; box-sizing: border-box; margin-bottom: -1px; color:#fff;} .CNCF3 .CNCF3_content .CNCF3_content_bottom .content_bottom_list .bottom_list_right{ width: 51px;} .CNCF3 .CNCF3_content .CNCF3_content_bottom .content_bottom_list:nth-child(3n){ margin-right: 0px;} .CNCF3 .CNCF3_content .CNCF3_content_bottom .content_bottom_list:nth-child(1){ border-top: 0px; } .CNCF3 .CNCF3_content .CNCF3_content_bottom .content_bottom_list:nth-child(2){ border-top: 0px; } .CNCF3 .CNCF3_content .CNCF3_content_bottom .content_bottom_list:nth-child(3){ border-top: 0px; } .Client .str_wrap *{-webkit-transition: auto;-moz-transition:auto;transition:auto;} .Client .str_wrap *:hover{-webkit-transition: auto;-moz-transition:auto;transition:auto;} .Client .Client_content .Client_content_l{ margin-right: 17px;} .Client .Client_content .Client_content_l .Client_content_list{ border: 1px solid #F5F5F5; height: calc(131px - 40px); margin-bottom: 20px; display: flex; align-items: center; justify-content: center; padding: 20px 10px; width: 133px;} .Client .Client_content .Client_content_l .Client_content_list img{ max-width: 100%; max-height: 100%;} .Client .Client_content .Client_content_l .Client_content_list:hover{ box-shadow: 0px 0px 30px rgba(0,0,0,.1); border: 1px solid #fff;} .str_wrap { overflow:hidden; position:relative; height: 306px; } .str_move { position:absolute; top:0; left:0; display: flex; } .HServiceNetwork{ background: #F8F9F9; padding-bottom: 0 !important;} .HServiceNetwork .HServiceNetwork_top{ display: flex; align-items: center; justify-content: space-between;} .HServiceNetwork .HServiceNetwork_top .HServiceNetwork_top_list{ text-align: center; position: relative; padding-bottom: 30px;} .HServiceNetwork .HServiceNetwork_top .HServiceNetwork_top_list .top_list_dd{ margin-bottom: 15px; font-weight: bolder;} .HServiceNetwork .HServiceNetwork_top .HServiceNetwork_top_list::before{ content: ""; display: inline-block; width: 32px; height: 4px; background: #0FD05D; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;} .HServiceNetwork .HServiceNetworkImg{ text-align: center; display: flex;} .HServiceNetwork .HServiceNetworkImg img{ max-width: 100%;} .HMore .HMore_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .HMore .HMore_content .HMore_content_list{ border: 1px solid #DDDDDD; width: calc(25% - 50px); padding: 50px 20px;} .HMore .HMore_content .HMore_content_list .content_list_icon{ margin-bottom: 30px;} .HMore .HMore_content .HMore_content_list .content_list_icon img{ height: 60px;} .HMore .HMore_content .HMore_content_list .content_list_title{ margin-bottom: 30px;} .HMore .HMore_content .HMore_content_list .content_list_title .list_title_dd{ color: #262626; margin-bottom: 18px; font-weight: bolder; line-height: 1.5; height: 70px;} .HMore .HMore_content .HMore_content_list .content_list_title .list_title_dt{ color: #595959; line-height: 1.5;} .HMore .HMore_content .HMore_content_list .content_list_btn{ justify-content: flex-start;} .HMore .HMore_content .HMore_content_list:hover{ box-shadow: 0px 0px 30px rgba(0,0,0,.1); border: 1px solid #0FD05D;} .Departure{ position: relative;} .Departure .Departure_img{ display: flex;} .Departure .Departure_img img{ width: 100%;} .Departure .Departure_content{ position: absolute; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; top: 0; left: 0; right: 0;} .Departure .Departure_content .Departure_content_title{ color: #fff; font-weight: bolder; margin-bottom: 40px; text-align: center;} .Departure .Departure_content .Departure_content_title.marginbottom25{ margin-bottom: 25px;} .Departure .Departure_content .Departure_content_title.color{ color:#262626;} .Departure .Departure_content .Departure_content_title a{color: #0fd05d;} .Departure .Departure_content .Departure_content_title span{color: #0fd05d;} .Departure .Departure_content .Departure_content_txt{ color:#fff; text-align:center; word-break: break-word;} .Departure .Departure_content .Departure_content_btn{ display: flex; justify-content: center;} .Departure .Departure_content .Departure_content_btn a{ margin-right: 20px;} .Departure .Departure_content .Departure_content_btn a:last-child{ margin-right: 0;} .Departure2 .Departure_content .Departure_content_txt{margin-bottom: 40px;} .PChallenge .PChallenge_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .PChallenge .PChallenge_content .PChallenge_content_list{ width: calc(48% - 30px); padding-left: 26px; border-left: 4px solid #0FD05D; margin-bottom: 55px;} .PChallenge .PChallenge_content .PChallenge_content_list .content_list_icon{ margin-bottom: 20px;} .PChallenge .PChallenge_content .PChallenge_content_list .content_list_icon img{ height: 61px;} .PChallenge .PChallenge_content .PChallenge_content_list .content_list_txt .list_txt_dd{ color: #141414; font-weight: bolder; margin-bottom: 15px;} .PChallenge .PChallenge_content .PChallenge_content_list .content_list_txt .list_txt_dt{ color: #595959;} .PSystem{ background: #F8F9F9;} .PSystem .PSystem_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .PSystem .PSystem_content .PSystem_content_list{ width: calc(31.5% - 58px); border: 1px solid #33DE72; padding: 40px 28px; text-align: left; background:#fff;} .PSystem .PSystem_content .PSystem_content_list.left{ text-align: left; width: calc(31.5% - 62px); padding: 28px 30px;} .PSystem .PSystem_content .PSystem_content_list.padding{ text-align: left;} .PSystem .PSystem_content .content_list_icon img{ height: 60px;} .PSystem .PSystem_content .content_list_dd{ margin-bottom: 16px; color: #1F1F1F; font-weight: bolder; margin-top: 22px;} .PSystem .PSystem_content .content_list_dt{ color: #141414; } .PSystem2{ background: #fff;} .PSystem2 img{ max-width: 100%;} .PSystem3 .PSystem3_list{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;} .PSystem3 .PSystem3_list:nth-child(2n){ flex-direction: row-reverse;} .PSystem3 .PSystem3_list .PSystem3_list_left{ width: 48%; } .PSystem3 .PSystem3_list .PSystem3_list_left .list_left_title .left_title_dd{ color: #141414; font-weight: bolder; line-height: 1.2;} .PSystem3 .PSystem3_list .PSystem3_list_left .list_left_title .left_title_dt{ color: #0fd05d; margin-top: 22px; font-weight: bolder;} .PSystem3 .PSystem3_list .PSystem3_list_left .list_left_title .left_title_p{ color: #141414; margin-top: 22px;} .PSystem3 .PSystem3_list .PSystem3_list_left .list_left_txt{ margin-top: 33px;} .PSystem3 .PSystem3_list .PSystem3_list_left .list_left_txt.mtop0{ margin-top: 0;} .PSystem3 .PSystem3_list .PSystem3_list_left .list_left_txt .left_txt_li{ position: relative; margin-bottom: 12px;} .PSystem3 .PSystem3_list .PSystem3_list_left .list_left_txt .left_txt_li .txt_li_dd{ color: #141414; margin-bottom: 5px;} .PSystem3 .PSystem3_list .PSystem3_list_left .list_left_txt .left_txt_li .txt_li_dt{ color: #434343;} .PSystem3 .PSystem3_list .PSystem3_list_left .list_left_txt .left_txt_li .txt_li_dt span{ color: #0fd05d;} .PSystem3 .PSystem3_list .PSystem3_list_left .list_left_txt .left_txt_li:last-child{ margin-bottom: 0;} .PSystem3 .PSystem3_list .PSystem3_list_left .list_left_txt .left_txt_li::before{ content: ""; display: inline-block; width: 6px; height: 6px; background: #0FD05D; border-radius: 100%; position: absolute; left: -18px; top: 8px; opacity: 1; display: none;} .PSystem3 .PSystem3_list .PSystem3_list_left .list_left_txt2{ margin-top: 25px;} .PSystem3 .PSystem3_list .PSystem3_list_left .list_left_txt2 .left_txt2_li{ margin-bottom: 18px;} .PSystem3 .PSystem3_list .PSystem3_list_left .list_left_txt2 .left_txt2_li:last-child{ margin-bottom: 0;} .PSystem3 .PSystem3_list .PSystem3_list_left .list_left_txt2 .left_txt2_li .txt2_li_dd{ color: #0fd05d; font-weight: bolder;} .PSystem3 .PSystem3_list .PSystem3_list_left .list_left_txt2 .left_txt2_li .txt2_li_dt{ color: #434343;} .PSystem3 .PSystem3_list .PSystem3_list_left .list_left_txt2 .left_txt2_li .txt2_li_dt span{ color: #0fd05d;} .PSystem3.color{ background: #F8F9F9;} .PSystem3 .PSystem3_list .PSystem3_list_right{ width: 45%; text-align: center;} .PSystem3 .PSystem3_list .PSystem3_list_right img{ max-width: 100%;} .PSystem3On .PSystem3_list .pc_all_content{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;} .PSystem3On .PSystem3_list:nth-child(2n){ background:#F8F9F9;} .PSystem3On .PSystem3_list:nth-child(2n) .pc_all_content{ flex-direction: row-reverse;} .PCse{ background: #33DE72;} .PCse .PCse_content{ display: flex; flex-wrap: wrap;} .PCse .PCse_content.center{ justify-content:center;} .PCse .PCse_content .PCse_content_list{ background: #262626; width: calc(32% - 60px); padding: 35px 30px; position: relative; padding-bottom: 50px; position: relative; cursor: pointer; margin-right: 2%; } .PCse .PCse_content .PCse_content_list:nth-child(3n){ margin-right: 0%;} .PCse .PCse_content .PCse_content_list:last-child{ margin-right: 0%;} .PCse .PCse_content .PCse_content_list .content_list_title{ color: #fff; font-weight: bolder; margin-bottom: 45px; line-height: 1.3;} .PCse .PCse_content .PCse_content_list .content_list_txt{ min-height: 300px;overflow-y: auto;} .PCse .PCse_content .PCse_content_list .content_list_txt .list_txt_li{ margin-bottom: 40px;} .PCse .PCse_content .PCse_content_list .content_list_txt .list_txt_li:last-child{ margin-bottom: 0;} .PCse .PCse_content .PCse_content_list .content_list_txt .list_txt_li .txt_li_dd{ color: #0fd05d; font-weight: bolder;} .PCse .PCse_content .PCse_content_list .content_list_txt .list_txt_li .txt_li_dt{ color: #fff; margin-top: 15px; opacity: .7;} .PCse .PCse_content .PCse_content_list .content_list_txt::-webkit-scrollbar-track{background-color: #e5e5e5;} .PCse .PCse_content .PCse_content_list .content_list_txt::-webkit-scrollbar-thumb{background:#33DE72;border-radius:100px;} .PCse .PCse_content .PCse_content_list .content_list_txt::-webkit-scrollbar-button{background-color: #ffffff;} .PCse .PCse_content .PCse_content_list .content_list_txt::-webkit-scrollbar-corner{background-color: #ffffff;} .PCse .PCse_content .PCse_content_list .content_list_txt::-webkit-scrollbar{width: 3px;height: 0px;border-radius:100px;} .PCse .PCse_content .PCse_content_list .content_list_icon{ position: absolute; bottom: 0px; right: 0px;} .PCse .PCse_content .PCse_content_list .content_list_icon img{ width: 48px;} .PCse .PCse_content .PCse_content_list:hover{box-shadow: -10px 20px 40px 10px rgba(0,0,0,0.2);} .PCse .PCse_content .PCse_content_list .content_list_po{ position: absolute; left: 0; top: 0; width: calc(100% - 60px); height: calc(100% - 70px); background: #262626; padding: 35px 30px;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform; opacity: 0; z-index: 2;} .PCse .PCse_content .PCse_content_list.active .content_list_po{ opacity: 1;} .PCse .PCse_content .PCse_content_list .content_list_po .list_po_dd{ color: #fff; font-weight: bolder; margin-bottom: 30px; padding-bottom: 30px; position: relative; line-height: 1.3;} .PCse .PCse_content .PCse_content_list .content_list_po .list_po_dd::before{ content: ""; display: inline-block; width: 31px; height: 6px; background: #0FD05D; position: absolute; left: 0; bottom: 0;} .PCse .PCse_content .PCse_content_list .content_list_po .list_po_dt{color: #fff; height: 300px; overflow-y: auto;} .PCse .PCse_content .PCse_content_list .content_list_po .list_po_dt::-webkit-scrollbar-track{background-color: #e5e5e5;} .PCse .PCse_content .PCse_content_list .content_list_po .list_po_dt::-webkit-scrollbar-thumb{background:#33DE72;border-radius:100px;} .PCse .PCse_content .PCse_content_list .content_list_po .list_po_dt::-webkit-scrollbar-button{background-color: #ffffff;} .PCse .PCse_content .PCse_content_list .content_list_po .list_po_dt::-webkit-scrollbar-corner{background-color: #ffffff;} .PCse .PCse_content .PCse_content_list .content_list_po .list_po_dt::-webkit-scrollbar{width: 3px;height: 0px;border-radius:100px;} .PCse .PCse_content .PCse_content_list .content_list_po .list_po_dt p{ padding-left: 15px; position: relative;margin-bottom:5px;} .PCse .PCse_content .PCse_content_list .content_list_po .list_po_dt p:last-child{margin-bottom:0px;} .PCse .PCse_content .PCse_content_list .content_list_po .list_po_dt p::before{ content: "·"; display: inline-block; position: absolute; left:0; top: 1px;} .PCse .PCse_content .PCse_content_list:hover .content_list_po{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform; opacity: 1;} .PCse .PCse_btn{ display: flex; justify-content: center; margin-top: 35px;} .PCse .PCse_content .PCse_content_list .content_list_po:before{ content:""; display: inline-block; width: 20px; height: 20px; background-image: url('../images/More2.svg'); background-repeat: no-repeat; background-size: 20px; position: absolute; bottom: 20px; right: 20px;} .PCse.NotMore .PCse_content .PCse_content_list .content_list_po:before{ display: none;} .PCse .PCse_content .PCse_content_list.NotMore .content_list_po:before{ display: none;} .PCse.NotMore .PCse_content .PCse_content_list.Moresre2 .content_list_po:before{ display: block;} .PCse .PCse_content .PCse_content_list.Moresre:before{ content:""; display: inline-block; width: 20px; height: 20px; background-image: url('../images/More2.svg'); background-repeat: no-repeat; background-size: 20px; position: absolute; bottom: 20px; right: 20px; z-index: 10;} /*.PCse .PCse_content .PCse_content_list.active .content_list_title,.PCse .PCse_content .PCse_content_list.active .content_list_txt{ display: none;}*/ /*.PCse .PCse_content .PCse_content_list.active .content_list_po{ width: 100%; padding: 0px; position: relative;}*/ .PlatinumBanner{ background: #282828;} .Platinum{ background: #F8F9F9;} .PSystem2 .PSystem2_content{ text-align: center;} .PEvaluate{ background: #33DE72; overflow: hidden;} .PEvaluate .PEvaluate_content{ display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;} .PEvaluate .PEvaluate_content::before{ content: ""; display: inline-block; width: 214px; height: 188px; background-image: url('../images/bn73.png'); background-repeat: no-repeat; background-size: 214px; position: absolute; left: -110px; top: -120px; } .PEvaluate .PEvaluate_content::after{ content: ""; display: inline-block; width: 214px; height: 188px; background-image: url('../images/bn74.png'); background-repeat: no-repeat; background-size: 214px; position: absolute; right: -140px; bottom: -40px; } .PEvaluate .PEvaluate_content .PEvaluate_content_list{ width: calc(32% - 60px); padding: 50px 30px; background: #fff; position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: space-between;} .PEvaluate .PEvaluate_content .PEvaluate_content_list::before{content:"";width:0;height:0;border-right:16px solid transparent;border-left:16px solid transparent;border-top:24px solid #fff;position:absolute;bottom:-23px; right:70px;} .PEvaluate .PEvaluate_content .PEvaluate_content_list .content_list_title{ color: #262626; margin-bottom: 28px; text-align: justify;} .PEvaluate .PEvaluate_content .PEvaluate_content_list .content_list_bottom{ display: flex; align-items: center; justify-content: space-between; font-weight: bolder;} .PEvaluate .PEvaluate_content .PEvaluate_content_list .content_list_bottom .list_bottom_left{ display: flex; align-items: center; justify-content: space-between; width: calc(100% - 110px);} .PEvaluate.on .PEvaluate_content .PEvaluate_content_list .content_list_bottom .list_bottom_left{ width: 100%;} .PEvaluate .PEvaluate_content .PEvaluate_content_list .content_list_bottom .list_bottom_left .bottom_left_img img{ width: 41px;} .PEvaluate .PEvaluate_content .PEvaluate_content_list .content_list_bottom .list_bottom_left .bottom_left_txt{ width: calc(100%);word-break: break-word;} .PEvaluate .PEvaluate_content .PEvaluate_content_list .content_list_bottom .list_bottom_right{ display: flex; align-items: center; color: #0fd05d;} .PEvaluate .PEvaluate_content .PEvaluate_content_list .content_list_bottom .list_bottom_right img{ height: 10px; margin-left: 6px;} .PCAdvantage{ background: #fff;} .PCAdvantage .PSystem_content{ margin-top: 55px;} .PCFunction{ background: #F8F9F9;} .PCFunction .PCFunction_content{ display: flex; flex-wrap: wrap;} .PCFunction .PCFunction_content .PCFunction_content_list{ width: calc(32% - 44px); margin-right: 1%; margin-bottom: 2%; padding: 32px 22px; border: 1px solid #DDDDDD; background: #fff; position: relative; cursor: pointer;} .PCFunction .PCFunction_content .PCFunction_content_list.on::before{ content: "Open source projects"; display: inline-block; width: auto; height: 28px; display: flex; align-items: center; justify-content: center; background: #262626; font-size: 12px; color: #fff; position: absolute; right: 0; top: 0; padding: 0px 15px;} .PCFunction .PCFunction_content .PCFunction_content_list:nth-child(3n){ margin-right: 0;} .PCFunction .PCFunction_content .PCFunction_content_list .content_list_icon{ width: 60px; height: 60px; border: 1px solid #F0F0F0; display: flex; align-items: center; justify-content: center; margin-bottom: 25px;} .PCFunction .PCFunction_content .PCFunction_content_list .content_list_icon img{ height: 32px;} .PCFunction .PCFunction_content .PCFunction_content_list .content_list_txt{ color: #262626;} .PCFunction .PCFunction_content .PCFunction_content_list .content_list_txt .list_txt_dd{ margin-bottom: 12px; font-weight: bolder;} .PCFunction .PCFunction_content .PCFunction_content_list .content_list_po{ position: absolute; width: calc(100% - 50px); height: calc(100% - 50px); background: #262626; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); padding: 25px;box-shadow: -10px 20px 40px 20px rgba(0,0,0,0.2); opacity: 0; z-index: 2;} .PCFunction .PCFunction_content .PCFunction_content_list .content_list_po::before{ content: ""; display: inline-block; width: 16px; height: 16px; background-image: url('../images/Arrow_More.svg'); background-repeat: no-repeat; background-size: 16px; position: absolute; right: 25px; bottom: 25px;} .PCFunction .PCFunction_content .PCFunction_content_list.notmore .content_list_po::before{ display: none;} .PCFunction .PCFunction_content .PCFunction_content_list.on .content_list_po::after{ content: "Open source projects"; display: inline-block; width: auto; height: 28px; display: flex; align-items: center; justify-content: center; background: #33DE72; font-size: 12px; color: #141414; position: absolute; right: 0; top: 0; padding: 0px 15px;} .PCFunction .PCFunction_content .PCFunction_content_list .content_list_po .list_po_top{ margin-bottom: 40px;} .PCFunction .PCFunction_content .PCFunction_content_list .content_list_po .list_po_top .po_top_title{ color: #fff; font-weight: bolder;} .PCFunction .PCFunction_content .PCFunction_content_list .content_list_po .list_po_top .po_top_txt{ color: #fff; margin-top: 20px;} .PCFunction .PCFunction_content .PCFunction_content_list .content_list_po .list_po_bottom .po_bottom_li{ position: relative; padding-left: 23px; color: #fff; margin-bottom: 3px;} .PCFunction .PCFunction_content .PCFunction_content_list .content_list_po .list_po_bottom .po_bottom_li:last-child{ margin-bottom: 0;} .PCFunction .PCFunction_content .PCFunction_content_list .content_list_po .list_po_bottom .po_bottom_li::before{ content: ""; display: inline-block; width: 16px; height: 16px; background-image: url('../images/sv9.svg'); background-repeat: no-repeat; background-size: 16px; position: absolute; left: 0; top: 5px;} .PCFunction .PCFunction_content .PCFunction_content_list:hover .content_list_po{ width: calc(120% - 50px); height: calc(120% - 50px); opacity: 1;} .PActivity{ background: #1C1C1C;} .PActivity .PActivity_icon{ text-align:center; margin-bottom: 40px;} .PActivity .PActivity_content{ display: flex;} .PActivity .PActivity_content .PActivity_content_left{ width: 40%; padding: 0px 0px; font-weight: bolder; padding-bottom: 0;} .PActivity .PActivity_content .PActivity_content_left .content_left_title{ padding: 0px 25px; margin-bottom: 18px;} .PActivity .PActivity_content .PActivity_content_left .content_left_txt .left_txt_list{ padding: 20px 25px; cursor: pointer; border-left: 5px solid #1C1C1C; position: relative;} .PActivity .PActivity_content .PActivity_content_left .content_left_txt .left_txt_list.on{ background: #313131; border-left: 5px solid #0FD05D;} .PActivity .PActivity_content .PActivity_content_left .content_left_txt .left_txt_list .txt_list_dd{ color: #fff; opacity: .8; margin-bottom: 20px;} .PActivity .PActivity_content .PActivity_content_left .content_left_txt .left_txt_list .txt_list_dt{ color: #fff; display: flex; align-items: center; justify-content: space-between;} .PActivity .PActivity_content .PActivity_content_left .content_left_txt .left_txt_list .txt_list_dt .list_dt_l{ width: calc(100% - 80px);} .PActivity .PActivity_content .PActivity_content_left .content_left_txt .left_txt_list .txt_list_dt .list_dt_r{ color: #0fd05d; opacity: 0;} .PActivity .PActivity_content .PActivity_content_left .content_left_txt .left_txt_list.on .txt_list_dd{ color: #0fd05d;} .PActivity .PActivity_content .PActivity_content_left .content_left_txt .left_txt_list.on .txt_list_dt .list_dt_r{ opacity: 1;} .PActivity .PActivity_content .PActivity_content_left .content_left_txt .left_txt_list.on .txt_list_dt .list_dt_l{ color: #0fd05d;} .PActivity .PActivity_content .PActivity_content_left .content_left_btn{ text-align: center; line-height: 77px;} .PActivity .PActivity_content .PActivity_content_left .content_left_btn a{ color: #0fd05d;} .PActivity .PActivity_content .PActivity_content_right{ width: 60%; position: relative; background: #141414;} .PActivity .PActivity_content .PActivity_content_right .swiper-pagination{ position: absolute; left: 0; bottom: 20px; width: 100px; display: flex; justify-content: center; right: 0; margin: 0 auto;} .PActivity .PActivity_content .PActivity_content_right .swiper-pagination span{ background: #0FD05D; width: 12px; height: 12px; margin-right: 10px;} .PActivity .PActivity_content .PActivity_content_right .swiper-pagination span:last-child{ margin-right: 0;} .PActivity .PActivity_content .PActivity_content_right .swiper-wrapper{ height: 100%;} .PActivity .PActivity_content .PActivity_content_right .swiper-container{ height: 100%;} .PActivity .PActivity_content .PActivity_content_right .content_right_list{ position: relative;height: 100%;} .PActivity .PActivity_content .PActivity_content_right .content_right_list .right_list_img{ display: flex; height: 100%;} .PActivity .PActivity_content .PActivity_content_right .content_right_list .right_list_img img{ width: 100%; height: 100%; object-fit: cover;} .PActivity .PActivity_content .PActivity_content_right .content_right_list .right_list_txt{ padding: 20px 50px; padding-bottom: 50px; position: absolute; bottom:0; left: 0; background: linear-gradient(180deg, rgba(47,47,47,0) 0%, rgba(33,33,33,0.55) 40%, #000 100%); box-sizing: border-box; width: 100%;} .PActivity .PActivity_content .PActivity_content_right .content_right_list .right_list_txt .list_txt_dd{ color: #fff;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .PActivity .PActivity_content .PActivity_content_right .content_right_list .right_list_txt .list_txt_dt{ color: #fff; margin-top: 20px;} .PActivity .PActivity_content .PActivity_content_right .content_right_list .right_list_txt:before{ content:"Learn More"; display: inline-block; height: 20px; background-image: url('../images/More2.svg'); background-repeat: no-repeat; background-size: 10px; position: absolute; bottom: 40px; right: 20px; padding-right: 20px; color:#0fd05d; background-position: right center; font-size: 14px; display: flex; align-items:center;} .PActivity .PActivity_content .PActivity_content_right .content_right_list:nth-child(3) .right_list_txt:before,.PActivity .PActivity_content .PActivity_content_right .content_right_list:nth-child(4) .right_list_txt:before{ display: none;} .FourVersions .HProduct_content .HProduct_content_list{width: calc(25% - 52px); padding: 30px 20px;} .FourVersions .HProduct_content .HProduct_content_list:nth-child(1){border-top: 4px solid #0FD05D;} .FourVersions .HProduct_content .HProduct_content_list:nth-child(1):hover{ border: 1px solid #0FD05D; border-top: 4px solid #0FD05D;} .FourVersions .HProduct_content .HProduct_content_list:nth-child(2){border-top: 4px solid #4E7EF5;} .FourVersions .HProduct_content .HProduct_content_list:nth-child(2):hover{ border: 1px solid #4E7EF5; border-top: 4px solid #4E7EF5;} .FourVersions .HProduct_content .HProduct_content_list:nth-child(3){border-top: 4px solid #273EAB;} .FourVersions .HProduct_content .HProduct_content_list:nth-child(3):hover{ border: 1px solid #273EAB; border-top: 4px solid #273EAB;} .FourVersions .HProduct_content .HProduct_content_list:nth-child(4){border-top: 4px solid #262626;} .FourVersions .HProduct_content .HProduct_content_list:nth-child(4):hover{ border: 1px solid #262626; border-top: 4px solid #262626;} .FourVersions .HProduct_content .HProduct_content_list .content_list_txt .list_txt_li{ width: 100%;} .Enterprise{ position: relative; display: flex;} .Enterprise img{ width: 100%;} .Enterprise .EnterpriseListBg{ position: absolute; left: 0; top: 0; opacity: 0;} .Enterprise .EnterpriseListBg.on{ opacity: 1;} .Enterprise .EnterpriseList{ position: absolute; z-index: 2; cursor: pointer; text-align:center;} .Enterprise .EnterpriseContent{ position: absolute; width: 16%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);} .Enterprise .EnterpriseContent .EnterpriseContent_dd{ color: #0fd05d; font-weight: bolder; text-align: center;} .Enterprise .EnterpriseContent .EnterpriseContent_dt{ margin-top: 15px; color: #DDDDDD;} .Enterprise .EnterpriseList .EnterpriseList_dd{ color: #fff; font-weight: bolder;} .Enterprise .EnterpriseList.on .EnterpriseList_dd{ opacity: 0;} .Enterprise .EnterpriseList.EnterpriseList1{ left: 50%; top: 15%; transform: translateX(-50%);} .Enterprise .EnterpriseList.EnterpriseList2{ left: 62%; top: 27%;} .Enterprise .EnterpriseList.EnterpriseList3{ left: 68%; top: 50%;} .Enterprise .EnterpriseList.EnterpriseList4{ left: 62%; top: 74%;} .Enterprise .EnterpriseList.EnterpriseList5{ left: 50%; bottom: 15%; transform: translateX(-50%);} .Enterprise .EnterpriseList.EnterpriseList6{ right: 62%; top: 74%;} .Enterprise .EnterpriseList.EnterpriseList7{ right: 68%; top: 50%;} .Enterprise .EnterpriseList.EnterpriseList8{ right: 62%; top: 27%;} .Enterprise .EnterpriseDownList{ position: absolute; opacity: 0; width: 24%;} .Enterprise .EnterpriseDownList.on{ opacity: 1;} .Enterprise .EnterpriseDownList .EnterpriseDownList_dd{ text-align: left; font-weight: bolder;} .Enterprise .EnterpriseDownList .EnterpriseDownList_dt{ margin-top: 15px;} .Enterprise .EnterpriseDownList.EnterpriseList1{ width: 20%;} .Enterprise .EnterpriseDownList.EnterpriseList5{ width: 21%;} .Enterprise .EnterpriseDownList.EnterpriseList1 .EnterpriseDownList_dd{ text-align: center;} .Enterprise .EnterpriseDownList.EnterpriseList5 .EnterpriseDownList_dd{ text-align: center;} .Enterprise .EnterpriseDownList .EnterpriseList_dt{ margin-top: 20px; text-align: justify;} .Enterprise .EnterpriseDownList.EnterpriseList1{ top: 4%; z-index: 2; left: 41%; } .Enterprise .EnterpriseDownList.EnterpriseList2{ top: 10%; z-index: 2; left: 64%; } .Enterprise .EnterpriseDownList.EnterpriseList3{ top: 42%; z-index: 2; left: 70%; } .Enterprise .EnterpriseDownList.EnterpriseList4{ top: 72%; z-index: 2; left: 62%; } .Enterprise .EnterpriseDownList.EnterpriseList5{ bottom: 4%; z-index: 2; left: 40%; } .Enterprise .EnterpriseDownList.EnterpriseList6{ top: 72%; z-index: 2; right: 62%; } .Enterprise .EnterpriseDownList.EnterpriseList7{ top: 42%; z-index: 2; right: 70%; } .Enterprise .EnterpriseDownList.EnterpriseList8{ top: 10%; z-index: 2; right: 64%; } .PActivityWindow{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center; z-index: 20; display: none;} .PActivityWindow.on{ display: flex;} .PActivityWindow .PActivityWindow_content{ width: 800px; position: relative;} .PActivityWindow .PActivityWindow_content .PActivityWindow_content_close{ width: 40px; height: 40px; background: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center; position: absolute; right: -50px; top: -50px; cursor: pointer;} .PActivityWindow .PActivityWindow_content .PActivityWindow_content_close img{ width: 15px;} .PActivityWindow .PActivityWindow_content .PActivityWindow_content_img{ height: 500px; overflow: auto;} .PActivityWindow .PActivityWindow_content .PActivityWindow_content_img img{ width: 100%;} .DPartner{ background:#F8F9F9; padding-top: 20px; padding-bottom: 40px;} .DPartner *{ box-sizing: border-box;} .DPartner .DPartner_nav{ margin-bottom: 40px;} .DPartner .DPartner_nav ul{ display: flex; border-bottom: 4px solid #F0F0F0;} .DPartner .DPartner_nav ul li{ list-style: none; color:#434343; text-align:center; line-height: 70px; text-align:center; position: relative; cursor: pointer; padding: 0px 20px;} .DPartner .DPartner_nav ul li:before{ content:""; display: inline-block; width: 100%; height: 4px; background:#0FD05D; position: absolute; bottom: -4px; left:0; right: 0; margin: 0 auto; opacity: 0;} .DPartner .DPartner_nav ul li.on{ font-weight: bolder;} .DPartner .DPartner_nav ul li.on:before{ opacity: 1;} .DPartner .DPartner_content .DPartner_content_list{ display: flex; flex-wrap: wrap; } .DPartner .DPartner_content .DPartner_content_list .content_list_li{ width: 25%; height: 100px; background:#fff; display: flex; align-items:center; padding-left: 25px; color:#262626; border: 1px solid #F0F0F0; position: relative;} .DPartner .DPartner_content .DPartner_content_list .content_list_li:before{ content:""; display: inline-block; width: 20px; height: 20px; background-image: url('../images/Arrow_More.svg'); background-repeat: no-repeat; background-size: 20px; position: absolute; right: 20px; top: 44%; opacity: 0;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .DPartner .DPartner_content .DPartner_content_list .content_list_li:hover{ background:#F0F0F0;} .DPartner .DPartner_content .DPartner_content_list .content_list_li img{ height:24px; margin-right: 8px;} .DPartner .DPartner_content .DPartner_content_list .content_list_li.more{ color:#0FD05D; display: flex; align-items:center;} .DPartner .DPartner_content .DPartner_content_list .content_list_li.more img{ height: 10px; margin-left: 5px;} .DPartner .DPartner_content .DPartner_content_list .content_list_li.more:before{ display: none;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt{ display: flex; flex-wrap: wrap; border: 1px solid #DDDDDD; margin-top: 100px;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt .list2_txt_li{ width: 20%; background:#fff; border-right: 1px solid #DDDDDD; position: relative; padding: 25px; padding-right: 0px;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt .list2_txt_li:last-child{ border-right: 0px;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt .list2_txt_li .txt_li_icon img{ height: 64px; } .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt .list2_txt_li .txt_li_dd{ color: #1B1C1D; font-weight: bolder; margin-top: 55px; margin-bottom: 8px;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt .list2_txt_li .txt_li_dt{ color: #03AB4C; font-weight: bolder; line-height: 1.5;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt .list2_txt_li .txt_li_po{ position: absolute; left: -25px; top: -20px; width: calc(100% + 50px); height: 328px; padding: 12px; background: #33DE72; opacity: 0;-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; z-index: 2;background: #262626; box-shadow: -10px 20px 40px 20px rgba(0,0,0,0.2); padding:25px;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt .list2_txt_li .txt_li_po .li_po_title{ margin-bottom: 35px;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt .list2_txt_li .txt_li_po .li_po_title .po_title_dd{ color:#fff; font-weight: bolder;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt .list2_txt_li .txt_li_po .li_po_title .po_title_dt{ color:#0FD05D; font-weight: bolder; margin-top: 10px; line-height: 1.5;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt .list2_txt_li .txt_li_po .li_po_txt{ line-height: 1.5;color: #FFFFFF;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt .list2_txt_li:hover .txt_li_po{ opacity: 1;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);filter:scale(1.1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .DPartner2{ background: #F8F9F9;} .DPartner2 .DPartner2_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .DPartner2 .DPartner2_content .DPartner2_content_list{ width: calc(25% - 70px); text-align: left; background: #fff; padding: 25px; border-top: 4px solid #0FD05D;} .DPartner2 .DPartner2_content .DPartner2_content_list .content_list_title .list_title_dd{ color: #1B1C1D; font-weight: bolder;} .DPartner2 .DPartner2_content .DPartner2_content_list .content_list_title .list_title_dt{ color: #BFBFBF; font-weight: bolder;} .DPartner2 .DPartner2_content .DPartner2_content_list .content_list_txt{ color: #434343; margin-top: 26px;} .DPService .DPService_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .DPService .DPService_content .DPService_content_left{ width: 60%;} .DPService .DPService_content .DPService_content_left img{ max-width: 100%;} .DPService .DPService_content .DPService_content_right{ width: 36%; padding-top: 10px;} .DPService .DPService_content .DPService_content_right .content_right_list{ margin-bottom: 50px;} .DPService .DPService_content .DPService_content_right .content_right_list:last-child{ margin-bottom: 0;} .DPService .DPService_content .DPService_content_right .content_right_list .right_list_dd{ margin-bottom: 12px; font-size: 20px; font-weight: bolder;} .DPService .DPService_content .DPService_content_right .content_right_list .right_list_dt{ font-size: 16px; line-height: 1.5;} .DPartner3 *{ box-sizing: border-box;} .DPartner3 .DPartner3_content{ display: flex; flex-wrap: wrap; justify-content: space-between; border: 1px solid #DDDDDD;} .DPartner3 .DPartner3_content .DPartner3_content_list{ width:20%; border-right: 1px solid #DDDDDD; padding: 45px 30px;} .DPartner3 .DPartner3_content .DPartner3_content_list:last-child{ border-right: 0px;} .DPartner3 .DPartner3_content .DPartner3_content_list .content_list_icon img{ height: 100px;} .DPartner3 .DPartner3_content .DPartner3_content_list .content_list_content .list_content_dd{ font-weight: bolder; color: #1B1C1D; margin-top: 40px; margin-bottom: 20px;} .DPartner3 .DPartner3_content .DPartner3_content_list .content_list_content .list_content_dt{ color: #434343; line-height: 1.5;} .DPLogo{ background: #F5F5F5;} .DPLogo .picList{-webkit-transition: auto;-moz-transition:auto;transition:auto;} .DPLogo .picList:hover{-webkit-transition: auto;-moz-transition:auto;transition:auto;} .DPLogo .DPLogo_content .DPLogo_content_l{ display: flex; flex-wrap: wrap;} .DPLogo .DPLogo_content .DPLogo_content_list{ width: calc(15% - 61px); text-align: center; padding: 0px 20px; margin-bottom: 10px; border: 1px solid #F0F0F0; height: 100px; display: flex; align-items: center; justify-content: center; margin-right: 10px;} .DPLogo .DPLogo_content .DPLogo_content_list img{ max-width: 100%; max-height: 50px;} .DPLogo .DPLogo_content .DPLogo_content_list:hover{ background: #fff; border: 1px solid #fff; box-shadow: 0px 0px 20px rgba(0,0,0,.06);} .DPLogo.Case5{ background:#fff;} .DPLogo.Case5 .DPLogo_content .DPLogo_content_list{ height: 138px;} .DPLogo.Case5 .DPLogo_content .DPLogo_content_list img{ max-width: 100%; max-height: 138px;} .Modernization .pc_all_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .Modernization .Modernization_left{ width: 38%;} .Modernization .Modernization_left p{ margin-bottom: 25px;} .Modernization .Modernization_left p:last-child{ margin-bottom: 0;} .Modernization .Modernization_right{ width: 60%; text-align: right;} .Modernization .Modernization_right img{ max-width: 100%;} .MSystem{ background: #F8F9F9;} .MSystem .MSystem_title{ text-align: center; margin-bottom: 68px;} .MSystem .MSystem_title .MSystem_title_dd{ color: #262626;} .MSystem .MSystem_title .MSystem_title_dt{ font-weight: bolder; color: #141414; margin-top: 50px;} .MSystem .MSystemContent{ display: flex; flex-wrap: wrap; justify-content: space-between;} .MSystem .MSystemContent .MSystemContent_list{ width: calc(33.33% - 82px); background: #fff; padding: 30px;} .MSystem .MSystemContent .MSystemContent_list .MSystemContent_list_icon{ margin-bottom: 30px;} .MSystem .MSystemContent .MSystemContent_list .MSystemContent_list_icon img{ height: 80px;} .MSystem .MSystemContent .MSystemContent_list .MSystemContent_list_title{ color: #141414; margin-bottom: 20px; font-weight: bolder; } .MSystem .MSystemContent .MSystemContent_list .MSystemContent_list_txt{ color: #141414;} .MSystem .MSystemContent .MSystemContent_list .MSystemContent_list_btn{ justify-content: flex-start;} .FourPrinciples{ background: #F8F9F9; border-top: 10px solid #fff; overflow: hidden;} .FourPrinciples .pc_all_content{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;} .FourPrinciples .pc_all_content .FourPrinciples_left{ width: 46%;} .FourPrinciples .pc_all_content .FourPrinciples_left .FourPrinciples_left_dd{ color: #141414; margin-bottom: 20px; font-weight: bolder;} .FourPrinciples .pc_all_content .FourPrinciples_left .FourPrinciples_left_dt{ color: #0fd05d; margin-bottom: 60px; font-weight: bolder;} .FourPrinciples .pc_all_content .FourPrinciples_left .FourPrinciples_left_p{ color: #262626;} .FourPrinciples .pc_all_content .FourPrinciples_right{ width: 46%;} .FourPrinciples .pc_all_content .FourPrinciples_right .FourPrinciples_right_list{ padding: 32px 44px; background: #fff; margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; position: relative; padding-right: 20px;} .FourPrinciples .pc_all_content .FourPrinciples_right .FourPrinciples_right_list::before{ content: ""; position: absolute; display: inline-block; width: 1000px; background: #fff; left: 100%; height: 100%;} .FourPrinciples .pc_all_content .FourPrinciples_right .FourPrinciples_right_list:last-child{ margin-bottom: 0;} .FourPrinciples .pc_all_content .FourPrinciples_right .FourPrinciples_right_list .right_list_left{ width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; color: #0fd05d; background: #EFFAF2; border-radius: 100%;font-weight: bolder;} .FourPrinciples .pc_all_content .FourPrinciples_right .FourPrinciples_right_list .right_list_right{ width: calc(100% - 110px);} .FourPrinciples .pc_all_content .FourPrinciples_right .FourPrinciples_right_list .right_list_right .list_right_dd{font-weight: bolder; color: #141414;} .FourPrinciples .pc_all_content .FourPrinciples_right .FourPrinciples_right_list .right_list_right .list_right_dt{ color: #141414; margin-top: 10px;} .SFrame .SFrame_img{ margin-bottom: 45px; display: flex;} .SFrame .SFrame_img img{ max-width: 100%;} .MSystem2 .MSystemContent .MSystemContent_list{ width: calc(50% - 65px); margin-bottom: 10px; display: block; align-items: center; justify-content: space-between;} .WhitePaper{ background: #F8F9F9;} .WhitePaperImg{ text-align: center;} .WhitePaperImg img{ width: 958px; max-width: 100%;} .WhitePaperFooter{ background-image: url('../images/bg59.jpg'); background-repeat: no-repeat; background-position: right top; background-size: cover;} .WhitePaperFooter .WhitePaperFooter_content .WhitePaperFooter_content_txt p{ color: #fff; margin-bottom: 22px;} .WhitePaperFooter .WhitePaperFooter_content .WhitePaperFooter_content_txt p:last-child{ margin-bottom: 0;} .WhitePaperFooter .WhitePaperFooter_content .btn{ margin-top: 33px;} .CCertification{ margin-top: 62px; background: #fff; min-height: 800px;} .CCertification .OnlineClass_right{ padding-left: 260px;} .CCertification .OnlineClass_right .CCertification_content_list{ margin-bottom: 40px;} .CCertification .OnlineClass_right .CCertification_content_list:last-child{ margin-bottom: 0px;} .CCertification .OnlineClass_right .CCertification_content_title{ color: #141414;font-weight: bolder; margin-bottom: 20px;} .CCertification .OnlineClass_right .CCertification_content_txt{ display: flex; flex-wrap: wrap;} .CCertification .OnlineClass_right .CCertification_content_txt .content_txt_list{ width: 23%; margin-right: 2%; border: 1px solid #DDDDDD; margin-bottom: 2%; display: flex; overflow: hidden;} .CCertification .OnlineClass_right .CCertification_content_txt .content_txt_list:nth-child(4n){ margin-right: 0;} .CCertification .OnlineClass_right .CCertification_content_txt .content_txt_list img{ max-width: 100%;} .fancybox-container *,.fancybox-container,.fancybox-container:hover,.fancybox-container *:hover,.fancybox-active{-webkit-transition: none;-moz-transition:none;transition:none;} .compensate-for-scrollbar{ margin-right: 0 !important;} .WCertification{ background: #0FD05D;} .paddingBottom0{ padding-bottom: 0 !important;} .WCertification .pc_all_content{ padding: 70px 130px; background: #fff url('../images/bn139.png') no-repeat 130px 100%; background-size: 45%;} .WCertification .pc_all_content .WCertification_top{ display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid #434343; padding-top: 61px; align-items: center;} .WCertification .pc_all_content .WCertification_top .WCertification_top_left{ width: 35%;} .WCertification .pc_all_content .WCertification_top .WCertification_top_left .top_left_dd{font-weight: bolder; margin-bottom: 48px;} .WCertification .pc_all_content .WCertification_top .WCertification_top_left .top_left_dt img{ max-width: 100%; width: 295px;} .WCertification .pc_all_content .WCertification_top .WCertification_top_right{ width: 50%;} .WCertification .pc_all_content .WCertification_top .WCertification_top_right .top_right_dd{ color: #0fd05d;font-weight: bolder; margin-bottom: 25px;} .WCertification .pc_all_content .WCertification_top .WCertification_top_right .top_right_dt p{ margin-bottom: 20px; color: #434343;word-break: break-word; text-align: justify;} .WCertification .pc_all_content .WCertification_top .WCertification_top_right .top_right_dt p:last-child{ margin-bottom: 0;} .WCertification .pc_all_content .WCertification_top .WCertification_top_right .top_right_btn{ justify-content: flex-start; margin-top: 28px;} .WCertification .pc_all_content .WCertification_bottom{ margin-top: 90px; display: flex; flex-wrap: wrap; justify-content: space-between;} .WCertification .pc_all_content .WCertification_bottom .WCertification_bottom_list{ width: calc(31.5% - 40px); background: #F8F9F9; padding: 30px 20px;} .WCertification .pc_all_content .WCertification_bottom .WCertification_bottom_list .bottom_list_top .list_top_icon{ margin-bottom: 22px;} .WCertification .pc_all_content .WCertification_bottom .WCertification_bottom_list .bottom_list_top .list_top_icon img{ height: 55px;} .WCertification .pc_all_content .WCertification_bottom .WCertification_bottom_list .bottom_list_top .list_top_title{ color: #262626; font-weight: bolder; margin-bottom: 24px; padding-bottom: 17px; border-bottom: 1px solid #434343;} .WCertification .pc_all_content .WCertification_bottom .WCertification_bottom_list .bottom_list_bottom{ color: #434343;} .WDeparture .Departure_content_txt{ color: #fff; text-align: center;} .WDeparture .Departure_content_txt span{ color: #0fd05d;} .WDeparture .Departure_content_txt span.font{ font-size: 30px;} .WDeparture .Departure_content_txt span.margin{ margin: 0px 10px;} .WCertification2{ background: #F8F9F9;} .WCertification2 .pc_all_content{ padding: 0; background: none;} .WCertification2 .pc_all_content .WCertification_top{ align-items: flex-start; border-top: 0; padding-top: 0;} .WCertification2 .pc_all_content .WCertification_top .WCertification_top_right .top_right_dt p{ margin-bottom: 0;} .WCertification2 .pc_all_content .WCertification_top .WCertification_top_left .top_left_dd{ margin-bottom: 25px;} .WCertification2 .pc_all_content .WCertification_bottom2{ margin-top: 128px; display: flex; flex-wrap: wrap; justify-content: space-between;} .WCertification2 .pc_all_content .WCertification_bottom2 .WCertification_bottom2_list{ background: #fff; width: calc(25% - 48px); padding: 20px;} .WCertification2 .pc_all_content .WCertification_bottom2 .WCertification_bottom2_list .bottom2_list_icon{ border: 1px solid #F0F0F0; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; margin-bottom: 35px;} .WCertification2 .pc_all_content .WCertification_bottom2 .WCertification_bottom2_list .bottom2_list_icon img{ width: 74%;} .WCertification2 .pc_all_content .WCertification_bottom2 .WCertification_bottom2_list .bottom2_list_title{ font-weight: bolder; height: 60px;} .WCertification2 .pc_all_content .WCertification_bottom2 .WCertification_bottom2_list .bottom2_list_btn{ justify-content: flex-start;} .WTeam{ background: #2D2D2D;} .WTeam .WTeam_title{ color: #fff; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.6); margin-bottom: 75px;} .WTeam .WTeam_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .WTeam .WTeam_content .WTeam_content_list{ width: calc(23% - 40px);} .WTeam .WTeam_content .WTeam_content_list .content_list_img img{ width: 100%;} .WTeam .WTeam_content .WTeam_content_list .content_list_txt{ margin-top: 45px;} .WTeam .WTeam_content .WTeam_content_list .content_list_txt .list_txt_dd{ color: #fff; font-weight: bolder; margin-bottom: 15px; height: 60px;} .WTeam .WTeam_content .WTeam_content_list .content_list_txt .list_txt_dt{ color: #fff;} .WTeam .WTeam_content .WTeam_content_list .content_list_txt .list_txt_dt p{ margin-bottom: 18px; text-transform: capitalize;} .WTeam .WTeam_content .WTeam_content_list .content_list_txt .list_txt_dt p:last-child{ margin-bottom: 0;} .SEvaluation .PEvaluate_content::before,.SEvaluation .PEvaluate_content::after{ display: none;} .SEvaluation .PEvaluate_content .PEvaluate_content_list{ width: calc(50% - 70px);justify-content: flex-start;} .SEvaluation .PEvaluate_content .PEvaluate_content_list .content_list_bottom .list_bottom_left .bottom_left_txt{ width: 100%;} .SEvaluation .PEvaluate_content .PEvaluate_content_list .content_list_title{ margin-top: 20px; margin-bottom: 0;} .SEvaluation .PEvaluate_content .PEvaluate_content_list::before{ display: none;} .DWCertification{ background: #0FD05D;} .DWCertification.paddingBottom0{ padding-bottom: 0;} .DWCertification .pc_all_content{ padding: 70px 130px; background: #fff url('../images/bn139.png') no-repeat 100% 50%; background-size: 560px; display: flex; flex-wrap: wrap; justify-content: space-between;} .DWCertification .pc_all_content .DWCertification_left{ width: 100%;border-bottom: 1px solid #434343; padding-bottom: 45px; margin-bottom: 60px;} .DWCertification .pc_all_content .DWCertification_left .DWCertification_left_title{ font-weight: bolder; margin-bottom: 25px;} .DWCertification .pc_all_content .DWCertification_left .DWCertification_left_txt p:last-child{ margin-bottom: 0;} .DWCertification .pc_all_content .DWCertification_right{ width: 100%;} .DWCertification .pc_all_content .DWCertification_right .DWCertification_right_dd{ font-weight: bolder;} .DWCertification .pc_all_content .DWCertification_right .DWCertification_right_dt{ margin-top: 35px; display: flex; flex-wrap: wrap; justify-content: space-between;} .DWCertification .pc_all_content .DWCertification_right .DWCertification_right_dt div{ width: 49%;} .DWCertification .pc_all_content .DWCertification_right .DWCertification_right_dt p{ margin-bottom: 20px; text-transform: capitalize;} .DWCertification .pc_all_content .DWCertification_right .DWCertification_right_dt p:last-child{ margin-bottom: 0;} .WCBanner .Banner_list .Banner_list_left{ width: 52%;} .DWCertification2 .pc_all_content .DWCertification_left{ border-bottom: 0px; padding-bottom:0; margin-bottom: 0;} .DWCertification2 .pc_all_content .DWCertification_left .DWCertification_left_title{border-bottom: 1px solid #434343; padding-bottom: 45px; margin-bottom: 60px;} .DWCertification2 .pc_all_content{background-size: 420px;} .DWCertification2 .pc_all_content .DWCertification_left{ width: 100%;} .DWCertification2 .pc_all_content .DWCertification_left .DWCertification_left_txt{ display: flex; justify-content: space-between;} .DWCertification2 .pc_all_content .DWCertification_left .DWCertification_left_txt .left_txt_list{ width: 48%;} .DWCertification2 .pc_all_content .DWCertification_left .DWCertification_left_txt .left_txt_list .txt_list_li{ margin-bottom: 10px; text-transform: capitalize;} .Api .DDownload_content2{ margin-top: 30px;} .Api .DDownload_content .DDownload_content_list .content_list_title{ padding-top: 0px;} .Api .DDownload_content .DDownload_content_list .content_list_txt{ justify-content: flex-start;} .Api .DDownload_content .DDownload_content_list .content_list_txt .list_txt_li{ width: calc(32% - 40px); margin-right: 2%;} .Api .DDownload_content .DDownload_content_list .content_list_txt .list_txt_li:nth-child(3n){ margin-right: 0;} .Api .DDownload_content .DDownload_content_list .content_list_txt .list_txt_li .txt_li_title{ display: flex; align-items: center;} .Api .DDownload_content .DDownload_content_list .content_list_txt .list_txt_li .txt_li_title span{width: auto; height: 22px; background: #0FD05D; border-radius: 2px; font-size: 12px; color: #fff; display: flex; align-items: center; justify-content: center; margin-left: 15px; padding: 0px 10px;} .Api .DDownload_content .DDownload_content_list .content_list_txt .list_txt_li .txt_li_more{ color: #0fd05d; justify-content: flex-start;} .Api .Api_content{ display: flex; flex-wrap: wrap; margin-top: 50px;} .Api .Api_content .Api_content_list{ display: inline-block; width: calc(32% - 40px); margin-right: 2%; margin-bottom: 2%; background: #fff; padding: 30px 20px; position: relative;} .Api .Api_content .Api_content_list:nth-child(3n){ margin-right: 0;} .Api .Api_content .Api_content_list:hover{ box-shadow: 0px 0px 20px rgba(0,0,0,.06); } .Api .Api_content .Api_content_list .content_list_dd{ margin-bottom: 15px; font-weight: bolder; color: #141414;} .Api .Api_content .Api_content_list .content_list_dt{color: #434343;} .Api .Api_content .Api_content_list .content_list_icon{ position: absolute; right: 20px; bottom: 20px;} .Api .Api_content .Api_content_list .content_list_icon img{ height: 18px;} .DeveloperNews{margin-top: 64px;} .DeveloperNews .pc_all_content{ max-width: 1200px !important; padding-left: 0 !important;} .Banner.BAppliance{ overflow: hidden;} .Banner.BAppliance .Banner_list .Banner_list_right{ width: 38%;} .Banner.BAppliance .Banner_list .Banner_list_right img{ max-width: calc(100% + 200px);} .Appliance .pc_all_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .Appliance .pc_all_content .Appliance_list{ width: calc(25% - 65px); padding: 35px 20px; border: 1px solid #DDDDDD;} .Appliance .pc_all_content .Appliance_list .Appliance_list_icon{ margin-bottom: 23px; display: flex;} .Appliance .pc_all_content .Appliance_list .Appliance_list_icon img{ height: 60px;} .Appliance .pc_all_content .Appliance_list .Appliance_list_txt .list_txt_dd{ color: #141414; font-weight: bolder; margin-bottom: 20px;} .Appliance .pc_all_content .Appliance_list .Appliance_list_txt .list_txt_dt{ color: #595959; font-weight: bolder; position: relative;} .Appliance .pc_all_content .Appliance_list .Appliance_list_txt .list_txt_dt span{ position: absolute; left: 0; top: calc(100% + 10px); color: #8C8C8C;} .Appliance2{ background: #F8F9F9;} .Appliance2.bg{ position: relative; overflow: hidden;} .Appliance2.bg .PSystem3_list{ position: relative;} .Appliance2.bg::after{ content: ""; display: inline-block; width: 48%; right: 0; position: absolute; top: 0; height: 100%; background: #0FD05D;} .Appliance2.bg .PSystem3_list .PSystem3_list_right{ position: relative; z-index: 2;} .Appliance2.bg .PSystem3_list .PSystem3_list_right img{ position: relative; z-index: 2;} .Appliance2.bg .PSystem3_list .PSystem3_list_right::before{ content: ""; display: inline-block; width: 100%; height: calc(100% + 50vh); background: #0FD05D; position: absolute; top: 50%; transform: translateY(-50%);} .AScenes{ background: #2D2D2D;} .AScenes .AScenesContent{ display: flex; flex-wrap: wrap; border: 1px solid #595959; border-bottom: 0;} .AScenes .AScenesContent .AScenesContent_list{ width: calc(33.333% - 62px); border-right: 1px solid #595959; padding: 25px 30px; border-bottom: 1px solid #595959;} .AScenes .AScenesContent .AScenesContent_list:nth-child(3n){ border-right: 0;} .AScenes .AScenesContent .AScenesContent_list .AScenesContent_list_icon{ display: flex;} .AScenes .AScenesContent .AScenesContent_list .AScenesContent_list_icon img{ height: 80px;} .AScenes .AScenesContent .AScenesContent_list .AScenesContent_list_title{ color: #fff; margin-top: 23px;} .AScenes .AScenesContent .AScenesContent_list .AScenesContent_list_title span{ color: #8C8C8C; margin-left: 10px;} .HSpecification{ background: #F5F5F5;} .HSpecification .HSpecificationContent .HSpecificationContent_title{ display: flex; justify-content: space-between; background: #1F1F1F; padding: 0PX 20px;} .HSpecification .HSpecificationContent .HSpecificationContent_title .HSpecificationContent_title_list{ width: 30%; line-height: 57px; color: #fff;} .HSpecification .HSpecificationContent .HSpecificationContent_title .HSpecificationContent_title_list:nth-child(1){ width: 20%;} .HSpecification .HSpecificationContent .HSpecificationContent_table .HSpecificationContent_table_list{ display: flex; justify-content: space-between; padding: 35px 20px; border-bottom: 1px solid #1F1F1F;} .HSpecification .HSpecificationContent .HSpecificationContent_table .HSpecificationContent_table_list .table_list_li{ width: 30%;} .HSpecification .HSpecificationContent .HSpecificationContent_table .HSpecificationContent_table_list .table_list_li:nth-child(1){ width: 20%; font-weight: bolder; display: flex; flex-direction: column;} .HSpecification .HSpecificationContent .HSpecificationContent_table .HSpecificationContent_table_list .table_list_li:nth-child(1) span{ margin-top: 15px;} .HSpecification .HSpecificationContent .HSpecificationContent_table .HSpecificationContent_table_list .table_list_li p{ margin-bottom: 17px;} .HSpecification .HSpecificationContent .HSpecificationContent_table .HSpecificationContent_table_list .table_list_li p:last-child{ margin-bottom: 0;} .NotFound{ height: 90vh; display: flex; align-items: center; justify-content: center;} .NotFound .NotFoundContnet{ text-align: center;} .NotFound .NotFoundContnet .NotFoundContnet_icon img{ height: 11.5vw;} .NotFound .NotFoundContnet .NotFoundContnet_title{ color: #434343; margin-top: 60px;} .NotFound .NotFoundContnet .NotFoundContnet_txt{ color: #434343; margin-top: 25px;} .CWindow{ position: fixed; left: 0; top: 0; z-index: 65; display: none;} .CWindow .CWindowBg{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); display: flex; align-items: center; justify-content: center;} .CWindow .CWindowBg_content{ width: calc(820px - 120px); background: #fff; padding: 40px 60px; position: relative; border-radius: 6px;} .CWindow .CWindowBg_content .CWindowBg_content_close{ position: absolute; right: 20px; top:20px; cursor: pointer;} .CWindow .CWindowBg_content .CWindowBg_content_title{ color: #434343; text-align: center; margin-bottom: 30px; font-weight: bolder;} .CWindow .CWindowBg_content .CWindowBg_content_form{ display: flex; flex-wrap: wrap; justify-content: space-between;} .CWindow .CWindowBg_content .CWindowBg_content_form .content_form_list{ margin-bottom: 20px; display: flex; align-items: center; position: relative; width: 100%;} .CWindow .CWindowBg_content .CWindowBg_content_form .content_form_list.w48{ width: 45%;} .CWindow .CWindowBg_content .CWindowBg_content_form .content_form_list::before{ content: "*"; position: absolute; left: -20px; top: 50%; transform: translateY(-50%); font-size: 16px; color: #FF1C1C; font-weight: bolder;} .CWindow .CWindowBg_content .CWindowBg_content_form .content_form_list input{ width: calc(100% - 40px); padding: 0px 20px; border: 1px solid #DDDDDD; border-radius: 4px; line-height: 50px; font-size: 16px; color: #111; font-weight: bolder;} .CWindow .CWindowBg_content .CWindowBg_content_form .content_form_list.Code input{ width: calc(100% - 360px);} .CWindow .CWindowBg_content .CWindowBg_content_form .content_form_list.Code span{ line-height: 50px; border: 1px solid #0FD05D; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #0fd05d; border-radius: 4px; background: #fff; margin-left: 20px; padding: 0px 20px; cursor: pointer; font-weight: bolder;} .CWindow .CWindowBg_content .CWindowBg_content_form .content_form_list.Code span.not{ pointer-events: none; background: #e1e1e1; border: 1px solid #e1e1e1; color: #666;} .CWindow .CWindowBg_content .CWindowBg_content_form .content_form_list.submit{ margin-bottom: 0;} .CWindow .CWindowBg_content .CWindowBg_content_form .content_form_list.submit::before{ display: none;} .CWindow .CWindowBg_content .CWindowBg_content_form .content_form_list.submit input{ width: auto; display: block; align-items: center; background: #0FD05D; color: #fff; border: 0; cursor: pointer;} .CWindow input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#BFBFBF; font-size:16px;} .CWindow input::-webkit-input-placeholder{ /* WebKit browsers */ color:#BFBFBF; font-size:16px;} .CWindow input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#BFBFBF; font-size:16px;} .CWindow input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#BFBFBF; font-size:16px;} .CWindow input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#BFBFBF; font-size:16px;} .CWindow .form_VCode_Privacy{ display: flex; align-items: center; margin-top: 11px; margin-bottom: 25px;} .CWindow .form_VCode_Privacy input{ display: none;} .CWindow .form_VCode_Privacy .VCode_Privacy_btn{color:rgba(68,87,101,.8); font-size: 14px; position: relative; padding-left: 30px; line-height: 1.5;} .CWindow .form_VCode_Privacy .VCode_Privacy_btn a{color:rgba(68,87,101,.8); font-size: 14px;text-decoration: underline;} .CWindow .form_VCode_Privacy .VCode_Privacy_btn a:hover{text-decoration: underline;color:#0fd05d;} .CWindow .form_VCode_Privacy .VCode_Privacy_btn span{ width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; border-radius: 100%; border: 1px solid rgba(68,87,101,.4); display: flex; align-items: center; justify-content: center; transition: all 0.5s ease; -webkit-transform: all 0.5s ease; position: absolute; left: 0; top: 5px; cursor: pointer;} .CWindow .form_VCode_Privacy .VCode_Privacy_btn span::before{ content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 100%; position: absolute; background: #fff; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;} .CWindow .form_VCode_Privacy input[type="checkbox"]:checked ~ .VCode_Privacy_btn span{ border: 1px solid #0FD05D; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;} .CWindow .form_VCode_Privacy input[type="checkbox"]:checked ~ .VCode_Privacy_btn span::before{ background: #0FD05D; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;} .SWindow{ position: fixed; left: 50%; transform: translateX(-50%); top: 8%; font-weight: bolder; z-index: 6;} .SWindow .SWindow_content{ display: none; border: 1px solid #33DE72; border-radius: 8px; background: #EDF8EF; padding: 20px 25px; width: calc(700px - 50px);} .SWindow .SWindow_content .SWindow_content_dd{ display: flex; align-items: center; font-size: 16px; color: #000; margin-bottom: 10px;} .SWindow .SWindow_content .SWindow_content_dd span{ display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 100%; background: #0FD05D; margin-right: 12px;} .SWindow .SWindow_content .SWindow_content_dd span img{ height: 8px;} .SWindow .SWindow_content .SWindow_content_dt{ font-size: 14px; color: #000; margin-left: 36px;} .EWindow{ position: fixed; left: 50%; transform: translateX(-50%); top: 8%; font-weight: bolder; z-index: 6;} .EWindow .SWindow_content{ display: none; border: 1px solid #EE695A; border-radius: 8px; background: #F8EEED; padding: 20px 25px; width: calc(700px - 50px);} .EWindow .SWindow_content .SWindow_content_dd{ display: flex; align-items: center; font-size: 16px; color: #000; margin-bottom: 10px;} .EWindow .SWindow_content .SWindow_content_dd span{ display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 100%; background: #EE695A; margin-right: 12px;} .EWindow .SWindow_content .SWindow_content_dd span img{ height: 8px;} .EWindow .SWindow_content .SWindow_content_dt{ font-size: 14px; color: #000; margin-left: 36px;} .MCertification{ background:#F8F9F9;} .MCertification .MCertification_content{ display:flex; flex-wrap: wrap;} .MCertification .MCertification_content .MCertification_content_list{ width: calc(25% - 61px); background:#fff; border-right: 1px solid #DDDDDD; text-align: left; padding: 30px; display: flex; flex-direction: column; justify-content: space-between;} .MCertification .MCertification_content .MCertification_content_list:last-child{ border-right: 0px;} .MCertification .MCertification_content .MCertification_content_list .content_list_dd{ font-weight: bolder;} .MCertification .MCertification_content .MCertification_content_list .content_list_dt{ justify-content: flex-start;} .Case1{ background:#F5F5F5;} .Case1 .PChallenge_content .PChallenge_content_list{ background:#fff; padding: 30px; width: calc(50% - 70px); display: flex; justify-content: space-between; flex-wrap:wrap; margin-bottom: 12px;} .Case1 .PChallenge_content .PChallenge_content_list .content_list_icon{ width: 60px;} .Case1 .PChallenge_content .PChallenge_content_list .content_list_txt{ width:calc(100% - 80px);} .Case1.PChallenge3 .PChallenge_content .PChallenge_content_list{ width: calc(32% - 70px); } .Case1.PChallenge3 .PChallenge_content .PChallenge_content_list .content_list_icon{ width: 100%;} .Case1.PChallenge3 .PChallenge_content .PChallenge_content_list .content_list_txt{ width: 100%;} .Case2 .Case2_content{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 80px;} .Case2 .Case2_content .Case2_content_list{ width: 46%; margin-bottom: 40px;} .Case2 .Case2_content .Case2_content_list .content_list_dd{ color:#0fd05d; font-weight: bolder;} .Case2 .Case2_content .Case2_content_list .content_list_dt{ color:#141414; margin-top: 10px;} .Case2 .Case2_content .Case2_content_list:nth-child(3),.Case2 .Case2_content .Case2_content_list:nth-child(4){ margin-bottom: 0px;} .Case3 .Case3_content{ position: absolute; max-width: 1200px; left: 0px; right: 0px; margin: 0 auto; top: 0; height: 100%; display: flex; align-items:center; justify-content: space-between;} .Case3 .Case3_content .Case3_content_left{ width: 40%;} .Case3 .Case3_content .Case3_content_left .content_left_title{ margin-bottom: 35px;} .Case3 .Case3_content .Case3_content_left .content_left_title .left_title_dd{ line-height: 2.2; color:#49F969;} .Case3 .Case3_content .Case3_content_left .content_left_title .left_title_dt{ color:#fff;} .Case3 .Case3_content .Case3_content_right{ width: 50%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -20px;} .Case3 .Case3_content .Case3_content_right a{ width: calc(33.333% - 45px); display: inline-block; color:#fff; line-height: 1.5; text-align:center;border: 1px solid #595959; border-radius: 100px; background: #1F1F1F; margin-bottom: 18px; position: relative; padding: 15px; display: flex; align-items:center; justify-content:center;} .Case3 .Case3_content .Case3_content_right a.on{ color:#0FD05D} .Case3 .Case3_content .Case3_content_right a:nth-child(4){ left: 60px;} .Case3 .Case3_content .Case3_content_right a:nth-child(5){ left: 60px;} .Case3 .Case3_content .Case3_content_right a:nth-child(6){ left: 60px;} .Case4 .PCse_content{ justify-content:center;} .Case4 .PCse_content .PCse_content_list:nth-child(1){ margin-right: 23px;} .Case5 .Case5_content{ display: flex; flex-wrap: wrap;} .Case5 .Case5_content .Case5_content_list{ width: calc(14% - 20px); border: 1px solid #F0F0F0; padding: 0px 3%; margin-bottom: 20px; margin-right: 1.85%; background:#fff;display: flex;align-items: center;justify-content: center;} .Case5 .Case5_content .Case5_content_list:nth-child(5n){ margin-right: 0px;} .Case5 .Case5_content .Case5_content_list img{ width: 100%;} .CaseBanner{ position: relative; margin-top: 64px;} .CaseBanner *{ box-sizing: border-box;} .CaseBanner .CaseBannerImg{ display: flex;} .CaseBanner .CaseBannerImg img{ width: 100%;} .CaseBanner .CaseBanner_title{ position: absolute; left: 0; right: 0; margin: 0 auto; background: rgba(33,33,33,.85); max-width: 1200px; bottom: 0; display: flex; flex-direction: column; justify-content:center; padding:76px;} .CaseBanner .CaseBanner_title .CaseBanner_title_dd{ color:#fff;} .CaseBanner .CaseBanner_title .CaseBanner_title_dd span{ margin: 0px 20px;} .CaseBanner .CaseBanner_title .CaseBanner_title_dt{ color:#fff; margin: 25px 0px; line-height: 1.5;} .CaseBanner .CaseBanner_title .CaseBanner_title_p{ color:#fff; margin-bottom: 22px; opacity: .85;} .solutionBanner .CaseBanner_title{ height: 64%;} .solutionBanner .CaseBanner_title .CaseBanner_title_dt{ margin-top: 0px;} .solutionBanner .CaseBanner_title .CaseBanner_title_p{ margin-bottom: 38px;} .CaseTop *{ box-sizing: border-box;} .CaseTop .pc_all_content{ display: flex; justify-content: space-between; flex-wrap: wrap;} .CaseTop .CaseTop_list{ border: 1px solid #DDDDDD; width: 24%; padding: 38px 20px;} .CaseTop .CaseTop_list .CaseTop_list_title .list_title_dd{ margin: 20px 0px; font-weight: bolder; line-height: 1.3;} .CaseTop .CaseTop_list .CaseTop_list_title .list_title_dt{ color:#595959; line-height: 1.6;} .CaseTop.CaseTopCon3 .CaseTop_list{ width: 32%;} .CaseTop2 .pc_all_content{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items:center;} .CaseTop2 .pc_all_content .CaseTop2_left{ width: 30%;} .CaseTop2 .pc_all_content .CaseTop2_left .CaseTop2_left_dd{ line-height: 1.5; font-weight: bolder;} .CaseTop2 .pc_all_content .CaseTop2_left .CaseTop2_left_dt{ line-height: 1.8; margin-top: 28px;} .CaseTop2 .pc_all_content .CaseTop2_right{ width: 63%; display: flex; justify-content: space-between; flex-wrap: wrap;} .CaseTop2 .pc_all_content .CaseTop2_right .CaseTop_list{ width: 32%;} .CaseTop3 .CaseTop_list .CaseTop_list_title{ margin-top: 30px;} .CaseTop4 .CaseTop_list{ width: 32%;} .CaseChallenge{ background: #F5F5F5; } .CaseChallenge *{ box-sizing: border-box;} .CaseChallenge .PChallenge_content .PChallenge_content_list{ background:#fff; border: 1px solid #DDDDDD; border-left: 4px solid #0FD05D; padding: 26px 30px; width: 49.5%; margin-bottom: 1%;} .CaseSolution .CaseSolution_content{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items:center;} .CaseSolution .CaseSolution_content .CaseSolution_content_img{ width: 55%;} .CaseSolution .CaseSolution_content .CaseSolution_content_img img{ width: 100%;} .CaseSolution .CaseSolution_content .CaseSolution_content_txt{ width: 40%;} .CaseSolution .CaseSolution_content .CaseSolution_content_txt .content_txt_list{ margin-bottom: 30px;} .CaseSolution .CaseSolution_content .CaseSolution_content_txt .content_txt_list:last-child{ margin-bottom: 0px;} .CaseSolution .CaseSolution_content .CaseSolution_content_txt .content_txt_list .txt_list_dd{ color:#0FD05D; font-weight: bolder; line-height: 1.5;} .CaseSolution .CaseSolution_content .CaseSolution_content_txt .content_txt_list .txt_list_dt{ color:#141414; margin-top: 10px;} .CaseSolution .CaseSolution_content.on{ flex-wrap: wrap;} .CaseSolution .CaseSolution_content.on .CaseSolution_content_img,.CaseSolution .CaseSolution_content.on .CaseSolution_content_txt{ width: 100%;} .CaseSolution .CaseSolution_content.on .CaseSolution_content_txt{ margin-top: 44px; display: flex; flex-wrap: wrap; justify-content: space-between;} .CaseSolution .CaseSolution_content.on .CaseSolution_content_txt .content_txt_list{ width: 48%;} .Case2Challenge{ background: #F5F5F5; } .Case2Challenge *{ box-sizing: border-box;} .Case2Challenge .Case2Challenge_content{ display: flex-wrap; display: flex; justify-content: space-between;} .Case2Challenge .Case2Challenge_content .Case2Challenge_content_list{ background:#fff; width: 31%; padding: 30px;} .Case2Challenge .Case2Challenge_content .Case2Challenge_content_list .content_list_txt .list_txt_dd{ color:#141414; margin: 30px 0px; font-weight: bolder;} .Case2Challenge .Case2Challenge_content .Case2Challenge_content_list .content_list_txt .list_txt_dt .txt_dt_li{ color:#141414; margin-bottom: 20px; line-height: 1.5;} .Case2Challenge .Case2Challenge_content .Case2Challenge_content_list .content_list_txt .list_txt_dt .txt_dt_li:last-child{ margin-bottom: 0px;} .Case2Challenge .Case2Challenge_content .Case2Challenge_content_list .content_list_txt .list_txt_dt .txt_dt_li span{ color:#0fd05d;} .Case2Challenge .Case2Challenge_content .Case2Challenge_content_list .content_list_txt .list_txt_dt .txt_dt_li b{ font-weight: bolder;} .Case2Challenge2 .Case2Challenge_content .Case2Challenge_content_list .content_list_icon img{ height: 60px;} .Case2Challenge2 .Case2Challenge_content .Case2Challenge_content_list .content_list_txt .list_txt_dt .txt_dt_li{ color:#595959;} .Case2Challenge .Case2Challenge_content.on .Case2Challenge_content_list{ border-top: 4px solid #0FD05D; min-height: 390px;} .DeveloperNews .LNews_top .LNews_top_list{ display: flex; background: #F5F5F5; border-radius: 6px; overflow: hidden;} .DeveloperNews .LNews_top .LNews_top_list .top_list_left{ width: 45%; position: relative;} .DeveloperNews .LNews_top .LNews_top_list .top_list_left .list_left_img{ display: flex;} .DeveloperNews .LNews_top .LNews_top_list .top_list_left .list_left_img img{ width: 100%;} .DeveloperNews .LNews_top .LNews_top_list .top_list_left .list_left_title{ padding: 25px; position: absolute; bottom:0; left:0;background: linear-gradient(180deg, rgba(47,47,47,0) 0%, rgba(33,33,33,0.55) 40%, #151515 100%); width: 100%; box-sizing: border-box;} .AssemblyCenter{ background: #F8F9F9; margin-top: 0px;} .AssemblyCenter .LNews_top .LNews_top_list{ background:#fff;} .AssemblyCenter .LNews_top .LNews_top_list .top_list_right{ width: 55%;} .AssemblyCenter *{ box-sizing: border-box;} .AssemblyCenter .LNews_top .LNews_top_list .top_list_right .list_right_title .right_title_dd{ margin-bottom: 20px;} .AssemblyCenter .LNews_top .LNews_top_list .top_list_right .list_right_title .right_title_dt{ margin-bottom: 30px;} .AssemblyCenter .LNews_top .LNews_top_list .top_list_right .list_right_btn{ margin-top: 33px;} .AssemblyCenter .AssemblyCenter_content .AssemblyCenter_content_list{ margin-bottom: 50px;} .AssemblyCenter .AssemblyCenter_content .AssemblyCenter_content_list:last-child{ margin-bottom: 0px;} .AssemblyCenter .AssemblyCenter_content .AssemblyCenter_content_list .content_list_title{ font-weight: bolder; margin-bottom: 30px;} .AssemblyCenter .AssemblyCenter_content .AssemblyCenter_content_list .content_list_txt .list_txt_li{ display: flex; align-items:center; justify-content: space-between; background:#fff; margin-bottom: 20px;} .AssemblyCenter .AssemblyCenter_content .AssemblyCenter_content_list .content_list_txt .list_txt_li:last-child{ margin-bottom: 30px;} .AssemblyCenter .AssemblyCenter_content .AssemblyCenter_content_list .content_list_txt .list_txt_li .txt_li_img{ width: 132px; position: relative;} .AssemblyCenter .AssemblyCenter_content .AssemblyCenter_content_list .content_list_txt .list_txt_li .txt_li_img a{ display: inline-block; width: 100%; display: flex;} .AssemblyCenter .AssemblyCenter_content .AssemblyCenter_content_list .content_list_txt .list_txt_li .txt_li_img a img{ width: 100%;} .AssemblyCenter .AssemblyCenter_content .AssemblyCenter_content_list .content_list_txt .list_txt_li .txt_li_img span{ position: absolute; right: 0; top: 0; z-index: 8; background:#0FD05D; color:#fff; font-size: 14px; display: inline-block; padding: 5px; cursor: pointer;} .AssemblyCenter .AssemblyCenter_content .AssemblyCenter_content_list .content_list_txt .list_txt_li .txt_li_img span.notvideo{ display: none;} .AssemblyCenter .AssemblyCenter_content .AssemblyCenter_content_list .content_list_txt .list_txt_li .txt_li_right{ width: calc(100% - 132px); position: relative; padding: 30px 35px;} .AssemblyCenter .AssemblyCenter_content .AssemblyCenter_content_list .content_list_txt .list_txt_li .txt_li_right .li_right_dd{ margin-bottom: 20px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-weight: bolder;} .AssemblyCenter .AssemblyCenter_content .AssemblyCenter_content_list .content_list_txt .list_txt_li .txt_li_right .li_right_icon{ position: absolute; right: 24px; bottom: 30px;} .AssemblyCenter .AssemblyCenter_content .AssemblyCenter_content_list .content_list_txt .list_txt_li .txt_li_right .li_right_icon img{ height: 20px;} .AssemblyCenter .AssemblyCenter_content .AssemblyCenter_content_list .content_list_btn{ display: flex; justify-content:center;} .AssemblyCenter2 *{ box-sizing: border-box;} .AssemblyCenter2 .AssemblyCenter2_content{ display: flex; flex-wrap: wrap;} .AssemblyCenter2 .AssemblyCenter2_content .AssemblyCenter2_content_list{ margin-bottom: 40px; width: 100%;} .AssemblyCenter2 .AssemblyCenter2_content .AssemblyCenter2_content_list:last-child{ margin-bottom: 0px;} .AssemblyCenter2 .AssemblyCenter2_content .AssemblyCenter2_content_list .content_list_dd{ color: #262626; margin-bottom: 20px;} .AssemblyCenter2 .AssemblyCenter2_content .AssemblyCenter2_content_list .content_list_dt{ display: flex; flex-wrap: wrap;} .AssemblyCenter2 .AssemblyCenter2_content .AssemblyCenter2_content_list .content_list_dt .list_dt_li{ width: 14.8%; border: 1px solid #F0F0F0; margin-right: 2%; display: flex; align-items:center; justify-content:center; height: 126px; padding: 0px 25px;} .AssemblyCenter2 .AssemblyCenter2_content .AssemblyCenter2_content_list .content_list_dt .list_dt_li:nth-child(6n){ margin-right: 0px;} .AssemblyCenter2 .AssemblyCenter2_content .AssemblyCenter2_content_list .content_list_dt .list_dt_li img{ max-width: 100%; max-height: 59px;} .AssemblyCenterBanner .DBanner_txt{ height: 100%;} .AssemblyCenterBanner .DBanner_txt .DBanner_txt_top .txt_top_dd{ font-weight: bolder; line-height: 1.2;} .AssemblyCenterBanner .DBanner_txt .DBanner_txt_top .txt_top_p{ width: 65%; max-width: 100%;} .CaseList{ background:#fff; margin-top: 0px !important;} .CaseList .CaseList_list{ margin-bottom: 60px;} .CaseList .CaseList_list .title .title_dt{ color:#595959;} .CaseList .CaseList_list:last-child{ margin-bottom: 0px;} .CaseList .CaseList_list .CaseList_list_content{ display: flex; flex-wrap: wrap;} .CaseList .CaseList_list .CaseList_list_content .list_content_li{ border:1px solid #DDDDDD; padding: 25px; padding-top: 15px; width: 32%; margin-right: 2%;box-sizing: border-box; margin-bottom: 2%; position: relative; padding-bottom: 75px; -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; } .CaseList .CaseList_list .CaseList_list_content .list_content_li.hide{opacity: 0; pointer-events: none;} .CaseList .CaseList_list .CaseList_list_content .list_content_li:nth-child(3n){ margin-right: 0px;} .CaseList .CaseList_list .CaseList_list_content .list_content_li .content_li_logo{ display:flex; height: 80px; align-items:center;} .CaseList .CaseList_list .CaseList_list_content .list_content_li .content_li_logo img{ max-height: 80px; max-width: 100%;} .CaseList .CaseList_list .CaseList_list_content .list_content_li .content_li_txt{ color:#595959; line-height: 1.5; margin-top: 10px; display:inline-block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;} .CaseList .CaseList_list .CaseList_list_content .list_content_li .More{ justify-content: flex-start; position: absolute; left: 25px; bottom: 25px; margin-top:0px;} .CaseList .CaseList_list .CaseList_list_content .list_content_li.on .More{ display: none;} .CaseList .CaseList_list .CaseList_list_content .list_content_li .list_content_li_po{ left: 50%; top: 50%; width: 100%; height: 100%; position: absolute;padding: 25px; padding-top: 15px; padding-bottom: 75px; box-sizing: border-box; transform: translateX(-50%) translateY(-50%); background:#fff; opacity: 0;} .CaseList .CaseList_list .CaseList_list_content .list_content_li:hover{ position: relative; z-index: 3;} .CaseList .CaseList_list .CaseList_list_content .list_content_li:hover .list_content_li_po{ opacity: 1; width: calc(100% + 50px); height: calc(100% + 90px); box-shadow: 0px 0px 40px rgba(0,0,0,.2);} .CaseList .CaseList_list .CaseList_list_content .list_content_li:hover .list_content_li_po .content_li_txt{-webkit-line-clamp: 16;} .AroundCommunity{ background:#1A1C1B; padding-top: 40px;} .AroundCommunity .AroundCommunityCotnent{ display: flex; flex-wrap: wrap; justify-content: space-between;} .AroundCommunity .AroundCommunityCotnent .AroundCommunityCotnent_list{ width:23.5%; display: flex; flex-direction: column; justify-content: space-between;} .AroundCommunity .AroundCommunityCotnent .AroundCommunityCotnent_list .AroundCommunityCotnent_list_li{ display: flex; height: 100%; margin-bottom: 20px;} .AroundCommunity .AroundCommunityCotnent .AroundCommunityCotnent_list .AroundCommunityCotnent_list_li:last-child{ margin-bottom: 0px;} .AroundCommunity .AroundCommunityCotnent .AroundCommunityCotnent_list .AroundCommunityCotnent_list_li img{ width:100%; height: 100%; object-fit:cover;} .TourContent{ background:#fff;} .YBanner3.padding0 .Banner_list .Banner_list_left{ width: 62%;} .YBanner3 .Banner_list .Banner_list_right{ width: 39%;} .YBanner3 .Banner_list .Banner_list_left .list_left_txt{ margin-top: 20px;} .Tour *{ box-sizing: border-box;} .Tour .TourContent .TourContent_list{ display: flex; flex-wrap: wrap; margin-bottom: 20px;} .Tour .TourContent .TourContent_list .TourContent_list_left{ width: 80px; background: #03AB4C; color:#fff; display: flex; align-items:center; justify-content:center; position: relative; line-height: 1.5; padding: 20px;} .Tour .TourContent .TourContent_list .TourContent_list_left:before{ content:""; display:inline-block; width:100%; height: 45px; background-image: url('../images/egg1.jpg'); background-repeat: no-repeat; background-size: 100%; position: absolute; bottom: 0; left: 0; bottom: -45px; z-index: 5;} .Tour .TourContent .TourContent_list:last-child .TourContent_list_left:before{ display: none;} .Tour .TourContent .TourContent_list .TourContent_list_right{ width: calc(100% - 80px); padding: 25px; display: flex; justify-content: space-between; border: 1px solid #DDDDDD;} .Tour .TourContent .TourContent_list .TourContent_list_right .list_right_li{ width: calc(33.33% - 35px); background: #F8F9F9; padding: 30px; position: relative;} .Tour .TourContent .TourContent_list .TourContent_list_right .list_right_li:before{ content:""; display: inline-block; width:50px; height: 9px; background-image: url('../images/egg2.jpg'); background-repeat: no-repeat; background-size: 50px; position: absolute; right: -50px; top: 50%; transform: translateY(-50%);} .Tour .TourContent .TourContent_list .TourContent_list_right .list_right_li:last-child:before{ display: none;} .Tour .TourContent .TourContent_list .TourContent_list_right .list_right_li .right_li_title{ margin-bottom: 11px;} .Tour .TourContent .TourContent_list .TourContent_list_right .list_right_li .right_li_title .li_title_dd{ color:#03AB4C; font-weight: bolder; margin-bottom: 10px;} .Tour .TourContent .TourContent_list .TourContent_list_right .list_right_li .right_li_title .li_title_dt{ color:#262626; font-weight: bolder;} .EnLNewsBg{ background:#f5f5f5;} .EnLNewsBg .AssemblyCenter2{ background:#fff;} .EnLNews .EnLNewsList{ margin-bottom: 65px;} .EnLNews .EnLNewsList:last-child{ margin-bottom: 0px;} .EnLNews .EnLNewsList .EnLNewsList_title{font-weight: bolder; margin-bottom: 30px;} .EnLNews .EnLNewsList .EnLNewsList_content{ display: flex; flex-wrap: wrap;} .EnLNews .EnLNewsList .EnLNewsList_content .EnLNews_list{ width: 32%; margin-right: 2%; background:#fff; padding: 22px; box-sizing: border-box; margin-bottom: 2%; position: relative;} .EnLNews .EnLNewsList .EnLNewsList_content .EnLNews_list:hover{ box-shadow: 0px 0px 20px rgba(0,0,0,.1);} .EnLNews .EnLNewsList .EnLNewsList_content .EnLNews_list:nth-child(3n){ margin-right: 0px; } .EnLNews .EnLNewsList .EnLNewsList_content .EnLNews_list .EnLNews_list_img img{ width: 100%;} .EnLNews .EnLNewsList .EnLNewsList_content .EnLNews_list .EnLNews_list_title{ color:#222; margin: 22px 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight: bolder; line-height: 1.3;} .EnLNews .EnLNewsList .EnLNewsList_content .EnLNews_list .EnLNews_list_txt{ padding: 20px; margin-bottom: 20px; background:#f5f5f5;} .EnLNews .EnLNewsList .EnLNewsList_content .EnLNews_list .EnLNews_list_txt span{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color:#666; line-height: 1.5;} .EnLNews .EnLNewsList .EnLNewsList_content .EnLNews_list .EnLNews_list_po{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; background:#fff; padding: 22px; box-sizing: border-box; opacity: 0; overflow: hidden;} .EnLNews .EnLNewsList .EnLNewsList_content .EnLNews_list:hover .EnLNews_list_po{ opacity: 1;} .EnLNews .EnLNewsList .EnLNewsList_content .EnLNews_list .EnLNews_list_po .list_po_title{ color:#111; margin-bottom: 20px; line-height: 1.5;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .EnLNews .EnLNewsList .EnLNewsList_content .EnLNews_list .EnLNews_list_po .list_po_txt{ border-top: 1px solid #dcdcdc; padding-top: 15px; margin-top: 15px; overflow: hidden;} .EnLNews .EnLNewsList .EnLNewsList_content .EnLNews_list .EnLNews_list_po .list_po_txt span{ color:#666; line-height: 1.5;} .EnLNews .EnLNewsList .EnLNewsList_content .EnLNews_list .EnLNews_list_po .list_po_icon{ margin-top: 25px;} .EnLNews .EnLNewsList .EnLNewsList_content .EnLNews_list .EnLNews_list_po .list_po_icon img{ height: 16px;} .EnLNews .EnLNewsList .EnLNewsList_content .EnLNews_list.notlink .EnLNews_list_po .list_po_icon{ display: none;} .EnLNews .EnLNewsList .EnLNewsList_content .EnLNews_list.notlink .EnLNews_list_po .list_po_txt span{ -webkit-line-clamp: 10; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .ClickMoTop{ display: flex; align-items:center; justify-content:center; position: fixed; right:2%; bottom: 30px; width: 31px; height: 31px; border-radius: 100%; background:#0fd05d; color:#fff; z-index: 3; cursor: pointer;} .ClickMoTop i{ position: relative; top: -2px; font-size: 16px;} .ClickMoTopShow .ClickMoTop{ display: flex;} .DevSecOpsSolution .Banner.padding110 .Banner_list .Banner_list_left{ padding: 110px 0px;} .DevSecOpsSolution .YBanner3.padding0 .Banner_list .Banner_list_left{ width: 54%;} .DevSecOpsSolution .Modernization{ background: #F8F9F9; } .DevSecOpsSolution .Modernization .pc_all_content{ align-items:center;} .DevSecOpsSolution .Modernization .Modernization_right{ width: 45%;} .DevSecOpsSolution .MSystem{ background: #ffffff; } .DevSecOpsSolution .MSystem .MSystemContent .MSystemContent_list{ border: 1px solid #dddddd;} .DevSecOpsSolution .SFrame{ background: #F8F9F9; } .DevSecOpsSolution .SFrame .SFrame_img{ justify-content: center;} .DevSecOpsSolution .SFrame .SFrame_img img{ width: 75%;} .DSearch{ margin-top: 65px; padding-top: 40px; background:#F0F0F0;} .DSearch .DSearch_form{ display: flex; align-items: center; border: 1px solid #DDDDDD; width: 600px; margin-bottom: 45px; max-width: 100%;} .DSearch .DSearch_form input{ border: 0px;} .DSearch .DSearch_form input[type="search"]{ width: calc(100% - 50px); height: 50px; padding: 0px 15px;} .DSearch .DSearch_form input[type="submit"]{ width: 50px; height: 50px; background:#fff; background-image: url('../images/search.svg'); background-repeat: no-repeat; background-size: 18px; background-position: 50% 50%; cursor: pointer;} .DSearch .DSearch_nav{ display: flex; align-items:center;} .DSearch .DSearch_nav .DSearch_nav_list{ margin-right: 17px; display: inline-block; padding: 0px 15px; border-bottom: 4px solid #F0F0F0; padding-bottom: 25px; color:#434343;} .DSearch .DSearch_nav .DSearch_nav_list.active{ border-bottom: 4px solid #0FD05D; color:#141414; font-weight: bolder;} .DSearchContent{ padding-top: 20px; padding-bottom: 95px;} .DSearchContent .pc_all_content{ display: flex; justify-content: space-between;} .DSearchContent .pc_all_content .DSearchContent_left{ width: calc(90% - 300px);} .DSearchContent .pc_all_content .DSearchContent_left .DSearchContent_left_title{ color:#8C8C8C; margin-bottom: 20px;} .DSearchContent .pc_all_content .DSearchContent_left .DSearchContent_left_content .left_content_list{ margin-bottom: 40px; display: block; margin-bottom: 40px;} .DSearchContent .pc_all_content .DSearchContent_left .DSearchContent_left_content .left_content_list:last-child{ margin-bottom: 0px;} .DSearchContent .pc_all_content .DSearchContent_left .DSearchContent_left_content .left_content_list .content_list_dd{ color:#1F1F1F; font-weight: bolder;} .DSearchContent .pc_all_content .DSearchContent_left .DSearchContent_left_content .left_content_list .content_list_dt{ color:#434343; line-height: 1.5; margin-top: 10px; } .DSearchContent .pc_all_content .DSearchContent_left .DSearchContent_left_content .left_content_list .content_list_dp{ margin-top: 20px; color:#8C8C8C;} .DSearchContent .pc_all_content .DSearchContent_right{ width: 300px; padding-top: 20px;} .DSearchContent .pc_all_content .DSearchContent_right .DSearchContent_right_title{ color:#1F1F1F; font-weight: bolder; margin-bottom: 20px;} .DSearchContent .pc_all_content .DSearchContent_right .DSearchContent_right_txt .right_txt_list{ display: flex; align-items:center; justify-content: space-between; width: 100%; padding: 20px 0px; border-bottom: 1px solid #DDDDDD;} .DSearchContent .pc_all_content .DSearchContent_right .DSearchContent_right_txt .right_txt_list:first-child{ border-top: 1px solid #DDDDDD;} .DSearchContent .pc_all_content .DSearchContent_right .DSearchContent_right_txt .right_txt_list .txt_list_dd{ color:#434343;} .DSearchContent .pc_all_content .DSearchContent_right .DSearchContent_right_txt .right_txt_list .txt_list_dt img{ height: 14px;} .DSearchContent .pc_all_content .DSearchContent_right .DSearchContent_right_txt .right_txt_list:hover .txt_list_dd{ color:#0FD05D;} .DSearchContent .pc_all_content .DSearchContent_left .DSearchContent_left_content .left_content_list:hover .content_list_dd{ color:#0FD05D;} @media screen and (max-width:1680px){ .pc_all .pc_all_content{ max-width: 1200px;} .header .header_logo img{ height: 31px;} .header .header_nav .header_nav_list{ margin-right: 30px;} .header .header_nav .header_nav_list:hover .nav_list_down{ height: 380px;} .header .header_right .header_right_search img{ height: 17px;} .header .header_right .header_right_search{ margin-right: 26px;} .DBanner .DBanner_content .DBanner_content_txt{ margin-top: 30px;} .DBanner .DBanner_content .DBanner_content_video{ margin-top: 70px;} .DBanner .DBanner_content .DBanner_content_video .content_video_btn img{ height: 21px;} .DNav{ top: -90px; margin-bottom: -90px;} .DNav .DNav_list{ line-height: 90px; margin-right: 55px;} .title{ margin-bottom: 55px;} .padding85{ padding: 85px 0px;} .History .History_Nav{ max-width: 75%; margin-bottom: 45px;} .History .History_content .History_content_list .content_list_time{ margin-bottom: 50px;} .History .History_content .History_content_list .content_list_time::before{ height: 8px; bottom: -25px; width: 38px;} .Honor .Honor_Nav{ padding: 0px 164px;} .Honor .Honor_content .Honor_content_list .content_list_li .list_li_img{ height: 170px;} .News .News_content .News_content_list .content_list_txt .list_txt_dt{ margin-top: 30px;} .Join .Join_left .Join_left_logo{ margin-bottom: 45px;} .Join .Join_left .Join_left_title{ margin-bottom: 45px;} .Join .Join_left .Join_left_logo img{ width: 65px;} .ServiceNetwork .ServiceNetwork_img{ height: 850px;} .ServiceNetwork .ServiceNetwork_content .ServiceNetwork_content_list{ margin-bottom: 30px;} .Footer{ padding: 80px 0px;} .Footer .pc_all_content .Footer_left .Footer_left_logo{ padding-bottom: 25px; margin-bottom: 25px;} .Footer .pc_all_content .Footer_left .Footer_left_logo img{ height: 65px;} .Footer .pc_all_content .Footer_right .Footer_right_list:nth-child(1), .Footer .pc_all_content .Footer_right .Footer_right_list:nth-child(2), .Footer .pc_all_content .Footer_right .Footer_right_list:nth-child(3){ margin-bottom: 55px;} .Copyright .pc_all_content{ padding: 30px 0px;} .Page{ margin-top: 50px;} .LNews .LNews_top{ margin-bottom: 60px;} .LNews .pc_all_content{ max-width: calc(1200px - 100px); padding-left: 100px;} .LNews .LNews_Nav{ width: 70px;} .LNews .LNews_Nav .LNews_Nav_list{ padding: 12px 0px;} .LNews .LNews_content .LNews_content_list .content_list_title{ height: 56px;} .LNews .LNews_top .LNews_top_list .top_list_right .list_right_title .right_title_dd{-webkit-line-clamp: 2;} .LNews .LNews_top .LNews_top_list .top_list_right .list_right_title .right_title_dd{ margin-bottom: 25px;} .LNews .LNews_top .LNews_top_list .top_list_right .list_right_title .right_title_dt{ margin-bottom: 50px;} .LHonor .LHonor_nav{ width: 180px;} .LHonor .Honor_content{ width: calc(100% - 180px);} .Contact .Contact_Way .Contact_Way_content,.Contact .Contact_Address .Contact_Address_content{ padding-left: 80px;} .Contact .Contact_Way .Contact_Way_content .Way_content_list{ padding: 25px 33px; width: calc(50% - 66px);} .Contact .Contact_Way .Contact_Way_content .Way_content_list .content_list_dd{ margin-bottom: 10px;} .Contact .Contact_Address .Contact_Address_content .Address_content_list{ padding: 25px 0px; padding-left: 33px;} .Contact .Contact_Address .Contact_Address_content .Address_content_list .content_list_right .list_right_dd{ margin-bottom: 5px;} .Contact .Contact_Address .Contact_Address_content .Address_content_list .content_list_left{ width: 260px;} .Contact .Contact_Address .Contact_Address_content .Address_content_list .content_list_right{ width: calc(100% - 260px);} .Contact .Contact_Address{ margin-top: 55px;} .LJoin .LJoin_content{ padding-left: 80px;} .LJoin .LJoin_content .LJoin_content_list{ padding: 40px 0px; padding-left: 25px;} .NewsDetails .NewsDetails_top{ padding: 45px 35px;} .NewsDetails .NewsDetails_top .NewsDetails_top_left .top_left_title{ margin-bottom: 25px;} .NewsDetails .NewsDetails_content,.NewsDetails .NewsDetails_page{ padding: 35px;} .NewsDetails .NewsDetails_page .NewsDetails_page_list .page_list_right a{ font-size: 15px;} .Modernization .Modernization_left{ width: 41%;} .Modernization .Modernization_right{ width: 57%;} .DWCertification .pc_all_content,.WCertification .pc_all_content{ padding: 60px 100px;} .Enterprise .EnterpriseDownList.EnterpriseList1{ top: 3%;} .Enterprise .EnterpriseDownList.EnterpriseList5 .EnterpriseDownList_dt{width: calc(100% + 50px);} .CaseBanner .CaseBanner_title{ padding: 65px;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt .list2_txt_li .txt_li_dt{ height: 50px;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt .list2_txt_li .txt_li_dd{ height: 46px;} } @media screen and (max-width:1440px){ .pc_all .pc_all_content{ max-width: 1200px;} /* 头部 */ .header .header_logo img{ height: 30px;} .header .header_nav .header_nav_list{ margin-right: 28px;} .header .header_right .header_right_search img{ height: 16px;} .header .header_right .header_right_search{ margin-right: 24px;} .header .header_nav .header_nav_list .nav_list_down .list_down_con .list_down_right{ width: 270px;} .DBanner .DBanner_content .DBanner_content_txt{ margin-top: 20px;} .DBanner .DBanner_content .DBanner_content_video{ margin-top: 60px;} .DBanner .DBanner_content .DBanner_content_video .content_video_btn img{ height: 20px;} .DNav{ top: -80px; margin-bottom: -80px;} .DNav .DNav_list{ line-height: 80px; margin-right: 50px;} .title{ margin-bottom: 50px;} .padding85{ padding: 75px 0px;} .History .History_Nav{ max-width: 80%; margin-bottom: 40px;} .History .History_content .History_content_list .content_list_time{ margin-bottom: 40px;} .History .History_content .History_content_list .content_list_time::before{ height: 6px; bottom: -20px; width: 35px;} .News .News_content .News_content_list .content_list_txt .list_txt_dt{ margin-top: 25px;} .Honor .Honor_Nav{ padding: 0px 144px;} .Honor .Honor_content .Honor_content_list .content_list_li .list_li_img{ height: 160px;} .Join .Join_left .Join_left_logo{ margin-bottom: 40px;} .Join .Join_left .Join_left_title{ margin-bottom: 40px;} .Join .Join_left .Join_left_logo img{ width: 60px;} .ServiceNetwork .ServiceNetwork_img{ height: 760px;} .ServiceNetwork .ServiceNetwork_content .ServiceNetwork_content_list{ margin-bottom: 25px;} .Footer{ padding: 80px 0px;} .Footer .pc_all_content .Footer_right .Footer_right_list:nth-child(1), .Footer .pc_all_content .Footer_right .Footer_right_list:nth-child(2), .Footer .pc_all_content .Footer_right .Footer_right_list:nth-child(3){ margin-bottom: 50px;} .Page{ margin-top: 45px;} .LNews .LNews_top{ margin-bottom: 50px;} .LNews .pc_all_content{ max-width: calc(1200px - 90px); padding-left: 90px;} .LNews .LNews_Nav{ width: 60px;} .LNews .LNews_Nav .LNews_Nav_list{ padding: 10px 0px;} .LNews .LNews_content .LNews_content_list .content_list_title{ height: 52px;} .LNews .LNews_top .LNews_top_list .top_list_right .list_right_title .right_title_dd{ margin-bottom: 20px;} .LNews .LNews_top .LNews_top_list .top_list_right .list_right_title .right_title_dt{ margin-bottom: 40px;} .LHonor .LHonor_nav{ width: 160px;} .LHonor .Honor_content{ width: calc(100% - 160px);} .Contact .Contact_Way .Contact_Way_content,.Contact .Contact_Address .Contact_Address_content{ padding-left: 60px;} .Contact .Contact_Way .Contact_Way_content .Way_content_list{ padding: 20px 28px; width: calc(50% - 56px);} .Contact .Contact_Way .Contact_Way_content .Way_content_list .content_list_dd{ margin-bottom: 8px;} .Contact .Contact_Address .Contact_Address_content .Address_content_list{ padding: 20px 0px; padding-left: 28px;} .Contact .Contact_Address .Contact_Address_content .Address_content_list .content_list_left{ width: 240px;} .Contact .Contact_Address .Contact_Address_content .Address_content_list .content_list_right{ width: calc(100% - 240px);} .Contact .Contact_Address{ margin-top: 50px;} .LJoin .LJoin_content{ padding-left: 60px;} .LJoin .LJoin_content .LJoin_content_list{ padding: 35px 0px; padding-left: 20px;} .NewsDetails .NewsDetails_top{ padding: 40px 30px;} .NewsDetails .NewsDetails_top .NewsDetails_top_left .top_left_title{ margin-bottom: 22px;} .NewsDetails .NewsDetails_content,.NewsDetails .NewsDetails_page{ padding: 30px;} .NewsDetails .NewsDetails_page .NewsDetails_page_list .page_list_right a{ font-size: 14px;} .Modernization .Modernization_left{ width: 35%;} .Modernization .Modernization_right{ width: 57%;} .DWCertification .pc_all_content,.WCertification .pc_all_content{ padding: 50px 70px;} .Enterprise .EnterpriseDownList .EnterpriseDownList_dt{ font-size: 12px;} .PSystem3 .PSystem3_list .PSystem3_list_left .list_left_txt2 .left_txt2_li{ margin-bottom: 11px;} .CaseBanner .CaseBanner_title{ padding: 55px;} .header .header_nav .header_nav_list:nth-child(4) .nav_list_down .list_down_con .list_down_right .down_right_list .right_list_dt,.header .header_nav .header_nav_list:nth-child(4) .nav_list_down .list_down_con .list_down_left .down_left_txt{ height: auto;} .header .header_nav .header_nav_list .nav_list_down .list_down_con .list_down_left .down_left_txt{ margin-bottom: 18px; } .header .header_nav .header_nav_list:nth-child(4):hover .nav_list_down{ height: 260px; padding-top: 55px; opacity: 1;} .Enterprise .EnterpriseContent .EnterpriseContent_dd{ font-size: 20px;} .Enterprise .EnterpriseContent .EnterpriseContent_dt{ font-size: 12px;} } @media screen and (max-width:1366px){ .pc_all .pc_all_content,.banner .banner_list .banner_list_mw1300{ max-width: 1200px;} .LNews .pc_all_content{ max-width: calc(1200px - 90px); padding-left: 90px;} .header .header_logo img{ height: 29px;} .header .header_nav .header_nav_list{ margin-right: 26px;} .header .header_right .header_right_search{ margin-right: 22px;} .DBanner .DBanner_content .DBanner_content_video{ margin-top: 50px;} .DBanner .DBanner_content .DBanner_content_video .content_video_btn img{ height: 19px;} .DNav{ top: -70px; margin-bottom: -70px;} .DNav .DNav_list{ line-height: 70px; margin-right: 45px;} .title{ margin-bottom: 45px;} .padding85{ padding: 70px 0px;} .History .History_Nav{ max-width: 85%; margin-bottom: 35px;} .History .History_content .History_content_list .content_list_time{ margin-bottom: 40px;} .History .History_content .History_content_list .content_list_time::before{ height: 4px; bottom: -20px; width: 30px;} .Honor .Honor_Nav{ padding: 0px 124px;} .Honor .Honor_content .Honor_content_list .content_list_li .list_li_img{ height: 150px;} .Join .Join_left .Join_left_logo{ margin-bottom: 35px;} .Join .Join_left .Join_left_title{ margin-bottom: 35px;} .Join .Join_left .Join_left_logo img{ width: 55px;} .ServiceNetwork .ServiceNetwork_img{ height: 720px;} .ServiceNetwork .ServiceNetwork_content .ServiceNetwork_content_list{ margin-bottom: 20px;} .Footer{ padding: 75px 0px;} .Footer .pc_all_content .Footer_right .Footer_right_list .right_list_dd{ margin-bottom: 15px;} .Footer .pc_all_content .Footer_right .Footer_right_list .right_list_dt p{ margin-bottom: 10px;} .Footer .pc_all_content .Footer_right .Footer_right_list:nth-child(1), .Footer .pc_all_content .Footer_right .Footer_right_list:nth-child(2), .Footer .pc_all_content .Footer_right .Footer_right_list:nth-child(3){ margin-bottom: 45px;} .Page{ margin-top: 40px;} .LNews .LNews_top{ margin-bottom: 40px;} .LNews .LNews_content .LNews_content_list .content_list_title{ height: 48px;} .LNews .LNews_top .LNews_top_list .top_list_right .list_right_title .right_title_dt{ margin-bottom: 30px;} .LHonor .LHonor_nav{ width: 140px;} .LHonor .Honor_content{ width: calc(100% - 140px);} .Contact .Contact_Address .Contact_Address_content .Address_content_list .content_list_left{ width: 200px;} .Contact .Contact_Address .Contact_Address_content .Address_content_list .content_list_right{ width: calc(100% - 200px);} .Contact .Contact_Address{ margin-top: 45px;} .LJoin .LJoin_content{ padding-left: 40px;} .LJoin .LJoin_content .LJoin_content_list{ padding: 30px 0px; padding-left: 20px;} .NewsDetails .NewsDetails_top{ padding: 35px 25px;} .NewsDetails .NewsDetails_top .NewsDetails_top_left .top_left_title{ margin-bottom: 20px;} .NewsDetails .NewsDetails_content,.NewsDetails .NewsDetails_page{ padding: 25px;} .DWCertification .pc_all_content,.WCertification .pc_all_content{ padding: 40px 30px;} .Departure .Departure_img img{ height: 360px; object-fit: cover;} .CaseBanner .CaseBanner_title{ padding: 45px;} } @media screen and (max-width:1280px){ .pc_all .pc_all_content{ max-width: 1200px;} .LNews .pc_all_content{ max-width: calc(1200px - 90px); padding-left: 90px;} .header .header_nav .header_nav_list{ margin-right: 24px;} .DBanner .DBanner_content .DBanner_content_video{ margin-top: 40px;} .DNav{ top: -60px; margin-bottom: -60px;} .DNav .DNav_list{ line-height: 60px; margin-right: 40px;} .title{ margin-bottom: 40px;} .padding85{ padding: 65px 0px;} .History .History_Nav{ max-width: 90%;} .Honor .Honor_Nav{ padding: 0px 100px;} .Honor .Honor_content .Honor_content_list .content_list_li .list_li_img{ height: 140px;} .Honor .Honor_content .Honor_content_list .content_list_li .list_li_img img{ max-height: 90px;} .Join .Join_left .Join_left_logo{ margin-bottom: 30px;} .Join .Join_left .Join_left_title{ margin-bottom: 30px;} .Join .Join_left .Join_left_logo img{ width: 50px;} .ServiceNetwork .ServiceNetwork_img{ height: 680px;} .ServiceNetwork .ServiceNetwork_content .ServiceNetwork_content_list{ margin-bottom: 15px;} .Footer{ padding: 70px 0px;} .Footer .pc_all_content .Footer_right .Footer_right_list:nth-child(1), .Footer .pc_all_content .Footer_right .Footer_right_list:nth-child(2), .Footer .pc_all_content .Footer_right .Footer_right_list:nth-child(3){ margin-bottom: 40px;} .Footer .pc_all_content .Footer_right{ width: 65%;} .Page{ margin-top: 35px;} .LNews .LNews_top{ margin-bottom: 30px;} .LNews .LNews_content .LNews_content_list .content_list_title{ height: auto;} .LNews .LNews_top .LNews_top_list .top_list_right .list_right_title .right_title_dt{ margin-bottom: 30px;} .LHonor .LHonor_nav{ width: 120px;} .LHonor .Honor_content{ width: calc(100% - 120px);} .Contact .Contact_Address{ margin-top: 40px;} .LJoin .LJoin_content{ padding-left: 30px;} .LJoin .LJoin_content .LJoin_content_list{ padding: 25px 0px; padding-left: 20px;} .DWCertification .pc_all_content,.WCertification .pc_all_content{ padding: 30px 10px;} .CaseBanner .CaseBanner_title{ padding: 35px;} .CaseBanner .CaseBannerImg img{ height: 420px; object-fit:cover;} } @media screen and (max-width:1240px){ .pc_all .pc_all_content,.Case3 .Case3_content,.DBanner .DBanner_txt,.CaseBanner .CaseBanner_title{ max-width: 1100px; } .DeveloperNews .pc_all_content{ max-width: 1100px !important;} .LNews .pc_all_content{ max-width: calc(1100px - 90px); padding-left: 90px;} .title{ margin-bottom: 35px;} .padding85{ padding: 60px 0px;} .ServiceNetwork .ServiceNetwork_img{ height: 670px;} .Honor .Honor_Nav{ padding: 0px 80px;} .Honor .Honor_content .Honor_content_list .content_list_li .list_li_img{ height: 130px;} .Footer{ padding: 65px 0px;} .Footer .pc_all_content .Footer_right .Footer_right_list:nth-child(1), .Footer .pc_all_content .Footer_right .Footer_right_list:nth-child(2), .Footer .pc_all_content .Footer_right .Footer_right_list:nth-child(3){ margin-bottom: 35px;} .Footer .pc_all_content .Footer_right{ width: 70%;} .Page{ margin-top: 30px;} .Contact .Contact_Address{ margin-top: 35px;} .DPService .DPService_content .DPService_content_right .content_right_list .right_list_dd{margin-bottom: 10px; font-size: 18px;} .DPService .DPService_content .DPService_content_right .content_right_list .right_list_dt{font-size: 15px;} .DPService .DPService_content .DPService_content_right .content_right_list{ margin-bottom: 45px;} } @media screen and (max-width:1152px){ img{ max-width:100%;} .pc_all .pc_all_content,.DBanner .DBanner_txt,.Case3 .Case3_content,.DBanner .DBanner_txt,.CaseBanner .CaseBanner_title{ max-width: 88%;} .DeveloperNews .pc_all_content{ max-width: 88% !important;} .LNews .pc_all_content{ max-width: calc(88% - 90px); padding-left: 90px;} .title{ margin-bottom: 30px;} .padding85{ padding: 55px 0px;} .Honor .Honor_Nav{ padding: 0px 70px;} .Footer{ padding: 60px 0px;} .Footer .pc_all_content .Footer_left{ width: 20%;} .Footer .pc_all_content .Footer_right{ width: 74%;} .NewsDetails .NewsDetails_content .NewsDetails_contentleft{ max-width: calc(100% - 65px);} .DPService .DPService_content .DPService_content_right .content_right_list{ margin-bottom: 35px;} .Banner .Banner_list .Banner_list_left .list_left_t{ line-height: 1.5; margin-bottom: 20px;} } @media screen and (max-width:1024px){ /*ipad-y*/ .header{ display: none;} .pc_all .pc_all_content,.DBanner .DBanner_txt,.Case3 .Case3_content,.CaseBanner .CaseBanner_title{ max-width: 90%;} .DeveloperNews .pc_all_content{ max-width: 90% !important;} body{ overflow:inherit !important;-webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important;} /* 手机导航 */ .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_logo{padding: 0;display:flex; align-items:center;} .m-header-nav .sp_logo a{ display: flex; position: relative; align-items: center;} .m-header-nav .sp_logo img{margin:auto;transition:all ease 0.45s; height: 32px;} .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_btn{ display: flex; position: absolute; right: 80px; 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.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 .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 !important;} .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:#000222;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: 54px; 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: 15px 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:#0FD05D;} .m-header-nav .sjj_nav ul li ul li>ul{margin-left:10px} .m-header-nav.on{ background: #141414; box-shadow: 0px 0px 20px rgba(0,0,0,.2);} .m-header-nav.in{ background: #141414; 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;} .Banner{ margin-top: 62px;} .DBanner{ height: auto; margin-top: 62px;} .DBanner .pc_img{ height: 30vh; object-fit:cover;} .DBanner .DBanner_img video{ height: 50vh; object-fit:cover;} .DNav .DNav_list::before{ height: 4px;} .padding85{ padding: 50px 0px;} .About .pc_all_content .About_left .About_title{ margin-bottom: 20px;} .About .pc_all_content .About_left .About_txt p{ margin-bottom: 10px;} .History .History_Nav{ max-width: 100%;} .Honor .Honor_Nav{ padding: 0px 60px;} .Honor .Honor_content .Honor_content_list .content_list_li .list_li_img{ height: 120px;} .Honor .Honor_content .Honor_content_list .content_list_li .list_li_img img{ max-height: 80px;} .ServiceNetwork .ServiceNetwork_img{ height: 620px;} .ServiceNetwork .ServiceNetwork_title{ margin-bottom: 35px;} .Footer{ padding: 55px 0px;} .Footer .pc_all_content .Footer_right .Footer_right_list:nth-child(1), .Footer .pc_all_content .Footer_right .Footer_right_list:nth-child(2), .Footer .pc_all_content .Footer_right .Footer_right_list:nth-child(3){ margin-bottom: 30px;} .Footer .pc_all_content .Footer_right .Footer_right_list .right_list_dd{ margin-bottom: 10px;} .Footer .pc_all_content .Footer_right .Footer_right_list .right_list_dd a{ font-size: 15px;} .Footer .pc_all_content .Footer_right .Footer_right_list .right_list_dt p a{ font-size: 12px;} .Footer .pc_all_content .Footer_right .Footer_right_list .right_list_dt p{ margin-bottom: 6px;} .Footer .pc_all_content .Footer_left .Footer_left_logo{ padding-bottom: 10px;} .Footer .pc_all_content .Footer_left .Footer_left_logo img{ height: 55px;} .LNews .LNews_Nav{ position: relative; display: flex; align-items: center; width: 100%; margin-bottom: 22px;} .LNews .LNews_Nav .LNews_Nav_list{ margin-right: 20px; display: inline-block; width: auto; padding: 10px 30px;} .LNews .pc_all_content{ padding-left: 0;} .Departure .Departure_content{ width: 88%; margin: 0 auto; right: 0;} .Departure .Departure_img img{ height: 330px; object-fit: cover;} .Banner .Banner_list{ padding: 65px 0px;} .HomeNav .HomeNav_list{ padding: 25px 20px;} .HomeNav .HomeNav_list .HomeNav_list_icon img{ width: 50px;} .HomeNav .HomeNav_list .HomeNav_list_txt{ width: calc(100% - 75px);} .OpenSource .pc_all_content .OpenSource_prev img, .OpenSource .pc_all_content .OpenSource_next img{ height: 200px;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li .list_li_dd img{ width: 35px;} .CNCF .CNCF_content .CNCF_content_list{ width: calc(23% - 32px); padding: 15px;} .CNCF .CNCF_content .CNCF_content_list .content_list_number{ font-size: 16px; right: 15px; top: 15px;} .CNCF .CNCF_content .CNCF_content_list .content_list_number img{ height: 14px;} .HServiceNetwork{ padding-bottom: 0;} .DDownload_search{margin-top: 62px;} .DeveloperNews{margin-top: 62px;} .OnlineClass{margin-top: 62px;} .DWCertification .pc_all_content, .WCertification .pc_all_content{ padding: 30px 25px;} .Enterprise{ background: #2d2d2d; padding: 40px 6%; flex-wrap: wrap;} .Enterprise img{ display: none;} .Enterprise .EnterpriseIcon{ display: none;} .Enterprise .EnterpriseDownList{ position: relative; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; opacity: 1; width: 100% !important;} .Enterprise .EnterpriseContent{ transform: inherit; width: 100%; left: 0; top: 0; position: relative; margin-bottom: 25px;} .Enterprise .EnterpriseContent .EnterpriseContent_dd{ text-align: left;} .Enterprise .EnterpriseDownList{ margin-bottom: 22px;} .Enterprise .EnterpriseDownList:last-child{ margin-bottom: 0;} .Enterprise .EnterpriseDownList .EnterpriseDownList_dd{ text-align: left !important; color: #fff;} .Enterprise .EnterpriseDownList .EnterpriseDownList_dt{ color: #fff; opacity: .8;} .Enterprise .EnterpriseDownList.EnterpriseList5 .EnterpriseDownList_dt{ width: 100%;} .PEvaluate .PEvaluate_content::before{ left: -55px; top: -60px; background-size: 115px;} .PEvaluate .PEvaluate_content::after{ right: -155px; bottom: -160px; background-size: 115px;} .DPService .DPService_content .DPService_content_right .content_right_list .right_list_dd{margin-bottom: 5px; font-size: 16px;} .DPService .DPService_content .DPService_content_right .content_right_list .right_list_dt{font-size: 15px;} .DPService .DPService_content .DPService_content_right .content_right_list{ margin-bottom: 30px;} .AssemblyCenter{ margin-top: 0px;} .search{ z-index: 111150; } .search .search_bg .search_content{ width: 96%;} .search .search_content input[type="submit"],.search .search_content input[type="search"]{ height: 66px;} .title .title_dt br{ display: none;} .Tour .TourContent .TourContent_list .TourContent_list_left br{ display: none;} .Departure .Departure_content .Departure_content_txt br{ display: none;} .Banner .Banner_list .Banner_list_left .list_left_dd br{ display: none;} .DPartner3 .DPartner3_content .DPartner3_content_list{ padding: 20px;} .DPartner3 .DPartner3_content .DPartner3_content_list .content_list_icon img{ height: 55px;} .DPartner3 .DPartner3_content .DPartner3_content_list .content_list_content .list_content_dd{ margin-top: 20px;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt{ margin-top: 40px;} .CWindow .CWindowBg_content{ width: 72%;} .Contact .Contact_Way .Contact_Way_content, .Contact .Contact_Address .Contact_Address_content{ padding-left: 0px;} .WCertification .pc_all_content .WCertification_top .WCertification_top_right{ width: 55%;} .WCBanner .Banner_list .Banner_list_right{ width: 40%;} .Banner .Banner_list .Banner_list_left .list_left_dd{ line-height: 1.5;} .WTeam .WTeam_content .WTeam_content_list{ width: calc(20% - 10px);} .DWCertification .pc_all_content .DWCertification_left{ margin-bottom: 40px; padding-bottom: 30px;} .Banner .Banner_list .Banner_list_left .list_left_txt{ margin-top: 30px;} .MSystem .MSystem_title{ margin-bottom: 50px;} .MSystem .MSystemContent .MSystemContent_list{ padding: 20px; width: 32%; box-sizing: border-box;} .Tour .TourContent .TourContent_list .TourContent_list_left{ padding: 20px;} .Tour .TourContent .TourContent_list .TourContent_list_left{ padding: 15px;} .MSystem2 .MSystemContent .MSystemContent_list{ width: calc(48%);} .PActivity .PActivity_content .PActivity_content_left .content_left_txt .left_txt_list{box-sizing: border-box;} .CaseBanner{ margin-top: 62px;} .Banner .Banner_list .Banner_list_right{ width:36%;} .HMore .HMore_content .HMore_content_list .content_list_title .list_title_dt{ line-height: 1.5;} .PCFunction .PCFunction_content .PCFunction_content_list{ margin-bottom: 1%;} .Appliance .pc_all_content .Appliance_list{ width: calc(27% - 65px);} .AScenes .AScenesContent .AScenesContent_list .AScenesContent_list_icon img{ height: 70px;} .AScenes .AScenesContent .AScenesContent_list .AScenesContent_list_title{ margin-top: 18px;} .PSystem .PSystem_content .content_list_dd{ line-height: 1.5;} .HProduct .HProduct_content.active{ justify-content: space-between;} .HProduct .HProduct_content.active .HProduct_content_list{ width: calc(50% - 100px); margin-right: 0px;} .ServiceNetwork .ServiceNetwork_content .ServiceNetwork_content_list .content_list_dt{ height: 63px;} } @media screen and (max-width:980px){ /*ipad-x*/ .padding85{ padding: 45px 0px;} .Footer{ padding: 50px 0px;} .Honor .Honor_Nav{ padding: 0px 50px;} .ServiceNetwork .ServiceNetwork_img{ height: 700px;} .Footer .pc_all_content{ flex-wrap: wrap;} .Footer .pc_all_content .Footer_left .Footer_left_logo{ width: 100%;} .Footer .pc_all_content .Footer_left .Footer_left_content{ width: 48%;} .Footer .pc_all_content .Footer_left .Footer_left_img{ margin-top: 0; width: 48%;} .Footer .pc_all_content .Footer_left{ display: flex; flex-wrap: wrap; justify-content: space-between;} .Footer .pc_all_content .Footer_left,.Footer .pc_all_content .Footer_right{ width: 100%;} .Footer .pc_all_content .Footer_left{ margin-bottom: 25px;} .Footer .pc_all_content .Footer_left .Footer_left_logo img{ height: 45px;} .Copyright .pc_all_content{ padding: 20px 0px; flex-wrap: wrap; line-height: 26px;} .HServiceNetwork{ padding-bottom: 0;} .HProduct .HProduct_content .HProduct_content_list{ width: calc(33.333% - 50px); padding: 20px;} .HProduct .HProduct_content .HProduct_content_list .content_list_title{ margin-bottom: 20px;} .HProduct .HProduct_content.active{ justify-content: space-between;} .HProduct .HProduct_content.active .HProduct_content_list{ width: calc(50% - 50px); margin-right: 0px;} .Modernization .Modernization_right,.Modernization .Modernization_left{ width: 100%;} .Modernization .Modernization_left{ margin-bottom: 35px;} .FourPrinciples .pc_all_content .FourPrinciples_right .FourPrinciples_right_list{ padding: 20px;} .FourPrinciples .pc_all_content .FourPrinciples_right .FourPrinciples_right_list .right_list_left{ width: 55px; height: 55px;} .FourPrinciples .pc_all_content .FourPrinciples_right .FourPrinciples_right_list .right_list_right{ width: calc(100% - 80px);} .WCertification .pc_all_content .WCertification_top{ padding-top: 30px;} .WCertification .pc_all_content .WCertification_bottom{ margin-top: 50px;} .DPartner2 .DPartner2_content .DPartner2_content_list{ width: calc(25% - 50px); padding: 20px;} .DPartner2 .DPartner2_content .DPartner2_content_list .content_list_txt{ margin-top: 15px;} .DPService .DPService_content .DPService_content_right .content_right_list{ margin-bottom: 22px;} .CCertification{ min-height: auto;} .CCertification .OnlineClass_right{ padding-left: 180px;} .PCse .PCse_content .PCse_content_list .content_list_icon img{ width: 60px;} .FourVersions .HProduct_content .HProduct_content_list{ width: calc(50% - 50px); padding: 20px; margin-bottom: 20px;} .PEvaluate .PEvaluate_content .PEvaluate_content_list{ width: calc(32% - 30px); padding: 15px;} .PActivity .PActivity_content{ flex-wrap: wrap;} .PActivity .PActivity_content .PActivity_content_left,.PActivity .PActivity_content .PActivity_content_right{ width: 100%;} .PActivity .PActivity_content .PActivity_content_left .content_left_txt{ display: flex; flex-wrap: wrap;} .PActivity .PActivity_content .PActivity_content_left .content_left_txt .left_txt_list{ width: calc(50%); padding: 22px;} .PActivityWindow{ z-index: 8585;} .PActivityWindow .PActivityWindow_content{ width: 84%;} .Api .DDownload_content .DDownload_content_list .content_list_txt{ justify-content: space-between;} .Api .DDownload_content .DDownload_content_list .content_list_txt .list_txt_li{ width: calc(49% - 40px); margin-right: 0;} .HMore .HMore_content .HMore_content_list{ padding: 20px;} .HMore .HMore_content .HMore_content_list .content_list_icon{ margin-bottom: 16px;} .HMore .HMore_content .HMore_content_list .content_list_icon img{ height: 40px;} .HMore .HMore_content .HMore_content_list .content_list_btn{ margin-top: 0;} .Banner .Banner_list .Banner_list_left .list_left_btn,.Banner .Banner_list .Banner_list_left .list_left_btn.martop80{ margin-top: 40px;} .SEvaluation .PEvaluate_content .PEvaluate_content_list{ width: calc(50% - 40px);} .DPService .DPService_content .DPService_content_right{ padding-top: 0px;} .DPService .DPService_content .DPService_content_right .content_right_list .right_list_dd{margin-bottom: 5px; font-size: 14px;} .DPService .DPService_content .DPService_content_right .content_right_list .right_list_dt{font-size: 12px;} .DPService .DPService_content .DPService_content_right .content_right_list{ margin-bottom: 10px;} .News .News_content .News_content_list .content_list_txt .list_txt_dd{ height: auto;} .DPartner .DPartner_content .DPartner_content_list .content_list_li{ flex-wrap: wrap; padding-left: 0px; text-align:center; justify-content:center;} .DPartner .DPartner_content .DPartner_content_list .content_list_li span{ display: inline-block; width: 100%; margin-bottom: -20px; text-align:center;} .DPartner .DPartner_content .DPartner_content_list .content_list_li span img{ margin-right: 0px; height: 44px;} .DPLogo .DPLogo_content .DPLogo_content_list{ width:calc(34% - 61px);} .LNews .LNews_top .LNews_top_list .top_list_right .list_right_title .right_title_dd{-webkit-line-clamp: 1; margin-bottom: 10px;} .LNews .LNews_top .LNews_top_list .top_list_right .list_right_txt{-webkit-line-clamp: 2;} .AssemblyCenter .LNews_top .LNews_top_list .top_list_right .list_right_btn{ margin-top: 20px;} .LNews .LNews_top .LNews_top_list .top_list_right .list_right_title .right_title_dt{ margin-bottom: 20px;} .Banner .Banner_list{ padding: 50px 0px;} .HProduct .HProduct_content .HProduct_content_list .content_list_txt .list_txt_li{ width:50%;} .PCse .PCse_content.center .PCse_content_list{width: calc(49% - 60px);} .AScenes .AScenesContent .AScenesContent_list .AScenesContent_list_icon img{ height: 60px;} .AScenes .AScenesContent .AScenesContent_list .AScenesContent_list_title{ margin-top: 15px;} } @media screen and (max-width:766px){ /*iphone*/ .padding85,.padding55{ padding: 40px 0px;} .Footer{ padding: 40px 0px;} .title .title_dd{ line-height: 1.5;} .Honor .Honor_Nav{ padding: 0px;} .More{ margin-top: 30px;} .btn{ padding: 6px 12px;} .m-header-nav .sp_btn{ right: 60px;} .DNav{ overflow: auto; top: -56px; margin-bottom: -56px;} .DNav .DNav_content{ width: 580px; justify-content: flex-start; align-items: inherit;} .DNav .DNav_list{ width: 100%; margin-right: 0; text-align: center; line-height: 1.5 !important; padding: 16px 0px; display: flex; align-items:center; justify-content:center;} .DNav .DNav_list:first-child{ margin-left: 20px;} .DNav .DNav_list:last-child{ margin-right: 20px;} .DNav .DNav_list::before{ height: 2px;} .About .pc_all_content{ flex-wrap: wrap;} .About .pc_all_content .About_right{ width: 28%;} .About .pc_all_content .About_left,.About .pc_all_content .About_right{ width: 100%;} .About .pc_all_content .About_right{ margin-top: 25px; padding: 0px 25%;} .History .History_Nav{ display: none;} .History .History_content .History_content_list .content_list_time::before{ left: 25px;} .History .History_content .History_content_list .content_list_time:before{ width: calc(100% - 35px) !important;} .History .History_content .swiper-container{ pointer-events: inherit; } .History .History_content .swiper-button-prev,.History .History_content .swiper-button-next{ display: block; background: #0FD05D; display: flex; align-items: center; justify-content: center;} .History .History_content .swiper-button-prev::after,.History .History_content .swiper-button-next::after{ color: #fff; font-size: 20px;} .History .History_content .History_content_list .content_list_time{color: #0fd05d; padding: 0px 25px;} .History .History_content .History_content_list .content_list_time:before{ width: 100%;} .History .History_content .History_content_list .content_list_txt .list_txt_list{ padding: 0px 25px;} .Ranking .Ranking_content{ flex-wrap: wrap;} .Ranking .Ranking_content .Ranking_content_list{ width: 100%; border: 2px solid #FAFAFA;} .Ranking .Ranking_content .Ranking_content_list .content_list_title{ margin-bottom: 10px;} .Honor .Honor_Nav{ margin-bottom: 30px;} .Honor .Honor_content .Honor_content_list{flex-wrap: wrap; justify-content: space-between;} .Honor .Honor_content .Honor_content_list .content_list_li{ width: 100%; margin-right: 0; margin-bottom: 4%;} .Honor .Honor_content .Honor_content_list .content_list_li .list_li_img{ padding: 14px; height: 80px;} .Honor .Honor_content .Honor_content_list .content_list_li .list_li_img img{ max-height: 60px;} .News .News_content{flex-wrap: wrap;} .News .News_content .News_content_list{ width: 100%; margin-bottom: 20px;} .News .News_content .News_content_list:last-child{ margin-bottom: 0;} .Join{ display: flex; flex-direction: column-reverse;} .Join .pc_all_content{ flex-wrap: wrap;} .Join .Join_right{ position: relative; width: 100%;} .Join .Join_left{ width: 100%; padding: 30px 0px; text-align:center;} .Join .Join_left .Join_left_logo{ margin-bottom: 20px; align-items:center;} .Join .Join_left .Join_left_logo img{ width: 55px; display: inline-block; margin-bottom: 10px;} .ServiceNetwork .pc_all_content{ top: 40px;} .ServiceNetwork .ServiceNetwork_img{ height: 1080px;} .ServiceNetwork .ServiceNetwork_content{ flex-wrap: wrap;} .ServiceNetwork .ServiceNetwork_content .ServiceNetwork_content_lister{ width: 100%; margin-bottom: 25px;} .ServiceNetwork .ServiceNetwork_content .ServiceNetwork_content_list .content_list_dt{ height: auto;} .Footer .pc_all_content .Footer_right .Footer_right_list{ width: 100% !important; margin-bottom: 25px !important;} .Footer .pc_all_content .Footer_right .Footer_right_list:last-child{ margin-bottom: 0 !important;} .Footer .pc_all_content .Footer_right .Footer_right_list .right_list_dt{ display: flex; flex-wrap: wrap;} .Footer .pc_all_content .Footer_right .Footer_right_list .right_list_dt p{ margin-right: 15px;} .Footer .pc_all_content .Footer_left .Footer_left_logo{ text-align: center;} .Footer .pc_all_content .Footer_left .Footer_left_logo img{ height: 35px;} .Footer .pc_all_content .Footer_left .Footer_left_content{ width: calc(100% - 150px);} .Footer .pc_all_content .Footer_left .Footer_left_img{ width: 100px;} .Copyright .pc_all_content a,.Copyright .pc_all_content{ font-size: 13px; line-height: 22px;} .LNews .LNews_top .LNews_top_list{ display: block;} .LNews .LNews_top .LNews_top_list .top_list_left,.LNews .LNews_top .LNews_top_list .top_list_right{ width: 100%;} .LNews .LNews_top .LNews_top_list .top_list_right{ width: 100%; padding: 20px; box-sizing: border-box;} .LNews .LNews_content .LNews_content_list{ width: 100%; padding: 15px; background: #fff !important; border: 1px solid #f5f5f5;} .LNews .LNews_content .LNews_content_list:nth-child(2n){background: #f5f5f5 !important;} .LNews .LNews_content .LNews_content_list .content_list_title{ height: 48px;} .LNews .LNews_top .LNews_top_list .top_list_right .list_right_title .right_title_dd{ margin-bottom: 12px;} .LNews .LNews_top .LNews_top_list .top_list_right .list_right_title .right_title_dt{ margin-bottom: 10px;} .swiper-button{ justify-content: center;} .LNews .LNews_content .LNews_content_list:hover{ background: #33DE72 !important;} .LHonor .LHonor_content{ flex-wrap: wrap;} .LHonor .LHonor_nav{ width: 100%; margin-bottom: 25px; border-left: 0px;} .LHonor .LHonor_nav ul{ justify-content: space-between; display: flex; flex-wrap: wrap;} .LHonor .LHonor_nav ul li{ width: 48%; text-align: center; border: 1px solid #dcdcdc; margin-bottom: 4% !important; line-height: 40px !important; padding-left: 0px;} .LHonor .LHonor_nav ul li.on{ background: #0FD05D; border: 1px solid #0FD05D; color: #fff;} .LHonor .Honor_content{ width: 100%;} .LHonor .LHonor_nav ul li:before{ display: none;} .Contact .Contact_Way .Contact_Way_content, .Contact .Contact_Address .Contact_Address_content{ padding-left: 0;} .Contact .Contact_Way .Contact_Way_content .Way_content_list{ padding: 15px; width: 100%;} .Contact .Contact_Address{ margin-top: 20px;} .Contact .Contact_Address .Contact_Address_content .Address_content_list{ padding: 22px 15px; display: block;} .Contact .Contact_Address .Contact_Address_content .Address_content_list .content_list_left,.Contact .Contact_Address .Contact_Address_content .Address_content_list .content_list_right{ width: 100%;} .Contact .Contact_Address .Contact_Address_content .Address_content_list .content_list_left{ margin-bottom: 15px;} .LJoin .LJoin_content{ padding-left: 0px;} .LJoin .LJoin_content .LJoin_content_list{ padding: 30px 0px;} .LJoin .LJoin_content .LJoin_content_list:first-child{ padding-top: 15px;} .content_list_video{ z-index: 12121212;} .content_list_video .list_video_content{ width: 92%;} .NewsDetails .NewsDetails_top{ padding: 25px 0px; display: block;} .NewsDetails .NewsDetails_top .NewsDetails_top_left,.NewsDetails .NewsDetails_top .NewsDetails_top_right{ padding: 0; width: 100%;} .NewsDetails .NewsDetails_top .NewsDetails_top_left{ margin-bottom: 22px;} .NewsDetails .NewsDetails_content{ padding: 25px 0px;} .NewsDetails .NewsDetails_content .NewsDetails_contentleft{ max-width: 100%;} .NewsDetails .NewsDetails_content .NewsDetails_share{ display: none;} .NewsDetails .NewsDetails_page{ padding: 25px 0px; flex-wrap: wrap;} .NewsDetails .NewsDetails_page .NewsDetails_page_list{ max-width: 100%;} .NewsDetails .NewsDetails_page .NewsDetails_page_list:last-child{ margin-top: 20px;} .LNews .LNews_top{ position: relative;} .swiper-button{ position: absolute; left: 0; top: 25%; height: 0px; width: 100%; justify-content: space-between;} .swiper-button .swiper-button-prev,.swiper-button .swiper-button-next{ margin-top: 0;background: #33DE72; width: 27px; height: 44px; opacity: .8;} .DBanner .DBanner_img video{ display: none;} .DBanner .DBanner_img .mo_img{ display: block; width: 100%; height: calc(100vh - 62px); object-fit: cover;} .Banner .Banner_list{ padding: 40px 0px; flex-direction: column-reverse;} .Banner .Banner_list .Banner_list_left{ margin-top: 25px;} .Banner .Banner_list .Banner_list_left,.Banner .Banner_list .Banner_list_right{ width: 100%;} .Banner .Banner_list .Banner_list_right{ text-align: center;} .Banner .Banner_list .Banner_list_right img{ max-width: 70%;} .Banner .Banner_list .Banner_list_left .list_left_dt{ line-height: 1.5;} .Banner .Banner_list .Banner_list_left .list_left_btn{ margin-top: 30px;} .HomeNav .pc_all_content{ flex-wrap: wrap;} .HomeNav .HomeNav_list{ width: 100%; margin-bottom: 10px; padding: 20px;} .HomeNav .HomeNav_list:last-child{ margin-bottom: 0;} .HomeNav .HomeNav_list .HomeNav_list_icon img{ width: 40px;} .HomeNav .HomeNav_list .HomeNav_list_txt{ width: calc(100% - 65px);} .HomeNav .HomeNav_list .HomeNav_list_txt .list_txt_dt{ margin-top: 0px;} .HProduct .HProduct_content{ flex-wrap: wrap;} .HProduct .HProduct_content .HProduct_content_list.on .content_list_txt.on{ margin-bottom: 30px;} .HProduct .HProduct_content .HProduct_content_list{ width: 100%; margin-bottom: 15px; padding: 20px;} .HProduct .HProduct_content.active .HProduct_content_list{ margin-right: 0px;} .HProduct .HProduct_content .HProduct_content_list:last-child{ margin-bottom: 0;} .HProduct .HProduct_content .HProduct_content_list .content_list_title .list_title_dd{ margin-bottom: 10px;} .HProduct .HProduct_content .HProduct_content_list .content_list_title{ margin-bottom: 15px;} .HProduct .HProduct_content.active .HProduct_content_list{ width: 100%;} .HPlan .HPlan_content{ flex-wrap: wrap;} .HPlan .HPlan_content .HPlan_content_left,.HPlan .HPlan_content .HPlan_content_right{ width: 100%;} .HPlan .HPlan_content .HPlan_content_left{ overflow-x: auto; padding: 0; height: 52px;} .HPlan .HPlan_content .HPlan_content_left ul{ width: 1000px; display: flex; align-items: center;} .HPlan .HPlan_content .HPlan_content_left ul li{ padding: 0px; width: 100%; justify-content: center;} .HPlan .HPlan_content .HPlan_content_left ul li::before{ width: 0px; height: 3px; right: 0; margin: 0 auto; top: 100%;} .HPlan .HPlan_content .HPlan_content_left ul li.on::before{ width: 100%; height: 3px;} .HPlan .HPlan_content .HPlan_content_right .content_right_list .right_list_txt{ flex-wrap: wrap; padding: 20px; display: block; height: auto;} .HPlan .HPlan_content .HPlan_content_right .content_right_list .right_list_txt .list_txt_left{ width: 100%; margin-bottom: 20px;} .OpenSource .OpenSource_content .OpenSource_content_list{ justify-content: space-between} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li{ width: calc(48% - 20px); padding: 20px 10px; margin-right: 0; position: relative; margin-bottom: 4%;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li:last-child{ margin-bottom: 0;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li:nth-child(2n){ right: 1px;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li .list_li_dd img{ width: auto; height: 25px;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li .list_li_dt{ margin-top: 8px;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li:last-child{ width: calc(100% - 23px);} .OpenSource .pc_all_content .OpenSource_prev img, .OpenSource .pc_all_content .OpenSource_next img{ height: 60px;} .OpenSource .pc_all_content .OpenSource_prev, .OpenSource .pc_all_content .OpenSource_next{ top: 42px;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li .list_li_p{ position: relative; opacity: 1; background:none; padding: 0px; width: 100% !important; left: 0 !important; height: auto;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li .list_li_p .li_p_title{ display: none;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li .list_li_p .li_p_txt{ margin-top: 15px; color:#fff; opacity: .8;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li .list_li_p::before{ bottom: auto !important; top: -80px;background: url(../images/Arrow_MoreOn2.svg) no-repeat 50% 50%;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li.active .list_li_p::before{ top: -50px;} .OpenSource .pc_all_content .OpenSource_prev img, .OpenSource .pc_all_content .OpenSource_next img{ height: 70px;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li .list_li_p{ position: relative; opacity: 1; background:none; padding: 0px; width: 100% !important; left: 0 !important; height: auto; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; } .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li:hover .list_li_p{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; } .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li .list_li_p .li_p_title{ display: none;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li .list_li_p .li_p_txt{ margin-top: 15px; color:#fff; opacity: .8;} .OpenSource .OpenSource_content .OpenSource_content_list .content_list_li .list_li_p::before{ bottom: auto !important; top: -50px;background: url(../images/Arrow_MoreOn2.svg) no-repeat 50% 50%;} .CNCF_content { flex-wrap: wrap;} .CNCF .CNCF_content{ margin-bottom: -2%;} .CNCF .CNCF_content .CNCF_content_list{ width: calc(45% - 30px); padding: 15px; margin-right: 4%; margin-bottom: 4%;} .CNCF .CNCF_content .CNCF_content_list .content_list_icon{ width: 40px; height: 40px;} .CNCF .CNCF_content .CNCF_content_list .content_list_icon img{ height: 22px;} .CNCF .CNCF_content .CNCF_content_list .content_list_number{ top: 15px; right: 15px;} .CNCF .CNCF_content .CNCF_content_list .content_list_number img{ height: 14px;} .HServiceNetwork{ padding-bottom: 0;} .HServiceNetwork .HServiceNetwork_top .HServiceNetwork_top_list{ padding-bottom: 20px;} .HServiceNetwork .HServiceNetwork_top .HServiceNetwork_top_list .top_list_dd{ height: 45px;} .HServiceNetwork .HServiceNetwork_top .HServiceNetwork_top_list:last-child .top_list_dd{ font-size: 15px; margin-bottom: 9px;} .HMore .HMore_content .HMore_content_list{ width: 100%; margin-bottom: 15px; padding: 20px 15px;} .HMore .HMore_content .HMore_content_list:last-child{ margin-bottom: 0;} .HMore .HMore_content .HMore_content_list .content_list_icon{ margin-bottom: 18px;} .HMore .HMore_content .HMore_content_list .content_list_icon img{ height: 40px;} .Departure .Departure_img img{ height: 330px;} .Departure .Departure_content .Departure_content_title{ margin-bottom: 20px;} .Departure2 .Departure_img img{ height: 520px; object-fit: cover;} .WCertification{ overflow: hidden;} .WCertification .pc_all_content{ padding: 40px 20px;} .WCertification .pc_all_content .WCertification_top{ padding-top: 40px; display: block;} .WCertification .pc_all_content .WCertification_top .WCertification_top_left,.WCertification .pc_all_content .WCertification_top .WCertification_top_right{ width: 100%;} .WCertification .pc_all_content .WCertification_top .WCertification_top_left{ margin-bottom: 22px;} .WCertification .pc_all_content .WCertification_top .WCertification_top_left .top_left_dd{ margin-bottom: 20px;} .WCertification .pc_all_content .WCertification_bottom{ margin-top: 40px;} .WCertification .pc_all_content .WCertification_bottom .WCertification_bottom_list{ width: 100%; margin-bottom: 15px;} .WCertification .pc_all_content .WCertification_bottom .WCertification_bottom_list:last-child{ margin-bottom: 0;} .WCertification .pc_all_content .WCertification_bottom .WCertification_bottom_list .bottom_list_top .list_top_icon img{ height: 35px;} .WCertification .pc_all_content .WCertification_bottom .WCertification_bottom_list .bottom_list_top .list_top_title{ padding-bottom: 15px; margin-bottom: 15px;} .WDeparture .Departure_content_txt span.font{ font-size: 20px;} .WCertification2 .pc_all_content{ padding: 0px 20px;} .WCertification2 .pc_all_content .WCertification_top{ padding-top: 0;} .WCertification2 .pc_all_content .WCertification_bottom2{ margin-top: 50px;} .WCertification2 .pc_all_content .WCertification_bottom2 .WCertification_bottom2_list{ width: 100%; margin-bottom: 15px;} .WCertification2 .pc_all_content .WCertification_bottom2 .WCertification_bottom2_list:last-child{ margin-bottom: 0;} .WCertification2 .pc_all_content .WCertification_bottom2 .WCertification_bottom2_list .bottom2_list_icon{ width: 55px; height: 55px; margin-bottom: 15px;} .WCertification2 .pc_all_content .WCertification_bottom2 .WCertification_bottom2_list .bottom2_list_title{ height: auto;} .WCertification2 .pc_all_content .WCertification_bottom2 .WCertification_bottom2_list .bottom2_list_btn{ margin-top: 15px;} .WTeam .WTeam_title{ margin-bottom: 40px;} .WTeam .WTeam_content .WTeam_content_list{ width: 100%; margin-bottom: 28px; background: rgba(255,255,255,.1); padding: 25px;} .WTeam .WTeam_content .WTeam_content_list:last-child{ margin-bottom: 0;} .WTeam .WTeam_content .WTeam_content_list .content_list_img{ width: 40%;} .WTeam .WTeam_content .WTeam_content_list .content_list_txt .list_txt_dd{ height: auto;} .WTeam .WTeam_content .WTeam_content_list .content_list_txt{ margin-top: 22px;} .SEvaluation .PEvaluate_content .PEvaluate_content_list{ width: 100%; padding: 20px; margin-bottom: 25px;} .SEvaluation .PEvaluate_content .PEvaluate_content_list:last-child{ margin-bottom: 0;} .SEvaluation .PEvaluate_content .PEvaluate_content_list .content_list_title{ margin-top: 10px;} .DWCertification{ overflow: hidden;} .DWCertification .pc_all_content{ padding: 30px 23px;} .DWCertification .pc_all_content .DWCertification_left .DWCertification_left_title{ margin-bottom: 20px; padding-bottom: 20px;} .DWCertification .pc_all_content .DWCertification_left,.DWCertification .pc_all_content .DWCertification_right{ width: 100%;} .DWCertification .pc_all_content .DWCertification_right{ margin-top: 30px;} .DWCertification .pc_all_content .DWCertification_right .DWCertification_right_dt{ margin-top: 10px;} .Banner.padding0 .Banner_list{ padding: 40px 0px;} .Banner.padding0 .Banner_list .Banner_list_left{ padding: 0;} .Banner .Banner_list .Banner_list_left .list_left_txt{ margin-top: 20px;} .Modernization{ padding-top: 0;} .Modernization .pc_all_content{ display: block;} .Modernization .Modernization_left,.Modernization .Modernization_right{ width: 100%;} .Modernization .Modernization_right{ margin-top: 25px;} .MSystem .MSystem_title{ margin-bottom: 30px;} .MSystem .MSystem_title .MSystem_title_dt{ margin-top: 25px;} .MSystem .MSystemContent .MSystemContent_list{ width: 100%; margin-bottom: 15px; padding: 22px;} .MSystem .MSystemContent .MSystemContent_list:last-child{ margin-bottom: 0;} .MSystem .MSystemContent .MSystemContent_list .MSystemContent_list_icon{ margin-bottom: 5px;} .MSystem .MSystemContent .MSystemContent_list .MSystemContent_list_title{ margin-bottom: 20px;} .MSystem .MSystemContent .MSystemContent_list .MSystemContent_list_icon img{ height: 50px;} .FourPrinciples .pc_all_content .FourPrinciples_left,.FourPrinciples .pc_all_content .FourPrinciples_right{ width: 100%;} .FourPrinciples .pc_all_content .FourPrinciples_left{ margin-bottom: 25px;} .FourPrinciples .pc_all_content .FourPrinciples_left .FourPrinciples_left_dd{ margin-bottom: 10px;} .FourPrinciples .pc_all_content .FourPrinciples_left .FourPrinciples_left_dt{ margin-bottom: 15px;} .FourPrinciples .pc_all_content .FourPrinciples_right .FourPrinciples_right_list{ padding: 25px;} .FourPrinciples .pc_all_content .FourPrinciples_right .FourPrinciples_right_list .right_list_left{ width: 55px; height: 55px;} .FourPrinciples .pc_all_content .FourPrinciples_right .FourPrinciples_right_list .right_list_right{ width: calc(100% - 75px);} .FourPrinciples .pc_all_content .FourPrinciples_right .FourPrinciples_right_list .right_list_right .list_right_dt{ margin-top: 3px;} .SFrame .title{ margin-bottom: 0;} .Banner .Banner_list .Banner_list_left .list_left_t{ margin-bottom: 22px;} .DPartner2 .DPartner2_content .DPartner2_content_list{ width: 100%; margin-bottom: 22px; padding: 25px 20px;} .DPartner2 .DPartner2_content .DPartner2_content_list:last-child{ margin-bottom: 0;} .DPService .DPService_content{ display: block;} .DPService .DPService_content .DPService_content_left,.DPService .DPService_content .DPService_content_right{ width: 100%;} .DPService .DPService_content .DPService_content_left{ margin-bottom: 25px;} .DPService .DPService_content .DPService_content_right{ padding-top: 0;} .DPService .DPService_content .DPService_content_right .content_right_list{ margin-bottom: 20px;} .DPLogo .DPLogo_content .DPLogo_content_l .DPLogo_content_list{ width: calc(48% - 32px); margin-right: 2%; margin-bottom: 2%; padding: 15px; height: 55px; background: #fff; border: 1px solid #F0F0F0; overflow: hidden;} .DPLogo.Case5 .DPLogo_content .DPLogo_content_list img{ max-height: 100px;} .PCAdvantage .PSystem_content{ margin-top: 25px;} .PSystem .PSystem_content .PSystem_content_list,.PSystem .PSystem_content .PSystem_content_list.left{ width: 100%; padding: 22px; margin-bottom: 15px;} .PSystem .PSystem_content .PSystem_content_list:last-child,.PSystem .PSystem_content .PSystem_content_list.left:last-child{ margin-bottom: 0;} .PSystem .PSystem_content .content_list_dd{ margin-bottom: 10px;} .PCFunction .PCFunction_content{ justify-content: space-between;} .PCFunction .PCFunction_content .PCFunction_content_list{ width: calc(100%); padding: 15px; margin-right: 0; margin-bottom: 4%;} .PCFunction .PCFunction_content .PCFunction_content_list .content_list_txt .list_txt_dt{ display: none;} .PCFunction .PCFunction_content .PCFunction_content_list .content_list_po{ display: block; position: relative; padding: 0; left: 0; top: 0; width: 100%; height: auto; transform: inherit; margin-top: 0px; opacity: 1; background: none; box-shadow: 0px 0px 0px;} .PCFunction .PCFunction_content .PCFunction_content_list .content_list_po .list_po_top .po_top_title{ display: none;} .PCFunction .PCFunction_content .PCFunction_content_list .content_list_po .list_po_top .po_top_txt{ color:#666; margin-top: 0px;} .PCFunction .PCFunction_content .PCFunction_content_list.on .content_list_po::after{ display: none;} .PCFunction .PCFunction_content .PCFunction_content_list .content_list_po::before{ bottom: auto; top: -35px; right: 0px;} .PCFunction .PCFunction_content .PCFunction_content_list .content_list_po .list_po_top{ margin-bottom: 20px;} .PCFunction .PCFunction_content .PCFunction_content_list .content_list_po .list_po_bottom .po_bottom_li::before{ top: 2px;} .PCFunction .PCFunction_content .PCFunction_content_list .content_list_po .list_po_bottom .po_bottom_li{ color:#333;} .PEvaluate .PEvaluate_content .PEvaluate_content_list .content_list_bottom .list_bottom_left{ width: 100%;} .PEvaluate .PEvaluate_content .PEvaluate_content_list{ width: 100%; margin-bottom: 20px; padding: 33px 20px;} .PEvaluate .PEvaluate_content .PEvaluate_content_list::before{ display: none;} .PEvaluate .PEvaluate_content .PEvaluate_content_list:last-child{ margin-bottom: 0;} .PEvaluate .PEvaluate_content .PEvaluate_content_list .content_list_title{ margin-bottom: 18px; text-align: left;} .PEvaluate .PEvaluate_content::before,.PEvaluate .PEvaluate_content::after{ display: none;} .PActivity .PActivity_content{ flex-wrap: wrap;} .PActivity .PActivity_content .PActivity_content_right,.PActivity .PActivity_content .PActivity_content_left{ width: 100%;} .PActivity .PActivity_content .PActivity_content_left .content_left_btn{ padding: 12px 0px;} .PActivity .PActivity_content .PActivity_content_left .content_left_txt .left_txt_list{ width: 100%;} .PActivity .PActivity_content .PActivity_content_right .content_right_list .right_list_txt{ padding: 20px;} .PActivity .PActivity_content .PActivity_content_right .content_right_list .right_list_txt .list_txt_dt{ margin-top: 10px;} .PSystem3 .PSystem3_list{ flex-wrap: wrap;} .PSystem3 .PSystem3_list .PSystem3_list_left,.PSystem3 .PSystem3_list .PSystem3_list_right{ width: 100%;} .PSystem3 .PSystem3_list .PSystem3_list_left{ margin-bottom: 22px;} .PSystem3 .PSystem3_list .PSystem3_list_left .list_left_txt2{ margin-top: 12px;} .PCse .PCse_content .PCse_content_list{ width: 100%; margin-bottom: 15px; padding: 23px;} .PCse .PCse_content.center .PCse_content_list{ width: 100%;} .PCse .PCse_content .PCse_content_list .content_list_txt{ display:block;min-height: auto;} .PCse .PCse_content .PCse_content_list .content_list_txt .list_txt_li .txt_li_dd{ width: 100%; margin-right: 15px;} .PCse .PCse_content .PCse_content_list .content_list_txt .list_txt_li .txt_li_dt{ width: 100%;} .PCse .PCse_content .PCse_content_list:last-child{ margin-bottom: 0;} .PCse .PCse_content .PCse_content_list .content_list_po{ position: relative; width: 100%; height: auto; padding: 0px; opacity: .7;margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.2); } .PCse .PCse_content .PCse_content_list .content_list_po:before{ bottom: -10px; right: -10px;} .PCse .PCse_content .PCse_content_list .content_list_po .list_po_dd{ display: none;} .PCse .PCse_content .PCse_content_list .content_list_title{ margin-bottom: 25px;} .PCse .PCse_content .PCse_content_list .content_list_txt .list_txt_li .txt_li_dt{ margin-top: 5px;} .PCse .PCse_content .PCse_content_list .content_list_txt .list_txt_li{ margin-bottom: 12px; display: flex; width: 100%; flex-wrap: wrap;} .PCse .PCse_content .PCse_content_list.active .content_list_txt{ display: none;} .PCse .PCse_content .PCse_content_list .content_list_title{ margin-bottom: 25px; position: relative; padding-bottom: 20px;} .PCse .PCse_content .PCse_content_list .content_list_title::before{ content: ""; display: inline-block; width: 26px; height: 3px; background: #0FD05D; position: absolute; left: 0; bottom: 0;} .PCse .PCse_content .PCse_content_list.active .content_list_po{ border-top: 0px; margin-top: 0px; padding-top: 0px;} .PCse .PCse_content .PCse_content_list.Moresre .content_list_txt{ padding-bottom: 0px; margin-bottom: 0; border-bottom: 0px;} .PSystem3 .PSystem3_list .PSystem3_list_left .list_left_txt .left_txt_li::before{ left: 0;} .PSystem3 .PSystem3_list .PSystem3_list_left .list_left_txt .left_txt_li{ padding-left: 0px;} .HProduct .HProduct_content .HProduct_content_list.free .content_list_title .list_title_dd{ display: flex;} .OnlineClass .OnlineClass_Nav{ position: relative; top: 0; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: inherit; border-left: 0; width: 100%;} .OnlineClass .OnlineClass_Nav a{ width: calc(49%); border: 1px solid #dcdcdc; padding-left: 0; text-align: center; display: inline-block; margin-bottom: 2%; padding: 8px; display: flex; align-items:center; justify-content:center;} .OnlineClass .OnlineClass_Nav a::before{ display: none;} .OnlineClass .OnlineClass_Nav a:last-child{ margin-bottom: 2%;} .OnlineClass .OnlineClass_Nav a.on{ background: #0FD05D; color: #fff; border: 1px solid #0FD05D;} .OnlineClass .OnlineClass_right{ padding-left: 0; margin-top: 25px;} .OnlineClass .OnlineClass_feature{margin-bottom: 32px;} .OnlineClass .OnlineClass_feature .OnlineClass_feature_content .feature_content_list{ width: 100%; padding: 22px 25px; margin-bottom: 15px;} .OnlineClass .OnlineClass_feature .OnlineClass_feature_content .feature_content_list:last-child{ margin-bottom: 0;} .OnlineClass .OnlineClass_feature .OnlineClass_feature_content .feature_content_list .content_list_dt{ margin-top: 10px;} .OnlineClass .OnlineClass_lecturer{margin-bottom: 32px;} .OnlineClass .OnlineClass_lecturer .swiper-button{ top: 45%;} .OnlineClass .OnlineClass_study .OnlineClass_study_cotnent .study_cotnent_li .study_cotnent_txt .cotnent_txt_list{ display: block;} .OnlineClass .OnlineClass_study .OnlineClass_study_cotnent .study_cotnent_li .study_cotnent_txt .cotnent_txt_list .txt_list_left{ width: 100%;} .OnlineClass .OnlineClass_study .OnlineClass_study_cotnent .study_cotnent_li .study_cotnent_txt .cotnent_txt_list .txt_list_right{ margin-top: 20px;} .CaseList .OnlineClass_Nav a{ height: 60px;} .CCertification .OnlineClass_right{ padding-left: 0; margin-top: 30px;} .CCertification .OnlineClass_right .CCertification_content_txt{ justify-content: space-between;} .CCertification .OnlineClass_right .CCertification_content_txt .content_txt_list{ margin-right: 0; width: 48%; margin-bottom: 4%;} .DBanner .pc_img{ height: calc(100vh - 64px); object-fit: cover;} .DBanner .DBanner_txt .DBanner_txt_bottom{ margin-top: 20px;} .DDownload_search .pc_all_content .DDownload_icon1 img, .DDownload_search .pc_all_content .DDownload_icon2 img{ display: none;} .DDownload_search .DDownload_search_form .search_form_con{ background: #fff;} .DDownload .DDownload_content .DDownload_content_list{ flex-wrap: wrap;} .DDownload .DDownload_content .DDownload_content_list .content_list_txt{ justify-content: space-between; margin-bottom: -20px; padding-right: 0px;} .DDownload .DDownload_content .DDownload_content_list .content_list_txt .list_txt_li{ width: 100%; margin-right: 0; padding: 15px; margin-bottom: 20px;} .DDownload .DDownload_content .DDownload_content_list .content_list_txt .list_txt_li .txt_li_icon{ width: 40px; height: 40px;} .DDownload .DDownload_content .DDownload_content_list .content_list_txt .list_txt_li .txt_li_icon img{ height: 26px;} .DDownload .DDownload_content .DDownload_content_list .content_list_txt .list_txt_li .txt_li_more span img{ height: 14px;} .DDownload .DDownload_content .DDownload_content_list .content_list_txt .list_txt_li .txt_li_more{ margin-top: 10px; position: relative; top:0; right: 0;} .DDownload .DDownload_content .DDownload_content_list .content_list_txt .list_txt_li .txt_li_title{ white-space: break-spaces;} .DDownload .DDownload_content .DDownload_content_list .content_list_txt,.DDownload .DDownload_content .DDownload_content_list .content_list_title{ width: 100%;} .PChallenge .PChallenge_content{ margin-bottom: 0px;} .PChallenge .PChallenge_content .PChallenge_content_list{ padding-left: 0; border-left: 0; width: calc(100%); margin-bottom: 20px; border: 1px solid #ededed; padding: 20px;} .PChallenge .PChallenge_content .PChallenge_content_list:last-child{ margin-bottom: 0px;} .PChallenge .PChallenge_content .PChallenge_content_list .content_list_icon{ margin-bottom: 14px;} .PChallenge .PChallenge_content .PChallenge_content_list .content_list_icon img{ height: 50px;} .OnlineClass .OnlineClass_lecturer .OnlineClass_lecturer_content .lecturer_content_list .content_list_img{ margin: 0 auto;} .OnlineClass .OnlineClass_lecturer .OnlineClass_lecturer_content .lecturer_content_list .content_list_txt{ text-align: center; margin-top: 25px;} .OnlineClass .OnlineClass_lecturer .OnlineClass_lecturer_content .lecturer_content_list .content_list_txt .list_txt_dd{ font-size: 16px;} .OnlineClass .OnlineClass_study .OnlineClass_study_cotnent .study_cotnent_li .study_cotnent_txt .cotnent_txt_list{ padding: 20px;} .OnlineClass .OnlineClass_study .OnlineClass_study_cotnent .study_cotnent_li .study_cotnent_txt .cotnent_txt_list .txt_list_left .list_left_dd{ font-size: 16px;} .Api .Api_content{ margin-top: 20px;} .Api .Api_content .Api_content_list{ margin-right: 0; width: 100%; margin-bottom: 20px;} .Api .Api_content .Api_content_list:last-child{ margin-bottom: 0;} .Copyright .pc_all_content span{ display: none;} .Banner.BAppliance .Banner_list .Banner_list_right{ width: 100%;} .Banner.BAppliance .Banner_list .Banner_list_right img{ max-width: 100%;} .Appliance{ padding-top: 20px;} .Appliance .pc_all_content .Appliance_list{ width: 100%; padding: 18px; margin-bottom: 15px; display: flex; align-items: center;} .Appliance .pc_all_content .Appliance_list:last-child{ margin-bottom: 0;} .Appliance2.bg .PSystem3_list .PSystem3_list_right::before{ display: none;} .Appliance2.bg::after{ display: none;} .Appliance .pc_all_content .Appliance_list .Appliance_list_txt .list_txt_dt span{ position: relative; top: 0; display: inline-block; margin-left: 10px;} .Appliance .pc_all_content .Appliance_list .Appliance_list_icon{ margin-bottom: 0px; margin-right: 20px;} .Appliance .pc_all_content .Appliance_list .Appliance_list_txt .list_txt_dd{ margin-bottom: 0px;} .Appliance .pc_all_content .Appliance_list .Appliance_list_icon img{ height: 45px;} .AScenes .AScenesContent .AScenesContent_list{ width: calc(50% - 31px); padding: 15px;} .AScenes .AScenesContent .AScenesContent_list .AScenesContent_list_icon{ justify-content: center; align-items: center;} .AScenes .AScenesContent .AScenesContent_list .AScenesContent_list_icon img{ height: 50px;} .AScenes .AScenesContent .AScenesContent_list .AScenesContent_list_title{ margin-top: 12px; text-align: center;} .AScenes .AScenesContent .AScenesContent_list:nth-child(2n){ border-right: 0;} .AScenes .AScenesContent .AScenesContent_list:nth-child(3){ border-right: 1px solid #595959;} .AScenes .AScenesContent .AScenesContent_list .AScenesContent_list_title span{ margin-left: 0; width: 100%; display: inline-block;} .PCse2 .PCse_content{ margin-bottom: 0;} .HSpecification .HSpecificationContent .HSpecificationContent_table .HSpecificationContent_table_list{ padding: 20px 10px; flex-wrap: wrap;} .HSpecification .HSpecificationContent .HSpecificationContent_title .HSpecificationContent_title_list{ line-height: 50px !important; width: 35%;} .HSpecification .HSpecificationContent .HSpecificationContent_table .HSpecificationContent_table_list .table_list_li{ width: 100% !important;} .HSpecification .HSpecificationContent .HSpecificationContent_table .HSpecificationContent_table_list .table_list_li:nth-child(1) span{ margin-top: 5px;} .HSpecification .HSpecificationContent .HSpecificationContent_table .HSpecificationContent_table_list .table_list_li:nth-child(2){ margin: 10px 0px;} .DWCertification2 .pc_all_content .DWCertification_left .DWCertification_left_txt{ flex-wrap: wrap;} .DWCertification2 .pc_all_content .DWCertification_left .DWCertification_left_txt .left_txt_list{ width: 100%;} .MCertification .MCertification_content .MCertification_content_list{ width: 100%; border-right: 0px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;} .MCertification .MCertification_content .MCertification_content_list:last-child{ border-bottom: 0px;} .Case1{ padding: 40px 0px;} .Case1 .PChallenge_content .PChallenge_content_list{ padding: 20px; width: calc(100%); display: block; margin-bottom: 20px;} .Case1 .PChallenge_content .PChallenge_content_list .content_list_txt{ width: 100%;} .Case2 .Case2_content .Case2_content_list{ width: 100%; margin-bottom: 20px;} .Case3 .Departure_img img{ height: 620px;} .Case3 .Case3_content{ display: block; padding: 40px 0px;} .Case3 .Case3_content .Case3_content_left .content_left_title{ margin-bottom: 22px;} .Case3 .Case3_content .Case3_content_left,.Case3 .Case3_content .Case3_content_right{ width: 100%;} .Case3 .Case3_content .Case3_content_right{ margin-top: 30px;} .Case3 .Case3_content .Case3_content_right a{ padding: 10px; left: 0 !important; width: 48%; box-sizing: border-box;} .Case2 .Case2_content{ margin-top: 40px;} .Case4 .PCse_content .PCse_content_list:nth-child(1){ margin-right: 0px;} .Case5 .Case5_content .Case5_content_list{ width: 42%;} .PSystem .PSystem_content .content_list_dd{ margin-top: 12px;} .PSystem .PSystem_content .content_list_icon img{ height: 38px;} .PActivity .PActivity_icon{ margin-bottom: 20px;} .PActivity .PActivity_icon img{ height: 110px;} .PCse .PCse_content .PCse_content_list .content_list_icon img{ width: 33px;} .ServiceNetwork .pc_all_content{ padding-top: 0px;} .ServiceNetwork .ServiceNetwork_content{ padding: 0px;} .NewsDetails .NewsDetails_page .NewsDetails_page_list{ width: 100%;} .DWCertification .pc_all_content .DWCertification_left{ margin-bottom: 0; padding-bottom: 22px;} .DDownload .DDownload_content .DDownload_content_list .content_list_title{ padding-top: 0px; padding-right: 0px;} .DDownload .DDownload_content .DDownload_content_list{ margin-bottom: 20px; padding-bottom: 30px;} .CaseBanner .CaseBannerImg img{ height: 155px; width: 100%; object-fit:cover;} .CaseBanner .CaseBanner_title{ max-width: 100%; background: rgba(33,33,33,1); position: relative; padding: 35px 6%;} .CaseBanner .CaseBanner_title .CaseBanner_title_dt{ margin: 15px 0px;} .CaseTop .CaseTop_list{ width: 100%; margin-bottom: 20px; padding: 20px 10px;} .CaseTop .CaseTop_list:last-child{ margin-bottom: 0px;} .CaseTop .CaseTop_list .CaseTop_list_icon{ display: flex;} .CaseTop .CaseTop_list .CaseTop_list_icon img{ height: 40px;} .CaseTop .CaseTop_list .CaseTop_list_title .list_title_dd{ margin: 5px 0px;} .Case2Challenge .Case2Challenge_content{ flex-wrap: wrap;} .Case2Challenge .Case2Challenge_content .Case2Challenge_content_list{ width: 100%; margin-bottom: 25px;} .Case2Challenge .Case2Challenge_content .Case2Challenge_content_list:last-child{ margin-bottom: 0px;} .Case2Challenge .Case2Challenge_content .Case2Challenge_content_list .content_list_icon img{ height: 50px;} .Case2Challenge .Case2Challenge_content .Case2Challenge_content_list .content_list_txt .list_txt_dd{ margin: 10px 0px;} .Case2Challenge .Case2Challenge_content .Case2Challenge_content_list .content_list_txt .list_txt_dt .txt_dt_li{ margin-bottom: 10px;} .CaseSolution .CaseSolution_content .CaseSolution_content_img,.CaseSolution .CaseSolution_content .CaseSolution_content_txt{ width: 100%;} .CaseSolution .CaseSolution_content .CaseSolution_content_txt{ margin-top: 25px;} .CaseSolution .CaseSolution_content .CaseSolution_content_txt .content_txt_list{ margin-bottom: 20px;} .CaseSolution .CaseSolution_content.on .CaseSolution_content_txt .content_txt_list,.CaseTop.CaseTopCon3 .CaseTop_list,.CaseTop2 .pc_all_content .CaseTop2_left,.CaseTop2 .pc_all_content .CaseTop2_right{ width: 100%;} .CaseTop2 .pc_all_content .CaseTop2_left{ margin-bottom: 20px;} .CaseTop3 .CaseTop_list .CaseTop_list_title{ margin-top: 20px;} .CaseTop2 .pc_all_content .CaseTop2_right .CaseTop_list{ width: 100%;} .CaseChallenge .PChallenge_content{ margin-bottom: 0px;} .CaseChallenge .PChallenge_content .PChallenge_content_list{ padding: 13px; border: 1px solid #DDDDDD; margin-bottom: 4%;} .AssemblyCenter .AssemblyCenter_content .AssemblyCenter_content_list .content_list_txt .list_txt_li .txt_li_right .li_right_icon{ display: none;} .AssemblyCenter .AssemblyCenter_content .AssemblyCenter_content_list .content_list_txt .list_txt_li .txt_li_right{ padding: 18px; width: calc(100% - 120px);} .AssemblyCenter .AssemblyCenter_content .AssemblyCenter_content_list .content_list_txt .list_txt_li .txt_li_right .li_right_dd{ margin-bottom: 10px;} .AssemblyCenter .AssemblyCenter_content .AssemblyCenter_content_list .content_list_txt .list_txt_li .txt_li_img{ width: 120px;} .AssemblyCenter2 .AssemblyCenter2_content .AssemblyCenter2_content_list .content_list_dt{ justify-content: space-between;} .AssemblyCenter2 .AssemblyCenter2_content .AssemblyCenter2_content_list .content_list_dt .list_dt_li{ width: 48%; margin-bottom: 4%;} .AssemblyCenter2 .AssemblyCenter2_content .AssemblyCenter2_content_list{ margin-bottom: 20px;} .AssemblyCenterBanner .pc_img,.AssemblyCenterBanner{ height: 320px;} .DBanner .DBanner_txt .DBanner_txt_top .txt_top_p{ margin-top: 15px;} .AssemblyCenter .LNews_content .LNews_content_list{ width: 50%;} .CWindow{ z-index: 1165; } .CWindow .CWindowBg_content{ width: calc(88% - 40px); padding: 20px;} .CWindow .CWindowBg_content .CWindowBg_content_form .content_form_list{ justify-content: space-between; margin-bottom: 8px;} .CWindow .CWindowBg_content .CWindowBg_content_form .content_form_list input{ padding: 6px 15px; width: 100%;} .CWindow .CWindowBg_content .CWindowBg_content_form .content_form_list::before{ left:-15px;} .CWindow .CWindowBg_content .CWindowBg_content_form .content_form_list.Code{ flex-wrap: wrap;} .CWindow .CWindowBg_content .CWindowBg_content_form .content_form_list.Code input{ width: calc(100% - 0px);} .CWindow .CWindowBg_content .CWindowBg_content_form .content_form_list.Code span{ margin-left: 0px; width: 90px; line-height: 40px !important; display: inline-block; width: 100%;} .CWindow .form_VCode_Privacy .VCode_Privacy_btn{ font-size: 12px;} .CWindow .form_VCode_Privacy .VCode_Privacy_btn a{ font-size: 12px;} .CaseList .CaseList_list .CaseList_list_content .list_content_li{ width: 100%; margin-right: 0px; margin-bottom: 20px;} .AssemblyCenterBanner .DBanner_txt .DBanner_txt_top .txt_top_p{ width: 100%;} .CaseList{ margin-top: 0px !important;} .DPartner .DPartner_nav ul li{ line-height: 1.5 !important; padding: 20px;} .DPartner .DPartner_content .DPartner_content_list .content_list_li{ width:50%; padding-left:0; justify-content:center; height: auto; padding: 20px 10px;} .DPartner .DPartner_content .DPartner_content_list .content_list_li span{ margin-bottom: 0px;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt{ margin-top: 0px;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt .list2_txt_li{ width: 100%; padding: 20px; border-bottom: 1px solid #DDDDDD;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt .list2_txt_li:last-child{ width: 100%; border-bottom: 0px;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt .list2_txt_li:nth-child(2n){ border-right: 0px;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt .list2_txt_li .txt_li_icon img{ height: 48px;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt .list2_txt_li .txt_li_dd{ margin-top: 15px;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt .list2_txt_li .txt_li_po{ position: relative; top:0 ;left: 0; margin-top: 15px; opacity: 1;height: auto; box-shadow: 0px 0px 0px; padding: 0px; background:#fff; width: 100%;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt .list2_txt_li .txt_li_po .li_po_title{ margin-bottom: 20px; display: none;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt .list2_txt_li:hover .txt_li_po{ -webkit-transform: scale(1);} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt .list2_txt_li .txt_li_po .li_po_txt{ color:#666;} .DPartner3 .DPartner3_content .DPartner3_content_list{ width: 100%; padding: 20px; display: flex; align-items:center; border-right: 0px; justify-content: space-between;} .DPartner3 .DPartner3_content .DPartner3_content_list .content_list_icon{ width: 60px;} .DPartner3 .DPartner3_content .DPartner3_content_list .content_list_icon img{ height: 60px;} .DPartner3 .DPartner3_content .DPartner3_content_list .content_list_content{ width:calc(100% - 80px);} .DPartner3 .DPartner3_content .DPartner3_content_list .content_list_content .list_content_dd{ margin-top: 0px; margin-bottom: 10px;} .YBanner3.padding0 .Banner_list .Banner_list_left{ width: 100%;} .Banner .Banner_list .Banner_list_left .list_left_btn.martop80{ margin-top: 30px;} .Tour .TourContent .TourContent_list .TourContent_list_left,.Tour .TourContent .TourContent_list .TourContent_list_right{ width: 100%;} .Tour .TourContent .TourContent_list .TourContent_list_left:before{ display: none;} .Tour .TourContent .TourContent_list .TourContent_list_left{ padding: 15px 0px;} .Tour .TourContent .TourContent_list .TourContent_list_right{ flex-wrap: wrap;} .Tour .TourContent .TourContent_list .TourContent_list_right .list_right_li{ width: 100%; padding: 22px; margin-bottom: 15px;} .Tour .TourContent .TourContent_list .TourContent_list_right .list_right_li:before{ display: none;} .Tour .TourContent .TourContent_list .TourContent_list_right .list_right_li:last-child{ margin-bottom: 0px;} .PSystem3 .PSystem3_list .PSystem3_list_left .list_left_txt{ margin-top: 18px;} .PSystem3 .PSystem3_list .PSystem3_list_left .list_left_title .left_title_dt{ margin-top: 12px;} .Case5 .Case5_content{ justify-content: space-between;} .Case5 .Case5_content .Case5_content_list{ margin-right: 0px;} .Case5 .Case5_content .Case5_content_list:nth-child(2n){ margin-right: 0px;} .AssemblyCenter2 .AssemblyCenter2_content .AssemblyCenter2_content_list .content_list_dt .list_dt_li{ margin-right: 0px;} .Case2Challenge .Case2Challenge_content.on .Case2Challenge_content_list{ min-height: auto;} .CaseSolution .CaseSolution_content .CaseSolution_content_txt .content_txt_list{ width: 100%;} .Departure2 .Departure_content .Departure_content_txt{ margin-bottom: 22px;} .WCertification .pc_all_content .WCertification_top .WCertification_top_right .top_right_dt p{ text-align: left;} .HPlan .HPlan_content .HPlan_content_right .content_right_list .right_list_txt .list_txt_left .txt_left_dt{ height: auto;} .Ranking .Ranking_content .Ranking_content_list .content_list_top{ margin-bottom: 15px;} .Join .Join_left{ padding-top: 0px;} .LNews .LNews_Nav{ justify-content: space-between;} .LNews .LNews_Nav .LNews_Nav_list{ margin-right: 0; width: 48%; box-sizing: border-box;} .AroundCommunity{ padding-top: 0px;} .AroundCommunity .AroundCommunityCotnent .AroundCommunityCotnent_list{ width: 48%; margin-bottom: 4%;} .AroundCommunity .AroundCommunityCotnent .AroundCommunityCotnent_list .AroundCommunityCotnent_list_li{ margin-bottom: 10px;} .Banner .Banner_list .Banner_list_left .list_left_p{ margin-top: 15px;} .Banner .Banner_list .Banner_list_left .list_left_dt{ margin-top: 5px;} .CaseList .CaseList_list .CaseList_list_content .list_content_li{ padding-bottom: 25px;} .CaseList .CaseList_list .CaseList_list_content .list_content_li .More{ position: relative; left: 0; bottom: 0; margin-top: 30px;} .CaseList .CaseList_list .CaseList_list_content .list_content_li .list_content_li_po{ display: none;} .CaseList .CaseList_list .CaseList_list_content .list_content_li .content_li_txt{ -webkit-line-clamp: 16; } .Enterprise .EnterpriseDownList .EnterpriseDownList_dd{ font-size: 16px;} .Enterprise .EnterpriseDownList .EnterpriseDownList_dt{ margin-top: 6px;} .HMore .HMore_content .HMore_content_list .content_list_title{ margin-bottom: 15px;} .HMore .HMore_content .HMore_content_list .content_list_title .list_title_dd{ height: auto; margin-bottom: 5px;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt .list2_txt_li .txt_li_dt{ height: auto;} .DPartner .DPartner_content .DPartner_content_list2 .content_list2_txt .list2_txt_li .txt_li_dd{ height: auto;} .DWCertification .pc_all_content .DWCertification_right .DWCertification_right_dt div{ width: 100%;} .CaseList .CaseList_list .CaseList_list_content .list_content_li.hide{ display: none;} .btn2{ padding: 10px;} .DNav .DNav_content{ width: auto;} .EnLNews .EnLNewsList .EnLNewsList_content .EnLNews_list{ width: 100%;} .solutionBanner .CaseBannerImg img{ height: 440px;} .solutionBanner .CaseBanner_title{background: rgba(33,33,33,.8); position: absolute; height: auto; padding: 20px 6%;} .solutionBanner .CaseBanner_title .CaseBanner_title_dt{ margin-top: 0px;} .solutionBanner .CaseBanner_title .CaseBanner_title_p{ margin-bottom: 15px;} .CNCF2 .CNCF2_content .CNCF2_content_list{ width: 100%; padding: 20px; margin-bottom: 20px;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list{ flex-wrap: wrap;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list .top_list_left{ display: flex; width: 100%;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list .top_list_left .list_left_logo{ width: 100%;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list .top_list_left .list_left_logo .left_logo_txt{ padding: 0px;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list .top_list_right{ width: 100%;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list .top_list_right .list_right_list{ width: 33.33%;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list.w30{ width: 100%;} .CNCF3 .CNCF3_content .CNCF3_content_bottom .content_bottom_list{ width: 50%; padding: 17px 0px; margin-right: 0px;} .PSystem3 .title{ padding: 0px 5%;} .CaseList .CaseList_list .CaseList_list_content .list_content_li.hide{ display: none;} .ClickMoTop{ display: flex; align-items:center; justify-content:center; position: fixed; right:2%; bottom: 30px; width: 31px; height: 31px; border-radius: 100%; background:#0fd05d; color:#fff;} .ClickMoTop i{ position: relative; top: -2px; font-size: 16px;} .Case1.PChallenge3 .PChallenge_content .PChallenge_content_list{ width: 100%;} .PActivity .PActivity_content .PActivity_content_left .content_left_txt{ display: none;} .OnlineClass .OnlineClass_img img{ height: 140px;} .AssemblyCenterBanner{ height: auto; background:#1a1c1b;} .AssemblyCenterBanner .pc_img{ object-position: 88%;} .AssemblyCenterBanner .DBanner_img{ height: 280px;} .AssemblyCenterBanner .DBanner_txt{ position: relative; padding: 35px 5%; background:#1a1c1b; max-width: 100%;} .DevSecOpsSolution .YBanner3.padding0 .Banner_list .Banner_list_left{ width: 100%; padding: 0px;} .DevSecOpsSolution .Modernization{ padding-top: 40px;} .DevSecOpsSolution .Modernization .Modernization_right{ width: 100%;} .DevSecOpsSolution .SFrame .SFrame_img img{ width: 100%;} .btn{ text-align:center;} .Honor .Honor_content .Honor_content_list .swiper-button-next, .Honor .Honor_content .Honor_content_list .swiper-button-prev{ display: block;} .Honor .Honor_content .Honor_content_list .content_list_li:before{ width: calc(100% - 3px); } .NewsDetails .NewsDetails_top .NewsDetails_top_left .top_left_title{ font-size: 18px;} .CNCF3 .title .title_dt br{ display: block;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list .top_list_left .list_left_logo .left_logo_title{ height: 48px;} .CNCF3 .CNCF3_content .CNCF3_content_top .content_top_list .top_list_left .list_left_logo .left_logo_txt .logo_txt_dd img{ height: 22px;} .Client .Client_content .Client_content_l{ margin-right: 8px;} .Client .Client_content .Client_content_l .Client_content_list{ width: 90px; height: 90px; padding: 10px; margin-bottom: 8px;} .PActivity .PActivity_content .PActivity_content_right .content_right_list .right_list_txt:before{ bottom: 20px;} .DCWindow .CWindowBg_content{ padding-top: 40px;} .DCWindow .CWindowBg_content .CWindowBg_content_close{ top: 10px; right: 10px;} .EnLNews .EnLNewsList .EnLNewsList_content .EnLNews_list .EnLNews_list_po{ display: none;} .EnLNews .EnLNewsList .EnLNewsList_content .EnLNews_list .EnLNews_list_txt span{ -webkit-line-clamp: 16; } .Honor .Honor_content .Honor_content_list.active .swiper-wrapper{justify-content: flex-start;} .Banner.Home .Banner_list .Banner_list_right{ width: 100%; text-align:center;} .Banner.Home .Banner_list .Banner_list_right img{ position: relative; right: -10px;} .btn:hover{ top: 0px;} .SWindow{ width: 90%; top: 18%;} .SWindow .SWindow_content{width: 100%; box-sizing: border-box;} .OnlineClass .OnlineClass_join .OnlineClass_join_btn .btn .join_btn_down{position: absolute; left: 0; top: auto; width: 100%; box-shadow: 0px 0px 20px rgba(0,0,0,.1); display: none; max-width: 150px; bottom: 100%; right: 0; margin: 0 auto;} }