/* CSS Reset */ body{ user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } body.on{ user-select: auto; -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; } body{color: #222222;overflow-x:hidden;margin:0; padding:0; line-height: 1; font-family:"microsoft yahei",arial,"STXihei";font-size: 14px;} input,select,textarea {border-radius: 0;outline: none;font-family:"microsoft yahei",arial,"STXihei"; border: 0; padding: 0; margin: 0;} input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;} a{font-size: 14px;text-decoration:none;color: #000;} *{box-sizing: border-box;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} *:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} ::after,::before{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;box-sizing: border-box;} .MoShow { display:none;} html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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; vertical-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;} .dflxe{ display: flex;} .jccenter{ justify-content: center;} input[type="submit"],input[type="button"],input[type="radio"],input[type="checkbox"]{ cursor: pointer;} .notBlue{-moz-user-select: none; /* 火狐 */ -webkit-user-select: none; /* webkit浏览器 */ -ms-user-select: none; /* IE10 */ -khtml-user-select: none; /* 早期浏览器 */ user-select: none;} img{max-width: 100%;object-fit: cover;} .content_list_video{display:none; position: fixed; left:0; top:0; z-index: 1250; width: 100%; height: 100%;} .content_list_video.on{display:block;} .content_list_video .list_video_bg{position:fixed;background:rgba(0,0,0,.8);left:0;top:0;width:100%;height:100%;z-index:120;} .content_list_video .list_video_content{width:40%;position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:121;} .content_list_video .list_video_content .video_content_close{cursor:pointer;position:fixed;right:0;top:-35px;} .content_list_video .list_video_content .video_content_close span{color:#fff;font-size:25px;} .content_list_video .list_video_content video{width:100%;} .click_video{cursor:pointer;} /* 弹窗样式 Start */ .message_box{position: fixed; top: 0; bottom: 0; left: 0; right: 0;margin: 0; padding: 0; border: 0;z-index: 999999999;} .message_box .message_box_bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);display: flex; align-items: center; justify-content: center;opacity: 0;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;transition:opacity .2s ease;z-index: 999999999;} .message_box .message_box_content{width: 18%;vertical-align: middle; background-color: #fff; border-radius: 4px; border: 1px solid #ebeef5; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); text-align: left; overflow: hidden; backface-visibility: hidden;} .message_box .message_box_content .content_top{position: relative; padding: 15px 15px 10px;display: flex; align-items: center; justify-content: space-between;} .message_box .message_box_content .content_top .content_top_title{padding-left: 0; margin-bottom: 0; font-size: 18px; line-height: 1; color: #303133;} .message_box .message_box_content .content_top .content_top_close{width: 15px; height: 15px; position: relative; cursor: pointer; display: flex; justify-content: center; align-items: center;} .message_box .message_box_content .content_top .content_top_close .top_close_li{width: 1px; height: 13px; border-radius: 100px;background-color: #909399; position: absolute; top: auto; right: auto; bottom: auto; left: auto;-webkit-transition:background-color .45s ease;-moz-transition:background-color .45s ease;transition:background-color .45s ease;} .message_box .message_box_content .content_top .content_top_close .top_close_left{transform: rotate(45deg);} .message_box .message_box_content .content_top .content_top_close .top_close_right{transform: rotate(315deg);} .message_box .message_box_content .content_top .content_top_close:hover .top_close_li{background: #035593;} .message_box .message_box_content .content_center{padding: 13px 15px;} .message_box .message_box_content .content_center p{color: #606266; font-size: 14px;} .message_box .message_box_content .content_center input{width: 100%; font-size: 14px; padding: 5px; border: 1px solid #606266; border-radius: 4px; color: #606266; } .message_box .message_box_content .content_center input:focus{border-color: #3a8ee6;} .message_box .message_box_content .content_bottom{padding: 10px 15px 15px 15px;text-align: right;} .message_box .message_box_content .content_bottom .content_bottom_btns{display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #035593; border: 1px solid #035593; color: #fff; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0;font-weight: 500; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 9px 17px; font-size: 13px; border-radius: 4px;-webkit-transition:all .45s ease;-moz-transition:all .45s ease;transition:all .45s ease;} .message_box .message_box_content .content_bottom .content_bottom_btns:hover{border-color: #3cb815; background-color: #3cb815;} .pcpopup .message_box_content .content_bottom .content_bottom_btns.no{margin-right: 12px;} .pcpopup .message_box_content .content_bottom .content_bottom_btns.no{border-color:#c1c1c1;background-color: #c1c1c1;color: #ffffff;} .pcpopup .message_box_content .content_bottom .content_bottom_btns.no:hover{border-color: #aaaaaa; background-color: #aaaaaa;} .prompts .message_box_content .content_top .content_top_title{font-size: 17px;} .prompts .message_box_content .content_center{padding: 8px 15px;} .message_box .message_box_bg.on{opacity: 1;} @media screen and (max-width:3820px){.message_box .message_box_content{width: 17%;}} @media screen and (max-width:2490px){.message_box .message_box_content{width: 18%;}} @media screen and (max-width:1920px){.message_box .message_box_content{width: 20%;}.message_box .message_box_content .content_bottom .content_bottom_btns{padding: 8px 15px;font-size: 12px;}} @media screen and (max-width:1740px){.message_box .message_box_content{width: 21%;}} @media screen and (max-width:1680px){.message_box .message_box_content{width: 22%;}} @media screen and (max-width:1560px){.message_box .message_box_content{width: 23%;}} @media screen and (max-width:1440px){.message_box .message_box_content{width: 25%;}} @media screen and (max-width:1366px){.message_box .message_box_content{width: 27%;}} @media screen and (max-width:1280px){.message_box .message_box_content{width: 28%;}} @media screen and (max-width:1240px){.message_box .message_box_content{width: 29%;}} @media screen and (max-width:1024px){.message_box .message_box_content{width: 30%;}} @media screen and (max-width:980px){.message_box .message_box_content{width: 38%;}} @media screen and (max-width:800px){.message_box .message_box_content{width: 80%;border-radius: 5px;}.message_box .message_box_content .content_top{padding: 12px 12px 10px;}.message_box .message_box_content .content_center{padding: 8px 12px;}.message_box .message_box_content .content_center{padding: 7px 12px;}.message_box .message_box_content .content_bottom{padding: 10px 12px 12px 12px;}.message_box .message_box_content .content_bottom .content_bottom_btns{padding: 6px 12px;font-size: 12px;border-radius: 5px;}} /* 弹窗样式 End */ .search{position:fixed;width:100%;height:100%;left:0;top:0;right:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index: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:#197fc3;border:0px;} /* 头部 */ .pc_all .pc_all_content{max-width:1500px;margin:0 auto;width:100%;} .HeaderTop{ background: #f2f2f2;} .HeaderTop .pc_all_content{ display: flex; align-items: center; justify-content: space-between; height: 30px;} .HeaderTop .pc_all_content .HeaderTop_left{ display: flex; align-items: center;} .HeaderTop .pc_all_content .HeaderTop_left .HeaderTop_left_dd{ display: flex; align-items: center;} .HeaderTop .pc_all_content .HeaderTop_left .HeaderTop_left_dd a{ font-size: 12px; color: #197fc3;} .HeaderTop .pc_all_content .HeaderTop_left .HeaderTop_left_dd a::after{ content: "-"; display: inline-block; margin: 0px 5px;} .HeaderTop .pc_all_content .HeaderTop_left .HeaderTop_left_dd a:last-child:after{ display: none;} .HeaderTop .pc_all_content .HeaderTop_left .HeaderTop_left_dt{ margin-left: 24px; font-size: 12px; color: #666666;} .HeaderTop .pc_all_content .HeaderTop_right{ display: flex; align-items: center;} .HeaderTop .pc_all_content .HeaderTop_right a{ font-size: 12px; color: #666666;} .HeaderTop .pc_all_content .HeaderTop_right a::after{ content: "|"; display: inline-block; margin: 0px 8px;} .HeaderTop .pc_all_content .HeaderTop_right a:last-child:after{ display: none;} .Header{ padding: 16px 0px;} .Header .pc_all_content{ display: flex; align-items: center; justify-content: space-between;} .Header .pc_all_content .Header_left{ display: flex; align-items: center;} .Header .pc_all_content .Header_left .Header_left_logo{ display: inline-block; margin-right: 20px;} .Header .pc_all_content .Header_left .Header_left_logo img{ height: 59px;} .Header .pc_all_content .Header_left .Header_left_txt .left_txt_dd{ color: #222222; letter-spacing: 0.1em;} .Header .pc_all_content .Header_left .Header_left_txt .left_txt_dt{ color: #222222; margin-top: 10px;} .Header .pc_all_content .Header_right{ display: flex; align-items: center;} .Header .pc_all_content .Header_right .Header_right_phone{ display: flex; align-items: center;} .Header .pc_all_content .Header_right .Header_right_phone .right_phone_icon{ width: 50px; height: 50px; border-radius: 100%; background: #197fc3; display: flex; align-items: center; justify-content: center; margin-right: 20px;} .Header .pc_all_content .Header_right .Header_right_phone .right_phone_icon img{ width: 25px;} .Header .pc_all_content .Header_right .Header_right_phone .right_phone_title .phone_title_dd{ color: #222222;} .Header .pc_all_content .Header_right .Header_right_phone .right_phone_title .phone_title_dt{ color: #222222; margin-top: 8px;} .Header .pc_all_content .Header_right .Header_right_img{ margin-left: 24px;} .Header .pc_all_content .Header_right .Header_right_img img{ width: 93px;} .HeaderNavHeight{ height: 72px; position: relative;} .HeaderNav{ position: absolute; z-index: 32; top: 0; left: 0; width: 100%; border-bottom:1px solid rgba(255, 255, 255, 0.2); } .HeaderNav.position{ position: fixed; background: #197fc3;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);} .HeaderNav:hover{ background: #197fc3;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);} .HeaderNav .pc_all_content{ display: flex; align-items: center; justify-content: space-between;} .HeaderNav .pc_all_content .HeaderNav_left{ display: flex; align-items: center;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list{ margin-right: 70px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list.relative{ position: relative;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list:last-child{ margin-right: 0;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_title{ color: #fff; display: inline-block; line-height: 72px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down{ display: none; position: absolute; background:#fff; z-index: 2; left:50%; transform: translateX(-50%); top:72px; padding: 20px; width: auto; border-radius: 10px; box-shadow: 0px 0px 20px rgba(0,0,0,.1); z-index: 5;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list:hover .left_list_down{ display: block;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down a{ display: inline-block; width: 100%; color:#666; border-left: 1px solid #999; margin-bottom: 20px; padding-left: 15px;white-space: nowrap;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down a:hover{ border-left: 1px solid #197fc3; color:#197fc3;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down a:last-child{ margin-bottom: 0px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .about_list_down{ background:#fff; position: absolute; left: 0; top: 72px; width: 100%; z-index: 5; overflow: hidden; height:0; opacity:0; box-shadow: 0px 0px 20px rgba(0,0,0,.1)} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list:hover .about_list_down{ height: 395px; opacity:1;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .about_list_down .list_down_width{ display: flex; justify-content: space-between; max-width: 1500px; margin:0 auto; padding-top: 42px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .about_list_down .list_down_width .list_down_left{ width:65%; display: flex; justify-content: space-between; padding-top: 11px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .about_list_down .list_down_width .list_down_left .down_left_list{ width: 24%;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .about_list_down .list_down_width .list_down_left .down_left_list .down_left_list_title{ border-bottom: 1px solid #eaeaea; margin-bottom: 25px; padding-bottom: 15px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .about_list_down .list_down_width .list_down_left .down_left_list .down_left_list_title .list_title_dd{ font-weight: bolder; margin-bottom: 15px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .about_list_down .list_down_width .list_down_left .down_left_list .down_left_list_title .list_title_dt{ color:#666666;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .about_list_down .list_down_width .list_down_left .down_left_list .left_list_txt p a{ color:#666666;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .about_list_down .list_down_width .list_down_left .down_left_list .left_list_txt p a:hover{ color:#197fc3;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .about_list_down .list_down_width .list_down_left .down_left_list .left_list_txt p{ margin-bottom: 22px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .about_list_down .list_down_width .list_down_left .down_left_list .left_list_txt p:last-child{ margin-bottom: 0px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .about_list_down .list_down_width .list_down_right{ width: 20%;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .about_list_down .list_down_width .list_down_right img{ max-width: 100%; border-radius: 10px;} .HeaderNav .pc_all_content .HeaderNav_right{ display: flex; align-items: center;} .HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_right_language{ } .HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_right_language .right_language_dd{ display: flex; align-items: center; color: #fff; cursor: pointer; height: 72px;} .HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_right_language .right_language_dd img{ height: 20px; margin-right: 9px;} .HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_right_language .right_language_dd i{ margin-left: 10px;} .HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_right_language .right_language_dt{position:absolute;top:100%;width:100%;left:50%;transform:translateX(-50%);display:block; z-index: 3; background:rgba(255,255,255,.95); height: 0px; overflow: hidden; opacity: 0;} .HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_right_language:hover .right_language_dt{ height: 220px; padding-top: 45px; opacity: 1;} .HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_right_language:hover .right_language_dt{ display: block;} .HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_right_language .right_language_dt .language_dt_title{ color:#333; font-weight: bolder; max-width: 1500px; margin: 0 auto; margin-bottom: 36px;} .HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_right_language .right_language_dt .language_dt_padding{ display: flex; max-width: 1500px; margin: 0 auto;} .HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_right_language .right_language_dt .language_dt_padding a{display:inline-block; color:#333; margin-right: 75px;} .HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_right_language .right_language_dt .language_dt_padding a:hover{color:#197fc3;} .HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_right_language .right_language_dt .language_dt_padding a.on{color:#197fc3;} .HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_right_search{ margin-left: 23px; cursor: pointer; display: flex;} .HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_right_search img{ height: 20px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .solution_list_down{ background:#fff; position: absolute; left: 0; top: 72px; width: 100%; z-index: 5; overflow: hidden; height:0; opacity:0; box-shadow: 0px 0px 20px rgba(0,0,0,.1)} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .solution_list_down .list_down_width{ display: flex; justify-content: space-between;margin:0 auto; padding-top: 0;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .solution_list_down .list_down_list{width: 17%;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .solution_list_down .list_down_list .down_list_top{width: 100%;border-bottom: 1px solid #eaeaea; margin-bottom: 18px; padding-bottom: 18px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .solution_list_down .list_down_list .down_list_top a{display: inline-block} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .solution_list_down .list_down_list .down_list_bottom{width: 100%; display: flex; flex-direction: column; align-items: flex-start;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .solution_list_down .list_down_list .down_list_bottom a{color: #666666;display: inline-block;margin-bottom: 10px;line-height:1.25;font-size:15px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .solution_list_down .list_down_list .down_list_bottom a:last-child{margin-bottom: 0;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .solution_list_down .list_down_list .down_list_bottom a:hover{color: #197fc3;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2{ position: absolute; background: #fff; left: 0; top: 100%; width: 100%; padding: 0px; height: 0px; overflow: hidden; opacity: 0; box-shadow: 0px 0px 20px rgba(0,0,0,.1);} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .left_list_down_width{ width: 1400px; margin: 0 auto;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_nav{ width: 100%;display: flex; align-items: center; justify-content: center; margin-bottom: 33px; overflow-x: scroll;cursor: all-scroll;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_nav.no{justify-content: flex-start;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_nav::-webkit-scrollbar-track { background-color: #dadada; } .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_nav::-webkit-scrollbar-thumb { background:#e60012; } .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_nav::-webkit-scrollbar-button { background-color: #dadada; } .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_nav::-webkit-scrollbar-corner { background-color: #dadada; } .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_nav::-webkit-scrollbar { width: 0px; height: 0; } .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_nav .down_nav_list{ margin-right: 40px; color: #666; cursor: pointer; white-space: nowrap;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_nav .down_nav_list:last-child{ margin-right: 0;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_nav .down_nav_list.active{ color: #00afec;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_content{ position: relative; height: 300px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_btn{ position: relative; z-index: 10;position: relative; z-index: 10; display: flex; justify-content: center; align-items: center;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_content .down_content_list:nth-child(1){ position: relative;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_content .down_content_list{ position: absolute; left: 0; top: 0; width: 100%; background: #fff; opacity: 0;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_content .down_content_list .content_list_icon{ height: 35px; display: flex; align-items: center; justify-content: center;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_content .down_content_list .content_list_icon.active{ height: 85px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_content .down_content_list .swiper-pagination{ display: none; position: relative;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_content .down_content_list .swiper-pagination span{ margin: 0px 7px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_content .down_content_list .swiper-pagination span.swiper-pagination-bullet-active{ background: #00b0ec;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_content .down_content_list.active{ opacity: 1; z-index: 10;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_content .down_content_list .list_li_img{ border-radius: 6px; overflow: hidden;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_content .down_content_list .list_li_img img{ width: 100%; height: 185px; object-fit: cover;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_content .down_content_list .list_li_title{ margin-top: 25px; text-align: center;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_content .down_content_list .content_list_li:hover .list_li_title{ color: #00b0ec;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_content.list_down_product .down_content_list .content_list_li{ background: #f7f7f7; padding: 35px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_content.list_down_product .down_content_list .content_list_li .list_li_img{ height: 165px; display: flex; align-items: center; justify-content: center;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .list_down_content.list_down_product .down_content_list .content_list_li .list_li_img img{ max-height: 100%; max-width: 100%; width: auto; height: auto;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list:hover .solution_list_down{ height: 600px; opacity:1;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list:hover .left_list_down2{ height: 480px; padding: 38px 0px; opacity: 1;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list:hover .left_list_down2 .Btn{ display: flex; align-items: center; justify-content: space-between; background: #00afec; border-radius: 100px; padding: 12px 25px; color: #fff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease; top: 0; position: relative;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2.About_down .left_list_down_width{ display: flex; align-items: flex-start; justify-content: space-between;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2.About_down .About_down_left{ display: flex; width: calc(100% - 500px);} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2.About_down .About_down_left .down_left_list{ width: 33.33%;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2.About_down .About_down_left .down_left_list_title{ margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #dadada;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2.About_down .About_down_left .down_left_list_title .list_title_dt{ color: #666; margin-top: 8px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2.About_down .About_down_left .left_list_txt p{ margin-bottom: 22px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2.About_down .About_down_left .left_list_txt p:last-child{ margin-bottom: 0;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2.About_down .About_down_left .left_list_txt p a{ color: #666;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2.About_down .About_down_left .left_list_txt p a:hover{ color: #00b0ec;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2.About_down .About_down_right{ width: 360px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2.About_down .About_down_right .down_right_list{ border-radius: 6px; overflow: hidden;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2.About_down .About_down_right .down_right_list img{ width: 100%; height: 237px; object-fit: cover;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2.About_down .About_down_right .swiper-pagination{ position: relative; margin-top: 20px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2.About_down .About_down_right .swiper-pagination span{ border-radius: 0; width: 20px; height: 2px; margin: 0px 3px; opacity: 1; background: #dadada;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2.About_down .About_down_right .swiper-pagination span.swiper-pagination-bullet-active{ background: #00b0ec;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list:hover .solution_list_down{ height: 510px; opacity:1;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list:hover .left_list_down2.About_down{ height: 455px; padding: 88px 0px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list:hover .left_list_down2 .Btn *{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list:hover .left_list_down2 .Btn *:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list:hover .left_list_down2 .Btn .Btn_dd{ position: relative; } .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list:hover .left_list_down2 .Btn .Btn_dt{ width: 30px; height: 30px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: #fff; color: #00afec; margin-left: 16px; position: relative; right: 0;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list:hover .left_list_down2 .Btn .Btn_dt i{ font-size: 20px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list:hover .left_list_down2 .Btn.on{ background: #e5e5e5; color: #222;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list:hover .left_list_down2 .Btn.on .Btn_dt{ background: #00afec; color: #fff;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list:hover .left_list_down2 .Btn:hover .Btn_dd{ color:#fff;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list:hover .left_list_down2 .Btn:hover .Btn_dt{ right: -10px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list:hover .left_list_down2 .Btn:hover{ top: -10px; box-shadow: 0px 0px 20px rgba(0,175,236,.5);} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list:hover .left_list_down2 .Btn.on:hover{ background: #00afec;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list:hover .left_list_down2 .Btn.on:hover .Btn_dd{ color: #fff;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list:hover .left_list_down2 .Btn.on:hover .Btn_dt{ background: #fff;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list:hover .left_list_down2 .Btn.on:hover .Btn_dt i{ color: #00afec;} .HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_left_list .left_list_title i{margin-left: 10px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down.About_down .About_down_right .swiper-pagination{ position: relative; margin-top: 20px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down.About_down .About_down_right .swiper-pagination span{ border-radius: 0; width: 20px; height: 2px; margin: 0px 3px; opacity: 1; background: #dadada;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down.About_down .About_down_right .swiper-pagination span.swiper-pagination-bullet-active{ background: #00b0ec;} .HeaderNavHeight.on .HeaderNav_left .HeaderNav_left_list{margin-right:70px;} .banner{ position: relative; margin-top: -72px;} .banner .banner_list{ position: relative;} .banner .banner_list .banner_list_img{ display: flex;} .banner .banner_list .banner_list_img img{ width: 100%; object-fit: cover;} .banner .banner_list .banner_list_img img.PcBanner{ display: block;} .banner .banner_list .banner_list_img img.IpadBanner{ display: none;} .banner .banner_list .banner_list_img img.MoBanner{ display: none;} .banner .banner_list .banner_list_img.active img{ cursor: pointer;} .banner .swiper-pagination{ width: 100%; left: 0; bottom: 18px;} .banner .swiper-pagination span{ background: rgba(255,255,255,.5); margin: 0px 8px; border-radius: 0px; width: 88px; height: 5px; position: relative; opacity: 1;} .banner .swiper-pagination span:before{ content:""; display: inline-block; width: 0%; height: 100%; left: 0; top: 0; background:#fff; position: absolute;} .banner .swiper-pagination span.swiper-pagination-bullet-active:before{ -webkit-animation:animate 5s linear; animation:animate 5s linear; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards } @-webkit-keyframes animate { 0% { width:0} to { width:100%} } @keyframes animate{ 0% { width:0} to { width:100%} } .banner .banner_list_po{ position: absolute; max-width: 1500px; margin: 0 auto; left: 0; right: 0; top: 0; height: 100%; display: flex; flex-direction: column; justify-content: center;} .banner .banner_list_po .list_po_dd{ color: #fff;} .banner .banner_list_po .list_po_dt{ margin: 25px 0px; font-weight: bolder; color: #fff; line-height: 1.2;} .banner .banner_list_po .list_po_p{ color: #fff;} .banner .banner_list_po .list_po_p b{ margin: 0px 10px;} .txtMarquee-left *{ -webkit-transition: auto;-moz-transition: auto;transition:auto;} .txtMarquee-left *:hover{ -webkit-transition: auto;-moz-transition: auto;transition:auto;} .txtMarquee-left{ position:relative; } .txtMarquee-left .bd .tempWrap{ }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */ .txtMarquee-left .bd ul{ overflow:hidden;} .txtMarquee-left .bd ul li{ margin-right:20px; list-style: none; width:auto !important; } .HSearch{ border-bottom: 1px solid #eaeaea; position: relative; z-index: 2;} .HSearch .pc_all_content{ display: flex; align-items: center; justify-content: space-between; height: 82px;} .HSearch .pc_all_content .HSearch_left{ background: #197fc3; height: 100px; position: relative; display: flex; justify-content: center; flex-direction: column; width: 488px; position: relative; top: -9px; border-radius: 0px 50px 0px 0px;} .HSearch .pc_all_content .HSearch_left::before{ content: ""; display: inline-block; width: 100vw; position: absolute; left: -90vw; position: absolute; background: #197fc3; height: 100px; z-index: 1;} .HSearch .pc_all_content .HSearch_left .HSearch_left_dd{ color: #fff; font-weight: bolder; display: flex; align-items: center; position: relative; z-index: 2;} .HSearch .pc_all_content .HSearch_left .HSearch_left_dd img{ margin-left: 23px; width: 35px;} .HSearch .pc_all_content .HSearch_left .HSearch_left_dt{ color: #fff; margin-top: 12px; position: relative; z-index: 2;} .HSearch .pc_all_content .HSearch_right{ width: calc(100% - 515px); display: flex; align-items: center; justify-content: space-between;} .HSearch .pc_all_content .HSearch_right *{ -webkit-transition: auto;-moz-transition: auto;transition:auto;} .HSearch .pc_all_content .HSearch_right *:hover{ -webkit-transition: auto;-moz-transition: auto;transition:auto;} .HSearch .pc_all_content .HSearch_right .txtMarquee-right{ width: 85px;} .HSearch .pc_all_content .HSearch_right .right_txt_gjc{ width:calc(100% - 88px); overflow: hidden;} .HSearch .pc_all_content .HSearch_right .HSearch_right_txt ul{ position: relative; display: flex;} .HSearch .pc_all_content .HSearch_right .HSearch_right_txt{ display: flex; align-items: center; color: #666666; width: calc(100% - 300px); overflow: hidden;} .HSearch .pc_all_content .HSearch_right .HSearch_right_txt ul li{ list-style: none; margin-right: 20px;} .HSearch .pc_all_content .HSearch_right .HSearch_right_txt a{ color: #666666; margin-right: 12px;white-space: nowrap; display: inline-block;} .HSearch .pc_all_content .HSearch_right .HSearch_right_txt a:hover{ color: #197fc3;} .HSearch .pc_all_content .HSearch_right .HSearch_right_txt a:last-child{ margin-right: 0;} .HSearch .pc_all_content .HSearch_right .HSearch_right_form{ width: 250px; position: relative; display: flex; align-items: center;} .HSearch .pc_all_content .HSearch_right .HSearch_right_form::before{ content: ""; display: inline-block; width: 100%; height: 3px; background: #197fc3; position: absolute; bottom: 0; left: 0;} .HSearch .pc_all_content .HSearch_right .HSearch_right_form input[type="text"]{ line-height: 82px; border: 0; font-size: 14px; color: #222; width: calc(100% - 82px); padding: 0;} .HSearch .pc_all_content .HSearch_right .HSearch_right_form input[type="submit"]{ width: 82px; background: url(../images/sv3.svg) no-repeat 50% 50%; height: 82px; border: 0; padding: 0; background-size: 25px;} .padding100{ padding: 100px 0px;} .paddingtop0{ padding-top: 0 !important;} .paddingbottom0{ padding-bottom: 0 !important;} .Title{ text-align: center; margin-bottom: 55px;} .Title .Title_dd{ color: #222222; font-weight: bolder; position: relative; padding-bottom: 17px; margin-bottom: 17px; display: inline-block;} .Title .Title_dd span{ color: #197fc3;} .Title .Title_dd::before{ content: ""; display: inline-block; width: calc(100% + 80px); height: 1px; background: #333333; position: absolute; left: -40px; right: 0; margin: 0 auto; bottom: 0;} .Title .Title_dt{ color: #666666;} .Title.border .Title_dd{ margin-bottom: 0;} .Title.border .Title_dd::before{ opacity: 0;} .Title.color .Title_dd{ color: #fff;} .Title.color .Title_dd span{ color: #fff;} .Title.color .Title_dd::before{ display: none;} .Btn{ padding: 20px 50px; border-radius: 100px; background: #197fc3; color: #fff;} .Btn.on{ background: none; border: 1px solid #fff;} .Btn.on:hover{ background: #197fc3; border: 1px solid #197fc3;} .Btn:hover{ padding: 20px 60px;} .HCase .HCase_nav ul{ display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #eaeaea; margin-bottom: 55px;} .HCase .HCase_nav .HCase_nav_list{ color: #222222; font-weight: bolder; margin-right: 120px; list-style: none; position: relative; cursor: pointer; padding-bottom: 30px;} .HCase .HCase_nav .HCase_nav_list:last-child{ margin-right: 0;} .HCase .HCase_nav .HCase_nav_list.on{ color: #197fc3;} .HCase .HCase_nav .HCase_nav_list::before{ content: ""; width: 15px; height: 15px; display: inline-block; border-radius: 100%; background: #d8e9f5; position: absolute; left: 0; bottom: -8px; right: 0; margin: 0 auto;} .HCase .HCase_nav .HCase_nav_list::after{ content: ""; width: 7px; height: 7px; display: inline-block; border-radius: 100%; background: #197fc3; position: absolute; left: 0; bottom: -4px; right: 0; margin: 0 auto;} .HCase .HCase_nav .HCase_nav_list.on::before{ width: 20px; height: 20px; background: #197fc3; bottom: -11px;} .HCase .HCase_nav .HCase_nav_list.on::after{ width: 10px; height: 10px; background: #fff; bottom: -6px;} .HCase .HCase_content .HCase_content_list{ width: 100%;} .HCase .HCase_content .HCase_content_list .content_list_box{display: flex; flex-wrap: wrap; text-align: center;} .HCase .HCase_content .HCase_content_list .content_list_li{ width: 23.5%; margin-right: 2%; margin-bottom: 2%;} .HCase .HCase_content .HCase_content_list .content_list_li:nth-child(4n){ margin-right: 0;} .HCase .HCase_content .HCase_content_list .content_list_li .list_li_img{ display: flex; margin-bottom: 17px; border-radius: 10px; overflow: hidden;} .HCase .HCase_content .HCase_content_list .content_list_li .list_li_img img{ width: 100%; border-radius: 10px; height: 100%; object-fit:cover;} .HCase .HCase_content .HCase_content_list .content_list_li .list_li_title .li_title_dd{ color: #222222; line-height: 1.5;} .HCase .HCase_content .HCase_content_list .content_list_li .list_li_title .li_title_dt{ color: #666666; margin-top: 10px;} .HCase .HCase_content_btn{ display: flex; align-items: center; justify-content: center; padding-top: 30px;} .Solution .Solution_content{ position: relative;} .Solution .Solution_content .SolutionImg{ position: relative;} .Solution .Solution_content .SolutionImg .SolutionImg_list{ position: relative;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_po{ position: absolute; left: 0; width: 100%; height: 100%; top: 0; padding-left: 10%; padding-top: 160px; width: 35%;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_po .list_po_title{ font-weight: bolder; color: #fff; margin-bottom: 30px; position: relative; line-height: 1.7;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_po .list_po_title::before{ content: ""; position: absolute; top: -35px; left: 0; display: inline-block; width: 50px; height: 3px; background: #5bb2ec;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_po .list_po_txt{ color: #fff;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_po .list_po_btn{ display: flex; margin-top: 235px;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_dd{ display: flex;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_dd img{ width: 100%; height: 830px; object-fit:cover;} .Solution .Solution_content .SolutionImg .SolutionImgBtn{ position: absolute; left: 0; bottom: 0; z-index: 2; width: 28%; border-radius: 0px 50px 0px 0px; overflow: hidden; display: flex; align-items: center;} .Solution .Solution_content .SolutionImg .SolutionImgBtn .SolutionImgBtn_prev,.Solution .Solution_content .SolutionImg .SolutionImgBtn .SolutionImgBtn_next{ width: 50%; display: flex; align-items: center; justify-content: center; height: 80px; cursor: pointer; -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none; } .Solution .Solution_content .SolutionImg .SolutionImgBtn .SolutionImgBtn_prev img,.Solution .Solution_content .SolutionImg .SolutionImgBtn .SolutionImgBtn_next img{ width: 44px;} .Solution .Solution_content .SolutionImg .SolutionImgBtn .SolutionImgBtn_prev{ background: #197fc3;} .Solution .Solution_content .SolutionImg .SolutionImgBtn .SolutionImgBtn_next{ background: #5bb2ec;} .Solution .Solution_content .SolutionImg .SolutionImgBtn.on .SolutionImgBtn_prev{ background: #5bb2ec;} .Solution .Solution_content .SolutionImg .SolutionImgBtn.on .SolutionImgBtn_next{ background: #197fc3;} .Solution .Solution_content .Solution_content_po{ position: absolute; right: 0; top: 0; height: 100%; width: 50%; z-index: 2; display: flex; flex-direction: column; justify-content: space-between; background: rgba(25,127,195,.9);backdrop-filter: blur(6px); } .Solution .Solution_content .Solution_content_po .content_po_list{ height: 20%; display: flex; align-items: center; justify-content: space-between; padding-right: 16%; border-bottom: 1px solid rgba(255,255,255,.1); padding-left: 4%; cursor: pointer;} .Solution .Solution_content .Solution_content_po .content_po_list .po_list_left .list_left_dd{ font-weight: bolder; color: rgba(255,255,255,.1);} .Solution .Solution_content .Solution_content_po .content_po_list .po_list_left .list_left_dt{ color: #fff; margin-top: 30px;} .Solution .Solution_content .Solution_content_po .content_po_list .po_list_left .list_left_p{ color: rgba(255,255,255,.5); text-transform: uppercase; margin-top: 12px;} .Solution .Solution_content .Solution_content_po .content_po_list .po_list_right{ width: 22px; height: 22px; border: 2px solid rgba(255,255,255,.5); border-radius: 100%; display: flex; align-items: center; justify-content: center;} .Solution .Solution_content .Solution_content_po .content_po_list .po_list_right i{ color: rgba(255,255,255,.5); display: flex; align-items: center; justify-content: center;} .Solution .Solution_content .Solution_content_po .content_po_list.active{ background: #5bb2ec; box-shadow: 6px 4px 43px rgba(19,66,97,.17);} .Solution .Solution_content .Solution_content_po .content_po_list.active .po_list_left .list_left_dd{ color: #197fc3;} .Solution .Solution_content .Solution_content_po .content_po_list.active .po_list_right{ border: 2px solid #197fc3;} .Solution .Solution_content .Solution_content_po .content_po_list.active .po_list_right i{ color: #197fc3;} .HProduct{ background: #f7f7f7;} .HProduct .HProduct_content{ position: relative; padding-bottom: 45px;} .HProduct .HProduct_content .HProduct_content_list{ background: #fff; border-radius: 20px; padding: 40px 30px; position: relative; overflow: hidden; box-shadow: 0px 5px 40px rgba(10,26,37,0);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .HProduct .HProduct_content .HProduct_content_list .content_list_top{ border-bottom: 1px solid #eaeaea; padding-bottom: 20px;} .HProduct .HProduct_content .HProduct_content_list .content_list_top .list_top_dd{color: #222222;font-weight: bolder;position: relative;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space: break-spaces;line-height: 1.7;} .HProduct .HProduct_content .HProduct_content_list .content_list_top .list_top_dd i{ display: inline-block; width: 32px; height: 32px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: #197fc3; position: absolute; right: 0; top: 0px; color: #fff; font-size: 16px;} .HProduct .HProduct_content .HProduct_content_list .content_list_top .list_top_dt{font-size: 14px;color: #666666;margin-top: 20px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;white-space: break-spaces;line-height: 1.7;} .HProduct .HProduct_content .HProduct_content_list .content_list_bottom{ height: 265px; display: flex; align-items: center; justify-content: center; margin-top: 38px;} .HProduct .HProduct_content .HProduct_content_list .content_list_bottom img{ max-height: 265px; max-width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .HProduct .HProduct_content .HProduct_content_list:hover .content_list_bottom img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .HProduct .HProduct_content .HProduct_content_list .content_list_size{ position: absolute; right: -70px; bottom: -70px; width: 142px; height: 142px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: #dadada; color: #fff; font-weight: bolder;} .HProduct .HProduct_content .HProduct_content_list .content_list_size span{ position: absolute; left: 28px; top: 28px;} .HProduct .HProduct_content .swiper-pagination{ display: block;width: 100%; left: 0; bottom: 0px;} .HProduct .HProduct_content .swiper-pagination span{ margin: 0px 5px;} .HProduct .HProduct_content .HProduct_content_list:hover{ box-shadow: 0px 5px 40px rgba(10,26,37,.1);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .HProduct .HProduct_btn{ margin-top: 35px; justify-content: center;} .HProduct .HProduct_content .HProduct_content_list:hover .content_list_size{ background: #197fc3;} .HInnovation .HInnovation_content .HInnovation_content_list{ display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; margin-bottom: 75px;} .HInnovation .HInnovation_content .HInnovation_content_list:nth-child(2n){ flex-direction: row-reverse;} .HInnovation .HInnovation_content .HInnovation_content_list:last-child{ margin-bottom: 0;} .HInnovation .HInnovation_content .HInnovation_content_list .content_list_left{ width: 50%; position: relative;} .HInnovation .HInnovation_content .HInnovation_content_list .content_list_left .list_left_icon{ font-size: 134px; color: #197fc3; opacity: .1; font-weight: bolder; position: absolute; left: 0; top: -40px;} .HInnovation .HInnovation_content .HInnovation_content_list .content_list_left .list_left_title .left_title_dd{ color: #222222; font-weight: bolder;} .HInnovation .HInnovation_content .HInnovation_content_list .content_list_left .list_left_title .left_title_dt{ color: #222222; font-weight: bolder; margin-top: 15px; margin-bottom: 26px;} .HInnovation .HInnovation_content .HInnovation_content_list .content_list_left .list_left_txt{ color: #666666; margin-bottom: 60px;} .HInnovation .HInnovation_content .HInnovation_content_list .content_list_right{ width: 47%; display: flex; justify-content: space-between;} .HInnovation .HInnovation_content .HInnovation_content_list .content_list_right .list_right_li{ margin-right: 15px; border-radius: 20px; overflow: hidden; box-shadow: 0px 0px 20px rgba(0,0,0,.1); display: flex; overflow: hidden;} .HInnovation .HInnovation_content .HInnovation_content_list .content_list_right .list_right_li:last-child{ margin-right: 0px;} .HInnovation .HInnovation_content .HInnovation_content_list .content_list_right .list_right_li img{ width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .HInnovation .HInnovation_content .HInnovation_content_list .content_list_right .list_right_li:hover img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .HNews{ background: #f7f7f7;} .HNews .HNewsContent{ display: flex;flex-wrap: wrap; justify-content: space-between;} .HNews .HNewsContent .HNewsContent_left{ background: #fff; display: inline-block; width: 35%; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 25px rgba(0,0,0,.1);} .HNews .HNewsContent .HNewsContent_left .HNewsContent_left_img{ display: flex; overflow: hidden;} .HNews .HNewsContent .HNewsContent_left .HNewsContent_left_img img{ width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .HNews .HNewsContent .HNewsContent_left:hover .HNewsContent_left_img img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .HNews .HNewsContent .HNewsContent_left .HNewsContent_left_txt{ padding: 30px 33px;} .HNews .HNewsContent .HNewsContent_left .HNewsContent_left_txt .left_txt_dd{ color: #666666;} .HNews .HNewsContent .HNewsContent_left .HNewsContent_left_txt .left_txt_dt{ font-weight: bolder; color: #197fc3; margin-top: 12px; margin-bottom: 22px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .HNews .HNewsContent .HNewsContent_left .HNewsContent_left_txt .left_txt_p{ color: #666666; margin-bottom: 20px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .HNews .HNewsContent .HNewsContent_left .HNewsContent_left_txt .left_txt_btn{ display: flex; align-items: center; color: #197fc3;} .HNews .HNewsContent .HNewsContent_left .HNewsContent_left_txt .left_txt_btn img{ width: 15px; margin-left: 6px;} .HNews .HNewsContent .HNewsContent_center{ width: 30%; display: flex; flex-direction: column; justify-content: space-between;} .HNews .HNewsContent .HNewsContent_center .HNewsContent_center_list{ width: 100%; margin-bottom: 25px;} .HNews .HNewsContent .HNewsContent_center .HNewsContent_center_list:last-child{ margin-bottom: 0px;} .HNews .HNewsContent .HNewsContent_center .HNewsContent_center_list .HNewsContent_left_txt{ padding: 25px 30px;} .HNews .HNewsContent .HNewsContent_center .HNewsContent_center_list .HNewsContent_left_txt .left_txt_dt{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: inherit; line-height: 1.7;} .HNews .HNewsContent .HNewsContent_right{ width: 28%; position: relative;} .HNews .HNewsContent .HNewsContent_right .HNewsContent_right_img{ border-radius: 10px; overflow: hidden; display: flex;} .HNews .HNewsContent .HNewsContent_right .HNewsContent_right_img img{ width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .HNews .HNewsContent .HNewsContent_right:hover .HNewsContent_right_img img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .HNews .HNewsContent .HNewsContent_right .HNewsContent_right_content{ position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 82%; background: #70b638; padding: 55px 32px; height: 328px;} .HNews .HNewsContent .HNewsContent_right .HNewsContent_right_content .right_content_title{} .HNews .HNewsContent .HNewsContent_right .HNewsContent_right_content .right_content_title .content_title_dd{ font-weight: bolder; color: #fff; margin-bottom: 15px;} .HNews .HNewsContent .HNewsContent_right .HNewsContent_right_content .right_content_title .content_title_dt{ color: #fff;} .HNews .HNewsContent .HNewsContent_right .HNewsContent_right_content .right_content_txt .content_txt_list{ color:#fff; display: inline-block;padding: 15px 0px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width: 100%;opacity: 0.8;border-bottom: rgba(255,255,255,0.3) 1px solid;} .HNews .HNewsContent .HNewsContent_right .HNewsContent_right_content .right_content_txt .content_txt_list:last-child{ margin-bottom: 0px;} .HNews .HNewsContent .HNewsContent_right .HNewsContent_right_content .right_content_btn{ display: flex; align-items: center; color: #fff; margin-top: 25px;} .HNews .HNewsContent .HNewsContent_right .HNewsContent_right_content .right_content_btn img{ width: 15px; margin-left: 6px;} .HNews .HNewsContent_btn{ margin-top: 55px; justify-content: center;} .HPartner .picList{-webkit-transition: auto;-moz-transition:auto;transition:auto;} .HPartner .picList:hover{-webkit-transition: auto;-moz-transition:auto;transition:auto;} .HPartner .HPartnerContnet{ position: relative; padding: 0px 50px;} .HPartner .HPartnerContnet .swiper-slide{ width: 280px !important; } .HPartner .HPartnerContnet .swiper-slide .HPartnerContnet_list{ width: calc(100% - 20px); border-radius: 10px; background: #f9f9f9; display: flex; align-items: center; justify-content: center; height: 130px; padding: 20px;} .HPartner .HPartnerContnet .swiper-slide .HPartnerContnet_list:last-child{ margin-top: 20px;} .HPartner .HPartnerContnet .swiper-slide .HPartnerContnet_list img{ max-width: 100%; max-height: 100%;} .HPartner .HPartnerContnet .swiper-slide .HPartnerContnet_list:hover{ box-shadow: 0px 0px 25px rgba(0,0,0,.1); background: #fff;} .HPartner .HPartnerContnet .swiper-button-next{ right: 0;} .HPartner .HPartnerContnet .swiper-button-prev{ left: 0;} .HPartner .HPartnerContnet .swiper-button-next::after,.HPartner .HPartnerContnet .swiper-button-prev:after{ font-size: 20px; font-weight: bolder;} .MoHPartner{ display: none;} .fancybox-container *{-webkit-transition: auto;-moz-transition:auto;transition:auto;} .fancybox-container *:hover{-webkit-transition: auto;-moz-transition:auto;transition:auto;} .Footer{ background: #197fc3; padding: 70px 0px; padding-bottom: 30px; position: relative;} .Footer .pc_all_content{ display: flex; justify-content: space-between;} .Footer .Footer_left{ width: 20%;} .Footer .Footer_left .Footer_left_logo .left_logo_dd{ margin-bottom: 13px;} .Footer .Footer_left .Footer_left_logo .left_logo_dd img{ height: 50px;} .Footer .Footer_left .Footer_left_logo .left_logo_dt{ color: #fff;} .Footer .Footer_left .Footer_left_share{ margin-top: 40px;} .Footer .Footer_left .Footer_left_share .left_share_dd{ color: #fff;} .Footer .Footer_left .Footer_left_share .left_share_dt{ display: flex; margin-top: 16px;} .Footer .Footer_left .Footer_left_share .left_share_dt a{ display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 100%; background: #1873b0; margin-right: 20px; position: relative;} .Footer .Footer_left .Footer_left_share .left_share_dt a:hover .wechat-qrcode{display:block} .Footer .Footer_left .Footer_left_share .left_share_dt a:nth-child(1){ background: #1873b0 url(../images/sv11.svg) no-repeat 50% 50%; background-size: 20px;} .Footer .Footer_left .Footer_left_share .left_share_dt a:nth-child(2){ background: #1873b0 url(../images/qq.svg) no-repeat 50% 50%; background-size: 15px;} .Footer .Footer_left .Footer_left_share .left_share_dt a:nth-child(3){ background: #1873b0 url(../images/wb.svg) no-repeat 50% 50%; background-size: 20px;} .Footer .Footer_left .Footer_left_bottom{ display: flex; margin-top: 40px;} .Footer .Footer_left .Footer_left_bottom .left_bottom_list{ margin-right: 22px;} .Footer .Footer_left .Footer_left_bottom .left_bottom_list:last-child{ margin-right: 0;} .Footer .Footer_left .Footer_left_bottom .left_bottom_list .bottom_list_dd img{ max-width: 104px;} .Footer .Footer_left .Footer_left_bottom .left_bottom_list .bottom_list_dt{ color: #fff; text-align: center; margin-top: 10px;} .Footer .Footer_nav{ width: 35%; border-left: 1px solid rgba(255,255,255,.1); padding-left: 6%;} .Footer .Footer_nav .Footer_nav_title{ font-weight: bolder; color: #fff; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,.1);} .Footer .Footer_nav .Footer_nav_txt{ display: flex; flex-wrap: wrap; justify-content: space-between;} .Footer .Footer_nav .Footer_nav_txt .nav_txt_list{ width: 41%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 35px;} .Footer .Footer_nav .Footer_nav_txt .nav_txt_list .txt_list_dd{ color: #9fd1f3;} .Footer .Footer_nav .Footer_nav_txt .nav_txt_list:hover .txt_list_dd{ color: #fff;} .Footer .Footer_nav .Footer_nav_txt .nav_txt_list .txt_list_dt i{ color: #fff;} .Footer .Footer_nav .Footer_nav_txt2 .nav_txt2_list{ margin-bottom: 25px;} .Footer .Footer_nav .Footer_nav_txt2 .nav_txt2_list:last-child{ margin-bottom: 0;} .Footer .Footer_nav .Footer_nav_txt2 .nav_txt2_list .txt2_list_dd{ color: #9fd1f3; margin-bottom: 8px;} .Footer .Footer_nav .Footer_nav_txt2 .nav_txt2_list .txt2_list_dt{ color: #9fd1f3; line-height: 1.7;} .Footer .Footer_nav .Footer_nav_txt2 .nav_txt2_list .txt2_list_dt a{ color: #9fd1f3; line-height: 1.7;} .Footer .Footer_link{width: 100%; display: flex; align-items: center; margin-top: 85px;justify-content: space-between;} .Footer .Footer_link .Footer_link_left{display: flex; align-items: center; flex-wrap: wrap;} .Footer .Footer_link .Footer_link_dd{ width: 77px; color: #fff;} .Footer .Footer_link .Footer_link_dt{ width: calc(100% - 77px);} .Footer .Footer_link .Footer_link_dt a{ color: #9fd1f3; margin-right: 20px;} .Footer .Footer_link .Footer_link_dt a:hover{ color: #fff;} .Footer .Footer_link .Footer_link_right{display: flex; align-items: center; color: #fff;} .Footer .Footer_link .Footer_link_right .bottom_right_share{ display: flex; align-items: center;} .Footer .Footer_link .Footer_link_right .bottom_right_share a{ display: inline-block; width: 22px; height: 22px; background-size: 22px; margin-right: 20px; position: relative; background-position: 50% 50%; background-repeat: no-repeat;} .Footer .Footer_link .Footer_link_right .bottom_right_share a:last-child{ margin-right: 0;} .Footer .Footer_link .Footer_link_right .bottom_right_share a:nth-child(1){ background-image: url(../images/sv22.svg);} .Footer .Footer_link .Footer_link_right .bottom_right_share a:nth-child(2){ background-image: url(../images/sv23.svg); background-size: 19px;} .Footer .Footer_link .Footer_link_right .bottom_right_share a:nth-child(3){ background-image: url(../images/sv24.svg);} .Footer .Footer_link .Footer_link_right .bottom_right_language{ display: flex; align-items: center; margin-left: 44px;} .Footer .Footer_link .Footer_link_right .bottom_right_language img{ width: 22px; margin-right: 8px;} .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} .Footer .Footer_link .Footer_link_right .bottom_right_share a:hover .wechat-qrcode{ display: block;} .Footer .Footer_link .Footer_link_right .bottom_right_matrix{ position: relative; margin-left: 35px;} .Footer .Footer_link .Footer_link_right .bottom_right_matrix .right_matrix_dd{ color:#fff; padding: 5px 12px; border: 1px solid #fff;color: #fff; padding: 10px 12px; border: 1px solid #fff; border-radius: 100px;} .Footer .Footer_link .Footer_link_right .bottom_right_matrix .right_matrix_dd i{ margin-left: 10px;} .Footer .Footer_link .Footer_link_right .bottom_right_matrix .right_matrix_down{ display: none; position: absolute; bottom: 100%; width: 220px; transform: translateX(-50%); left: 50%;} .Footer .Footer_link .Footer_link_right .bottom_right_matrix .right_matrix_down a{ color:#222; display: inline-block; width: 100%; margin-bottom: 10px; text-align:center;} .Footer .Footer_link .Footer_link_right .bottom_right_matrix:hover .right_matrix_down{ display: block; padding: 15px 12px; border: 1px solid #fff; border-radius: 10px; background:#fff;} .Footer .Footer_link .Footer_link_right .bottom_right_matrix .right_matrix_down a:last-child{ margin-bottom: 0px;} .Footer .Footer_link .Footer_link_right .bottom_right_matrix .right_matrix_down a:hover{ color:#00afec;} .Copyright{ padding: 22px 0px; background: #1873b0; position: relative;} .Copyright .Copyright_left{ color: #9fd1f3;} .Copyright .Copyright_left a{ color: #9fd1f3; margin-left: 13px;} .DBanner{ position: relative; margin-top: -72px;} .DBanner .DBannerImg{ display: flex;} .DBanner .DBannerImg img{ width: 100%; height: 45vh; object-fit: cover;} .DBanner .DBannertxt{ max-width: 1500px; margin: 0 auto; position: absolute; top: 0; left: 0; right: 0; height: 100%; display: flex; flex-direction: column; justify-content: center;} .DBanner .DBannertxt .DBannertxt_dd{ margin-bottom: 20px; color: #fff; display: flex; align-items: center; line-height: 1.7;} .DBanner .DBannertxt .DBannertxt_dd span{ display: flex; align-items: center; height: 49px; padding: 0px 30px; border-radius: 100px; background: rgba(255,255,255,.2); cursor: pointer; margin-left: 16px;} .DBanner .DBannertxt .DBannertxt_dd span img{ height: 20px; margin-right: 30px;} .DBanner .DBannertxt .DBannertxt_dt{ color: #fff;} .DBanner .DBannerPage{ max-width: 1500px; margin: 0 auto; position: absolute; bottom: 28px; left: 0; right: 0; display: flex; align-items: center;} .DBanner .DBannerPage i{ margin: 0px 9px; color: #fff;} .DBanner .DBannerPage a{ color: #fff;} .DNav{ border-bottom: 1px solid #eaeaea;} .DNav .DNavScro{ display: flex; align-items: center; justify-content: center; padding: 30px 0px;} .DNav .DNavScro .DNavScro_list{ display: flex; align-items: center; justify-content: center; color: #333333; margin-right: 65px; position: relative; padding: 0px 9px;} .DNav .DNavScro .DNavScro_list::before{ content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; height: 2px; background: #197fc3; bottom: -31px; width: 0;} .DNav .DNavScro .DNavScro_list:last-child{ margin-right: 0;} .DNav .DNavScro .DNavScro_list span{ display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 10px; background: #197fc3; margin-right: 14px;} .DNav .DNavScro .DNavScro_list span img{ height: 22px;} .DNav .DNavScro .DNavScro_list.active:before{ width: 100%;} .Contact .Contact_title{ text-align: center; color: #222222; font-weight: bolder; margin-bottom: 60px;} .Contact .Contact_message{ display: flex; flex-wrap: wrap; justify-content: space-between;} .Contact .Contact_message .Contact_message_list{ width: 49%; margin-bottom: 40px;} .Contact .Contact_message .Contact_message_list:last-child{ margin-bottom: 62px;} .Contact .Contact_message .Contact_message_list.on{ width: 100%;} .Contact .Contact_message .Contact_message_list .message_list_dd{ color: #222222; margin-bottom: 15px;} .Contact .Contact_message .Contact_message_list .message_list_dd span{ color: #ff0000; margin-right: 5px;} .Contact .Contact_message .Contact_message_list .message_list_dt input{ border: 1px solid #eaeaea; border-radius: 6px; line-height: 52px; color: #222; width: 100%; padding: 0px 20px;} .Contact .Contact_message .Contact_message_list .message_list_dt select{ border: 1px solid #eaeaea; border-radius: 6px; height: 52px; color: #222; width: 32%; padding: 0px 20px;} .Contact .Contact_message .Contact_message_list .message_list_dt textarea{ border: 1px solid #eaeaea; border-radius: 6px; line-height: 1.7; color: #222; width: 100%; padding: 10px 20px; height: 170px; resize: none;} .Contact .Contact_message .Contact_message_list.address .message_list_dt{ justify-content: space-between;} .Contact .Contact_message .Contact_message_list.address .message_list_dt input{ width: 48%;} .Contact .Contact_message .Contact_message_list .message_list_dt input:hover{ border: 1px solid #197fc3;} .Contact .Contact_message .Contact_message_list .message_list_dt textarea:hover{ border: 1px solid #197fc3;} .Contact .Contact_message .Contact_message_list .message_list_dt select:hover{ border: 1px solid #197fc3;} .Contact .Contact_message .Contact_message_list .message_list_dt{ display: flex; align-items: center; flex-wrap: wrap; } .Contact .Contact_message .Contact_message_list .message_list_dt .list_dt_radio{ display: flex; align-items: center; margin-right: 54px; color: #666666; cursor: pointer;} .Contact .Contact_message .Contact_message_list .message_list_dt .list_dt_radio input{ margin-right: 11px; width: 16px; height: 16px;} .Contact .Contact_message .Contact_message_list.check { display: flex; align-items: center; width: 100%;} .Contact .Contact_message .Contact_message_list.check .message_list_checkli{ display: flex; align-items: center; cursor: pointer; margin-right: 42px; color: #666666;} .Contact .Contact_message .Contact_message_list.check .message_list_checkli input{ width: 16px; height: 16px; margin-right: 12px; border: 1px solid #dadada;} .Contact .Contact_message .Contact_message_list.submit{ width: 100%; display: flex; align-items: center; justify-content: center;} .Contact .Contact_message .Contact_message_list.submit input{ min-width: 253px;} .Contact .Contact_message .Contact_message_list.submit input:hover{ min-width: 293px;} .Contact .Contact_address{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 20px;} .Contact .Contact_address .Contact_address_list{ width: 32%; margin-bottom: 2%; border-radius: 6px; border: 1px solid #eaeaea; text-align: center; padding: 42px 20px;} .Contact .Contact_address .Contact_address_list:hover{ background: #f5f5f5; border: 1px solid #f5f5f5;} .Contact .Contact_address .Contact_address_list .address_list_icon img{ height: 50px;} .Contact .Contact_address .Contact_address_list .address_list_title{ color: #222222; font-weight: bolder; margin-top: 30px; margin-bottom: 18px;} .Contact .Contact_address .Contact_address_list .address_list_dt{ color: #666666;} .Contact .Contact_address .Contact_address_list .address_list_p{ margin-top: 35px;} .Contact .Contact_address .Contact_address_list .address_list_p span{ color: #222222; position: relative; cursor: pointer;display:block;} .Contact .Contact_address .Contact_address_list .address_list_p span img{ position: absolute; left: 50%; transform:translateX(-50%); top: -110px; width: 100px; box-shadow: 0px 0px 25px rgba(0,0,0,.1); opacity: 0;} .Contact .Contact_address .Contact_address_list .address_list_p span:hover img{ opacity: 1;} .Contact .Contact_bottom{ display: flex; flex-wrap: wrap; justify-content: space-between;} .Contact .Contact_bottom .Contact_bottom_list{ width: 49%; position: relative; border-radius: 10px; overflow: hidden;} .Contact .Contact_bottom .Contact_bottom_list .bottom_list_img{ display: flex;} .Contact .Contact_bottom .Contact_bottom_list .bottom_list_img img{ width: 100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .Contact .Contact_bottom .Contact_bottom_list:hover .bottom_list_img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);filter:scale(1.1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .Contact .Contact_bottom .Contact_bottom_list .bottom_list_txt{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: rgba(0,0,0,.15);} .Contact .Contact_bottom .Contact_bottom_list .bottom_list_txt .list_txt_dd{ margin-bottom: 40px; color: #fff; font-weight: bolder;} .page{ width: 100%;} .layui-laypage{display:flex;font-size:16px;color:#333;align-items:center;justify-content:center;margin-top:48px;} .layui-laypage .layui-laypage-count{display:none;} .layui-laypage a,.layui-laypage span{font-size:16px;color:#333;height:48px;width:48px;text-align:center;border:#dadada solid 1px;margin:0 10px;background:#fff;border-radius:110%;display:flex;align-items:center;justify-content:center;} .layui-laypage span.layui-laypage-curr{background:#197fc3;font-size:16px;color:#fff;height:48px;width:48px;text-align:center;margin:0 10px;border-radius:110%;display:flex;align-items:center;justify-content:center; border: 1px solid #197fc3;} .layui-laypage-curr em,.layui-laypage-disabled em{font-style:inherit;} .layui-laypage-disabled{font-size:16px;color:#333;height:48px;text-align:center;margin:0 10px;background:#fff;border:#dadada solid 1px;border-radius:110%;width:48px;align-items:center;display:flex;align-items:center;justify-content:center;} .layui-laypage-disabled:hover{background:#197fc3;color:#fff;border:1px solid #197fc3;} .layui-laypage a:hover{background:#197fc3;color:#fff;border:1px solid #197fc3;} .layui-laypage a:hover i{ color: #fff;} .Details_page{padding:25px 0px;display:flex;align-items:center;} .Details_page a{color:#999999;} .Details_page a.on{color:#197fc3;} .Details_page i{margin:0px 6px;color:#999999;} .Download .pc_all_content{ display: flex; justify-content: space-between; align-items: flex-start;} .Download .DownloadNav{ width: 292px; background: #f9f9f9; border-radius: 6px; padding: 30px 12px; min-height: 565px;} .Download .DownloadNav *{-webkit-transition: auto;-moz-transition:auto;transition:auto;} .Download .DownloadNav .DownloadNav_list{ margin-bottom: 47px;} .Download .DownloadNav .DownloadNav_list:last-child{ margin-bottom: 0;} .Download .DownloadNav .DownloadNav_list .DownloadNav_list_title{ color: #222222; font-weight: bolder; padding: 0px 8px; padding-bottom: 20px; border-bottom: 1px solid #eaeaea; margin-bottom: 30px;} .Download .DownloadNav .DownloadNav_list .DownloadNav_list_contnet .list_contnet_li{ margin-bottom: 20px;} .Download .DownloadNav .DownloadNav_list .DownloadNav_list_contnet .list_contnet_li:last-child{ margin-bottom: 0;} .Download .DownloadNav .DownloadNav_list .DownloadNav_list_contnet .list_contnet_li .contnet_li_title{ display: flex; align-items: center; justify-content: space-between; padding: 0px 8px; cursor: pointer;} .Download .DownloadNav .DownloadNav_list .DownloadNav_list_contnet .list_contnet_li .contnet_li_title .li_title_dd{ color: #222222;} .Download .DownloadNav .DownloadNav_list .DownloadNav_list_contnet .list_contnet_li.on .contnet_li_title .li_title_dd{ color: #197fc3;} .Download .DownloadNav .DownloadNav_list .DownloadNav_list_contnet .list_contnet_li .contnet_li_title .li_title_dt i{ font-size: 18px;transform: rotate(0deg);transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .Download .DownloadNav .DownloadNav_list .DownloadNav_list_contnet .list_contnet_li.on .contnet_li_title .li_title_dt i{transform: rotate(90deg);transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .Download .DownloadNav .DownloadNav_list .DownloadNav_list_contnet .list_contnet_li .contnet_li_down{ display: none; margin-top: 20px;} .Download .DownloadNav .DownloadNav_list .DownloadNav_list_contnet .list_contnet_li .contnet_li_down a{ display: inline-block; width: 100%; margin-bottom: 15px; padding-left: 15px; color: #666;} .Download .DownloadNav .DownloadNav_list .DownloadNav_list_contnet .list_contnet_li .contnet_li_down a:hover{ color: #197fc3;} .Download .DownloadNav .DownloadNav_list .DownloadNav_list_contnet .list_contnet_li .contnet_li_down a.on{ color: #197fc3;} .Download .DownloadContent{ width: calc(100% - 350px);} .Download .DownloadContent .DownloadContent_title{ color: #222222; font-weight: bolder; padding-bottom: 20px; border-bottom: 1px solid #eaeaea; position: relative; margin-bottom: 15px;} .Download .DownloadContent .DownloadContent_title::before{ content: ""; display: inline-block; width: 100px; height: 2px; background: #197fc3; position: absolute; bottom: -1px;} .Download .DownloadContent .DownloadContent_txt .DownloadContent_txt_list{ display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eaeaea; padding: 25px 12px;} .Download .DownloadContent .DownloadContent_txt .DownloadContent_txt_list:hover{ background: #f9f9f9;} .Download .DownloadContent .DownloadContent_txt .DownloadContent_txt_list .txt_list_left{ width: calc(100% - 220px); color: #222222;} .Download .DownloadContent .DownloadContent_txt .DownloadContent_txt_list .txt_list_right{ display: flex; align-items: center; justify-content: space-between; width: 200px;} .Download .DownloadContent .DownloadContent_txt .DownloadContent_txt_list .txt_list_right .list_right_time{ color: #999999;} .Download .DownloadContent .DownloadContent_txt .DownloadContent_txt_list:hover .txt_list_right .list_right_btn{ color: #197fc3;} .Factory .FactoryCotnent{ display: flex; flex-wrap: wrap;} .Factory .FactoryCotnent .FactoryCotnent_list{ margin-right: 2%; width: 23%; margin-bottom: 2%;} .Factory .FactoryCotnent .FactoryCotnent_list .FactoryCotnent_list_img{ border-radius: 10px; overflow: hidden; display: flex;} .Factory .FactoryCotnent .FactoryCotnent_list .FactoryCotnent_list_img img{ width: 100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .Factory .FactoryCotnent .FactoryCotnent_list:hover .FactoryCotnent_list_img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);filter:scale(1.1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .Factory .FactoryCotnent .FactoryCotnent_list .FactoryCotnent_list_title{ margin-top: 17px; color: #222222; text-align: center;} .Title2{ text-align: center; margin-bottom: 60px;} .Title2 .Title2_dd{ font-weight: bolder;} .Title2 .Title2_dt{ color: #222222; line-height: 1.7; margin-top: 20px;} .Honor{ background: #f7f7f7;} .Honor .HonorContent{ display: flex; flex-wrap: wrap;} .Honor .HonorContent .HonorContent_list{ margin-right: 2%; width: 32%; margin-bottom: 2%; background: #fff; padding: 0px 16px; border-radius: 10px;} .Honor .HonorContent .HonorContent_list:nth-child(3n){ margin-right: 0;} .Honor .HonorContent .HonorContent_list:hover{ box-shadow: 0px 0px 25px rgba(0,0,0,.1);} .Honor .HonorContent .HonorContent_list .HonorContent_list_img{ padding: 55px 25px;text-align: center; display: flex; align-items: center; justify-content: center; height: 385px;} .Honor .HonorContent .HonorContent_list .HonorContent_list_img img{ max-width: 100%; max-height: 280px;} .Honor .HonorContent .HonorContent_list .HonorContent_list_title{ text-align: center; padding: 26px 20px; border-top: 1px solid #eaeaea; line-height: 1.7;} .Honor2{ background: url(../images/zs.jpg) no-repeat 50%/cover;} .Honor2 .Honor2_content{ display: flex; justify-content:center;} .Honor2 .Honor2_content img{ max-width: 100%; } .Honor2 .Honor2_content .Honor2_content_txt{ position: relative;} .Honor2 .Honor2_content .Honor2_content_txt .zs{ opacity: 0;} .Honor2 .Honor2_content .Honor2_content_txt .content_txt_icon{ width: 200px; height: 200px; background:#000; position: absolute; border-radius: 100%; display: flex; overflow: hidden; background: linear-gradient(to top,#bcdcf1, #fafdff); align-items:center; justify-content:center; padding: 3%;} .Honor2 .Honor2_content .Honor2_content_txt .content_txt_icon img{ max-width: 100%; max-height: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .Honor2 .Honor2_content .Honor2_content_txt .content_txt_icon:hover{ box-shadow: 0px 0px 20px rgba(25,127,195,.2);} .Honor2 .Honor2_content .Honor2_content_txt .content_txt_icon:hover img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .Honor2 .Honor2_content .Honor2_content_txt .content_txt_icon.content_txt_icon1{ top: 20%; left: 0%;} .Honor2 .Honor2_content .Honor2_content_txt .content_txt_icon.content_txt_icon2{ top: 56%; left: 0%;} .Honor2 .Honor2_content .Honor2_content_txt .content_txt_icon.content_txt_icon3{ top: 1.5%; left: 20.5%;} .Honor2 .Honor2_content .Honor2_content_txt .content_txt_icon.content_txt_icon4{ top: 38.5%; left: 20.5%;} .Honor2 .Honor2_content .Honor2_content_txt .content_txt_icon.content_txt_icon5{ top: 76.5%; left: 20.5%;} .Honor2 .Honor2_content .Honor2_content_txt .content_txt_icon.content_txt_icon6{ top: 20%; left: 40.5%;} .Honor2 .Honor2_content .Honor2_content_txt .content_txt_icon.content_txt_icon7{ top: 56%; left: 40.5%;} .Honor2 .Honor2_content .Honor2_content_txt .content_txt_icon.content_txt_icon8{ top: 1.5%; left: 62.5%;} .Honor2 .Honor2_content .Honor2_content_txt .content_txt_icon.content_txt_icon9{ top: 38.5%; left: 62.5%;} .Honor2 .Honor2_content .Honor2_content_txt .content_txt_icon.content_txt_icon10{ top: 78.5%; left: 64.5%;} .Honor2 .Honor2_content .Honor2_content_txt .content_txt_icon.content_txt_icon11{ top: 20%; left: 82.5%;} .Honor2 .Honor2_content .Honor2_content_txt .content_txt_icon.content_txt_icon12{ top: 56%; left: 82.5%;} .Honor3 .Honor3_content .Honor3_content_list{ display: flex; justify-content: space-between; border-right: 1px solid #dadada;} .Honor3 .Honor3_content .Honor3_content_list.color{ background:#197fc3;} .Honor3 .Honor3_content .Honor3_content_list .content_list_li:nth-child(1){ width: 10%;} .Honor3 .Honor3_content .Honor3_content_list:last-child{ border-bottom: 1px solid #dadada;} .Honor3 .Honor3_content .Honor3_content_list.color .content_list_li{ color:#fff;} .Honor3 .Honor3_content .Honor3_content_list .content_list_li{ color:#666666; padding: 20px; line-height: 1.7; text-align:center; text-align: center; width: 23%; border: 1px solid #dadada; border-right: 0px; border-bottom: 0px; word-break: break-all;} .Honor3 .Honor3_content .Honor3_content_list:nth-child(2n){ background:#eff7fd;} .CareerDevelopment .CareerDevelopment_list{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 38px; align-items: center;} .CareerDevelopment .CareerDevelopment_list:last-child{ margin-bottom: 0;} .CareerDevelopment .CareerDevelopment_list:nth-child(2n){ flex-direction: row-reverse;} .CareerDevelopment .CareerDevelopment_list:nth-child(2n) .CareerDevelopment_list_left{ width: 45%;} .CareerDevelopment .CareerDevelopment_list .CareerDevelopment_list_left{ width: 48%;} .CareerDevelopment .CareerDevelopment_list .CareerDevelopment_list_left .CareerDevelopment_list_title .list_title_dd{ color: #197fc3; margin-bottom: 10px;} .CareerDevelopment .CareerDevelopment_list .CareerDevelopment_list_left .CareerDevelopment_list_title .list_title_dt{ font-weight: bolder; color: #222222;} .CareerDevelopment .CareerDevelopment_list .CareerDevelopment_list_left .CareerDevelopment_list_txt{ margin-top: 30px;} .CareerDevelopment .CareerDevelopment_list .CareerDevelopment_list_left .CareerDevelopment_list_txt p{ color: #666666; margin-bottom: 25px;} .CareerDevelopment .CareerDevelopment_list .CareerDevelopment_list_left .CareerDevelopment_list_txt p:last-child{ margin-bottom: 0;} .CareerDevelopment .CareerDevelopment_list .CareerDevelopment_list_right{ width: 45%; border-radius: 10px; overflow: hidden; display: flex;} .CareerDevelopment .CareerDevelopment_list .CareerDevelopment_list_right img{ width: 100%;} .CareerDevelopment .CareerDevelopment_list .CareerDevelopment_list_right:hover img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .CareerDevelopment2{ position: relative;} .CareerDevelopment2::before{ content: ""; display: inline-block; position: absolute; left: 0; top: 0; height: 70%; background: #f9f9f9; width: 100%; z-index: -1;} .CareerDevelopment2 .CareerDevelopment2_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list{ width: 24%; position: relative; border-radius: 10px; overflow: hidden;} .CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list .content_list_img{ display: flex; overflow: hidden;} .CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list .content_list_img img{ width: 100%;} .CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list:hover .content_list_img img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list .content_list_title{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; padding: 40px 12%; color:#fff; z-index: 2;} .CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list .content_list_title .ist_title_dd{ color: #fff; font-weight: bolder;} .CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list .content_list_title .ist_title_icon{ margin: 36px 0px; opacity: 0;} .CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list .content_list_title .ist_title_icon img{ height: auto;} .CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list .content_list_title .ist_title_dt{ color: #fff; opacity: 0;} .CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list .content_list_title .ist_title_btn{ display: flex; justify-content: center; margin-top: 60px; opacity: 0;} .CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list::before{content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom,rgba(25,127,195,.8), rgba(25,127,195,.1)); opacity: 1; z-index: 1;} .CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list:hover::before{ opacity: 1;} .CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list:hover .content_list_title .ist_title_icon,.CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list:hover .content_list_title .ist_title_dt,.CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list:hover .content_list_title .ist_title_btn{ opacity: 1;} .CareerDevelopment3 .CareerDevelopment3_content .CareerDevelopment3_content_list{ display: flex; flex-wrap: wrap; justify-content: space-between; background: #f9f9f9; align-items: center;} .CareerDevelopment3 .CareerDevelopment3_content .CareerDevelopment3_content_list:nth-child(2n){ flex-direction: row-reverse;} .CareerDevelopment3 .CareerDevelopment3_content .CareerDevelopment3_content_list .content_list_img{ width: 50%; display: flex; overflow: hidden;} .CareerDevelopment3 .CareerDevelopment3_content .CareerDevelopment3_content_list .content_list_img img{ width: 100%;} .CareerDevelopment3 .CareerDevelopment3_content .CareerDevelopment3_content_list:hover .content_list_img img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .CareerDevelopment3 .CareerDevelopment3_content .CareerDevelopment3_content_list .content_list_txt{ width: 50%; padding: 4%;} .CareerDevelopment3 .CareerDevelopment3_content .CareerDevelopment3_content_list .content_list_txt .list_txt_dd{ color: #222222; font-weight: bolder; margin-bottom: 40px;line-height:1.7;} .CareerDevelopment3 .CareerDevelopment3_content .CareerDevelopment3_content_list .content_list_txt .list_txt_dt{ color: #666666;} .CareerDevelopment3 .CareerDevelopment3_content .CareerDevelopment3_content_list .content_list_txt .list_txt_btn{ margin-top: 0px; display: flex; opacity: 0;} .CareerDevelopment3 .CareerDevelopment3_content .CareerDevelopment3_content_list:hover .content_list_txt .list_txt_btn{ margin-top: 45px; opacity: 1;} .CareerDevelopment4{ position: relative;} .CareerDevelopment4 .CareerDevelopment4_img{ display: flex;} .CareerDevelopment4 .CareerDevelopment4_img img{ width: 100%;} .CareerDevelopment4 .CareerDevelopment4_txt{ position: absolute; width: 100%; text-align: center; top: 0; height: 100%; display: flex; flex-direction: column; justify-content: center; left: 0;} .CareerDevelopment4 .CareerDevelopment4_txt .CareerDevelopment4_txt_dd{ font-weight: bolder; color: #fff;} .CareerDevelopment4 .CareerDevelopment4_txt .CareerDevelopment4_txt_dt{ color: #fff; margin-top: 27px;} .CareerDevelopment4 .CareerDevelopment4_txt .CareerDevelopment4_txt_btn{ display: flex; justify-content: center; margin-top: 45px;} .DTeam .DTeam_list{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 110px;} .DTeam .DTeam_list:last-child{ margin-bottom: 0;} .DTeam .DTeam_list .DTeam_list_img{ display: flex; width: 32%; border-radius: 10px; overflow: hidden;} .DTeam .DTeam_list .DTeam_list_img img{ width: 100%;} .DTeam .DTeam_list .DTeam_list_txt{ width: 62%; padding-top: 30px;} .DTeam .DTeam_list .DTeam_list_txt .list_txt_title .txt_title_dd{ font-weight: bolder; color: #222222;} .DTeam .DTeam_list .DTeam_list_txt .list_txt_title .txt_title_dt{ font-weight: bolder; color: #666666; margin-top: 20px; margin-bottom: 40px;} .DTeam .DTeam_list .DTeam_list_txt .list_txt_content{ color: #666666;} .DTeam .DTeam_list .DTeam_list_txt .list_txt_content p{ margin-bottom: 15px;} .DTeam .DTeam_list .DTeam_list_txt .list_txt_content p:last-child{ margin-bottom: 0;} .GlobalLayout{ background: #f9f9f9;} .GlobalCase{ background: #f9f9f9;} .GlobalCase .GlobalCase_content{ display: flex; flex-wrap: wrap;} .GlobalCase .GlobalCase_content .GlobalCase_content_list{ background: #fff; border-radius: 10px; overflow: hidden; width: 32%; margin-right: 2%; margin-bottom: 2%; box-shadow: 0px 0px 50px rgba(0,0,0,.06);} .GlobalCase .GlobalCase_content .GlobalCase_content_list:nth-child(3n){ margin-right: 0;} .GlobalCase .GlobalCase_content .GlobalCase_content_list .content_list_img{ display: flex; overflow: hidden;} .GlobalCase .GlobalCase_content .GlobalCase_content_list .content_list_img img{ width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .GlobalCase .GlobalCase_content .GlobalCase_content_list:hover .content_list_img img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .GlobalCase .GlobalCase_content .GlobalCase_content_list .content_list_txt{ padding: 30px 25px;} .GlobalCase .GlobalCase_content .GlobalCase_content_list .content_list_txt .list_txt_title .txt_title_dd{ color: #222222;font-weight: bolder;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space: break-spaces;line-height: 1.7;} .GlobalCase .GlobalCase_content .GlobalCase_content_list .content_list_txt .list_txt_title .txt_title_dt{ color: #666666; margin-top: 20px; line-height: 1.7;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} .GlobalCase .GlobalCase_content .GlobalCase_content_list .content_list_txt .list_txt_bottom{ margin-top: 70px;} .GlobalCase .GlobalCase_content .GlobalCase_content_list .content_list_txt .list_txt_bottom .txt_bottom_dd{ display: flex; align-items: center; margin-bottom: 12px;} .GlobalCase .GlobalCase_content .GlobalCase_content_list .content_list_txt .list_txt_bottom .txt_bottom_dd b{ margin-right: 7px;} .GlobalCase .GlobalCase_content .GlobalCase_content_list .content_list_txt .list_txt_bottom .txt_bottom_dt{ color: #666666;} .GlobalCase .GlobalCase_btn{ justify-content:center; margin-top: 35px; width: 100%; display: flex;} .GlobalCase2{ padding-top: 15px;} .GlobalCase2 .GlobalCase2_list{ padding-top: 90px;} .GlobalCase2 .GlobalCase_btn{ margin-top: 25px; justify-content: center;} .IHistory{ display: flex; justify-content: space-between; position: relative;} .IHistory .IHistory_center{ width: calc(100%);} .IHistory .IHistory_center .IHistory_center_list{ display: flex;} .IHistory .IHistory_center .IHistory_center_list .center_list_left{ display: flex; width: 50%; margin-right: 4%; overflow: hidden;} .IHistory .IHistory_center .IHistory_center_list .center_list_left img{ width: 100%;} .IHistory .IHistory_center .IHistory_center_list .center_list_left:hover img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .IHistory .IHistory_center .IHistory_center_list .center_list_right{ width: 100%; display: flex; justify-content: space-between; padding-top: 50px;} .IHistory .IHistory_center .IHistory_center_list .center_list_right .list_righ_time{ width: 110px; color: #197fc3; font-weight: bolder;} .IHistory .IHistory_center .IHistory_center_list .center_list_right .list_righ_txt{ width: calc(100% - 110px);} .IHistory .IHistory_center .IHistory_center_list .center_list_right .list_righ_txt p{ margin-bottom: 15px; color: #666666; line-height: 1.7;} .IHistory .IHistory_center .IHistory_center_list .center_list_right .list_righ_txt p img{ border-radius: 10px; width: 100%;} .IHistory .IHistory_center{ display: flex; justify-content: flex-end;} .IHistory .IHistory_center .IHistory_centerLeft{ width: 45%; position: absolute; top: 0; left: 0; height: 100vh;} .IHistory .IHistory_center .IHistory_centerLeft .swiper-container{ height: 100%;} .IHistory .IHistory_center .IHistory_centerLeft .IHistory_centerLeft_list,.IHistory .IHistory_center .IHistory_centerLeft .IHistory_centerLeft_list img{ height: 100%;} .IHistory .IHistory_center .IHistory_centerLeft .IHistory_centerLeft_list img{ object-fit:cover;} .IHistory .IHistory_center .IHistory_centerLeft .IHistory_centerLeft_list{ display: flex;} .IHistory .IHistory_center .IHistory_centerLeft .IHistory_centerLeft_list img{ width: 100%;} .IHistory .IHistory_center .IHistory_centerRight{ width: 50%; padding-right: 15%;} .IHistory .IHistory_center .IHistory_centerRight .IHistory_centerRight_list{ margin-bottom: 60px;} .IHistory .IHistory_center .IHistory_centerRight .IHistory_centerRight_list:last-child{ margin-bottom: 0px;} .IHistory.position .IHistory_center .IHistory_centerLeft{ position: fixed;} .IHistory.position2 .IHistory_center .IHistory_centerLeft{ position: relative !important;} .IHistory.position2 .IHistory_center{ align-items:flex-end; justify-content: space-between;} .IHistory .swiper-pagination{ bottom: 30px; left: 0; width: 100%; } .IHistory .swiper-pagination span{ margin: 0px 5px; background:#fff;} .IHistory .IHistory_nav{ position: absolute; right: 60px; top: 0; height: 100vh;} .IHistory .IHistory_nav ul{ height: 100vh; background:#fff; display: flex; flex-direction: column; justify-content:flex-start; padding-top: 100px;} .IHistory .IHistory_nav ul li{ list-style: none; width: 113px; text-align: right; position: relative; margin-bottom: 99px; cursor: pointer; display: inline-block;} .IHistory .IHistory_nav ul li::before{ content: ""; display: inline-block; width: 16px; height: 56px; background: url(../images/bg51.jpg) no-repeat 50% 50%; position: absolute; bottom: -77px; right: 0;} .IHistory .IHistory_nav ul li .nav_list_dd{ color: #222222; font-weight: bolder; margin-bottom: 15px;} .IHistory .IHistory_nav ul li.on .nav_list_dd{ color: #197fc3;} .IHistory .IHistory_nav ul li .nav_list_dt{ color: #666666; font-weight: bolder;} .IHistory .IHistory_nav .IHistory_nav_btn{ text-align: right;} .IHistory .IHistory_nav .IHistory_nav_btn a{ width: 113px; height: 62px; border-radius: 6px; background: #197fc3; color: #fff; display: inline-block; display: flex; align-items: center; justify-content: center; font-weight: bolder; margin-bottom: 0px;} .IHistory .IHistory_nav .IHistory_nav_btn a:before{ display: none;} .IHistory.position .IHistory_nav{ position: fixed;} .IHistory.position2 .IHistory_nav{ position: absolute !important; top: auto; bottom: 0;} .Culture .pc_all_content{ display: flex; justify-content: space-between;} .Culture .pc_all_content .Culture_list{ width: 19%; position: relative; border-radius: 10px; overflow: hidden;} .Culture .pc_all_content .Culture_list .Culture_list_img{ display: flex;} .Culture .pc_all_content .Culture_list .Culture_list_img img{ width: 100%; object-fit:cover; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .Culture .pc_all_content .Culture_list:hover .Culture_list_img img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .Culture .pc_all_content .Culture_list .Culture_list_po{ position: absolute; left:0 ;top: 0; width: 100%; height: 100%; background: linear-gradient(to top,rgba(25,127,195,.8), rgba(25,127,195,0));display: flex; justify-content:flex-end; padding: 4% 10%; flex-direction: column; text-align:center; padding-bottom: 15%;} .Culture .pc_all_content .Culture_list .Culture_list_po .list_po_dd{ font-weight: bolder; color:#fff; line-height: 1.2; } .Culture .pc_all_content .Culture_list .Culture_list_po .list_po_dt{ color:#fff; margin-top: 25px; line-height: 1.5; overflow: hidden;} .Culture2 .Culture2_content .Culture2_img{ display: flex;} .Culture2 .Culture2_content .Culture2_img img{ width: 100%;} .Culture2 .Culture2_content{ position: relative;} .Culture2 .Culture2_content .Culture2_content_title{ position: absolute; top: 85px; color: #fff; font-weight: bolder;} .Culture2 .pc_all_content{ left: 0; right: 0; margin: 0 auto; position: absolute; top: 0; height: 100%; display: flex; align-items: center; justify-content: space-between; padding-right: 6%;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con{ display: flex; position: relative;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c{ } .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list{ display: flex; justify-content: center; margin-bottom: 2px;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list:last-child{ margin-bottom: 0px;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list .con_list_li{ height: 90px; display: flex; align-items:center; justify-content:center; width: 168px; background:#000; flex-direction:column; line-height: 1.4; cursor: pointer; margin-right: 2px; color:#fff;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list .con_list_li:last-child{ margin-right: 0px;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list:nth-child(1) .con_list_li{ background: url(../images/Culturebn1.png) no-repeat 50% 50%; background-size: 100%; padding-top: 15px;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list:nth-child(2) .con_list_li:nth-child(1){ background: url(../images/Culturebn2.png) no-repeat 50% 50%; background-size: 100%; padding-left: 50px;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list:nth-child(2) .con_list_li:nth-child(2){ background: url(../images/Culturebn3.png) no-repeat 50% 50%; background-size: 100%; padding-right: 50px;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list:nth-child(3) .con_list_li:nth-child(1){ background: url(../images/Culturebn4.png) no-repeat 50% 50%; background-size: 100%; padding-left: 50px;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list:nth-child(3) .con_list_li:nth-child(2){ background: url(../images/Culturebn5.png) no-repeat 50% 50%; background-size: 100%;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list:nth-child(3) .con_list_li:nth-child(3){ background: url(../images/Culturebn6.png) no-repeat 50% 50%; background-size: 100%; padding-right: 50px;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list:nth-child(4) .con_list_li:nth-child(1){ background: url(../images/Culturebn7.png) no-repeat 50% 50%; background-size: 100%; padding-left: 50px;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list:nth-child(4) .con_list_li:nth-child(2){ background: url(../images/Culturebn8.png) no-repeat 50% 50%; background-size: 100%;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list:nth-child(4) .con_list_li:nth-child(3){ background: url(../images/Culturebn9.png) no-repeat 50% 50%; background-size: 100%;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list:nth-child(4) .con_list_li:nth-child(4){ background: url(../images/Culturebn10.png) no-repeat 50% 50%; background-size: 100%; padding-right: 50px;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list:nth-child(2) .con_list_li:nth-child(1).on{ background: url(../images/Culturebn2on.png) no-repeat 50% 50%; background-size: 100%;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list:nth-child(2) .con_list_li:nth-child(2).on{ background: url(../images/Culturebn3on.png) no-repeat 50% 50%; background-size: 100%;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list:nth-child(3) .con_list_li:nth-child(1).on{ background: url(../images/Culturebn4on.png) no-repeat 50% 50%; background-size: 100%;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list:nth-child(3) .con_list_li:nth-child(2).on{ background: url(../images/Culturebn5on.png) no-repeat 50% 50%; background-size: 100%;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list:nth-child(3) .con_list_li:nth-child(3).on{ background: url(../images/Culturebn6on.png) no-repeat 50% 50%; background-size: 100%;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list:nth-child(4) .con_list_li:nth-child(1).on{ background: url(../images/Culturebn7on.png) no-repeat 50% 50%; background-size: 100%;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list:nth-child(4) .con_list_li:nth-child(2).on{ background: url(../images/Culturebn8on.png) no-repeat 50% 50%; background-size: 100%;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list:nth-child(4) .con_list_li:nth-child(3).on{ background: url(../images/Culturebn9on.png) no-repeat 50% 50%; background-size: 100%;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list:nth-child(4) .con_list_li:nth-child(4).on{ background: url(../images/Culturebn10on.png) no-repeat 50% 50%; background-size: 100%;} .Culture2 .Culture2_content .Culture2_content_img img{ width: 100%;} .Culture2 .Culture2_content .Culture2_content_right{ width: 30%;} .Culture2 .Culture2_content .Culture2_content_right .content_right_lister{ display: none;} .Culture2 .Culture2_content .Culture2_content_right .content_right_lister.on{ display: block;} .Culture2 .Culture2_content .Culture2_content_right .content_right_dd{ color: #fff; font-weight: bolder; position: relative; text-align: center; padding-bottom: 20px; margin-bottom: 25px;} .Culture2 .Culture2_content .Culture2_content_right .content_right_dd::before{ content: ""; display: inline-block; width: 28px; height: 3px; background: #fff; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;} .Culture2 .Culture2_content .Culture2_content_right .content_right_dt{ text-align: center; color: #fff;} .Culture3{ position: relative; padding-bottom: 150px;} .Culture3 .Title{ margin-bottom: 100px;} .Culture3 .Culture3_content{ display: flex; align-items: center; padding-left: 10%; justify-content: space-between; position: relative;} .Culture3 .Culture3_content::before{ content: ""; background: #f9f9f9; display: inline-block; width: 60%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: calc(100% + 100px); z-index: -1;} .Culture3 .Culture3_content .Culture3_content_left{ width: 25%;} .Culture3 .Culture3_content .Culture3_content_left ul li{ list-style: none; color: #545454; font-weight: bolder; border-left: 8px solid #545454; padding-left: 15px; margin-bottom: 40px; cursor: pointer; line-height: 1.7;} .Culture3 .Culture3_content .Culture3_content_left ul li.on{ color: #111; border-left: 8px solid #197fc3;} .Culture3 .Culture3_content .Culture3_content_left .Culture3_more_btn{ margin-top: 45px; display: flex;} .Culture3 .Culture3_content .Culture3_content_right{ width: 70%; position: relative;} .Culture3 .Culture3_content .Culture3_content_right .content_right_list .right_list_img{ display: flex;} .Culture3 .Culture3_content .Culture3_content_right .content_right_list .right_list_img img{ width: 100%;} .Culture3 .Culture3_content .Culture3_content_right .content_right_list .right_list_txt{ position: absolute; left: 0; right: 0; margin: 0 auto; width: 425px; background: #fff; bottom: 0; padding: 40px; padding-bottom: 0; max-width: 100%:} .Culture3 .Culture3_content .Culture3_content_right .content_right_list .right_list_txt .list_txt_dd{ font-weight: bolder; margin-bottom: 20px; line-height: 1.5;} .Culture3 .Culture3_content .Culture3_content_right .content_right_list .right_list_txt .list_txt_dt{ margin-bottom: 22px;} .Culture3 .Culture3_content .Culture3_content_right .content_right_list .right_list_txt .list_txt_btn{ display: flex;} .About .pc_all_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .About .About_left{ width: 47%;} .About .About_left .About_left_title{ color: #222222; font-weight: bolder; margin-bottom: 40px;} .About .About_left .About_left_txt p{ color: #666666; margin-bottom: 28px;} .About .About_left .About_left_txt p:last-child{ margin-bottom: 0;} .About .About_left .About_left_img{ margin-top: 60px; position: relative; border-radius: 10px;} .About .About_left .About_left_img .left_img_content{ display: flex; overflow: hidden; border-radius: 10px;} .About .About_left .About_left_img .left_img_content img{ width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .About .About_left .About_left_img .left_img_content:hover img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .About .About_left .About_left_img .left_img_title{ position: absolute; top: 0; left: 0; font-weight: bolder; color: #fff; padding: 40px;z-index:1;} .About .About_left .About_left_img .left_img_btn{ display: flex; position: absolute; width: 100%; bottom: -60px; justify-content:center; opacity: 0;} .About .About_left .About_left_img .Btn{ border-radius: 10px;} .About .About_left .About_left_img .Btn img{ height: 6px; margin-left: 10px; position: relative; top: -4px;} .About .About_left .About_left_img:hover .left_img_btn{ bottom: -30px; opacity: 1;} .About .About_left .About_left_number{ display: flex; align-items: center; justify-content: space-between; margin-top: 100px;} .About .About_left .About_left_number .left_number_list{ width: 33.333%; text-align: center; border-right: 1px solid #dcdcdc;} .About .About_left .About_left_number .left_number_list:last-child{ border-right: 0px;} .About .About_left .About_left_number .left_number_list .number_list_dd b{ color: #197fc3;} .About .About_left .About_left_number .left_number_list .number_list_dd span{ color: #222222;} .About .About_left .About_left_number .left_number_list .number_list_dt{ margin-top: 16px; color: #666666;} .Title3{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px;} .Title3 .Title3_left{ font-weight: bolder; color: #222222;} .Title3 .Title3_right{ display: flex; align-items: center;} .Title3 .Title3_right .Title3_right_list{ text-align: right; margin-right: 120px;} .Title3 .Title3_right .Title3_right_list:last-child{ margin-right: 0;} .Title3 .Title3_right .Title3_right_list .right_list_dd{ font-weight: bolder; color: #000;} .Title3 .Title3_right .Title3_right_list .right_list_dt{ color: #545454; margin-top: 10px;} .Title3 .Title3_right .Title3_right_list .right_list_p{ font-weight: bolder; margin-top: 22px;} .About3{ background: #f9f9f9;} .About3::before{ display: none;} .About3 .CareerDevelopment2_content .CareerDevelopment2_content_list::before{ opacity: 0;} .CareerDevelopment2on .CareerDevelopment2_content .CareerDevelopment2_content_list::before{ opacity: 1;} .About2 .pc_all_content{ display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;} .About2 .pc_all_content .About2_left{ width: 41%;} .About2 .pc_all_content .About2_left .About2_left_title{ margin-bottom: 38px;} .About2 .pc_all_content .About2_left .About2_left_title .left_title_dd{ color: #222222; font-weight: bolder;} .About2 .pc_all_content .About2_left .About2_left_title .left_title_dt{ color: #197fc3; font-weight: bolder; margin-top: 33px;} .About2 .pc_all_content .About2_left .About2_left_txt{ margin-bottom: 50px; height: 192px; overflow: hidden;} .About2 .pc_all_content .About2_left .About2_left_txt.on{ height: auto;} .About2 .pc_all_content .About2_left .About2_left_txt p{ margin-bottom: 24px; color: #666666;} .About2 .pc_all_content .About2_left .About2_left_txt p:last-child{ margin-bottom: 0;} .About2 .pc_all_content .About2_left .About2_left_btn{ width: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #eaeaea; border-radius: 4px; height: 75px; font-weight: bolder; cursor: pointer;} .About2 .pc_all_content .About2_left .About2_left_btn i{ margin-left: 8px; font-size: 22px;} .About2 .pc_all_content .About2_left .About2_left_btn.on i{transform: rotateX(180deg);} .About2 .pc_all_content .About2_right{ width: 45%; display: flex;} .About2 .pc_all_content .About2_right img{ width: 100%;} .About4{ position: relative; overflow: hidden;} .About4 .About4_img{ display: flex; background: #000;} .About4 .About4_img img{ width: 100%; opacity: .6;} .About4 .pc_all_content{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; display: flex; justify-content: space-between; height: 100%;} .About4 .pc_all_content .About4_left{ width: 365px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding-top: 72px; padding-bottom: 48px; position: relative; border-left: 1px solid rgba(255,255,255,.2); padding-left: 3%;} .About4 .pc_all_content .About4_left .About4_left_title{ font-weight: bolder; color: #fff;} .About4 .pc_all_content .About4_left .About4_left_txt .left_txt_list{ margin-bottom: 60px;} .About4 .pc_all_content .About4_left .About4_left_txt .left_txt_list:last-child{ margin-bottom: 0;} .About4 .pc_all_content .About4_left .About4_left_txt .left_txt_time{ color: #fff; opacity: .5;;} .About4 .pc_all_content .About4_left .About4_left_txt .left_txt_list .txt_list_dd{ color: #fff; margin-bottom: 15px;} .About4 .pc_all_content .About4_left .About4_left_txt .left_txt_list .txt_list_dt{ display: flex; align-items: flex-end; color: #fff;} .About4 .pc_all_content .About4_left .About4_left_txt .left_txt_list .txt_list_dt b{ margin-right: 25px;} .About4 .pc_all_content .About4_right{ width: calc(100% - 365px); display: flex; justify-content: space-between;} .About4 .pc_all_content .About4_right .About4_right_list{ width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; border-left: 1px solid rgba(255,255,255,.2); padding: 0px 6%; text-align: center; padding-bottom: 70px;} .About4 .pc_all_content .About4_right .About4_right_list:last-child{ border-right: 1px solid rgba(255,255,255,.2);} .About4 .pc_all_content .About4_right .About4_right_list .right_list_txt{ color: #fff; height: 0; opacity: 0; margin-top: 50px;} .About4 .pc_all_content .About4_right .About4_right_list .right_list_title{ color: #fff; opacity: .5; margin-top: 50px;} .About4 .pc_all_content .About4_right .About4_right_list:hover{ backdrop-filter: blur(10px); } .About4 .pc_all_content .About4_right .About4_right_list:hover .right_list_txt{ height: 42px; opacity: 1;} .PNav{ border-bottom: 1px solid #eaeaea;} .PNav .pc_all_content{ padding: 0px 155px; position: relative;} .PNav .swiper-button-next::after,.PNav .swiper-button-prev::after{ font-size: 24px; font-weight: bolder; color: #197fc3;} .PNav .swiper-button-next{ right: 100px;} .PNav .swiper-button-prev{ left: 100px;} .PNav .pc_all_content .PNav_list{ position: relative; padding: 30px 0px; display: inline-block; text-align: center; width: 100%;} .PNav .pc_all_content .PNav_list::before{ content: ""; display: inline-block; width: 100%; height: 2px; background: #197fc3; position: absolute; bottom: 0; left: 0; opacity: 0;} .PNav .pc_all_content .PNav_list.on::before{ opacity: 1;} .PNav .pc_all_content .PNav_list .PNav_list_icon{ text-align: center;} .PNav .pc_all_content .PNav_list .PNav_list_title{ text-align: center; color: #333333; margin-top: 17px;} .PRCO .PRCO_img{ width: 1080px; margin: 0 auto; max-width: 100%;} .PRCO .PRCO_img .PRCO_img_top{ margin-bottom: 20px;} .PRCO .PRCO_img .PRCO_img_top .img_top_list{ border-radius: 16px; overflow: hidden; display: flex;} .PRCO .PRCO_img .PRCO_img_top .img_top_list img{ width: 100%; border-radius: 16px; -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; } .PRCO .PRCO_img .PRCO_img_top .img_top_list:hover img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .PRCO .PRCO_img .PRCO_img_bottom{ position: relative; width: 720px; margin: 0 auto; max-width: 100%;} .PRCO .PRCO_img .PRCO_img_bottom .img_bottom_list{ border-radius: 10px; overflow: hidden; cursor: pointer; background: #197fc3; display: flex;} .PRCO .PRCO_img .PRCO_img_bottom .img_bottom_list.swiper-slide-thumb-active img{ opacity: .5;} .PRCO .PRCO_img .PRCO_img_bottom .img_bottom_list img{ width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .PRCO .PRCO_img .PRCO_img_bottom .img_bottom_list:hover img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .PRCO .PRCO_img .PRCO_img_bottom .swiper-button-next{ right: -50px;} .PRCO .PRCO_img .PRCO_img_bottom .swiper-button-prev{ left: -50px;} .PRCO .PRCO_img .PRCO_img_bottom .swiper-button-next::after,.PRCO .PRCO_img .PRCO_img_bottom .swiper-button-prev::after{ font-size: 24px; font-weight: bolder;} .PRCO .PRCO_nav{ background: #f9f9f9; height: 90px; position: relative;} .PRCO .PRCO_nav ul{ display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 100%; background: #f9f9f9; z-index: 3;} .PRCO .PRCO_nav ul.position{ position: fixed; top: 72px; box-shadow: 0px 0px 20px rgba(0,0,0,.1);} .PRCO .PRCO_nav ul li{ list-style: none; color: #222222; display: flex; align-items: center; margin-right: 25px; padding: 0px 30px; height: 90px; cursor: pointer;} .PRCO .PRCO_nav ul li.active{ background: #197fc3; color: #fff;} .PRCO .PRCO_nav ul li.active span img{ opacity: 0;} .PRCO .PRCO_nav ul li.active span img:last-child{ opacity: 1;} .PRCO .PRCO_nav ul li span{ display: flex; align-items: center; justify-content: center; position: relative; margin-right: 12px;} .PRCO .PRCO_nav ul li span img{ height: 35px;} .PRCO .PRCO_nav ul li span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .PRCO .PRCO_content .PRCO_content_list{ display: flex; align-items: center; border-radius: 20px; overflow: hidden; background: #f3f3f3; padding: 20px; justify-content: space-between;} .PRCO .PRCO_content .PRCO_content_list .content_list_left{ width: 48%; padding: 45px;} .PRCO .PRCO_content .PRCO_content_list .content_list_left .list_left_dd{ font-weight: bolder; color: #333333; margin-bottom: 35px;} .PRCO .PRCO_content .PRCO_content_list .content_list_left .list_left_dt p{ color: #666666; margin-bottom: 25px;} .PRCO .PRCO_content .PRCO_content_list .content_list_left .list_left_dt p:last-child{ margin-bottom: 0;} .PRCO .PRCO_content .PRCO_content_list .content_list_img{ display: flex; width: 48%; overflow: hidden;} .PRCO .PRCO_content .PRCO_content_list .content_list_img img{ width: 100%; overflow: hidden;} .PRCO .PRCO_content .PRCO_content_list .content_list_img:hover img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .ApplicationField{ background: url(../images/bg66.jpg) no-repeat 50%/cover;} .ApplicationField .ApplicationFieldContent{ display: flex; flex-wrap: wrap; justify-content: space-between;} .ApplicationField .ApplicationFieldContent .ApplicationFieldContent_list{ text-align: center; width: 24%; background: rgba(255,255,255,.1); border: 1px solid #fff; border-radius: 1px; padding: 50px 10px; border-radius: 10px;} .ApplicationField .ApplicationFieldContent .ApplicationFieldContent_list .ApplicationFieldContent_list_icon img{ height: 58px;} .ApplicationField .ApplicationFieldContent .ApplicationFieldContent_list .ApplicationFieldContent_list_title .list_title_dd{ color: #fff; margin-top: 25px; margin-bottom: 10px;} .ApplicationField .ApplicationFieldContent .ApplicationFieldContent_list .ApplicationFieldContent_list_title .list_title_dt{ color: #fff; line-height: 1.7;} .PRCOCraft .PRCOCraft_title{ font-weight: bolder; color: #222222; text-align: center; margin-bottom: 55px;} .PRCOCraft .PRCOCraft_img{ text-align: center;} .PRCOCraft .PRCOCraft_img img{ max-width: 100%;} .PRCOCraft .PRCOCraft_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .PRCOCraft .PRCOCraft_content .PRCOCraft_content_list{ width: 32%; background: #f3f3f3; border-radius: 10px; text-align: center; padding: 37px 0px; box-shadow: 0px 5px 6px rgba(54,56,59,.15); margin-right: 2%; margin-bottom: 2%;} .PRCOCraft .PRCOCraft_content .PRCOCraft_content_list:nth-child(3n){ margin-right: 0px;} .PRCOCraft .PRCOCraft_content .PRCOCraft_content_list .content_list_icon{ width: 72px; height: 72px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: #197fc3; margin: 0 auto;} .PRCOCraft .PRCOCraft_content .PRCOCraft_content_list .content_list_icon img{height: 30px;} .PRCOCraft .PRCOCraft_content .PRCOCraft_content_list .content_list_title .list_title_dd{ margin-top: 17px; margin-bottom: 12px;} .PRCOCraft .PRCOCraft_content .PRCOCraft_content_list .content_list_title .list_title_dt{ color: #666666; line-height: 1.7;} .PRCOCraft .PRCOCraft_case{ display: flex; flex-wrap: wrap; justify-content: space-between;} .PRCOCraft .PRCOCraft_case .PRCOCraft_case_list{ width: 32%; display: inline-block;} .PRCOCraft .PRCOCraft_case .PRCOCraft_case_list .case_list_img{ border-radius: 10px; overflow: hidden;} .PRCOCraft .PRCOCraft_case .PRCOCraft_case_list .case_list_img img{ width: 100%;} .PRCOCraft .PRCOCraft_case .PRCOCraft_case_list:hover .case_list_img img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .PRCOCraft .PRCOCraft_case .PRCOCraft_case_list .case_list_title{ text-align: center;} .PRCOCraft .PRCOCraft_case .PRCOCraft_case_list .case_list_title .list_title_dd{ color: #222222; margin-top: 20px;} .PRCOCraft .PRCOCraft_case .PRCOCraft_case_list .case_list_title .list_title_dt{ color: #666666; margin-top: 10px;} .PNav2{ background: #f7f7f7;} .LProduct{ background: #f7f7f7;} .LProduct .LProduct_list{ background: #fff; border-radius: 10px; overflow: hidden; display: flex; align-items: center; width: 100%; margin-bottom: 30px;} .LProduct .LProduct_list:nth-child(2n){ flex-direction: row-reverse;} .LProduct .LProduct_list .LProduct_list_left{ width: 50%; padding: 4% 8%;} .LProduct .LProduct_list .LProduct_list_left .list_left_title .left_title_dd{ font-weight: bolder; color: #222222;} .LProduct .LProduct_list .LProduct_list_left .list_left_title .left_title_dt{ margin-top: 15px; margin-bottom: 25px; color: #222222;} .LProduct .LProduct_list .LProduct_list_left .list_left_title .left_title_p{ color: #666666; line-height: 1.7; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;} .LProduct .LProduct_list .LProduct_list_left .list_left_btn{ display: flex; margin-top: 50px;} .LProduct .LProduct_list .LProduct_list_right{ width: 50%; display: flex; overflow: hidden;} .LProduct .LProduct_list .LProduct_list_right img{ width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .LProduct .LProduct_list:hover .LProduct_list_right img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .Plan .Plan_content{ display: flex; flex-wrap: wrap; justify-content: space-between; background: #f9f9f9; border-radius: 20px; padding: 35px 75px; align-items: center;} .Plan .Plan_content .Plan_content_img{ display: flex; width: 40%;} .Plan .Plan_content .Plan_content_img img{ width: 100%;} .Plan .Plan_content .Plan_content_txt{ width: 47%;} .Plan .Plan_content .Plan_content_txt .content_txt_title{ color: #222222; font-weight: bolder; margin-bottom: 33px; position: relative; padding-top: 50px;} .Plan .Plan_content .Plan_content_txt .content_txt_title::before{ content: ""; display: inline-block; position: absolute; width: 50px; height: 3px; background: #1873b0; top: 0;} .Plan .Plan_content .Plan_content_txt .content_txt_p{ margin-bottom: 33px;} .Plan .Plan_content .Plan_content_txt .content_txt_p .txt_p_li{ color: #666666; display: flex; align-items: center; margin-bottom: 20px; line-height: 1.7; position: relative; padding-left: 31px;} .Plan .Plan_content .Plan_content_txt .content_txt_p .txt_p_li:last-child{ margin-bottom: 0;} .Plan .Plan_content .Plan_content_txt .content_txt_p .txt_p_li span{ display: flex; align-items: center; position: absolute; left:0; top: 2px;} .Plan .Plan_content .Plan_content_txt .content_txt_p .txt_p_li span img{ height: 22px;} .Plan .Plan_content .Plan_content_txt .content_txt_bottom{ color: #333333; line-height: 1.7;} .Plan2{ background: #f9f9f9;} .Plan2 .Plan2_content{ display: flex; justify-content: space-between;} .Plan2 .Plan2_content .Plan2_content_left{ width: 60%; background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0px 5px 32px rgba(17,38,99,.1);} .Plan2 .Plan2_content .Plan2_content_title{ color: #197fc3; font-weight: bolder; padding-bottom: 20px; border-bottom: 1px solid #eaeaea;} .Plan2 .Plan2_content .Plan2_content_left .content_left_img{ display: flex; margin-top: 55px;} .Plan2 .Plan2_content .Plan2_content_left .content_left_img img{ width: 100%;} .Plan2 .Plan2_content .Plan2_content_right{ width: 38%; display: flex; flex-direction: column; justify-content: space-between;} .Plan2 .Plan2_content .Plan2_content_right .content_right_list{ background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0px 5px 32px rgba(17,38,99,.1); height: 48%;} .Plan2 .Plan2_content .Plan2_content_right .content_right_list:last-child{ margin-top: 4%;} .Plan2 .Plan2_content .Plan2_content_right .content_right_list .right_list_txt{ margin-top: 22px;} .Plan2 .Plan2_content .Plan2_content_right .content_right_list .right_list_txt .list_txt_li{ color: #666666; display: flex; align-items: center; margin-bottom: 18px; line-height: 1.7; position: relative; padding-left: 32px;} .Plan2 .Plan2_content .Plan2_content_right .content_right_list .right_list_txt .list_txt_li:last-child{ margin-bottom: 0;} .Plan2 .Plan2_content .Plan2_content_right .content_right_list .right_list_txt .list_txt_li span{ display: flex; align-items: center; position: absolute; left: 0; top: 2px;} .Plan2 .Plan2_content .Plan2_content_right .content_right_list .right_list_txt .list_txt_li span img{ height: 22px;} .Plan3{ background: url(../images/bg74.jpg) no-repeat 50%/cover;} .Plan3 .pc_all_content{ position: relative;} .Plan3 .Plan3_list{ text-align: center;} .Plan3 .Plan3_list .Plan3_list_title{ color: #fff;} .Plan3 .swiper-button-prev::after,.Plan3 .swiper-button-next::after{ color: #fff; font-size: 28px; font-weight: bolder;} .Plan3 .swiper-button-prev{ left: 6%;} .Plan3 .swiper-button-next{ right: 6%;} .Configuration .Configuration_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .Configuration .Configuration_content .Configuration_content_list{ width: 20%; text-align: center;} .Configuration .Configuration_content .Configuration_content_list .content_list_icon{ width: 160px; height: 160px; background: #f9f9f9; border: 1px solid #eaeaea; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin: 0 auto;} .Configuration .Configuration_content .Configuration_content_list .content_list_title .list_title_dd{ color: #222222; font-weight: bolder; margin-top: 30px; margin-bottom: 22px;} .Configuration .Configuration_content .Configuration_content_list .content_list_title .list_title_dt{ color: #666666;} .plan4{ background: #f9f9f9;} .plan4 .plan4_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .plan4 .plan4_content .plan4_content_list{ width: 49%; background: #fff; border-radius: 10px; margin-bottom: 2%;} .plan4 .plan4_content .plan4_content_list .content_list_img{ display: flex; justify-content: center; padding: 20px 0px; border-bottom: 1px solid #eaeaea;} .plan4 .plan4_content .plan4_content_list .content_list_img img{ max-width: 100%;} .plan4 .plan4_content .plan4_content_list .content_list_txt{ padding: 30px;} .plan4 .plan4_content .plan4_content_list .content_list_txt .list_txt_dd{ color: #197fc3; font-weight: bolder; margin-bottom: 20px;} .plan4 .plan4_content .plan4_content_list .content_list_txt .list_txt_dt p{ color: #666666; line-height: 1.7; margin-bottom: 8px;} .plan4 .plan4_content .plan4_content_list .content_list_txt .list_txt_dt p:last-child{ margin-bottom: 0;} .planAdvantage{ background: #fff;} .PRCOCraft2 .PRCOCraft_case{ justify-content: flex-start;} .PRCOCraft2 .PRCOCraft_case .PRCOCraft_case_list{ width: 23.5%; margin-right: 2%;} .PRCOCraft2 .PRCOCraft_case .PRCOCraft_case_list:last-child{ margin-right: 0px;} .DCaseVideo{ background: #f9f9f9;} .DCaseVideo .DCaseVideo_content{ position: relative; border-radius: 16px; overflow: hidden; margin-bottom: 75px;} .DCaseVideo .DCaseVideo_content .DCaseVideo_content_icon{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} .DCaseVideo .DCaseVideo_content .DCaseVideo_content_icon img{ width: 110px; opacity: .64; cursor: pointer;} .DCaseVideo .DCaseVideo_content .DCaseVideo_content_video{ display: flex;} .DCaseVideo .DCaseVideo_content .DCaseVideo_content_video img{ width: 100%; cursor: pointer;} .DCaseVideo .DCaseVideo_content .DCaseVideo_content_video .content_video_po{ width: 100%; position: absolute; left: 0; top: 0; background: #000; display: flex; align-items: center; justify-content: center; height: 100%; opacity: 0; z-index: -1;} .DCaseVideo .DCaseVideo_content .DCaseVideo_content_video.on .content_video_po{ opacity: 1; z-index: 2;} .DCaseVideo .DCaseVideo_content .DCaseVideo_content_video .content_video_po video{ width: 100%; height: 100%;} .DCaseVideo .DCaseVideo_txt{ display: flex; align-items: center; justify-content: space-between;} .DCaseVideo .DCaseVideo_txt.margintop0{ margin-top: 0px;} .DCaseVideo .DCaseVideo_txt .DCaseVideo_txt_left{ width: 42%;} .DCaseVideo .DCaseVideo_txt .DCaseVideo_txt_left .txt_left_dd{ font-weight: bolder; margin-bottom: 30px;} .DCaseVideo .DCaseVideo_txt .DCaseVideo_txt_left .txt_left_dt p{ margin-bottom: 20px; color: #666666;} .DCaseVideo .DCaseVideo_txt .DCaseVideo_txt_right{ width: 50%; display: flex; border-radius: 10px; overflow: hidden;} .DCaseVideo .DCaseVideo_txt .DCaseVideo_txt_right img{ width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .DCaseVideo .DCaseVideo_txt .DCaseVideo_txt_right:hover img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .DCaseVideo .DCaseVideo_bottom{ margin-top: 100px;} .DCaseVideo .DCaseVideo_bottom .DCaseVideo_bottom_title{ text-align: center; color: #222222; font-weight: bolder; margin-bottom: 60px;} .DCaseVideo .DCaseVideo_bottom .DCaseVideo_bottom_txt{ display: flex; flex-wrap: wrap; justify-content: space-between;} .DCaseVideo .DCaseVideo_bottom .DCaseVideo_bottom_txt .bottom_txt_list{ border-radius: 10px; width: 23.5%; box-shadow: 0px 5px 32px rgba(17,38,99,.1); text-align: center; padding: 35px 0px; background: #fff;} .DCaseVideo .DCaseVideo_bottom .DCaseVideo_bottom_txt .bottom_txt_list .txt_list_icon{ display: flex; align-items: center; justify-content: center; margin-bottom: 24px;} .DCaseVideo .DCaseVideo_bottom .DCaseVideo_bottom_txt .bottom_txt_list .txt_list_icon span{ display: flex; align-items: center; justify-content: center; position: relative;} .DCaseVideo .DCaseVideo_bottom .DCaseVideo_bottom_txt .bottom_txt_list .txt_list_icon span img{ height: 60px;} .DCaseVideo .DCaseVideo_bottom .DCaseVideo_bottom_txt .bottom_txt_list .txt_list_icon span img:last-child{ opacity: 0; position: absolute; left: 0; top: 0;} .DCaseVideo .DCaseVideo_bottom .DCaseVideo_bottom_txt .bottom_txt_list .txt_list_title{ padding: 0px 20px;} .DCaseVideo .DCaseVideo_bottom .DCaseVideo_bottom_txt .bottom_txt_list .txt_list_title .list_title_dd{ color: #111111;} .DCaseVideo .DCaseVideo_bottom .DCaseVideo_bottom_txt .bottom_txt_list .txt_list_title .list_title_dt{ margin-top: 18px; color: #666666;} .DCaseVideo .DCaseVideo_bottom .DCaseVideo_bottom_txt .bottom_txt_list .list_txt_title .txt_title_dt_txt .bottom_txt_list:hover{ background: #197fc3;} .DCaseVideo .DCaseVideo_bottom .DCaseVideo_bottom_txt .bottom_txt_list:hover{background: #197fc3;} .DCaseVideo .DCaseVideo_bottom .DCaseVideo_bottom_txt .bottom_txt_list:hover .txt_list_icon span img{ opacity: 0;} .DCaseVideo .DCaseVideo_bottom .DCaseVideo_bottom_txt .bottom_txt_list:hover .txt_list_icon span img:last-child{ opacity: 1;} .DCaseVideo .DCaseVideo_bottom .DCaseVideo_bottom_txt .bottom_txt_list:hover .txt_list_title .list_title_dd{ color: #fff;} .DCaseVideo .DCaseVideo_bottom .DCaseVideo_bottom_txt .bottom_txt_list:hover .txt_list_title .list_title_dt{ color: #fff;} .Scheme{ background: #fff; position: relative;} .Scheme .Scheme_img{ display: flex;} .Scheme .Scheme_img img{ width: 100%;} .Scheme .pc_all_content{ position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-between;} .Scheme .pc_all_content .Scheme_list{ width: 48%; background: #fff; padding: 52px; border-radius: 20px; box-shadow: 0px 5px 32px rgba(17,38,99,.1);} .Scheme .pc_all_content .Scheme_list .Scheme_list_title{ color: #197fc3; font-weight: bolder; padding-bottom: 20px; border-bottom: 1px solid #eaeaea; margin-bottom: 15px;} .Scheme .pc_all_content .Scheme_list .Scheme_list_content .list_content_dd .content_dd_li{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;} .Scheme .pc_all_content .Scheme_list .Scheme_list_content .list_content_dd .content_dd_li .dd_li_left{ width: 100%; color: #222222; display: flex; align-items: center; line-height: 1.5;} .Scheme .pc_all_content .Scheme_list .Scheme_list_content .list_content_dd .content_dd_li .dd_li_left img{ height: 20px; margin-right: 9px;} .Scheme .pc_all_content .Scheme_list .Scheme_list_content .list_content_dd .content_dd_li .dd_li_right{ width: calc(100%); color: #666666; line-height: 1.7; margin-top: 11px;} .Scheme .pc_all_content .Scheme_list .Scheme_list_content .list_content_img{ text-align: center; margin-top: 40px;} .Scheme .pc_all_content .Scheme_list .Scheme_list_content .list_content_img img{ max-width: 100%;} .Scheme .pc_all_content .Scheme_list:last-child .Scheme_list_content .list_content_dd .content_dd_li{ margin-bottom: 20px;} .Scheme .pc_all_content .Scheme_list:last-child .Scheme_list_content .list_content_dd .content_dd_li:last-child{ margin-bottom: 0;} .Scheme .pc_all_content .Scheme_list:last-child .Scheme_list_content .list_content_dd .content_dd_li .dd_li_left{ width: 150px;} .Scheme .pc_all_content .Scheme_list:last-child .Scheme_list_content .list_content_dd .content_dd_li .dd_li_right{ width: calc(100% - 150px); line-height: 1.7;} .Project .Project_content{ position: relative;} .Project .Project_content .Project_content_list{ position: relative; border-radius: 10px; overflow: hidden;} .Project .Project_content .Project_content_list .content_list_img{ display: flex;} .Project .Project_content .Project_content_list .content_list_img img{ width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .Project .Project_content .Project_content_list:hover .content_list_img img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .Project .Project_content .Project_content_list .content_list_title{ position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(to top,rgba(0,0,0,.5), rgba(0,0,0,.5)); padding-bottom: 30px;} .Project .Project_content .Project_content_list .content_list_title .list_title_dd{ color: #fff; margin-bottom: 15px;} .Project .Project_content .Project_content_list .content_list_title .list_title_dt{ color: #fff; padding: 0px 4%; line-height: 1.7;} .Project .Project_content .Project_content_list.swiper-slide-active .content_list_title{ background: linear-gradient(to top,rgba(0,0,0,.5), rgba(25,127,195,0));} .Project .Project_content .swiper-button-prev::after,.Project .Project_content .swiper-button-next::after{ color: #fff; font-weight: bolder; font-size: 30px;} .GlobalLayout .pc_all_content{ display: flex; align-items: center; } .GlobalLayout .pc_all_content .GlobalLayout_left{ position: relative; max-width: 70%; margin-right: 3%;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_img{ display: flex; position: relative;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_img img{ max-width: 100%;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_list{ position: absolute; list-style: none;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_list .left_list_icon{ width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; background: rgba(230,0,18,0); border-radius: 100%; cursor: pointer;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_list .left_list_icon span{ background: #333e5c; border-radius: 100%; width: 12px; height: 12px;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_list .left_list_down{ display: none; position: absolute; padding: 6px; background: #e60012; color: #fff; font-size: 12px; width: auto; text-align: center; left: 50%; transform: translateX(-50%); top: -25px;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_list .left_list_down:before {content:"";width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent;border-top:5px solid #e6001.DNews .DNews_content .NewsDetails_left2;position:absolute;bottom:-5px;left:0;right:0;margin:0 auto;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_list:hover .left_list_down{ display: block;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_list:hover .left_list_icon{ background: rgba(230,0,18,.2);} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_list:hover .left_list_icon span{ background: #e60012;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_list.on{z-index:9;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_list.on .left_list_down{ display: block;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_list.on .left_list_icon{ background: rgba(230,0,18,.2);} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_list.on .left_list_icon span{ background: #e60012;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_list.shanghai{ right: 18%; top: 52%;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_list.beijing{ right: 20%; top: 43%;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_list.anhui{ right: 20%; top: 51%;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_list.jiangsu{ right: 25%; top: 30%;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_list.hunan{ right: 20.5%; top: 52%;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_list.hubei{ right: 20%; top: 51.5%;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_list.guangdong{ right: 21%; top: 55%;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_list.sichuan{ right: 225%; top: 53%;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_list.fujian{ right: 19.5%; top: 54%;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_list.laowo{ right: 23%; top:60%;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_list.shate{ right: 37.5%; top: 56%;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_list.beiji{ right: 23%; top: 3%;} .GlobalLayout .pc_all_content .GlobalLayout_right{ width: 21%; position: relative;} .GlobalLayout .pc_all_content .GlobalLayout_right .GlobalLayout_right_list{ position: relative; border-radius: 4px; overflow: hidden;} .GlobalLayout .pc_all_content .GlobalLayout_right .GlobalLayout_right_list .right_list_img{ display: flex; overflow: hidden;} .GlobalLayout .pc_all_content .GlobalLayout_right .GlobalLayout_right_list .right_list_img img{ width: 100%;} .GlobalLayout .pc_all_content .GlobalLayout_right .GlobalLayout_right_list:hover .right_list_img img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .GlobalLayout .pc_all_content .GlobalLayout_right .GlobalLayout_right_list .right_list_title{ position: absolute;bottom: 0; left: 0; width: 100%; padding: 23px;background: linear-gradient(to top,rgba(0,0,0,.5), rgba(0,0,0,0)); height: 50%; display: flex; flex-direction: column; justify-content: flex-end;} .GlobalLayout .pc_all_content .GlobalLayout_right .GlobalLayout_right_list .right_list_title .list_title_dd{ color: #fff; font-weight: bolder; margin-bottom: 14px;} .GlobalLayout .pc_all_content .GlobalLayout_right .GlobalLayout_right_list .right_list_title .list_title_dt{ color: #fff;} .GlobalLayout .pc_all_content .GlobalLayout_right .GlobalLayout_right_box{width:100%;} .GlobalLayout .pc_all_content .GlobalLayout_right .GlobalLayout_switch_li{position:absolute;top:50%;transform:translateY(-50%);z-index: 9999;cursor: pointer;} .GlobalLayout .pc_all_content .GlobalLayout_right .GlobalLayout_switch_li svg{height:40px;} .GlobalLayout .pc_all_content .GlobalLayout_right .GlobalLayout_left_switch{left:0;} .GlobalLayout .pc_all_content .GlobalLayout_right .GlobalLayout_right_switch{right:0;} .LNews{ background:#fff;} .LNews .LNewsContent{ display: flex; flex-wrap: wrap;} .LNews .LNewsContent .LNewsContent_list{ width: 32%; margin-right: 2%; margin-bottom: 2%; border-radius: 6px; overflow: hidden;box-shadow: 0px 0px 25px rgba(0,0,0,.1);} .LNews .LNewsContent .LNewsContent_list:hover{ box-shadow: 0px 0px 25px rgba(0,0,0,.1);} .LNews .LNewsContent .LNewsContent_list:nth-child(3n){ margin-right: 0px;} .LNews .LNewsContent .LNewsContent_list .LNewsContent_list_img{ display: flex; overflow: hidden;} .LNews .LNewsContent .LNewsContent_list .LNewsContent_list_img img{ width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .LNews .LNewsContent .LNewsContent_list:hover .LNewsContent_list_img img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .LNews .LNewsContent .LNewsContent_list .LNewsContent_list_content{ padding: 25px; background:#fff;} .LNews .LNewsContent .LNewsContent_list .LNewsContent_list_content .list_content_dd{ font-weight: bolder;margin-bottom: 15px;color: #000;text-overflow: ellipsis;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space: break-spaces;line-height: 1.7;} .LNews .LNewsContent .LNewsContent_list .LNewsContent_list_content .list_content_dt{ color:#666;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: 20px;} .LNews .LNewsContent .LNewsContent_list .LNewsContent_list_content .list_content_tiem{ display: flex; align-items:center; color:#666;} .LNews .LNewsContent .LNewsContent_list .LNewsContent_list_content .list_content_tiem span{ background:#f5f5f5; color:#197fc3; display: inline-block; padding: 6px; margin-right: 10px;} .LNews .LNewsContent .LNewsContent_list .LNewsContent_list_content .list_content_tiem a{ background:#f5f5f5; color:#197fc3; display: inline-block; padding: 6px; margin-right: 10px;} .LNews .LNewsTop{ margin-bottom: 55px; position: relative;} .LNews .LNewsTop .LNewsContent_list{ display: flex; margin-right: 0px; margin-bottom: 0px; border-radius: 6px; overflow: hidden; border: 1px solid #ededed;} .LNews .LNewsTop .LNewsContent_list .LNewsContent_list_img{ width:50%;} .LNews .LNewsTop .LNewsContent_list .LNewsContent_list_img img{ height: 100%; object-fit:cover;} .LNews .LNewsTop .LNewsContent_list .LNewsContent_list_content{ width:50%; padding: 48px; background:#f9f9f9;} .LNews .LNewsTop .LNewsContent_list .LNewsContent_list_content .list_content_dd{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: break-spaces; line-height: 1.7;} .LNews .LNewsTop .swiper-pagination{ left: calc(50% + 48px); bottom: 30px; display: flex;} .LNews .LNewsTop .swiper-pagination span{ border-radius: 0px; width: 42px; height: 4px; margin-right: 15px; background:#eaeaea; opacity: 1; position: relative;} .LNews .LNewsTop .swiper-pagination span.swiper-pagination-bullet-active:before{ content:""; display: inline-block; width: 0%; height: 100%; left: 0; top: 0; background:#197fc3; position: absolute;} .LNews .LNewsTop .swiper-pagination span.swiper-pagination-bullet-active:before{ -webkit-animation:animate 5s linear; animation:animate 5s linear; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards } .TimeNav{ padding-top: 50px;} .TimeNav .pc_all_content{ position: relative; padding: 40px 4%; border-bottom: 1px solid #efefef;} .TimeNav .swiper-button-next:after,.TimeNav .swiper-button-prev:after{ font-size: 20px;} .TimeNav .pc_all_content .swiper-slide{ font-weight: bolder; color:#b6b6c0;} .TimeNav .pc_all_content .swiper-slide.active{ color:#222;} .NewsNav{ margin: 50px 0px;} .NewsNav .pc_all_content{ position: relative; display: flex; align-items:center; justify-content:center;} .NewsNav .pc_all_content .NewsNav_list{ color:#222; font-weight: bolder; display: inline-block; padding: 10px 25px; border-radius: 5px; margin-right: 25px;} .NewsNav .pc_all_content .NewsNav_list:last-child{ margin-right: 0px;} .NewsNav .pc_all_content .NewsNav_list.active{ background:#197ec2; color:#fff;} .DNews{background:#f9f9f9;} .DNews .DNews_content{display:flex;justify-content:space-between;align-items:flex-start;} .DNews .DNews_content .NewsDetails_left{width: 73%;background:#fff;padding:60px 40px;border-radius:6px;} .DNews .DNews_content .NewsDetails_left .NewsDetails_left_title{padding-bottom:25px;border-bottom:1px solid #e5e5e5;margin-bottom:22px;} .DNews .DNews_content .NewsDetails_left .NewsDetails_left_title .left_title_dd{color:#333333;} .DNews .DNews_content .NewsDetails_left .NewsDetails_left_title .left_title_dt{color:#666666;margin-top:15px;display:flex;align-items:center;justify-content:space-between;} .DNews .DNews_content .NewsDetails_left .NewsDetails_left_title .left_title_dt span{margin-right:25px;border-right:1px solid #666666;padding-right:25px;} .DNews .DNews_content .NewsDetails_left .NewsDetails_left_title .left_title_dt span:last-child{margin-right:0;padding-right:0;border-right:0;} .DNews .DNews_content .NewsDetails_left .NewsDetails_left_title .left_title_dt .title_dt_share{display:flex;justify-content:flex-start;align-items:center;} .DNews .DNews_content .NewsDetails_left .NewsDetails_left_title .left_title_dt .title_dt_share a{margin-left:12px;display:inline-block;width:22px;height:22px;position:relative;} .DNews .DNews_content .NewsDetails_left .NewsDetails_left_title .left_title_dt .title_dt_share a:nth-child(1){background:url(../images/wxon.svg) no-repeat 50% 50%;background-size:22px;} .DNews .DNews_content .NewsDetails_left .NewsDetails_left_title .left_title_dt .title_dt_share a:nth-child(2){background:url(../images/weiboon.svg) no-repeat 50% 50%;background-size:22px;} .DNews .DNews_content .NewsDetails_left .NewsDetails_left_title .left_title_dt .title_dt_share a:nth-child(3){background:url(../images/qqon.svg) no-repeat 50% 50%;background-size:22px;} .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} .DNews .DNews_content .NewsDetails_left .NewsDetails_left_title .left_title_dt .title_dt_share a:hover .wechat-qrcode{display:block} .DNews .DNews_content .NewsDetails_left .NewsDetails_left_content{margin-bottom:46px;} .DNews .DNews_content .NewsDetails_left .NewsDetails_left_content img{max-width:100%;object-fit:cover;} .DNews .DNews_content .NewsDetails_left .NewsDetails_left_content *{color:#666666;line-height:30px;} .DNews .DNews_content .NewsDetails_left .NewsDetails_left_content p{margin-bottom:12px;} .DNews .DNews_content .NewsDetails_left .NewsDetails_left_content p:last-child{margin-bottom:0px;} .DNews .DNews_content .NewsDetails_left .NewsDetails_left_content video{width:100%;} .DNews .DNews_content .NewsDetails_left .news_page{padding-top:35px;display:flex;align-items:center;border-top:1px solid #e5e5e5;margin-top:35px;justify-content:space-between;} .DNews .DNews_content .NewsDetails_left .news_page .news_page_left{max-width:calc(100% - 150px);} .DNews .DNews_content .NewsDetails_left .news_page .news_page_left .page_left_list{color:#666666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%;} .DNews .DNews_content .NewsDetails_left .news_page .news_page_left .page_left_list:last-child{margin-top:7px;} .DNews .DNews_content .NewsDetails_left .news_page .news_page_left .page_left_list a{color:#666666;} .DNews .DNews_content .NewsDetails_left .news_page .news_page_left .page_left_list:hover a{color:#197fc3;} .DNews .DNews_content .NewsDetails_left .news_page .news_page_right{display:flex;align-items:center;width:130px;height:41px;border:1px solid #e6e6e6;color:#333333;justify-content:center;border-radius:100px; color:#333;} .DNews .DNews_content .NewsDetails_left .news_page .news_page_right i{color:#197fc3;margin-left:8px;} .DNews .DNews_content .NewsDetails_left .news_page .news_page_right:hover{background:#197fc3;border:1px solid #197fc3;color:#fff; color:#fff;} .DNews .DNews_content .NewsDetails_left .news_page .news_page_right:hover i{color:#fff;} .DNews .DNews_content .NewsDetails_right{width:24%;background:#fff;border-radius:6px;} .DNews .DNews_content .NewsDetails_right .NewsDetails_right_title{display:flex;align-items:center;background:#197fc3;color:#fff;height:77px;padding:0px 20px;} .DNews .DNews_content .NewsDetails_right .NewsDetails_right_title img{height:20px;margin-right:9px;} .DNews .DNews_content .NewsDetails_right .NewsDetails_right_content{padding:30px 20px;} .DNews .DNews_content .NewsDetails_right .NewsDetails_right_content .right_content_list{border-bottom:1px solid #dadada;display:inline-block;margin-bottom:30px;padding-bottom:30px;width:100%;} .DNews .DNews_content .NewsDetails_right .NewsDetails_right_content .right_content_list:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0;} .DNews .DNews_content .NewsDetails_right .NewsDetails_right_content .right_content_list .content_list_title{margin-bottom:20px;} .DNews .DNews_content .NewsDetails_right .NewsDetails_right_content .right_content_list .content_list_title .list_title_dd{color:#070707;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .DNews .DNews_content .NewsDetails_right .NewsDetails_right_content .right_content_list .content_list_title .list_title_dt{color:#999999;margin-top:10px;} .DNews .DNews_content .NewsDetails_right .NewsDetails_right_content .right_content_list .content_list_txt{color:#666666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; line-height: 1.7;} .DNews .DNews_content .NewsDetails_right .NewsDetails_right_content .right_content_list:hover .content_list_title .list_title_dd{color:#197fc3;} .SEARCH .Search_top{ display:flex; align-items:center; justify-content:center; padding:0px 25%; margin-bottom:60px;} .SEARCH .Search_top form{ display:flex; align-items:center; justify-content:center; width:100%;} .SEARCH .Search_top input[type="search"]{ width:80%; height:74px; display: flex; align-items:center; padding:0px 20px; background:#f9f9f9; font-size:18px; color:#333; border:1px solid #dcdcdc;} .SEARCH .Search_top input[type="submit"]{ width:20%; height:74px; display:flex; align-items:center; justify-content:center; background:#197fc3; color:#fff; font-size:22px;} .SEARCH input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#b4b4b4; font-size:18px;} .SEARCH input::-webkit-input-placeholder{ /* WebKit browsers */ color:#b4b4b4; font-size:18px;} .SEARCH input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#b4b4b4; font-size:18px;} .SEARCH input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#b4b4b4; font-size:18px;} .SEARCH input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#b4b4b4; font-size:18px;} .SEARCH .Search_title{ font-size:20px; color:#00000; margin-bottom:50px;} .SEARCH .Search_title b{ color:#197fc3; margin:0px 8px;} .SEARCH .Search_content{ padding-bottom:0px; display: flex; flex-wrap: wrap;} .SEARCH .Search_content .Search_content_list{ padding:40px 36px; background:#fff; box-shadow:0px 0px 25px rgba(0,0,0,.1); margin-bottom:26px; width: 32%; margin-right: 2%;} .SEARCH .Search_content .Search_content_list:nth-child(3n){ margin-right: 0px;} .SEARCH .Search_content .Search_content_list .content_list_time{ font-size:20px; color:#999999;} .SEARCH .Search_content .Search_content_list .content_list_title{ max-width:100%; margin-top:9px; margin-bottom:19px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .SEARCH .Search_content .Search_content_list .content_list_title .list_title_l{ font-size:20px; color:#222;} .SEARCH .Search_content .Search_content_list .content_list_title .list_title_r{ font-size:20px; color:#222; display: inline-block; margin-left: 8px;} .SEARCH .Search_content .Search_content_list .content_list_title .list_title_r b{ color:#197fc3;} .SEARCH .Search_content .Search_content_list .content_list_txt{ font-size:16px; color:#666666;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .SEARCH .LNewsContent .LNewsContent_list .LNewsContent_list_img img{ height: 288px; object-fit:cover;} .ImgPcShow{ display: block;} .ImgIpadShow{ display: none;} .ImgMoShow{ display: none;} .FloatingWindow{ position: fixed; right: 60px; bottom: 20%; width: 46px; z-index: 5;-webkit-transition:none;-moz-transition:none;transition:none; display: none;} .FloatingWindow .FloatingWindow_top{ background: #197fc3; border-radius: 4px; margin-bottom: 12px; padding: 12px 0px; width: 100%; text-align: center; box-shadow: 0px 0px 20px rgba(147,132,18,.1); cursor: pointer; display: inline-block;} .FloatingWindow .FloatingWindow_top .FloatingWindow_top_icon{ margin-bottom: 8px; display: flex; justify-content:center;} .FloatingWindow .FloatingWindow_top .FloatingWindow_top_icon span img{ height: 19px;} .FloatingWindow .FloatingWindow_top .FloatingWindow_top_icon span{ display: flex; align-items:center; justify-content:center; position: relative;} .FloatingWindow .FloatingWindow_top .FloatingWindow_top_icon span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .FloatingWindow .FloatingWindow_top .FloatingWindow_top_title{ font-size: 14px; color: #fff; line-height: 1.2;} .FloatingWindow .FloatingWindow_bottom{ background: #fff; border-radius: 4px; box-shadow: 0px 0px 20px rgba(0,0,0,.1);} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list{ cursor: pointer; position: relative; padding: 16px 0px; display: inline-block; width: 100%;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list:last-child{ margin-bottom: 0;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list:hover{ background: #197fc3;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list .bottom_list_icon{ display: flex; justify-content:center;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list .bottom_list_icon span{ display: flex; align-items:center; justify-content:center; position: relative;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list .bottom_list_icon span img{ height: 19px;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list .bottom_list_icon span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list.ClickTop .bottom_list_icon img{ height: 11px;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list:nth-child(1) .bottom_list_down{ padding-left: 15px;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list .bottom_list_down{ position: absolute; width: 150px; left: -150px; background: #197fc3; box-shadow: 0px 0px 20px rgba(0,0,0,.1); line-height: 51px; top: 0px; text-align: center; font-size: 18px; color: #fff; font-weight: bolder; display: none;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list:hover .bottom_list_down{ display: flex;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list:hover .bottom_list_icon span img{ opacity: 0;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list:hover .bottom_list_icon span img:last-child{ opacity: 1;} @media screen and (max-width:1550px){ .pc_all .pc_all_content,.banner .banner_list_po,.HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .about_list_down .list_down_width,.DBanner .DBannertxt,.DBanner .DBannerPage,.banner .banner_list_po,.HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_right_language .right_language_dt .language_dt_padding,.HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_right_language .right_language_dt .language_dt_title{ max-width: 1400px;} .padding100{ padding: 90px 0px;} .padding100list{ padding: 0px 0px 90px;} .Btn{ padding: 15px 40px; } .Btn:hover{ padding: 15px 50px; } .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .solution_list_down .list_down_list .down_list_top{margin-bottom: 18px; padding-bottom: 18px;} .Header .pc_all_content .Header_left .Header_left_logo img{ height: 55px;} .Header .pc_all_content .Header_right .Header_right_phone .right_phone_icon{ width: 45px; height: 45px; margin-right: 18px;} .Header .pc_all_content .Header_right .Header_right_phone .right_phone_icon img{ width: 23px;} .HSearch .pc_all_content .HSearch_left{ width: 460px;} .HSearch .pc_all_content .HSearch_right{ width:calc(100% - 480px);} .HSearch .pc_all_content .HSearch_right .HSearch_right_txt{ width: calc(100% - 250px);} .HSearch .pc_all_content .HSearch_right .HSearch_right_form{ width: 200px;} .Footer .Footer_left .Footer_left_logo .left_logo_dd img{ height: 45px;} .Solution .Solution_content .Solution_content_po .content_po_list .po_list_left .list_left_dt{ margin-top: 25px;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_dd img{ height: 800px;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_po{ padding-left: 8%;} .Title2{ margin-bottom: 55px;} .PNav .pc_all_content{ padding: 0px 130px;} .PNav .swiper-button-prev{ left: 80px;} .PNav .swiper-button-next{ right: 80px;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_po{ width: 38%; padding-top: 140px;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_po .list_po_btn{ margin-top: 200px;} .Configuration .Configuration_content .Configuration_content_list .content_list_icon{ width: 140px; height: 140px;} .Configuration .Configuration_content .Configuration_content_list .content_list_icon img{ height: 70px;} .Title{ margin-bottom: 50px;} .HCase .HCase_nav .HCase_nav_list{ margin-right: 100px;} .About4 .pc_all_content .About4_right .About4_right_list .right_list_img img{ height: 130px;} .About4 .pc_all_content .About4_right .About4_right_list .right_list_txt{ margin-top: 45px;} .SEARCH .LNewsContent .LNewsContent_list .LNewsContent_list_img img{ height: 260px;} .HPartner .HPartnerContnet .swiper-slide{ width: 260px !important;} } @media screen and (max-width:1450px){ .pc_all .pc_all_content,.banner .banner_list_po,.HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .about_list_down .list_down_width,.DBanner .DBannertxt,.DBanner .DBannerPage,.banner .banner_list_po,.HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_right_language .right_language_dt .language_dt_padding,.HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_right_language .right_language_dt .language_dt_title{ max-width: 1300px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list{ margin-right: 60px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .solution_list_down .list_down_list .down_list_top{margin-bottom: 16px; padding-bottom: 16px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .solution_list_down .list_down_list .down_list_bottom a{margin-bottom:12px;} .Header .pc_all_content .Header_right .Header_right_phone .right_phone_icon{ width: 40px; height: 40px; margin-right: 14px;} .Header .pc_all_content .Header_right .Header_right_phone .right_phone_icon img{ width: 21px;} .padding100{ padding: 80px 0px;} .padding100list{ padding: 0px 0px 80px;} .Btn{ padding: 10px 30px; } .Btn:hover{ padding: 10px 40px; } .Header .pc_all_content .Header_left .Header_left_logo img{ height: 50px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .left_list_down_width{ width: 1366px;} .HSearch .pc_all_content .HSearch_left{ width: 440px;} .HSearch .pc_all_content .HSearch_right{ width:calc(100% - 460px);} .HSearch .pc_all_content .HSearch_right .HSearch_right_txt{ width: calc(100% - 200px);} .HSearch .pc_all_content .HSearch_right .HSearch_right_form{ width: 150px;} .Footer .Footer_left .Footer_left_logo .left_logo_dd img{ height: 40px;} .Solution .Solution_content .Solution_content_po .content_po_list .po_list_left .list_left_dt{ margin-top: 20px;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_dd img{ height: 770px;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_po{ padding-left: 6%;} .Title2{ margin-bottom: 50px;} .PNav .pc_all_content{ padding: 0px 110px;} .PNav .swiper-button-prev{ left: 60px;} .PNav .swiper-button-next{ right: 60px;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_po{ width: 40%; padding-top: 120px;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_po .list_po_btn{ margin-top: 170px;} .Configuration .Configuration_content .Configuration_content_list .content_list_icon{ width: 120px; height: 120px;} .Configuration .Configuration_content .Configuration_content_list .content_list_icon img{ height: 60px;} .Title{ margin-bottom: 45px;} .Plan2 .Plan2_content .Plan2_content_right .content_right_list{ height: auto;} .HCase .HCase_nav .HCase_nav_list{ margin-right: 80px;} .About4 .pc_all_content .About4_right .About4_right_list .right_list_img img{ height: 110px;} .About4 .pc_all_content .About4_right .About4_right_list .right_list_txt{ margin-top: 40px;} .SEARCH .LNewsContent .LNewsContent_list .LNewsContent_list_img img{ height: 240px;} .HPartner .HPartnerContnet .swiper-slide{ width: 240px !important;} .IHistory .IHistory_nav ul li{ margin-bottom: 50px;} .IHistory .IHistory_nav ul li::before{ height: 32px; bottom: -40px;} } @media screen and (max-width:1366px){ .pc_all .pc_all_content,.banner .banner_list_po,.HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .about_list_down .list_down_width,.DBanner .DBannertxt,.DBanner .DBannerPage,.banner .banner_list_po,.HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_right_language .right_language_dt .language_dt_padding,.HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_right_language .right_language_dt .language_dt_title{ max-width: 1200px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list{ margin-right: 50px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .solution_list_down .list_down_list .down_list_top{margin-bottom: 14px; padding-bottom: 14px;} .padding100{ padding: 70px 0px;} .padding100list{ padding: 0px 0px 70px;} .Header .pc_all_content .Header_left .Header_left_logo img{ height: 45px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .left_list_down_width{ width: 1280px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .solution_list_down .list_down_list .down_list_bottom a{margin-bottom:10px;} .HSearch .pc_all_content .HSearch_left{ width: 420px;} .HSearch .pc_all_content .HSearch_right{ width:calc(100% - 440px);} .Footer .Footer_left .Footer_left_logo .left_logo_dd img{ height: 35px;} .Solution .Solution_content .Solution_content_po .content_po_list .po_list_left .list_left_dt{ margin-top: 15px;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_dd img{ height: 740px;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_po{ padding-left: 4%;} .Title2{ margin-bottom: 45px;} .PNav .pc_all_content{ padding: 0px 90px;} .PNav .swiper-button-prev{ left: 40px;} .PNav .swiper-button-next{ right: 40px;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_po{ width: 42%;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_po .list_po_btn{ margin-top: 140px;} .Configuration .Configuration_content .Configuration_content_list .content_list_icon{ width: 100px; height: 100px;} .Configuration .Configuration_content .Configuration_content_list .content_list_icon img{ height: 50px;} .Title{ margin-bottom: 40px;} .CareerDevelopment4 .CareerDevelopment4_img img{ height: 260px; object-fit:cover;} .HProduct .HProduct_content .swiper-container{ overflow: hidden;} .HCase .HCase_nav .HCase_nav_list{ margin-right: 60px;} .About4 .pc_all_content .About4_right .About4_right_list .right_list_img img{ height: 90px;} .About4 .pc_all_content .About4_right .About4_right_list .right_list_txt{ margin-top: 35px;} .SEARCH .LNewsContent .LNewsContent_list .LNewsContent_list_img img{ height: 220px;} .HPartner .HPartnerContnet .swiper-slide{ width: 220px !important;} } @media screen and (max-width:1280px){ .pc_all .pc_all_content,.banner .banner_list_po,.HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .about_list_down .list_down_width,.DBanner .DBannertxt,.DBanner .DBannerPage,.banner .banner_list_po,.HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_right_language .right_language_dt .language_dt_padding,.HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_right_language .right_language_dt .language_dt_title{ max-width: 88%;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list{ margin-right: 45px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .solution_list_down .list_down_list .down_list_top{margin-bottom: 12px; padding-bottom: 12px;} .padding100{ padding: 60px 0px;} .padding100list{ padding: 0px 0px 60px;} .Header .pc_all_content .Header_left .Header_left_logo img{ height: 40px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .left_list_down_width{ width: 1124px;} .HSearch .pc_all_content .HSearch_left{ width: 400px;} .HSearch .pc_all_content .HSearch_right{ width:calc(100% - 420px);} .Footer .Footer_left .Footer_left_logo .left_logo_dd img{ height: 30px;} .Solution .Solution_content .Solution_content_po .content_po_list .po_list_left .list_left_dt{ margin-top: 10px;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_dd img{ height: 710px;} .Title2{ margin-bottom: 40px;} .PNav .pc_all_content{ padding: 0px 70px;} .PNav .swiper-button-prev{ left: 20px;} .PNav .swiper-button-next{ right: 20px;} .Honor2 .Honor2_content .Honor2_content_txt .content_txt_icon{ width: 190px; height: 190px;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_po{ width: 44%; } .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_po .list_po_btn{ margin-top: 110px;} .HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_right_search{ margin-left: 0px;} .Footer .Footer_nav{ padding-left: 3%;} .HCase .HCase_nav .HCase_nav_list{ margin-right: 40px;} .About4 .About4_img img,.Culture2 .Culture2_content .Culture2_img img{ height: 630px; object-fit:cover;} .About4 .pc_all_content .About4_right .About4_right_list .right_list_img img{ height: 80px;} .About4 .pc_all_content .About4_right .About4_right_list .right_list_txt{ margin-top: 30px;} .SEARCH .LNewsContent .LNewsContent_list .LNewsContent_list_img img{ height: 200px;} .HPartner .HPartnerContnet .swiper-slide{ width: 200px !important;} } @media screen and (max-width:1200px){ .pc_all .pc_all_content,.banner .banner_list_po,.HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .about_list_down .list_down_width,.DBanner .DBannertxt,.DBanner .DBannerPage,.banner .banner_list_po{ max-width: 88%;} .padding100{ padding: 50px 0px;} .padding100list{ padding: 0px 0px 50px;} .Header .pc_all_content .Header_left .Header_left_logo img{ height: 40px;} .HeaderNav .pc_all_content .HeaderNav_right .HeaderNav_right_language .right_language_dd span{ display: none;} .PNav .pc_all_content{ padding: 0px 50px;} .PNav .swiper-button-prev{ left: 0px;} .PNav .swiper-button-next{ right: 0px;} .Honor2 .Honor2_content .Honor2_content_txt .content_txt_icon{ width: 15vw; height: 15vw;} .Honor2 .Honor2_content .Honor2_content_txt .content_txt_icon.content_txt_icon10{ } .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_po{ width: 46%;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_po .list_po_btn{ margin-top: 80px;} .Header .pc_all_content .Header_right .Header_right_img img{ width: 60px;} .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list{ margin-right: 40px;} .Header .pc_all_content .Header_left .Header_left_txt .left_txt_dd{ letter-spacing: 0.8em;} .DNav .DNavScro{ justify-content: space-between;} .DNav .DNavScro .DNavScro_list{ margin-right: 0px;} .Footer .Footer_left .Footer_left_bottom .left_bottom_list .bottom_list_dd img{ max-width: 100%;} .About4 .pc_all_content .About4_left{ width: 260px;} .About4 .pc_all_content .About4_right{ width: calc(100% - 300px);} .SEARCH .LNewsContent .LNewsContent_list .LNewsContent_list_img img{ height: 180px;} .HPartner .HPartnerContnet .swiper-slide{ width: 180px !important;} .HPartner .HPartnerContnet .swiper-slide .HPartnerContnet_list{ height: 100px; width: calc(100% - 15px);} .HPartner .HPartnerContnet .swiper-slide .HPartnerContnet_list:last-child{ margin-top: 15px;} } @media screen and (max-width:1124px){ .HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .left_list_down2 .left_list_down_width{ width: 1024px;} } @media screen and (max-width:1024px){ /*ipad-y*/ .Header,.HeaderNav,.HeaderTop,.HeaderNavHeight{ display: none;} .pc_all .pc_all_content,.banner .banner_list_po,.HeaderNav .pc_all_content .HeaderNav_left .HeaderNav_left_list .about_list_down .list_down_width,.DBanner .DBannertxt,.DBanner .DBannerPage,.banner .banner_list_po,.IHistory .IHistory_center{ max-width: 90%; margin: 0 auto;} 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,.3);} .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: 28px;} .m-header-nav .sp_logo img:last-child{ opacity: 0; position: absolute; left: 0; top: 0;} .m-header-nav .sp_btn{ display: flex; position: relative; right: -50px;} .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;} .m-header-nav .sp_btn .sp_btn_list .btn_list_title img{ height: 18px;} .m-header-nav .sp_btn .sp_btn_list .btn_list_down{ position: absolute; width: 100px; top: 40px; left: 50%; background:#fff; transform: translateX(-50%); box-shadow: 0px 0px 20px rgba(0,0,0,.1); display: none;} .m-header-nav .sp_btn .sp_btn_list .btn_list_down a{ font-size: 14px; display: inline-block; width: 100%; text-align:center; line-height: 31px;} .m-header-nav .sp_login{ position: absolute; right: 75px;} .m-header-nav .sp_login img{ height: 24px;} .m-header-nav .sp_nav{width: 26px;float:right;position:relative;cursor:pointer;height:14px;z-index: 900;top: 0px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .m-header-nav .sp_nav span{display:block;background:#197fc3;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: block;position:fixed;z-index:9;background:white;width:70%;height:calc(100%);font-size: .95rem;;line-height:2.7rem;top:0px;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.45s; border-top:1px solid #dcdcdc; z-index: 401111; left: -75%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .m-header-nav .sjj_nav.active{ left: 0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .m-header-nav .sjj_nav_bg{ position: fixed; left: 0; top: 0; background: rgba(0,0,0,.5); width: 100%; height: 100%; z-index: 401110;} .m-header-nav .sjj_nav_bg{display: none;} .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; 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: 14px;padding: 14px 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:#000;} .m-header-nav .sjj_nav ul li ul li>ul{margin-left:10px} /*.m-header-nav.on{ background: #197fc3; box-shadow: 0px 0px 20px rgba(0,0,0,.2);}*/ /*.m-header-nav.in{ background: #197fc3; 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;}*/ .Title .Title_dd{ margin-bottom: 12px; padding-bottom: 12px;} .Title .Title_dt{ line-height: 1.7; font-size: 14px;} .banner,.DBanner{ margin-top: 60px;} .padding100{ padding: 40px 0px;} .padding100list{ padding: 0px 0px 40px;} .Title2{ margin-bottom: 35px;} .PNav .pc_all_content{ padding: 0px 20px;} .SEARCH .LNewsContent .LNewsContent_list .LNewsContent_list_img img{ height: 160px;} .HPartner .HPartnerContnet .swiper-slide{ width: 160px !important;} .HPartner .HPartnerContnet .swiper-slide .HPartnerContnet_list{ height: 90px; width: calc(100% - 10px);} .HPartner .HPartnerContnet .swiper-slide .HPartnerContnet_list:last-child{ margin-top: 10px;} .IHistory{ padding: 45px 0px;} .IHistory .IHistory_center{ display: block;} .IHistory .IHistory_center .IHistory_centerLeft{ height: auto; width: 100%; position: relative;} .IHistory.position .IHistory_center .IHistory_centerLeft{ position: relative;} .IHistory .IHistory_nav{ display: none;} .IHistory.position .IHistory_nav{ position: relative;} .IHistory .IHistory_center .IHistory_centerRight{ width: 100%; padding-right: 0px;} .CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list .content_list_title .ist_title_dd{ line-height: 1.5;} .banner .banner_list .banner_list_img img.PcBanner{ display: block;} .banner .banner_list .banner_list_img img.IpadBanner{ display: block;} .banner .banner_list .banner_list_img img.MoBanner{ display: none;} .ImgPcShow{ display: block;} .ImgIpadShow{ display: block;} .ImgMoShow{ display: none;} } @media screen and (max-width:980px){ /*ipad-x*/ img{ max-width:100%;} .SEARCH .LNewsContent .LNewsContent_list .LNewsContent_list_img img{ height: 120px;} .HPartner .HPartnerContnet .swiper-slide{ width: 140px !important;} .HPartner .HPartnerContnet .swiper-slide .HPartnerContnet_list{ height: 80px;} } @media screen and (max-width:766px){ /*iphone*/ .padding100list{ padding: 40px 0px;} .PcShow { display:none;} .MoShow { display:block;} .padding110{ padding: 40px 0px;} .Title{ margin-bottom: 30px;} .Title .Title_dd{ line-height: 1.7; font-size: 22px;} .Title2{ margin-bottom: 30px;} .Title2 .Title2_dt{ font-size: 15px; margin-top: 10px;} .Btn{ padding: 10px 20px; } .Btn:hover{ padding: 10px 30px; } .banner .banner_list .banner_list_img img.PcBanner{ display: none;} .banner .banner_list .banner_list_img img.IpadBanner{ display: none;} .banner .banner_list .banner_list_img img.MoBanner{ display: block;} .ImgPcShow{ display: none;} .ImgIpadShow{ display: none;} .ImgMoShow{ display: block;} .PNav .swiper-button-prev{ left: 0;} .PNav .swiper-button-next{ right: 0px;} .PNav .pc_all_content{ padding: 0px;} .banner .banner_list .banner_list_img img{ width: 100%;} .banner .banner_list_po .list_po_dt{ font-size: 20px; margin: 15px 0px;} .banner .banner_list_po .list_po_p{ font-size: 14px; line-height: 1.7;} .banner .banner_list_po .list_po_p b{ font-size: 16px; margin: 0px 5px;} .HSearch .pc_all_content{ flex-wrap: wrap; height: auto;} .HSearch .pc_all_content .HSearch_left{ padding-right: 20px;} .HSearch .pc_all_content .HSearch_left .HSearch_left_dd{ font-size: 18px;} .HSearch .pc_all_content .HSearch_left .HSearch_left_dd img{ width: 20px; margin-left: 15px;} .HSearch .pc_all_content .HSearch_left .HSearch_left_dt{ line-height: 1.5; font-size: 14px;} .HSearch .pc_all_content .HSearch_left,.HSearch .pc_all_content .HSearch_right{ width: 100%;} .HSearch .pc_all_content .HSearch_right{flex-wrap: wrap;} .HSearch .pc_all_content .HSearch_right .HSearch_right_txt{ margin-top: 15px;} .HSearch .pc_all_content .HSearch_right .HSearch_right_txt,.HSearch .pc_all_content .HSearch_right .HSearch_right_form{ width: 100%;} .HSearch .pc_all_content .HSearch_right .HSearch_right_form input[type="text"],.HSearch .pc_all_content .HSearch_right .HSearch_right_form input[type="submit"]{ height: 65px;} .HSearch .pc_all_content .HSearch_right .HSearch_right_form input[type="submit"]{ background-size: 18px;} .HCase .HCase_nav ul{ flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; padding-bottom: 20px;} .HCase .HCase_nav .HCase_nav_list{ margin-right: 0px;} .HCase .HCase_nav .HCase_nav_list::before,.HCase .HCase_nav .HCase_nav_list::after{ display: none;} .HCase .HCase_nav .HCase_nav_list{ width: 49%; text-align:center; border: 1px solid #dcdcdc; padding-bottom: 0px; line-height: 44px; border-radius: 6px; margin-bottom: 2%;} .HCase .HCase_nav .HCase_nav_list.on{ background:#197fc3; color:#fff; border: 1px solid #197fc3;} .HCase .HCase_content .HCase_content_list .content_list_box{ justify-content: space-between;} .HCase .HCase_content .HCase_content_list .content_list_li{ width: 48%; margin-right: 0px; margin-bottom: 25px;} .HCase .HCase_content_btn{ padding-top: 20px;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_po{ position: relative; width: 100%; padding: 24px; background:#197fc3;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_po .list_po_title{ font-size: 16px; margin-bottom: 15px;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_po .list_po_title::before{ display: none;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_po .list_po_txt{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} .Solution .Solution_content .Solution_content_po{ width: 100%; position: relative; flex-direction: initial; flex-wrap: wrap;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_po .list_po_btn{ margin-top: 30px;} .Solution .Solution_content .SolutionImg .SolutionImgBtn{ width: 150px; border-radius: 20px 20px 0px 0px; margin: 0 auto; right: 0;} .Solution .Solution_content .SolutionImg .SolutionImgBtn .SolutionImgBtn_prev, .Solution .Solution_content .SolutionImg .SolutionImgBtn .SolutionImgBtn_next{ height: 40px;} .Solution .Solution_content .SolutionImg .SolutionImgBtn .SolutionImgBtn_prev img, .Solution .Solution_content .SolutionImg .SolutionImgBtn .SolutionImgBtn_next img{ width: 24px;} .Solution .Solution_content .Solution_content_po .content_po_list .po_list_left .list_left_dd{ font-size: 16px; display: flex; align-items:center;} .Solution .Solution_content .Solution_content_po .content_po_list .po_list_left .list_left_dt{ margin-left: 5px; line-height: 1.5; font-size: 14px; margin-top: 0px; position: relative; top: 0px;} .Solution .Solution_content .Solution_content_po .content_po_list{ padding: 15px; width:50%; height: auto;} .Solution .Solution_content .Solution_content_po .content_po_list .po_list_right{ display: none;} .Solution .Solution_content .Solution_content_po .content_po_list:last-child{ width: 100%;} .Solution .Solution_content .Solution_content_po .content_po_list .po_list_left{ width:calc(100%); display: flex;} .Solution .Solution_content .Solution_content_po .content_po_list .po_list_left .list_left_p{ line-height: 1.7; display: none;} .Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_dd img{ height: auto;} .HProduct .HProduct_content{ position: relative;} .HProduct .HProduct_content .swiper-container{ overflow: hidden;} .HProduct .HProduct_content .HProduct_content_list .content_list_top .list_top_dt{ line-height: 1.7;} .HProduct .HProduct_content .HProduct_content_list .content_list_top .list_top_dd i{ width: 25px; height: 25px;} .HInnovation .HInnovation_content .HInnovation_content_list{ margin-bottom: 40px;} .HInnovation .HInnovation_content .HInnovation_content_list .content_list_left,.HInnovation .HInnovation_content .HInnovation_content_list .content_list_right{ width: 100%;} .HInnovation .HInnovation_content .HInnovation_content_list .content_list_left .list_left_title .left_title_dt{ line-height: 1.7;} .HInnovation .HInnovation_content .HInnovation_content_list .content_list_right{ margin-top: 25px;} .HInnovation .HInnovation_content .HInnovation_content_list .content_list_left .list_left_txt{ margin-bottom: 30px;} .HInnovation .HInnovation_content .HInnovation_content_list .content_list_right .list_right_li{ border-radius: 10px;} .HInnovation .HInnovation_content .HInnovation_content_list .content_list_left .list_left_icon{ font-size: 80px; top: -20px;} .HPartner .HPartnerContnet{ padding: 0px; overflow: hidden;} .HPartner .HPartnerContnet .swiper-slide{ width: 180px !important;} .HPartner .HPartnerContnet .swiper-slide .HPartnerContnet_list{ height: 100px;} .HNews .HNewsContent .HNewsContent_left{ width: 100%;} .HNews .HNewsContent .HNewsContent_center{ width: 100%; margin: 25px 0px;} .HNews .HNewsContent .HNewsContent_right{ width: 100%;} .HNews .HNewsContent .HNewsContent_right .HNewsContent_right_content{ padding: 22px; width: 100%; height: auto; border-radius: 0px 0px 10px 10px; position: relative;} .Footer{ padding: 40px 0px;} .Footer .pc_all_content{ flex-wrap: wrap;} .Footer .Footer_left{ margin-bottom: 0px;} .Footer .Footer_left,.Footer .Footer_nav{ width: 100%;} .Footer .Footer_nav{ padding-left: 0; border-left: 0px; margin-top: 25px;} .Footer .Footer_nav .Footer_nav_title{ margin-bottom: 15px; padding-bottom: 15px;} .Footer .Footer_left .Footer_left_share,.Footer .Footer_left .Footer_left_bottom{ margin-top: 25px;} .Footer .Footer_link{ margin-top: 35px; align-items: flex-start;} .Footer .Footer_link .Footer_link_dt{ word-break: keep-all; } .Footer .Footer_link .Footer_link_dt a{ margin-bottom: 10px; display: inline-block;} .Footer .Footer_left .Footer_left_bottom .left_bottom_list{ width: 31%;} .Footer .Footer_nav .Footer_nav_txt .nav_txt_list{ width: 49%;} .Footer .Footer_link{flex-direction: column;} .Footer .Footer_link .Footer_link_left{ width: 100%;} .Footer .Footer_link .Footer_link_right{display: none;} .Copyright .Copyright_left{ line-height: 1.7; text-align:center;} .DBanner .DBannerImg img{ height: 240px; object-fit:cover;} .DBanner .DBannertxt .DBannertxt_dd{ font-size: 24px; position: relative; margin-bottom: 0px;} .DBanner .DBannertxt .DBannertxt_dt{ display: none;} .DBanner .DBannertxt .DBannertxt_dd span{ position: absolute;height: auto; padding: 8px 10px; margin-left: 0px; top: -40px;} .DBanner .DBannertxt .DBannertxt_dd span img{ height: 12px; margin-right: 8px;} .content_list_video .list_video_content{ width: 100%;} .DNav .pc_all_content{ overflow: auto;} .DNav .DNavScro{ justify-content: space-between; flex-wrap: wrap; padding: 15px 0px;} .DNav .DNavScro .DNavScro_list{ width: 150px; margin-right: 0px;} .DNav .DNavScro .DNavScro_list::before{ bottom: -15px;} .DNav.CDNav .DNavScro .DNavScro_list{ width: 200px;} .DNav .DNavScro .DNavScro_list span{ width: 32px; height: 32px; margin-right: 10px;} .DNav .DNavScro .DNavScro_list span img{ height: 18px;} .DNav .DNavScro .DNavScro_list.active{ color:#197fc3;} .About .About_left,.About .About_right{ width: 100%;} .About .About_left .About_left_title{ margin-bottom: 20px;} .About .About_left .About_left_txt p{ margin-bottom: 15px;} .About .About_left .About_left_img{ margin-top: 30px;} .About .About_left .About_left_img .left_img_title{ padding: 20px;width:100%;text-align:center;} .About .About_left .About_left_number{ margin-top: 40px;} .About .About_left .About_left_img .left_img_btn{ bottom: 20px; opacity: 1;} .About4{ background:url(../images/bg83.jpg) no-repeat 50%/cover; position: relative;} .About4:before{ content:""; display: inline-block; width: 100%; height: 100%; background:rgba(0,0,0,.5); position: absolute; left: 0; top: 0;} .About4 .About4_img{ display: none;} .About4 .pc_all_content{ position: relative; flex-wrap: wrap; padding-bottom: 40px;} .About4 .pc_all_content .About4_left,.About4 .pc_all_content .About4_right{ width: 100%;} .About4 .pc_all_content .About4_left{ padding: 40px 0px; border-left: 0px;} .About4 .pc_all_content .About4_left .About4_left_title{ margin-bottom: 25px;} .About4 .pc_all_content .About4_left .About4_left_txt .left_txt_list{ margin-bottom: 30px;} .About4 .pc_all_content .About4_right .About4_right_list .right_list_txt{ height: 128px; opacity: 1; margin-top: 15px;} .About4 .pc_all_content .About4_right .About4_right_list{ padding: 30px 4%;} .About4 .pc_all_content .About4_right .About4_right_list .right_list_title{ margin-top: 0px; height:60px; line-height: 1.5;} .About4 .pc_all_content .About4_right{ border-top: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2);} .About4 .pc_all_content .About4_left .About4_left_txt .left_txt_list .txt_list_dt b{ margin-right: 15px;} .Title3{ margin-bottom: 40px;} .Title3 .Title3_right .Title3_right_list{ margin-right: 30px;} .Title3 .Title3_right .Title3_right_list .right_list_p{ margin-top: 10px;} .CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list{ width: 100%; margin-bottom: 25px;} .CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list::before,.CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list .content_list_title .ist_title_dt,.CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list .content_list_title .ist_title_icon{ opacity: 1;} .CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list::before{ background: rgba(25,127,195,.6);} .CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list .content_list_title{ padding: 20px;display: flex; flex-direction: column; justify-content: center;} .CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list .content_list_title .ist_title_icon{ margin: 13px 0px;} .CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list .content_list_title .ist_title_icon img{ height: 68px;} .CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list .content_list_title .ist_title_btn{ margin-top: 18px; opacity: 1;} .CareerDevelopment2 .CareerDevelopment2_content .CareerDevelopment2_content_list .content_list_img img{height: 300px; object-fit: cover;} .About2 .pc_all_content .About2_left,.About2 .pc_all_content .About2_right{ width: 100%;} .About2 .pc_all_content .About2_left{ margin-bottom: 35px;} .About2 .pc_all_content .About2_left .About2_left_title{ margin-bottom: 25px;} .About2 .pc_all_content .About2_left .About2_left_title .left_title_dt{ margin-top: 15px;} .About2 .pc_all_content .About2_left .About2_left_txt{ margin-bottom: 35px;} .About2 .pc_all_content .About2_left .About2_left_btn{ height: 45px;} .About2 .pc_all_content .About2_left .About2_left_title .left_title_dt{ font-size: 26px;} .CareerDevelopment .CareerDevelopment_list .CareerDevelopment_list_left,.CareerDevelopment .CareerDevelopment_list .CareerDevelopment_list_right,.CareerDevelopment .CareerDevelopment_list:nth-child(2n) .CareerDevelopment_list_left{ width: 100%;} .CareerDevelopment .CareerDevelopment_list .CareerDevelopment_list_left{ margin-bottom: 35px;} .CareerDevelopment .CareerDevelopment_list .CareerDevelopment_list_left .CareerDevelopment_list_txt{ margin-top: 15px;} .CareerDevelopment .CareerDevelopment_list .CareerDevelopment_list_left .CareerDevelopment_list_txt p{ margin-bottom: 15px;} .Culture .pc_all_content .Culture_list{ width: 100%; margin-bottom: 25px;} .Culture .pc_all_content .Culture_list:last-child{ margin-bottom: 0px;} .Culture .pc_all_content .Culture_list .Culture_list_content{ padding: 20px;} .Culture2{ background:url(../images/bg57.jpg) no-repeat 50%/cover; position: relative; padding: 40px 0px;} .Culture2:before{ content:""; display: inline-block; width: 100%; height: 100%; background:rgba(0,0,0,.3); position: absolute; left: 0; top: 0;} .Culture2 .Culture2_content .Culture2_img{ display: none;} .Culture2 .pc_all_content{ position: relative; flex-wrap: wrap; padding-right: 0px;} .Culture2 .Culture2_content .Culture2_content_title{ position: relative; top: 0px;} .Culture2 .Culture2_content .Culture2_content_right{ width: 100%; margin-top: 35px;} .Culture3{ padding-bottom: 0px;} .Culture3 .Title{ margin-bottom: 30px;} .Culture3 .Culture3_content{ flex-wrap: wrap; padding-left: 0px;} .Culture3 .Culture3_content .Culture3_content_left,.Culture3 .Culture3_content .Culture3_content_right{ width: 100%;} .Culture3 .Culture3_content .Culture3_content_left{background: #f9f9f9; padding: 25px;} .Culture3 .Culture3_content::before{ display: none;} .Culture3 .Culture3_content .Culture3_content_right .content_right_list .right_list_txt{ width: 100%; position: relative; padding: 20px;} .Culture3 .Culture3_content .Culture3_content_left ul li{ margin-bottom: 25px;} .Culture3 .Culture3_content .Culture3_content_left .Culture3_more_btn{ margin-top: 30px;} .IHistory{ flex-wrap:wrap; flex-direction: column-reverse;} .IHistory .IHistory_center .IHistory_center_list{ flex-wrap: wrap;} .IHistory .IHistory_center .IHistory_center_list .center_list_left,.IHistory .IHistory_center .IHistory_center_list .center_list_right{ width: 100%;} .IHistory .IHistory_center .IHistory_center_list .center_list_left{ margin-right: 0px;} .IHistory .IHistory_nav{ position: relative; right: 0px; padding-top: 35px; width: 100%; padding: 6%;} .IHistory .IHistory_nav ul{ display: flex; justify-content: space-between; flex-wrap: wrap;} .IHistory .IHistory_nav ul li{ width: 33.33%; margin-bottom: 0%; text-align:center; border: 1px solid #dcdcdc; padding: 15px 0px;} .IHistory .IHistory_nav ul li::before{ display: none;} .IHistory .IHistory_nav .IHistory_nav_btn{ width: 33.33%;} .IHistory .IHistory_nav ul li .nav_list_dd{ margin-bottom: 10px;} .IHistory .IHistory_nav .IHistory_nav_btn a{ margin-right: 0px; width: 100%; height: 100%; border-radius: 0px;} .IHistory .IHistory_center{} .IHistory .IHistory_center .IHistory_centerRight .IHistory_centerRight_list{ margin-bottom: 0px;} .IHistory .IHistory_center .IHistory_center_list .center_list_right{ padding-top: 35px; flex-wrap: wrap;} .IHistory .IHistory_center .IHistory_center_list .center_list_right .list_righ_txt p{ margin-bottom: 15px;} .IHistory .IHistory_center .IHistory_center_list .center_list_right .list_righ_time{ margin-bottom: 20px;} .IHistory .IHistory_center .IHistory_center_list .center_list_right .list_righ_time,.IHistory .IHistory_center .IHistory_center_list .center_list_right .list_righ_txt{ width: 100%;} .GlobalLayout .pc_all_content{ flex-wrap: wrap;} .GlobalLayout .pc_all_content .GlobalLayout_left,.GlobalLayout .pc_all_content .GlobalLayout_right{ width: 100%; max-width: 100%; margin-right: 0px;} .GlobalLayout .pc_all_content .GlobalLayout_left{ margin-bottom: 25px;} .GlobalCase .GlobalCase_content{ justify-content: space-between;} .GlobalCase .GlobalCase_content .GlobalCase_content_list{ width: 100%; margin-bottom: 38px; margin-right: 0px;} .GlobalCase .GlobalCase_content .GlobalCase_content_list .content_list_txt{ padding: 20px;} .GlobalCase .GlobalCase_content .GlobalCase_content_list .content_list_txt .list_txt_title .txt_title_dd{ line-height: 1.7;} .GlobalCase .GlobalCase_content .GlobalCase_content_list .content_list_txt .list_txt_bottom{ margin-top: 25px;} .GlobalCase .GlobalCase_content .GlobalCase_content_list .content_list_txt .list_txt_title .txt_title_dt{margin-top: 10px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;white-space: break-spaces;line-height: 1.7;} .GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_img img{ width: 100%;} .LNews .LNewsContent .LNewsContent_list{ width: 100%; margin-right: 0px; margin-bottom: 25px; border-radius: 10px; overflow: hidden;} .LNews .LNewsContent .LNewsContent_list:last-child{ margin-bottom: 0px;} .DNews{padding-bottom:45px;} .DNews .DNews_content .NewsDetails_left{width:calc(100%); padding: 20px;} .DNews .DNews_content .NewsDetails_right{display:none;} .DNews .DNews_content .NewsDetails_left .NewsDetails_left_title .left_title_dt span{line-height:24px;} .DNews .DNews_content .NewsDetails_left .news_page{display:block;} .DNews .DNews_content .NewsDetails_left .news_page .news_page_left{max-width:100%;margin-bottom:20px;} .DNews .DNews_content .NewsDetails_left .news_page .btn2{width:100%;} .DNews .DNews_content .NewsDetails_left .news_page .btn2 .btn2_dd{width:calc(100% - 42px);} .DNews .DNews_content .NewsDetails_left .NewsDetails_left_title .left_title_dd{ line-height: 1.7;} .DTeam .DTeam_list{ margin-bottom: 35px;} .DTeam .DTeam_list .DTeam_list_img,.DTeam .DTeam_list .DTeam_list_txt{ width: 100%;} .DTeam .DTeam_list .DTeam_list_txt .list_txt_title .txt_title_dt{ margin-bottom: 25px; margin-top: 15px;} .DTeam .DTeam_list .DTeam_list_txt .list_txt_content p{ margin-bottom: 10px;} .CareerDevelopment3 .CareerDevelopment3_content .CareerDevelopment3_content_list{ border-radius: 10px; overflow: hidden; margin-bottom: 35px;} .CareerDevelopment3 .CareerDevelopment3_content .CareerDevelopment3_content_list:last-child{ margin-bottom: 0px;} .CareerDevelopment3 .CareerDevelopment3_content .CareerDevelopment3_content_list .content_list_img,.CareerDevelopment3 .CareerDevelopment3_content .CareerDevelopment3_content_list .content_list_txt{ width: 100%;} .CareerDevelopment3 .CareerDevelopment3_content .CareerDevelopment3_content_list .content_list_txt .list_txt_dd{ margin-bottom: 20px;} .CareerDevelopment3 .CareerDevelopment3_content .CareerDevelopment3_content_list .content_list_txt{ padding: 20px;} .CareerDevelopment4 .CareerDevelopment4_img img{ height: 300px; object-fit:cover;} .CareerDevelopment4 .CareerDevelopment4_txt{ padding: 0px 8%;} .CareerDevelopment4 .CareerDevelopment4_txt .CareerDevelopment4_txt_btn{ margin-top: 30px;} .Honor3 .Honor3_content .Honor3_content_list .content_list_li{ padding: 10px; display: flex; align-items:center; justify-content:center;} .Honor .HonorContent{ justify-content: space-between;} .Honor .HonorContent .HonorContent_list{ width: 49%; margin-right: 0%; margin-bottom: 2%;} .Honor .HonorContent .HonorContent_list .HonorContent_list_img{ padding: 20px 0px; height: 200px;} .Honor .HonorContent .HonorContent_list .HonorContent_list_img img{ max-height: 180px;} .Honor .HonorContent .HonorContent_list .HonorContent_list_title{ padding: 20px 0px;} .layui-laypage a{font-size:14px;height:30px;margin:0 6px;width:30px;} .layui-laypage span.layui-laypage-curr,.layui-laypage span{font-size:14px;height:30px;margin:0 6px;width:30px;} .layui-laypage-disabled{font-size:14px;height:30px;margin:0 6px;width:30px;} .Factory .FactoryCotnent{ justify-content: space-between; margin-bottom: -35px;} .Factory .FactoryCotnent .FactoryCotnent_list{ width: 49%; margin-bottom: 2%; margin-right: 0px; margin-bottom: 35px;} .Download .pc_all_content{ flex-wrap: wrap;} .Download .DownloadNav{ min-height: auto; margin-bottom: 35px;} .Download .DownloadNav,.Download .DownloadContent{ width: 100%;} .Download .DownloadContent .DownloadContent_txt .DownloadContent_txt_list .txt_list_right{ width: 120px;} .Download .DownloadContent .DownloadContent_txt .DownloadContent_txt_list .txt_list_left{width: calc(100% - 140px);} .Download .DownloadContent .DownloadContent_txt .DownloadContent_txt_list{ padding: 22px 5px;} .Contact .Contact_title{ margin-bottom: 40px;} .Contact .Contact_message .Contact_message_list .message_list_dt .list_dt_radio{ width: 31%; margin-right: 0px; margin-bottom: 10px;} .Contact .Contact_message .Contact_message_list{ width: 100%; margin-bottom: 22px;} .Contact .Contact_message .Contact_message_list.check{ flex-wrap: wrap;} .Contact .Contact_message .Contact_message_list.check .message_list_checkli{ margin-right: 0px; width: 100%; margin-bottom: 12px;} .Contact .Contact_message .Contact_message_list.check .message_list_checkli:last-child{ margin-bottom: 0px;} .Contact .Contact_message .Contact_message_list:last-child{ margin-bottom: 35px;} .Contact .Contact_address .Contact_address_list{ width: 100%; margin-bottom: 25px; padding: 22px;} .Contact .Contact_address .Contact_address_list .address_list_p{ margin-top: 15px;} .Contact .Contact_bottom .Contact_bottom_list{ width: 100%; margin-bottom: 25px;} .Contact .Contact_bottom .Contact_bottom_list:last-child{ margin-bottom: 0px;} .Contact .Contact_bottom .Contact_bottom_list .bottom_list_txt .list_txt_dd{ margin-bottom: 20px;} .Contact .Contact_address .Contact_address_list .address_list_icon img{ height: 40px;} .Contact .Contact_address .Contact_address_list .address_list_title{ margin: 18px 0px;} .DCaseVideo .DCaseVideo_content{ border-radius: 6px;} .DCaseVideo .DCaseVideo_content .DCaseVideo_content_icon img{ width: 50px; } .DCaseVideo .DCaseVideo_txt{ flex-wrap: wrap; margin-top: 33px;} .DCaseVideo .DCaseVideo_bottom .DCaseVideo_bottom_txt .bottom_txt_list .txt_list_icon span img{ height: 40px;} .DCaseVideo .DCaseVideo_txt .DCaseVideo_txt_left,.DCaseVideo .DCaseVideo_txt .DCaseVideo_txt_right{ width: 100%;} .DCaseVideo .DCaseVideo_bottom{ margin-top: 40px;} .DCaseVideo .DCaseVideo_bottom .DCaseVideo_bottom_title{ margin-bottom: 30px;} .DCaseVideo .DCaseVideo_bottom .DCaseVideo_bottom_txt .bottom_txt_list{ width: 100%; margin-bottom: 25px;} .DCaseVideo .DCaseVideo_bottom .DCaseVideo_bottom_txt .bottom_txt_list:last-child{ margin-bottom: 0px;} .Scheme{ padding-bottom: 0px;} .Scheme .pc_all_content{ position: relative; flex-wrap: wrap; top: -35px; margin-bottom: -35px;} .Scheme .pc_all_content .Scheme_list{ width: 100%; padding: 22px; margin-bottom: 25px;} .Scheme .pc_all_content .Scheme_list:last-child{ margin-bottom: 0px;} .Scheme .pc_all_content .Scheme_list .Scheme_list_content .list_content_img{ padding: 0px 8%;} .Project .Project_content .swiper-button-prev::after, .Project .Project_content .swiper-button-next::after{ font-size: 20px;} .LProduct .LProduct_list,.LProduct .LProduct_list:nth-child(2n){ flex-wrap: wrap; flex-direction: column-reverse;} .LProduct .LProduct_list .LProduct_list_left,.LProduct .LProduct_list .LProduct_list_right{ width: 100%;} .LProduct .LProduct_list .LProduct_list_left{ padding: 22px;} .LProduct .LProduct_list .LProduct_list_left .list_left_btn{ margin-top: 25px;} .PRCO .PRCO_nav ul.position{ top: 62px;} .PRCO .PRCO_img .PRCO_img_bottom .swiper-button-prev{ left: 0px;} .PRCO .PRCO_img .PRCO_img_bottom .swiper-button-next{ right: 0px;} .PRCO .PRCO_img .PRCO_img_bottom .swiper-button-next::after, .PRCO .PRCO_img .PRCO_img_bottom .swiper-button-prev::after{ font-size: 18px; color:#fff;} .PRCO .PRCO_nav{} .PRCO .PRCO_nav ul{ flex-wrap: wrap; width: 100%; justify-content:flex-start;} .PRCO .PRCO_nav ul li span{ margin-right: 5px;} .PRCO .PRCO_nav ul li span img{ height: 20px;} .PRCO .PRCO_nav ul li{ height: 50px; width: 33.33%; justify-content:center; margin-right: 0px; font-size: 15px; padding: 0px;} .PRCO .PRCO_content .PRCO_content_list{ flex-wrap: wrap; flex-direction: column-reverse; padding: 0px;} .PRCO .PRCO_content .PRCO_content_list .content_list_left,.PRCO .PRCO_content .PRCO_content_list .content_list_img{ width: 100%;} .PRCO .PRCO_content .PRCO_content_list .content_list_left{ padding: 26px;} .PRCO .PRCO_content .PRCO_content_list .content_list_left .list_left_dd{ margin-bottom: 20px;} .ApplicationField .ApplicationFieldContent .ApplicationFieldContent_list{ width: 100%; margin-bottom: 25px; padding: 25px;} .ApplicationField .ApplicationFieldContent .ApplicationFieldContent_list:last-child{ margin-bottom: 0px;} .ApplicationField .ApplicationFieldContent .ApplicationFieldContent_list .ApplicationFieldContent_list_icon img{ height: 48px;} .PRCOCraft .PRCOCraft_title{ margin-bottom: 28px;} .PRCOCraft .PRCOCraft_content .PRCOCraft_content_list{ width: 100%; margin-bottom: 25px; padding: 22px; margin-right: 0px;} .PRCOCraft .PRCOCraft_content .PRCOCraft_content_list:last-child{ margin-bottom: 0px;} .PRCOCraft .PRCOCraft_content .PRCOCraft_content_list .content_list_icon{ width: 45px; height: 45px;} .PRCOCraft .PRCOCraft_content .PRCOCraft_content_list .content_list_icon img{ height: 22px;} .PRCOCraft .PRCOCraft_case .PRCOCraft_case_list{ width: 100%; margin-bottom: 35px; margin-right: 0px;} .PRCOCraft .PRCOCraft_case .PRCOCraft_case_list:last-child{ margin-bottom: 0px;} .Honor2 .Honor2_content .Honor2_content_txt .zs{ display: none;} .Honor2 .Honor2_content .Honor2_content_txt{ display: flex; flex-wrap: wrap; justify-content: space-between;} .Honor2 .Honor2_content .Honor2_content_txt .content_txt_icon{ position: relative; left: 0 !important; top: 0 !important; width: 30% !important; border-radius: 0px; height: 150px !important; margin-bottom: 4%;} .LNews .LNewsContent .LNewsContent_list{ flex-wrap: wrap;} .LNews .LNewsTop{ margin-bottom: 30px;} .LNews .LNewsTop .LNewsContent_list .LNewsContent_list_img,.LNews .LNewsTop .LNewsContent_list .LNewsContent_list_content{ width: 100%;} .LNews .LNewsTop .LNewsContent_list .LNewsContent_list_content{ padding: 22px;} .LNews .LNewsTop .swiper-pagination{ left: auto; bottom: 42px; right: 22px;} .LNews .LNewsTop .swiper-pagination span{ width: 20px; margin-right: 5px;} .Plan .Plan_content{ padding: 20px;} .Plan .Plan_content .Plan_content_img,.Plan .Plan_content .Plan_content_txt{ width: 100%;} .Plan .Plan_content .Plan_content_txt{ margin-top: 35px;} .Plan .Plan_content .Plan_content_txt .content_txt_title{ padding-top: 30px; margin-bottom: 25px;} .Plan .Plan_content .Plan_content_txt .content_txt_p{ margin-bottom: 25px;} .Plan2 .Plan2_content{ flex-wrap: wrap;} .Plan2 .Plan2_content .Plan2_content_left,.Plan2 .Plan2_content .Plan2_content_right{ width: 100%;} .Plan2 .Plan2_content .Plan2_content_right .content_right_list{ height: auto; margin-top: 35px;} .Plan2 .Plan2_content .Plan2_content_right .content_right_list .right_list_txt .list_txt_li{ padding-left: 25px;} .Plan2 .Plan2_content .Plan2_content_right .content_right_list .right_list_txt .list_txt_li span{ width:} .Plan2 .Plan2_content .Plan2_content_right .content_right_list .right_list_txt .list_txt_li span img{ height: 15px;} .Configuration .Configuration_content{ margin-bottom: -35px;} .Configuration .Configuration_content .Configuration_content_list{ width: 48%; margin-bottom: 35px;} .Configuration .Configuration_content .Configuration_content_list .content_list_icon{ width: 100px; height: 100px;} .Configuration .Configuration_content .Configuration_content_list .content_list_icon img{ height: 50px;} .Configuration .Configuration_content .Configuration_content_list .content_list_title .list_title_dd{ margin: 22px 0px;} .plan4 .plan4_content .plan4_content_list{ width: 100%; margin-bottom: 25px;} .plan4 .plan4_content .plan4_content_list:last-child{ margin-bottom: 0px;} .planAdvantage .GlobalCase_content .GlobalCase_content_list{ width: 100%;} .TimeNav{ padding-top: 0px;} .TimeNav .swiper-button-next{ right: -10px;} .TimeNav .swiper-button-prev{ left: -10px;} .TimeNav .pc_all_content .swiper-slide{ text-align:center;} .TimeNav .pc_all_content{ padding: 30px 0px;} .NewsNav{ margin: 25px 0px;} .layui-laypage{ margin-top: 35px;} .Culture .pc_all_content{ flex-wrap: wrap;} .Culture .pc_all_content .Culture_list{ width: 100%; margin-bottom: 20px; border-radius: 10px; overflow: hidden;} .Culture .pc_all_content .Culture_list.active{ width: 100%;} .Culture .pc_all_content .Culture_list .Culture_list_po{ padding: 40px 4%;} .Culture .pc_all_content .Culture_list .Culture_list_po .list_po_dd{ width:auto;} .Culture .pc_all_content .Culture_list .Culture_list_po .list_po_dt{ width:auto; margin-left: 0px; margin-top: 15px; letter-spacing: 0;} .Culture .pc_all_content .Culture_list.active .Culture_list_po{ width: 100%;} .Culture .pc_all_content .Culture_list .Culture_list_img img{ height: 240px;} .Culture2 .Culture2_content .Culture2_content_img{ width: 100%;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con{ width: 100%;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c{ width: 100%;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list .con_list_li{ width: 126px; height: 66px; font-size: 13px;} .GlobalCase2 .GlobalCase2_list{ padding-top: 30px;} .GlobalCase2 .GlobalCase2_list:first-child{ padding-top: 0px;} .PNav .pc_all_content .PNav_list .PNav_list_icon img{ height: 45px;} .PNav .pc_all_content .PNav_list .PNav_list_title{ margin: 0 auto; margin-top: 7px; line-height: 1.2; width: 96%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 13px;} .PNav .swiper-button-next::after, .PNav .swiper-button-prev::after{ font-size: 18px;} .PNav .pc_all_content .PNav_list{ padding: 20px 0px;} .PNav .pc_all_content .PNav_list.on .PNav_list_title{ color:#197fc3;} .SEARCH{ padding:40px 0px;} .SEARCH .Search_top{ margin-bottom:28px; padding:0px;} .SEARCH .Search_top input[type="search"],.SEARCH .Search_top input[type="submit"]{ height:50px; font-size:16px;} .SEARCH .Search_title{ font-size:16px;} .banner .swiper-pagination span{ width: 30px; height: 3px; margin: 0px 4px;} .Plan .Plan_content .Plan_content_txt .content_txt_p .txt_p_li span img{ height: 16px;} .Plan .Plan_content .Plan_content_txt .content_txt_p .txt_p_li,.Plan2 .Plan2_content .Plan2_content_right .content_right_list .right_list_txt .list_txt_li{ padding-left: 24px; margin-bottom: 10px;} .Plan .Plan_content .Plan_content_txt .content_txt_p .txt_p_li span{ top: 4px;} .NewsNav .pc_all_content{ flex-wrap: wrap; justify-content: space-between;} .NewsNav .pc_all_content .NewsNav_list{ width: 49%; margin-right: 0px; text-align:center; padding: 15px 0px; border: 1px solid #ededed; margin-bottom: 2%;} .NewsNav .pc_all_content .NewsNav_list.active{ border: 1px solid #197ec2;} .LNews .LNewsContent .LNewsContent_list .LNewsContent_list_content{ background: #f9f9f9; padding: 22px;} .SEARCH .LNewsContent .LNewsContent_list .LNewsContent_list_img img{ height: auto;} .DNews .DNews_content .NewsDetails_left .NewsDetails_left_title .left_title_dt{ display: flex; justify-content: space-between; flex-wrap: wrap;} .DNews .DNews_content .NewsDetails_left .NewsDetails_left_title .left_title_dt span{ width: 48%; margin-right: 0; padding-right: 0px; border-right: 0px; display: inline-block;} .DNews .DNews_content .NewsDetails_left .NewsDetails_left_content img{ width: 100% !important; height: auto !important;} .CareerDevelopment .CareerDevelopment_list .CareerDevelopment_list_left .CareerDevelopment_list_title .list_title_dt{ font-size: 22px;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list:nth-child(4) .con_list_li:nth-child(1){ padding-left: 20px;} .Culture2 .Culture2_content .Culture2_content_img .content_img_con .img_con_c .img_con_list:nth-child(4) .con_list_li:nth-child(4){ padding-right: 20px;} .HProduct .HProduct_content .HProduct_content_list{ padding: 28px;} .HProduct .HProduct_content .HProduct_content_list .content_list_bottom{ margin-top:25px; height: 165px;} .HProduct .HProduct_content .HProduct_content_list .content_list_bottom img{ max-height: 165px;} .HProduct .HProduct_content .HProduct_content_list .content_list_size{ right: -80px; bottom: -80px;} .HInnovation .HInnovation_content .HInnovation_content_list .content_list_right .list_right_li img,.Plan2 .Plan2_content .Plan2_content_left .content_left_img img,.Plan .Plan_content .Plan_content_img img,.GlobalCase .GlobalCase_content .GlobalCase_content_list .content_list_img img,.CareerDevelopment .CareerDevelopment_list .CareerDevelopment_list_right img,.Culture3 .Culture3_content .Culture3_content_right .content_right_list .right_list_img img,.About .About_left .About_left_img .left_img_content img,.IHistory .IHistory_center .IHistory_centerLeft .IHistory_centerLeft_list img,.IHistory .IHistory_center .IHistory_center_list .center_list_right .list_righ_txt p img,.Factory .FactoryCotnent .FactoryCotnent_list .FactoryCotnent_list_img img,.HNews .HNewsContent .HNewsContent_left .HNewsContent_left_img img,.DCaseVideo .DCaseVideo_txt .DCaseVideo_txt_right img,.Scheme .Scheme_img img,.Project .Project_content .Project_content_list .content_list_img img,.LProduct .LProduct_list .LProduct_list_right img,.PRCO .PRCO_img .PRCO_img_top .img_top_list img,.PRCO .PRCO_img .PRCO_img_bottom .img_bottom_list img,.PRCO .PRCO_content .PRCO_content_list .content_list_img img,.GlobalLayout .pc_all_content .GlobalLayout_left .GlobalLayout_left_img img,.LNews .LNewsContent .LNewsContent_list .LNewsContent_list_img img,.CareerDevelopment3 .CareerDevelopment3_content .CareerDevelopment3_content_list .content_list_img img,.HNews .HNewsContent .HNewsContent_right .HNewsContent_right_img img,.banner .banner_list .banner_list_img img,.Solution .Solution_content .SolutionImg .SolutionImg_list .SolutionImg_list_dd img,.About2 .pc_all_content .About2_right img,.Contact .Contact_bottom .Contact_bottom_list .bottom_list_img img,.GlobalLayout .pc_all_content .GlobalLayout_right .GlobalLayout_right_list .right_list_img img,.FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list .bottom_list_down img{ height: 100%; object-fit:cover;} .Scheme .pc_all_content .Scheme_list .Scheme_list_content .list_content_dd .content_dd_li{ flex-wrap: wrap;} .Scheme .pc_all_content .Scheme_list .Scheme_list_content .list_content_dd .content_dd_li .dd_li_left{ width: 100%; margin-bottom: 12px;} .Scheme .pc_all_content .Scheme_list .Scheme_list_content .list_content_dd .content_dd_li .dd_li_right{ width: 100%;} .Scheme .pc_all_content .Scheme_list:last-child .Scheme_list_content .list_content_dd .content_dd_li .dd_li_right,.Scheme .pc_all_content .Scheme_list:last-child .Scheme_list_content .list_content_dd .content_dd_li .dd_li_left{ width: 100%;} .GlobalCase .GlobalCase_content .GlobalCase_content_list:last-child{ margin-bottom: 0px;} .HNews .HNewsContent .HNewsContent_right .HNewsContent_right_img{ border-radius: 10px 10px 0px 0px;} .PRCOCraft .PRCOCraft_case .PRCOCraft_case_list .case_list_title .list_title_dd{ line-height: 1.5;} .Solution .Title{ padding: 0px 4%;} .FloatingWindow{ width: 40px; bottom: 25%; right: 13px;} .FloatingWindow .FloatingWindow_top .FloatingWindow_top_title{ font-size: 12px;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list{ padding: 12px 0px;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list .bottom_list_down{ line-height: 45px;} #newBridge{ display: none !important;} .FloatingWindow{ z-index: 10;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list .bottom_list_down{ width: 100px; left: -100px; height: 100px;} .FloatingWindow .FloatingWindow_bottom .FloatingWindow_bottom_list:nth-child(1) .bottom_list_down{ width: 120px; left: -120px; height: 100%; font-size: 13px; padding-left: 0px; text-align:center; justify-content: center;} }