/* CSS Document */ @charset "UTF-8"; * { padding: 0;margin: 0;border: 0;outline: none;} body {background:#f5f6f8;color: #1c2333;overflow-x: hidden;font-family: "Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif;} a:focus{outline:none;} a { color: #333;} input,select,button,textarea {vertical-align:middle;font-family: "Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif; outline: none;border: 0; -webkit-appearance: none;} li { list-style:none;} ol, ul{ padding:0;} a,.trans { -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .trans5 { -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .trans8 { -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;} .wrap { margin-top:60px;} :-moz-placeholder { color: #999; opacity:1; } ::-moz-placeholder { color: #999;opacity:1;} input:-ms-input-placeholder,textarea:-ms-textarea-placeholder{color: #999;opacity:1;} input::-webkit-input-placeholder,textarea::-webkit-textarea-placeholder{color: #999;opacity:1;} .trans { -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} textarea::-webkit-input-placeholder {color: #999;} textarea:-moz-placeholder {color: #999;} textarea::-moz-placeholder {color: #999;} textarea::-ms-input-placeholder {color: #999;} .tc { text-align: center;} .text img { max-width:100%;} .color { background: linear-gradient(to left, var(--aiopc-accent, #005da3), var(--aiopc-primary, #003d70));-webkit-background-clip: text;color: transparent;} .ell,.am-ellipsis { text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .fl { float:left;} .fr { float:right;} .clear { clear:both;} /* header */ .top { background:#eef2f6;height:40px;line-height:40px;color:#666;font-size:14px;} .search{width:32px;height:32px;margin-left:20px;} .search .box{float:right;position:relative;width:0px;overflow:visible !important;} .search .box .text{display:none;position:relative;width:100%;height:32px;line-height:30px;border:1px solid #c6c9cc;padding:0 40px 0 10px;float:right;z-index:8;border-radius:20px;box-sizing:border-box;z-index: 99999;font-size:12px;margin-top:4px;} .search .box .btn,.search .box .sub{position:absolute;top:0;right:5px;width:34px;height:32px;background:url(../images/search.png) no-repeat center;padding:1px 0;cursor:pointer;z-index:9;margin-top:4px;} .search .box .sub{display:none;} .search .box .sub { background:url(../images/search.png) no-repeat center;z-index:999999999;margin-top:4px;} .header { padding:28px 0;background:#fff;} .head-tel { padding-left:60px;background:url(../images/tel.jpg) no-repeat left center;margin-top:15px;} .head-tel em { font-size:16px;color:#000;font-style: normal;} .head-tel p { font-size:26px;font-weight:bold;color:#000;} .language a { color:#666;padding:0 5px;} .language span { margin:0 9px;} .language a:hover,.language a.cur { color:var(--aiopc-accent, #005da3);} .logo-p { position:relative;padding-left:32px;} .logo-p:before { content:"";position:absolute;left:16px;top:0;width:1px;height:82px;background:#d2d2d2} .logo-p b { font-size:34px;color:var(--aiopc-accent, #005da3);} .logo-p p { font-size:18px;color:#000;margin-top: 7px;} .nav-bg { background:var(--aiopc-primary, #003d70);height:60px;line-height:60px;overflow:hidden;} .nav{ position:relative;z-index:9999;margin:0 auto;} .nav .nLi{ float:left;position:relative;display:inline;width:14.28%;} .nav li.nLi:before { content:"";width:1px;height:18px;border-right:1px solid rgba(255,255,255,0.2);position:absolute;right:-1px;top:21px;} .nav .nLi:last-child:before,.nav .nLi.on:before { width:0;border:none;} .nav .nLi.on { background:none;} .nav .nLi p{ margin:0;} .nav .nLi p a{ display:block;font-size:13px;color:#fff;font-weight:600;letter-spacing:0.3px;text-align:center;position:relative;white-space:nowrap;} .nav .sub{ display:none;left:0;top:60px; position:absolute;background:#fff;line-height:20px;width:100%;padding:5px 0;z-index: 99;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,0.1);} .nav .sub a{ display:block;font-size:15px;display:block;color:#535353;border-bottom:1px solid #eee;margin:0 10px;padding:13px 0;} .nav .sub li:last-child a { border:0;} .nav .sub2 { width:130%;} .nav .on p a,.nav p a:hover { background:rgba(255,255,255,0.15);box-shadow:inset 0 -3px 0 0 rgba(255,255,255,0.9);} .nav .sub2 a { display:block;} .nav .sub a:hover{ color:var(--aiopc-accent, #005da3);text-decoration:underline;} .foot-cont p img { float:left;position:relative;top:2px;} .foot-cont span { padding-left: 23px;display: block;margin-left:10px;} .foot-list .foot-cont p { line-height:20px;padding-bottom:15px;} /* Mobile Navigation */ .sp_header{height:60px;position:fixed;z-index:9999;width:100%;top:0;left:0;background:#fff;} .sp_header.bgr { background:#fff;border-bottom:none;} .sp_logo a{ padding:8px 10px;float:left;display:block;} .sp_logo img{margin:auto;max-height:34px;margin-top:6px;} .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:100%;} .sp_nav span{display:block;background:#434343;width:22px;height:2px;position:absolute;left:14px;transition:all ease 0.35s} .sp_header.bgr .sp_nav span,.sp_header.bgr2 .sp_nav span,.sp_nav_se span { background:#666;} .sp_nav span:nth-of-type(1){top:20px} .sp_nav span:nth-of-type(2){top:28px} .sp_nav span:nth-of-type(3){top:36px} .sp_nav_se span:nth-of-type(1){top:28px;transform:rotate(45deg)} .sp_nav_se span:nth-of-type(2){width:0} .sp_nav_se span:nth-of-type(3){top:28px;transform:rotate(-45deg)} .sjj_nav{position:fixed;z-index:999;background: #fff;width:100%;height:calc(100% - 0px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;opacity:0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s;transition: all 0.5s ease;} .nav_show{ opacity:1;top:0px;padding-top:60px;} /*.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}*/ .sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px} .sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;} .sjj_nav ul li i{position:absolute;top:0px;right:0px;height:50px;width:50px;text-align: right;} .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s} .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)} .sjj_nav ul li{border-top:1px #e5e5e5 solid;text-indent:15px;position:relative;line-height:50px;font-size:16px} .sjj_nav>ul >li:last-child{border-bottom:1px #e5e5e5 solid;} .sjj_nav ul li ul{display:none;margin: 0;} .sjj_nav ul li>ul li:first-child { padding-top:5px;border-top:1px #e5e5e5 solid;} .sjj_nav ul li>ul li:last-child { padding-bottom:5px;} .sjj_nav ul li a{color:#434343;width:100%;display: block;} .sjj_nav ul li.on>a { color:var(--aiopc-accent, #005da3);} /*.sjj_nav>ul>li>a { text-transform: uppercase;}*/ .sjj_nav ul li ul li { border:none;line-height:38px;font-size:14px;} .sjj_nav ul li ul li a{ color:#666;display:block;text-align:left;} .sjj_nav ul li i:before { width:100%;height:50px;display: block;position: absolute;right:0;} .sjj_nav ul li i.sp_nav_xjb:before{ content: "";background: url(../images/arr11.png) center no-repeat;background-size: 12px 7px;} .sjj_nav ul li i.sjj_nav_i_se:before{content: "";background: url(../images/arr12.png) center no-repeat;background-size: 12px 7px} .sjj_nav ul li ul li>ul{padding-left:10px;border-bottom:1px solid #e5e5e5 ;} .sjj_nav ul li ul li:last-child ul { border-bottom:0;} .language-down2 { position: absolute;right:50px;top:0;height:60px;line-height:60px;} .language-down2 .language-li { top:60px;} .sjj_nav ul li ul li i { height:38px;} .sjj_nav ul li ul li i:before { height:38px;} .sjj_nav ul li ul li:first-child i:before { top:3px;} .sjj_nav ul li>ul { padding-left:10px;} .lange-en { position: absolute;right: 50px;top: 0;height:60px;display: block;font-size: 16px;line-height:60px;text-align: right;} .lange-en a { display: block;padding: 0 3px 0 20px;} .swiper-container a { display:block;} .swiper-container img { width:100%;display:block;} .swiper-container2 .swiper-pagination-bullet { background:#fff;opacity:1;} .swiper-container2 .swiper-pagination-bullet-active { background:#fff;} .swiper-container2.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-container2 .swiper-pagination-custom, .swiper-pagination-fraction { bottom:25px;} .swiper-button-prev,.swiper-button-next { width:50px;height:50px;margin-top:-25px;opacity:.8;} .swiper-button-prev { left:2%;background:url(../images/arrow1.png) no-repeat center;} .swiper-button-next { right:2%;background:url(../images/arrow2.png) no-repeat center;} .swiper-button-prev:hover { background:url(../images/arrow3.png) no-repeat center;opacity:1;} .swiper-button-next:hover { background:url(../images/arrow4.png) no-repeat center;opacity:1;} .swiper-pagination-bullet-active { background:var(--aiopc-primary, #003d70);} .in-tit { padding-bottom:35px;} .in-tit h6 { color:var(--aiopc-accent, #005da3);font-size:40px;} .in-tit p { font-size:16px;color:#666;line-height:26px;margin-top:5px;} .prod-slide a { display:block;background:#fff;border-radius:4px;overflow:hidden;} .prod-text { padding:30px 25px;} .prod-t { font-size:16px;color:#333;font-weight:bold;} .prod-p { font-size:14px;line-height:22px;height:44px;overflow:hidden;color:#888;margin-top:12px;} .prod-slide a:hover .prod-t { color:var(--aiopc-accent, #005da3);} .swiper-container3 { padding:10px;} .prod-slide a:hover { box-shadow:0px 0 15px 0px rgba(0, 0, 0, 0.1);} .in-pro-box { position:relative;} .in-pro-box .swiper-button-prev,.in-pro-box .swiper-button-next{ width:50px;height:50px;margin-top:-25px;} .in-pro-box .swiper-button-prev { left:-80px;background:url(../images/arrow1.png) no-repeat center;} .in-pro-box .swiper-button-next { right:-80px;background:url(../images/arrow2.png) no-repeat center;} .in-pro-box .swiper-button-prev:hover { background:url(../images/arrow3.png) no-repeat center;} .in-pro-box .swiper-button-next:hover { background:url(../images/arrow4.png) no-repeat center;} .in-tit2 h6,.in-tit2 p { color:#fff;} .brand-bg { background:var(--aiopc-accent, #005da3);padding:60px 10px;} .brand-tit { font-size:26px;color:#fff;padding-bottom:50px;width:80%;margin:0 auto;} .in-brand-list p { color:#fff;font-size:16px;margin-top:20px;padding:0 5px} .in-brand-img img { display:block;margin:0 auto;-webkit-transition: -webkit-transform .6s ease-out;-moz-transition: -moz-transform .6s ease-out;-o-transition: -o-transform .6s ease-out;-ms-transition: -ms-transform .6s ease-out;width:53px;} .in-brand-list li { cursor:pointer;position:relative;} .in-brand-list li:before { content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:var(--aiopc-accent, #005da3);} .in-brand-list li:nth-child(7):before { width:0;} .in-brand-list li:hover .in-brand-img img { -webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);-ms-transform: rotateY(180deg);transform: rotateY(180deg);} .in-about-text { font-size:16px;line-height:30px;color:#333;} .in-about-text iframe { width:70%;height:698px;} .tabs { margin-top:40px;} .tabs span { display: inline-block;border:1px solid #d2d2d2;width:230px;position:relative;cursor:pointer;text-align:left;height:100px;border-radius:10px;margin:0 15px;background:none;} .tabs span a { display:block;padding:15px 30px;display:flex;align-items:center;} .tabs span.active { color:#fff;border:1px solid var(--aiopc-accent, #005da3);} .tabs .about-t .about-text { padding-left:10px;overflow:hidden;} .tabs .about-t a { display:block;} .tabs .about-text h6 { font-size:20px;color:#333;font-weight:normal;} .tabs .about-text p { font-size:12px;color:#aaa;text-transform:uppercase;margin-top:5px;} .tabs span.active .about-text h6,.tabs span.active .about-text p { color:var(--aiopc-accent, #005da3);} .hide3,.tabs span.active .show3 { display:none;} .tabs span.active .hide3 { display:block;} .tabs img,.tabs i { width:58px;height:58px;} .swiper-container4 { margin-top:40px;} .in-pro-slide p { font-size:16px;color:#666;margin-top:15px;} .in-pro-slide a,.in-case-slide a { display: block;} .in-case-slide a { display: block;} .in-pro-slide a:hover p { color:var(--aiopc-accent, #005da3);} .in_pimg { margin-top:18px;} .in-news-tit img { vertical-align:middle;width:24px;margin-right:8px;} .in-news-tit span { font-size:18px;color:var(--aiopc-accent, #005da3);font-weight:bold;vertical-align:middle;} .in-news-tit a { font-size:14px;color:#aaa;} .in-news-tit a:hover { color:var(--aiopc-accent, #005da3);} .in-news-tit { padding-bottom:15px;border-bottom:1px solid #ddd;} .in-news-img { margin-top:25px;} .in-news-img a { display:block;padding-bottom:30px;} .in-news-img .news-img3 { border-radius:10px;overflow:hidden;position:relative;} .in-news-img img.news-img2 { width:100%;display:block;} .in-news-time { position:absolute;right:0;bottom:0;background:rgba(0,93,163,.9);font-size:14px;color:#fff;padding:10px 15px;border-top-left-radius:10px;} .in-news-time img,.in-news-time span { vertical-align:middle;} .in-news-time img { margin-right:8px;} .in-news-text h6 { font-size:16px;color:#333;font-weight:bold;margin-top:25px;} .in-news-text p { font-size:14px;line-height:24px;height:48px;color:#666;margin-top:8px;overflow:hidden;} .in-news-img a:hover .in-news-text h6 { color:var(--aiopc-accent, #005da3);} .in-news-bot p a { font-size:16px;color:#333;line-height:60px;} .in-news-bot p a i { font-style:normal;} .in-news-bot p a span { color:#aaa;font-size:14px;} .in-news-bot p { padding-lefT:18px;background:url(../images/list.jpg) no-repeat left center;border-top:1px solid #ddd;} .in-news-bot p a:hover i { color:var(--aiopc-accent, #005da3);} .in-news-bot p:hover { background:url(../images/list2.png) no-repeat left center;} .in-news-list { margin:0 -20px;padding-bottom:70px;} .in-news-list li { padding:0 20px;} .case-slide a { display:block;border-radius:10px;overflow:hidden;} .case-img { overflow:hidden;} .case-img img { width:100%;display:block;} .case-text { background:#eee;height:60px;line-height:60px;padding:0 10px;} .case-slide a:hover .case-text { background:var(--aiopc-accent, #005da3);color:#fff;} .tabs2 { font-size:0;} .tabs2 span { display: inline-block;border:1px solid #ddd;background:#eee;width:25%;position:relative;cursor:pointer;padding:23px 20px;height:96px;} .tabs2 span.active { background:var(--aiopc-accent, #005da3);color:#fff;border:1px solid var(--aiopc-accent, #005da3);} .sol-t .sol-text { padding-left:60px;} .sol-t a { display:block;padding:0 15px;} .sol-text h6 { font-size:17px;line-height:24px;color:#333;font-weight:normal;height:48px;overflow:hidden;} .sol-a .sol-text h6 { line-height:94px;height:94px;} .sol-text p { font-size:12px;color:#aaa;text-transform:uppercase;margin-top:5px;} .tabs2 span.active .sol-text h6,.tabs2 span.active .sol-text p { color:#fff;} .hide2,.tabs2 span.active .show2 { display:none;} .tabs2 span.active .hide2 { display:block;} .sol-slide { position:relative;overflow:hidden;} .sol-slide img { width:100%;display:block;} .sol-slide .sol-pro { position:absolute;left:0;bottom:0;width:100%;background:rgba(0,93,163,.9);padding:28px 50px;} .sol-text2 { font-size:16px;line-height:30px;color:#fff;height:60px;overflow:hidden;width:70%;} .sol-span { color:#fff;font-size:14px;line-height:60px;} .sol-slide a { display:block;} .sol-a .sol-text { padding-left:0;} .tabs2 span.active:before { content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--aiopc-accent, #005da3);position:absolute;left:50%;bottom:-10px;margin-lefT:-10px;} .swiper-container7 { margin-top:30px;} .tabs2 img,.tabs2 i { width:48px;height:44px;} .bot { background:#eef2f6;} .footer2 { padding:60px 0 40px 0;} .foot-list { margin:0;width:78%;float:left;} .foot-list li { float: left;} .foot-list h6,.foot-img h6 { font-size:14px;color:#333;margin:0 0 25px 0;line-height:18px;} .foot-list p { display:block;font-size:14px;line-height:36px;color:#666;} .foot-list p a{ color:#666;} .foot-list p a:hover { color:var(--aiopc-accent, #005da3);} .bot-wrap { font-size:14px;color:#666;line-height:28px;padding:15px 0;border-top:1px solid #dddddd;} .bot-wrap a { color:#666;} .bot-wrap a:hover { color:var(--aiopc-accent, #005da3);} .sz span { margin:0 0 0 5px;} .foot-a { margin-bottom:10px;} .foot-a a { margin:0 5px;} .foot-list .foot-li { width:310px;margin-right:0;} .foot-img { margin-right:0 !important;width:260px;} .foot-img .sj { margin-top:10px;} .ab-center-text h6 { margin: 0 0 25px 0;} .footer-top { padding:60px 0;background:#eef2f6;color:#666;} .sz { text-align: right;} .foot-img .sj img { width:120px;display:block;} .foot-img .sj p { margin: 0;font-size:14px;line-height: 42px;} .foot-tit { font-size:16px;color:#808080;} .foot-img .wx { margin-left:20px;} .foot-cont { padding-right:40px;} .keifu{ position:fixed; top:30%; right:0; width:228px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); z-index:99;} .keifu_tab{ width:228px; background:transparent;} .icon_keifu{ width:26px; height:100px; float:left; background:var(--aiopc-primary, #003d70); border-radius:8px 0 0 8px; position:relative; cursor:pointer; display:none; align-items:center; justify-content:center;} .keifu_box{ border:none; outline:none; background:#fff; border-radius:14px; box-shadow:0 10px 36px rgba(0,40,90,0.18); overflow:hidden; transform:translateZ(0);} .keifu_tab a{ display:block;} .keifu_tab img{ margin-right:5px; vertical-align:middle;} .keifu_head{ background:linear-gradient(135deg,var(--aiopc-primary, #003d70) 0%,var(--aiopc-accent, #005da3) 100%); font-size:15px; color:#fff; line-height:50px; padding:0 42px 0 18px; font-weight:600; letter-spacing:0.5px; position:relative; text-indent:0;} .keifu_close:link,.keifu_close:visited{ display:block; width:14px; height:14px; background:url(../images/close2.png) center/contain no-repeat; position:absolute; top:50%; right:14px; margin-top:-7px; opacity:0.75;} .keifu_close:hover{ background:url(../images/close3.png) center/contain no-repeat; opacity:1;} .keifu_con{ padding:8px 0; margin:0;} .keifu_con li{ height:auto; min-height:auto; display:block; border-bottom:1px solid #f0f3f8;} .keifu_con li:last-child{ border-bottom:none;} .keifu-item{ display:flex; align-items:center; gap:13px; padding:13px 16px; text-decoration:none; color:inherit; transition:background 0.15s ease;} .keifu-item:hover{ background:#eef4ff;} .keifu-icon{ width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0;} .keifu-qq-badge{ width:42px; height:42px; border-radius:50%; background:#12B7F5; display:flex; align-items:center; justify-content:center; flex-shrink:0; color:#fff; font-size:13px; font-weight:800; letter-spacing:-0.5px; font-family:Arial,sans-serif;} .keifu-info{ display:flex; flex-direction:column; gap:3px;} .keifu-info strong{ font-size:13px; font-weight:600; color:#1a2233; line-height:1.3; display:block;} .keifu-info small{ font-size:11px; color:#8a9ab8; line-height:1.3; display:block;} .keifu_con .bt{ font-size:14px; height:30px; line-height:30px; text-align:left; padding:0 0 0 16px; color:#012646;} .keifu_con span{ vertical-align:middle; font-size:12px;} .kf-tel{ border-top:1px solid #eef1f8; padding:13px 16px; background:#f7f9fc;} .kf-tel p{ font-size:11px; color:#8a9ab8; margin:0 0 4px; text-transform:uppercase; letter-spacing:0.6px;} .kf-tel b{ font-size:17px; color:var(--aiopc-primary, #003d70); font-family:Arial,sans-serif; font-weight:700;} .kf-tel2 p{ font-size:12px;} .back-top{ width:100%; background:linear-gradient(135deg,var(--aiopc-primary, #003d70),var(--aiopc-accent, #005da3)); border:none; font-size:13px; color:#fff; text-align:center; height:38px; line-height:38px; display:block; letter-spacing:0.5px; transition:opacity 0.15s; text-decoration:none;} .back-top:hover{ opacity:0.85; color:#fff;} .link { padding:22px 0;font-size:14px;background:#fff;color:#333;} .link a { display:inline-block;margin-right:12px;color:#666;} .link a:hover { color:var(--aiopc-accent, #005da3);} .about-banner img { width:100%;display:block;} .am-about-top { font-size:0;line-height:65px;border-bottom:1px solid #ddd;} .am-about-n span { display:block;float:left;} .am-about-n a { color:#333;position:relative;display:block;padding:0 30px;font-size:16px;background:url(../images/list.jpg) no-repeat 20px center;padding-left:36px;} .about-text3 { padding:60px 0 70px 0;} .location { text-align:right;overflow:hidden;color:#999;font-size:14px;} .location img { position:relative;margin-right:9px;vertical-align:middle;top:-2px;} .location a { color:#999;} .location a:hover { color:#2d5eab;} .bg-color { transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;position: relative;} .bg-color:before { content: "";position: absolute;z-index: -1;height:2px;left: 0;right: 0;bottom: 0;background: #2d5eab;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .bg-color:hover:before, .bg-color:focus:before, .bg-color:active:before { -webkit-transform: scaleX(1);transform: scaleX(1);} .am-about-n a.current2:after { content:"";height:2px;width:100%;position:absolute;left:0;right:0;bottom:0;background:var(--aiopc-accent, #005da3);} .am-about-n a:hover,.am-about-n a.current2 { color:var(--aiopc-accent, #005da3);background:url(../images/list2.png) no-repeat 20px center;} .in-tit3 h6 { font-size:36px;color:#333;font-weight:normal;} .in-bor { width:50px;height:1px;background:var(--aiopc-accent, #005da3);margin:20px auto 0 auto;} .in-tit3 { padding-bottom:40px;} .text { font-size:16px;line-height:30px;color:#333;} .digital{color: #333;position: relative;padding-bottom:45px;margin-top:10px;} .mumping_mun p{font-size:16px;color:#666;line-height:30px;margin:0;width:100%;display:block;margin-top:20px;} .mumping_mun h2{font-size:72px;color:#2762ae;margin:0;display:inline-block;font-weight:700;position: relative;line-height:70px;} .mun_top b { font-size:20px;color:#2762ae;margin:0 0 0 3px;font-weight:normal;position:relative;top:-4px;} .mumping_mun li { border-right:1px solid #ddd;} .mumping_mun li:last-child { border-right:none;} .in-tit4 h6 { font-weight:bold;} .in-tit4 .in-bor { height:3px;} .case-list { margin:0 -8px;} .case-list li { padding:0 8px 40px 8px;} .fenye {clear: both;color:#333;font-size:0;padding-top:20px;text-align:center;} .fenye a,.fenye span {padding:9px 15px;color:#666;font-size:15px;border:1px solid #d2d2d2;margin:0 3px;border-radius:5px;} .fenye a,.fenye span {transition:background 1s, color 0.5s;-moz-transition:background 1s, color 0.5s;-webkit-transition:background 1s, color 0.5s;-o-transition:background 1s, color 0.5s;} .fenye .current,.fenye a:hover {background:var(--aiopc-accent, #005da3);border:1px solid var(--aiopc-accent, #005da3);color: #fff;padding:9px 15px;text-decoration: none;} .fenye span i { font-style: normal;color:var(--aiopc-accent, #005da3);} .am-pagination-select { font-size:14px;margin:0;line-height:38px;color:#333;} .am-pagination-select>li>a,.am-pagination-select>li>a, .am-pagination-select>li>a,.am-pagination>li>a:focus, .am-pagination>li>a:hover, .am-pagination>li>span:focus, .am-pagination>li>span:hover { border:1px solid #ddd;background:#f5f5f5;} .am-pagination-select span i { font-style: normal;color:var(--aiopc-accent, #005da3);} .am-pagination>li>a, .am-pagination>li>span { margin:0;} .fenye span { border:none;background: none;} .about-banner img { width: 100%;display:block;} .side-list { width:17%;float:left;border-top-right-radius:30px;overflow:hidden;} .cont-box { width:83%;float:left;} .cont-mar { padding-left:40px;} .prod-img { overflow: hidden;} .prod-img img { width: 100%;display:block;} .about-slide,.sjj_nav2 { margin-top:1px;} .side-top { background:url(../images/p-bg2.png) repeat-x bottom left;border-bottom:none;} .side-top p { font-size:24px;color:#fff;font-weight:bold;display:block;height:80px;line-height:80px;padding:0 30px;background:var(--aiopc-accent, #005da3) url(../images/p-tit.png) right 30px center no-repeat;} .side-top img { margin-right:24px;} .container-title strong { font-size:20px;color:var(--aiopc-accent, #005da3);font-weight:normal;position:relative;padding-left:13px;} .container-title strong:before { content:"";position:absolute;left:0;top:4px;width:3px;height:20px;background:var(--aiopc-accent, #005da3);} .container-title { line-height:26px;} .cont-bor { height:8px;background:url(../images/list3.png) repeat-x;margin-top:10px;} .about-slide li a { padding:10px 20px;background:#eaebf0;line-height:26px;margin-top:2px;display:block;font-sizE:14px;color:#666;} .about-slide li a.current,.about-slide li a:hover { background:var(--aiopc-primary, #003d70);color:#fff;} .about-slide .nav-parent { position:relative; } .about-slide .nav-toggle { position:absolute; top:0; right:0; width:46px; height:46px; cursor:pointer; z-index:2; display:flex; align-items:center; justify-content:center; } .about-slide .nav-toggle:before { content:""; display:block; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #999; transition:transform 0.25s; } .about-slide .nav-toggle-open:before { transform:rotate(180deg); } .about-slide .nav-parent.active > .nav-toggle:before, .about-slide .nav-parent:hover > .nav-toggle:before { border-top-color:#fff; } .about-slide .nav-child { display:none; margin:0; padding:0; } .about-slide .nav-child li a { padding:8px 20px 8px 34px; font-size:13px; background:#f5f6f8; margin-top:1px; line-height:22px; } .about-slide .nav-child li a.current, .about-slide .nav-child li a:hover { background:var(--aiopc-accent, #005da3); color:#fff; } .about-slide .nav-child .nav-child li a { padding-left:48px; font-size:12px; background:#fafbfc; } .about-slide .nav-child .nav-child li a.current, .about-slide .nav-child .nav-child li a:hover { background:var(--aiopc-accent, #005da3); color:#fff; } #sidebar-nav { scroll-margin-top: 20px; } .prod-box { margin-top:40px;} .case-img2 { overflow:hidden;} .case-img2 img { width:100%;display:block;} .case-li { margin:0 -10px;} .case-li li { padding:0 10px 20px 10px;} .case-li li a { display:block;} .case-li a p { font-sizE:16px;color:#333;margin-top:5px;line-height:50px;} .case-li a:hover p { color:var(--aiopc-accent, #005da3);} .prod-list .prod-t { font-weight:normal;} .prod-list .prod-text { padding:20px 10px;} .prod-list { margin:0 -10px;} .prod-list li { padding:0 10px 20px 10px;} .JLTupdown{ position:relative;line-height:36px;color:#999;font-size:14px;padding-top:30px;border-top:1px solid #e5e5e5;margin-top:20px;} .JLTMain .JLTupdown {width: 100%;overflow: hidden;} .JLTupdown ul li {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .JLTupdown ul li a,.JLTcometol a{ color:#666;} .JLTupdown ul li a:hover{ color:var(--aiopc-accent, #005da3);text-decoration: underline;} .JLTupdown strong{ color:#333;font-weight:normal;} .back { margin:0;} .JLTcometol a{width:136px;height:42px;line-height:42px;border-radius:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background:var(--aiopc-accent, #005da3) url(../images/back.png) no-repeat 30px center;display:block;text-indent:65px;color:#fff;float: right;margin-top: 16px;} .JLTcometol a:hover { background:#004a8a url(../images/back.png) no-repeat 30px center;} .JLTupdown ul { margin:0;} .swiper-container6,.swiper-container7 { padding-bottom:40px;} .prod-label { padding-top:20px;} .prod-label { font-size:14px;color:#333;} .prod-label a { color:#666;margin-right:10px;} .prod-label a:hover { text-decoration:underline;color:var(--aiopc-accent, #005da3);} .prod-deta-tit { font-size:24px;color:#333;height:50px;line-height:50px;background:url(../images/list4.jpg) repeat-x;margin-top:60px;} .prod-deta-img img { margin:0 auto;max-width:100%;cursor:pointer;border-radius:4px;box-shadow:0px 0 15px 0px rgba(0, 0, 0, 0.1);} .prod-tit3 { font-size:36px;color:var(--aiopc-accent, #005da3);font-weight:bold;padding-bottom:25px;} .about-img { padding-left:8%;} .about-img img { margin:0 auto;display:block;} .pro-cont { margin:0 auto;width:50%} .swiper-container10 .swiper-slide { padding:12px;} .text2 { padding:30px;border:1px solid #e1e1e2;border-top:none;background:#fff url(../images/list5.jpg) repeat-x top center;} .swiper-container11,.swiper-container12 { padding-bottom:40px;} .swiper-container11.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction,.swiper-container12.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:0;} .solution-list { margin:0 -13px;} .solution-list li { padding:0 13px 40px 13px;} .solution-list .solution-img { overflow:hidden;} .solution-list .solution-img img { width:100%;display:block;} .solution-t { font-size:24px;color:#333;} .solution-text { padding:25px;background:#fff;border-bottom:3px solid #aaaaaa;position:relative;} .solution-text:before { content:"";position:absolute;lefT:0;bottom:-3px;width:0;height:3px;background:var(--aiopc-accent, #005da3);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .solution-text p { font-size:14px;line-height:24px;height:48px;overflow:hidden;color:#666;margin-top:15px;} .solution-list li a { display:block;box-shadow:0px 0 15px 0px rgba(0, 0, 0, 0.1);} .solution-list li a:hover .solution-t { color:var(--aiopc-accent, #005da3);} .solution-list li a:hover .solution-text:before { width:100%;} .ser-text { background:#fff;padding:40px 30px;box-shadow:0px 0 15px 0px rgba(0, 0, 0, 0.1);} .cont-bg { background:#eef2f6;padding:25px 70px;} .cont-tit { font-size:30px;color:var(--aiopc-accent, #005da3);} .cont-text { padding-lefT:50px;} .cont-text p { margin-top:15px;font-size:16px;line-height:30px;color:#666;} .cont-img { border-radius:100%;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.1);} .cont-top { display:flex;align-items:center;} .cont-wrap { margin-top:50px;} .cont-com { font-size:30px;color:#333;font-weight:bold;border-bottom:2px solid var(--aiopc-accent, #005da3);padding-bottom:15px;} .cont-com span { font-size:16px;} .cont-com span b { color:var(--aiopc-primary, #003d70);font-size:30px;} .cont-list { padding:25px 0;} .cont-list li { font-size:16px;color:#333;font-weight:bold;display:flex;align-items:center;padding:25px 0;border-bottom:1px dashed #ccc;} .cont-list li p { padding-left:20px;} .cont-list li img { width:55px;display:block;} .mess-top-text { font-size:16px;line-height:30px;margin-top:40px;} .mess-top-tit { font-size:30px;font-weight:bold;color:var(--aiopc-accent, #005da3);} .mess-img img { width:100%;display:block;} .mess-bg { background:url(../images/mess-bg.jpg) no-repeat center;padding:70px 0;background-size:cover;} .mess-top-tit2 { border-bottom:1px solid #d2d2d2;padding-bottom:25px;} .mess-top-tit2 p { font-size:16px;color:#666;font-weight:normal;margin-top:10px;} .cont-input { padding:0 10px 30px 10px;text-align:center;} .cont-input input,.cont-input textarea,.code-input input { padding:13px 0;background:none;border-bottom:1px solid #dcdcdc;color:#7b7b7b;outline-style: none ;outline-width: 0px ;text-shadow: none ;-webkit-appearance: none ;-webkit-user-select: text ;outline-color: transparent;font-size:16px;width:100%;} .cont-input textarea { height:150px;} .code-input .submit2 { background:var(--aiopc-accent, #005da3);color:#fff;height:49px;width:300px;border-radius:5px;font-size:16px;outline-style: none ;outline-width: 0px ;border-style: none ;text-shadow: none ;-webkit-appearance: none ;-webkit-user-select: text ;outline-color: transparent ;display: inline-block;color:#fff;cursor:pointer;margin:0 auto;} .cont-input2 textarea { margin-right:0;width:100%;} .submit2:hover { background:#004a8a;} .code-input input { width:178px;margin:0;border:1px solid #dcdcdc;border-radius:5px;padding:13px 10px;} .code-input img { height:49px;width:102px;padding-left:20px;vertical-align:middle;cursor:pointer;} .cont-message { margin-bottom:60px;} .cont-text3 { font-size:16px;color:#666;line-height:30px;margin-top:20px;} .am-pagination-select>li>a, .am-pagination-select>li>a, .am-pagination-select>li>a, .am-pagination>li>a:focus, .am-pagination>li>a:hover, .am-pagination>li>span:focus, .am-pagination>li>span:hover { border:1px solid #eee;} .code-input { padding-top:.3rem;} .cont-mar2,.cont-input2 { margin:0 -10px;} .message { margin-top:40px;} .faq-tit span { width:36px;height:36px;line-height:36px;border-radius:100%;background:var(--aiopc-primary, #003d70);color:#fff;font-size:18px;text-align:center;} .faq-p { font-size:16px;color:#333;font-weight:bold;line-height:36px;padding-left:15px;} .faq-tit2 { margin-top:15px;} .faq-tit2 span { background:var(--aiopc-accent, #005da3);} .faq-p2 { font-size:14px;color:#666;line-height:24px;height:48px;overflow:hidden;padding-left:15px;margin-top:10px;} .faq-more { width:100px;height:35px;border:1px solid #d2d2d2;border-radius:3px;text-align:center;line-height:35px;font-size:14px;color:#888;margin-left:51px;margin-top:20px;} .faq-list li a { display:block;border-bottom:1px dashed #dcdcdc;padding:25px 0;} .faq-list li a:hover .faq-more { border:1px solid var(--aiopc-accent, #005da3);background:var(--aiopc-accent, #005da3);color:#fff;} .faq-list li a:hover .faq-p { color:var(--aiopc-accent, #005da3);} .ser-text2 { padding:20px 30px 50px 30px;} .down-tit { background:#eaebf0;font-weight:bold;color:#333;font-size:16px;line-height:50px;text-transform:uppercase;} dl.down { font-size:16px;line-height:22px;color:#666;border-bottom:1px solid #e4e9ef;} dl.down a { padding:15px 0;} .down3 { width:35px;height:35px;background:#eaebf0 url(../images/down.png) no-repeat center;display:inline-block;border-radius:100%;} .down .am-accordion-title3 span { min-height:50px;display:flex;align-items:center;justify-content:center;} .am-accordion-title3 span:first-child { padding:0 30px;} dl.down .down-bor { justify-content:left;} dl.down:hover .down-bor { color:var(--aiopc-accent, #005da3);} dl.down:hover .down3 { background:var(--aiopc-accent, #005da3) url(../images/down2.png) no-repeat center;} .download-box { padding-bottom:20px;} .am-accordion-title3 a { display: flex;align-items: center;} .fs_gallery {background: rgba(0,0,0, 0.9);position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 9999;} .fs_gallery_close {position: absolute;top: 20px;right: 20px;width: 25px;height: 25px;color: #ccc;font-size: 34px;line-height: 23px;text-align: center;cursor: pointer;z-index: 102;} .fs_gallery_close:before {content: "×";} .fs_gallery_close:hover {color: #fff;} .fs_gallery_prev, .fs_gallery_next {position: absolute;width: 80px;color: #ccc;font-size: 30px;cursor: pointer;z-index: 101;} .fs_gallery_prev:hover, .fs_gallery_next:hover {background: rgba(0,0,0, 0.1);color: #fff;} .fs_gallery_prev {left: 0;top: 0;bottom: 0;} .fs_gallery_next {right: 0;top: 0;bottom: 0;} .fs_gallery_prev:before {content: "‹";position: absolute;height: 30px;margin-top: -30px;top: 50%;left: 35px;} .fs_gallery_next:before {content: "›";position: absolute;height: 30px;margin-top: -30px;top: 50%;left: 35px;} .fs_gallery_shuft {position: relative;width: 9999999px;} .fs_gallery_shuft:after {clear: both;content: "";display: block;} .fs_gallery_shuft_item {float: left;position: relative;background-image: url(data:image/gif;base64,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); background-position: center center; background-repeat: no-repeat;} .fs_gallery_shuft_item img { position: absolute;top: 50%;left: 50%;} .honor-list img { width:100%;display:block;padding:35px 10%;} .honor-list { margin:0 -18px;} .honor-list li { padding:0 18px 36px 18px;} .honor-list li a { display:block;position:relative;background:#fff;box-shadow: 0px 0 15px 0px rgba(0, 0, 0, 0.1);} .honor-list li p { line-height:20px;background:#ebeff3;margin-top:1px;font-size:15px;color:#666;padding:18px 5px;} .fac-bg { width:100%;height:calc(100% - 56px);background:rgba(83,117,116,.9) url(../images/search3.png) no-repeat center;position:absolute;top:0;left:0;right:0;opacity:0;} .fac-bg2 { background:rgba(83,117,116,.9) url(../images/video.png) no-repeat center;} .honor-list li a:hover .fac-bg { opacity:1;} .honor-list li a:hover p { background:var(--aiopc-accent, #005da3);color:#fff;} .news-list li a { display:block;background:#fff;padding:18px;border-radius:4px;} .news-img { overflow:hidden;} .news-img img { width:100%;display:block;} .news-text { padding:25px 0 5px 0;} .news-text h6 { font-size:20px;color:#333;height:30px;font-weight:normal;} .news-p p { font-size:14px;line-height:24px;color:#888888;height:48px;overflow:hidden;} .news-p { margin-top:10px;} .supp-time { margin-top:20px;padding-top:20px;position:relative;border-top:1px solid #e5e5e5;} .news-time:before { content:"";position:absolute;right:0;bottom:0;width:16px;height:22px;background:url(../images/more3.png) no-repeat right center;background-size:16px 10px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .news-list li a:hover .news-text h6 { color:var(--aiopc-accent, #005da3);} .news-list li a:hover .news-time:before { background:url(../images/more4.png) no-repeat right center;} .news-list { margin:0 -12px;margin-top:70px;} .news-list li { padding:0 12px 24px 12px;} .supp-time span { font-size:14px;color:#888;padding-lefT:27px;background:url(../images/time2.png) no-repeat left center;display:inline-block;} .news-hot-a a { display:block;position:relative;} .news-more { font-size:14px;color:#888;} .news-li-hot { display:-webkit-flex;display:flex;flex-flow:row wrap;} .news-hot-text { background:#fff;height:100%;padding:55px 60px;} .hot-img { overflow:hidden;height:100%;} .hot-img img { width:100%;display:block;object-fit:cover;height:100%;} .news-hot-tit { font-size:30px;color:#333;font-weight:bold;margin-top:40px;} .news-hot-p { font-size:14px;color:#666666;line-height:24px;max-height:48px;overflow:hidden;margin-top:25px;} .news-more { margin-top:40px;} .news-hot-a a:hover .news-hot-tit { color:var(--aiopc-accent, #005da3);} .swiper-container13.swiper-container-horizontal>.swiper-pagination-bullets { width:auto;left:calc(50% + 60px);bottom:7%;} .news-deta-fl { width:77%;} .news-deta-fr { width:23%;} .news-fl-box { margin-right:60px;} .news-deta li a:hover .news-img img { -o-transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05) } .am-text p,.am-text ul,.am-text li,.am-text h1,.am-text h3 { margin:0;padding:0;} .main-newarc-title .share-p{display:inline-block;*display:inline;*zoom:1;margin:0 7px;font-size:14px;font-weight:normal;color:#888;} .main-newarc-title .share-p span{ vertical-align: middle;margin-left:6px;} .main-newarc-title h2 {text-align:center;font-size:30px;color:#333;line-height:34px;padding-bottom:25px;margin:0;} .share-p img { vertical-align: middle;} .news-t-img img { display: block;width:100%;} .news-deta-tit { background:var(--aiopc-accent, #005da3) url(../images/n-ico1.png) no-repeat right 15px center;padding:0 15px;color:#fff;line-height:42px;margin-top:1px;font-size:16px;} .news-deta-tit2 { background:var(--aiopc-accent, #005da3) url(../images/n-ico2.png) no-repeat right 15px center;margin-top:3px;} .news-deta-li li a { display: block;line-height:42px;margin-top:1px;background:#ecedf0;font-size:14px;color:#666;padding:0 15px;} .news-deta-li li a em { font-style:normal;width:22px;height:15px;display:inline-block;background:#9a9a9a;color:#fff;font-size:12px;font-family:arial;line-height:16px;text-align:center;margin-top: 13px;} .news-deta-li li:nth-child(-n + 3) a em { background:var(--aiopc-accent, #005da3);} .news-deta-li li span { margin-left:10px;} .news-deta-li li a:hover { color:var(--aiopc-accent, #005da3);text-decoration:underline;} .prod-wrap { margin-top:60px;} .share { padding-bottom:30px;border-bottom:1px solid #e5e5e5;} .news-text3 { margin-top:40px;} .cou-t { display:block;font-size:36px;color:#b9bcbf;} .cou-tit { font-size:16px;line-height:30px;color:#666;margin-top:15px;display:flex;align-items:flex-start;} .course { margin-top:10px;} .his-bg { background:url(../images/his-bg.jpg) no-repeat center;background-size:cover;} .swiper-container16 .swiper-slide { padding-left:50px;background:url(../images/his1.png) no-repeat left 10px;min-height:141px;} .swiper-container16 .swiper-slide-active { background:url(../images/his2.png) no-repeat left 10px;} .swiper-container16 .swiper-slide-active .cou-t { color:var(--aiopc-accent, #005da3);} .album-list { margin:0 -12px;} .album-list li { padding:0 12px 24px 12px;} .album-list li p { font-size:15px;padding:18px 5px;} .album-list li a { display:block;} .album-list li a:hover p { color:var(--aiopc-accent, #005da3);} .album-list li a img { width:100%;display:block;} .bottom{height:55px;background:#252a30;display:block;width:100%;position:fixed;bottom:0;left:0;z-index:998;font-size:12px;} .bottom,.bottom a{color:#d3dae1;} .bottom a{width:33.3%;float:left;text-align:center;line-height:20px;font-size:12px;background-size:20px 20px;} .bottom .lnk {width:100%;height:20px;margin-top:5px;} .bottom .icon01{background:url(../images/ico_29.png) no-repeat center;background-size:20px 20px;} .bottom .icon02{background:url(../images/ico_32.png) no-repeat center;background-size:20px 20px;} .bottom .icon03{background:url(../images/ico_32.png) no-repeat center;background-size:20px 20px;} .bottom .icon04{background:url(../images/mess.png) no-repeat center;background-size:20px 20px;} .foot-cont2 p img { top:0;} .foot-cont2 p { padding-bottom:15px;line-height:24px;font-size:14px;} .ditu { border:1px solid #d2d2d2;margin-top:20px;border-radius:4px;overflow:hidden;} .ditu img{display:block;width:100%;height:100%} .BMap_bubble_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap} .BMap_bubble_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word} .foot-cont2 { padding:0 15px 0 15px;} .map-list { margin:0 -15px;} .honor-slide p { margin:0;line-height: 40px;font-size: 16px;color:#333;} .in-pro-box2 { background:url(../images/hr-bg.png) no-repeat center bottom;padding:0 100px 60px 100px;background-size:100%;} .in-hor-bot-img { margin-top:7px;} .in-hor-bot-img img { width:100%;display:block;} .honor-slide:hover p { color:var(--aiopc-accent, #005da3);} .in-pro-img2 { overflow:hidden;} .in-pro-img2 img { width:100%;display:block;} .news-list li a:hover { box-shadow:0 0 15px rgba(0,0,0,.08);} .foot-p2 { min-height:150px;} .thumbnails .swiper-slide { padding-top:8px;} .tabs2 { width:80%;} .sol-a { width:20%;} .sol-a .sol-t{ border:1px solid #ddd;background:#eee;margin-left:-1px;} .sol-a .sol-t .sol-text p{ margin-top:6px;} .sol-a .sol-t:hover { background:var(--aiopc-accent, #005da3);border: 1px solid var(--aiopc-accent, #005da3);} .sol-a .sol-t:hover .sol-text h6,.sol-a .sol-t:hover .sol-text p { color:#fff;} .cont-e img { max-width:100%;display:block;margin:0 auto;width:120px;} .cont-e p { font-size:13px;margin-top:5px;} .cont-e li { padding-bottom:15px;} @media (min-width:1198px) { .prod-slide a:hover .prod-img img,.in-news-img a:hover .news-img2,.case-slide a:hover .case-img img,.sol-slide a:hover img,.solution-list li a:hover .solution-img img,.news-list li a:hover .news-img3 img,.news-hot-a a:hover .hot-img img,.swiper-container5 .in-pro-slide a:hover .in-pro-img2 img,.news-list li a:hover .news-img img { -webkit-transform: scale(1.08);transform: scale(1.08);} .thumbnails .swiper-slide:hover img { -webkit-transform:translateY(-8px);transform:translateY(-8px);} } @media (max-width: 1600px){ .am-container { max-width: 1320px;} .news-hot-tit { margin-top:30px;} } @media (max-width: 1400px){ .am-container { max-width: 1200px;} .mumping_mun h2 { font-size:66px;line-height:66px;} .news-hot-text { padding:45px 50px;} .news-hot-tit { margin-top:20px;} .news-more { margin-top:25px;} .swiper-container13.swiper-container-horizontal>.swiper-pagination-bullets { left:calc(50% + 50px);} } @media (max-width: 1198px){ .am-container { padding:0 10px;} body { padding-top:60px;} .swiper-container2.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-container2 .swiper-pagination-custom, .swiper-pagination-fraction { bottom:15px;} .swiper-container3,.swiper-container5,.swiper-container6,.swiper-container16,.swiper-container20 { padding-bottom:40px;} .swiper-container3.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-container5 .swiper-pagination-custom, .swiper-pagination-fraction,.swiper-container6.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-container6 .swiper-pagination-custom, .swiper-pagination-fraction,.swiper-container7.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-container7 .swiper-pagination-custom, .swiper-pagination-fraction,.swiper-container16.swiper-container-horizontal>.swiper-pagination-bullets { bottom:0;} .foot-list { width:100%;} .brand-bg { padding:60px 10px;} .mumping_mun h2 { font-size:58px;line-height:60px;} .mun_top b { font-size:18px;} .mumping_mun p { margin-top:10px;} .cont-box { width:100%;padding-left:0;} .cont-mar { padding-left:0;} .solution-list { margin:0 -6px;} .solution-list li { padding:0 6px 40px 6px;} .solution-text { padding:20px 10px;} .solution-t { font-size:18px;} .solution-text p { margin-top:10px;} .honor-list { margin:0 -12px;} .honor-list li { padding:0 12px 30px 12px;} .pro-cont { width:60%;} .prod-text { padding:25px 15px;} .news-hot-tit { font-size:26px;} .news-hot-text { padding:35px 40px;} .news-hot-p { margin-top:15px;} .swiper-container13.swiper-container-horizontal>.swiper-pagination-bullets { left:calc(50% + 40px);} .news-more { margin-top:15px;} .news-list { margin:0 -8px;margin-top:60px;} .news-list li { padding:0 8px 0px 8px;} .news-deta-fl { width:100%;} .news-fl-box { margin-right:0;} .cont-bg { padding:25px;} .cont-tit { font-size:28px;} .cont-text p { font-size:15px;line-height:28px;} .cont-text { padding-left:30px;} .tabs2 span { padding:23px 10px;} .sol-text h6 { font-size:15px;height:40px;line-height:20px;} .sol-t .sol-text { padding-lefT:53px;} .tabs2 img, .tabs2 i { width:44px;height:40px;} .sol-a .sol-text { padding-left:0;} .in-news-list { margin:0 -10px;padding-bottom:50px;} .in-news-list li { padding:0 10px;} .foot-cont2 { padding:0 10px 0 10px;} .map-list { margin:0 -10px;} .in-pro-box2 { background:none;padding:0;} .sol-a .sol-text p { margin-top:8px;} .in-brand-list p { font-size:15px;} } @media (max-width: 980px) { .mumping_mun h2 { font-size:48px;} .mun_top b { font-size:16px;} .pro-cont { width:70%;} .news-hot-text { padding:30px 30px;} .news-hot-p { margin-top:10px;} .news-hot-tit { font-size:22px;} .swiper-container13.swiper-container-horizontal>.swiper-pagination-bullets { left:0;width:100%;bottom:0;} .swiper-container13 { padding-bottom:40px;} .news-list { margin-top:50px;} .in-brand-img img { width:46px;} .tabs2 span { width:50%;} .tabs2 span.sol-a { width:100%;} .tabs2 span { padding:10px;height:67px;} .sol-slide .sol-pro { padding:20px 30px;} .tabs2 { width:100%;} .sol-a { width:100%;margin-lefT:0;margin-top:-1px;} .sol-a .sol-text h6 { height:65px;line-height:65px;} .in-brand-list p { font-size:14px;} .in-about-text iframe { width:80%;height:500px;} } @media (max-width: 767px) { .in-sol-li1 { width:100% !important;} img.banner-wap { display:block;} img.banner-pc { display:none;} body { padding-bottom:55px;} .sz,.copy { text-align:center;} .bot-wrap { border-top:0;} .mumping_mun h2 { font-size:32px;line-height:40px;} .mumping_mun li:nth-child(2) { border-right:none;} .mumping_mun li { margin:10px 0;} .mun_top b { font-size:16px;} .mumping_mun p { margin-top:2px;font-size:15px;} .in-tit3 { padding-bottom:30px;} .digital { margin-top:0;padding-bottom:25px;} .case-text { height:52px;line-height:52px;font-size:15px;} .case-list { margin:0 -5px;} .case-list li { padding:0 5px 20px 5px;} .in-tit3 h6 { font-size:28px;} .prod-list { margin:0 -5px;} .prod-list li { padding:0 5px 10px 5px;} .prod-t { font-size:15px;} .solution-list { margin:0;} .solution-list li { padding:0 0 20px 0;} .ser-text { padding:20px 15px;} .album-list { margin:0 -5px;} .album-list li { padding:0 5px 12px 5px;} .album-list li p { font-size:15px;} .about-text3 { padding:40px 0 45px 0;} .in-bor { margin-top:15px;} .swiper-container16 .swiper-slide { padding-left:35px;} .cou-t { font-size:26px;} .cou-tit { font-size:14px;line-height:26px;margin-top:10px;} .text { font-size:15px;line-height:28px;} .bot-wrap { font-size:13px;line-height:24px;} .honor-list { margin:0 -5px;} .honor-list li { padding:0 5px 20px 5px;} .honor-list img { padding:25px 6%;} .prod-box { margin-top:0;} .JLTcometol a { float:left;} .JLTupdown { padding-top:35px;} .pro-cont { width:100%;} .prod-tit3 { font-size:24px;padding-bottom:15px;} .swiper-container10 { padding-bottom:40px;} .prod-deta-tit { margin-top:35px;font-size:20px;} .text2 { padding:20px 10px;} .swiper-container3 { padding:0 0 40px 0;} .prod-wrap { margin-top:40px;} .prod-text { padding:20px 10px;} .prod-p { margin-top:6px;} .news-hot-text { padding:20px 15px;} .news-list { margin:0 ;margin-top:35px;} .news-list li { padding:0 0 20px 0;} .news-list li a { padding:10px;} .news-text h6 { font-size:17px;} .news-p { margin-top:5px;} .news-text { padding:20px 0 5px 0;} .supp-time { margin-top:15px;padding-top:15px;} .news-hot-tit { font-size:20px;margin-top:15px;} .main-newarc-title h2 { font-size:22px;line-height:32px;padding-bottom:15px;} .share { padding-bottom:20px;} .news-text3 { margin-top:25px;} .faq-list li a { padding:20px 0;} .ser-text { padding:10px 15px 30px 15px;} .am-accordion-title3 span:first-child { padding:0 10px;} .down-tit,dl.down { font-size:15px;} .down3 { width:28px;height:28px;} dl.down a { padding:10px 0;} .cont-top { display:block;} .cont-top span { width:100%;text-align:center;} .cont-text { padding-left:0;clear:both;padding-top:15px;} .cont-img { display:block;margin:0 auto;} .cont-bg { padding:25px 10px;} .cont-tit,.cont-com,.cont-com span b { font-size:24px;} .cont-com span { float:left;display:block;width:100%;padding-bottom:10px;margin-top:10px;} .cont-list li { padding:20px 0;} .cont-list { padding:15px 0;} .cont-list li p { padding-left:10px;} .cont-list li img { width:40px;} .cont-list li { font-size:15px;} .mess-img,.mess-top-text,.message { margin-top:20px;} .mess-top-tit { font-size:24px;} .mess-bg { padding:50px 0;} .mess-top-tit2 p { font-size:15px;line-height:26px;} .cont-input input, .cont-input textarea, .code-input input { font-size:15px;} .cont-input { padding:0 0 15px 0;} .cont-mar2, .cont-input2 { margin:0;} .in-tit h6 { font-size:30px;} .in-tit p { font-size:13px;line-height:22px;} .wrap { margin-top:40px;} .in-tit { padding-bottom:30px;} .brand-bg { padding:40px 10px;} .brand-tit { font-size:16px;line-height:22px;padding-bottom:20px;width:100%;} .in-brand-img img { width:36px;} .in-brand-list li { padding:12px 0;} .in-brand-list p { font-size:12px;margin-top:15px;line-height:14px;} .in-about-text { font-size:15px;line-height:28px;} .tabs img, .tabs i { width:40px;height:40px;} .tabs span { height:67px;width:48%;margin:0 1%;float:left;} .tabs span a { padding:10px 6px;} .tabs .about-text h6 { font-size:18px;} .tabs .about-text p { margin-top:2px;} .in-pro-slide p { font-size:15px;margin-top:10px;} .tabs2 img, .tabs2 i { width:36px;height:32px;} .sol-text p { margin-top:0;} .sol-text h6 { font-size:14px;} .sol-t .sol-text { padding-lefT:42px;} .sol-a .sol-text { padding-left:0;} .tabs2 span { height:60px;} .sol-slide .sol-pro { padding:10px 10px;} .sol-text2 { font-size:15px;line-height:22px;height:44px;} .sol-span { line-height:44px;} .in-news-list { margin:0 0;padding-bottom:20px;} .in-news-list li { padding:0 0 20px 0;} .in-news-bot p a { font-size:15px;line-height:55px;} .in-news-bot p a span { font-size:13px;} .in-news-img a { padding-bottom:20px;} .foot-cont2 { padding:0 0 30px 0;} .ditu { margin-top:15px;} .map-list { margin:0;} .foot-p2 { min-height:auto;} .sol-t a { padding:0 10px;} .sol-a .sol-text h6 { height:55px;line-height:55px;} .honor-list li p,.album-list li p { font-size:13px;line-height:18px;padding:13px 5px;} .in-about-text iframe { width:100%;height:320px;} } @media (max-width: 640px) { .album-list li { padding:0 5px 8px 5px;} .brand-tit { font-size:15px;} } @media (max-width: 374px) { .wrap { margin-top:40px;} .case-text { height:50px;line-height:50px;} .in-bor { margin-top:10px;} .in-tit3 h6 { font-size:26px;} .news-hot-tit { font-size:18px;margin-top:12px;} .sp_logo img { max-height:32px;} .in-about-text iframe { height:260px;} } html,body{ min-height:101%;} html{ overflow:-moz-scrollbars-vertical;} /* ============================================================ B2B Trust Stats Bar ============================================================ */ .b2b-stats-bar { background: var(--aiopc-primary, #003d70); padding: 0; border-bottom: 1px solid rgba(255,255,255,0.08); } .b2b-stats-list { display: flex; justify-content: space-around; align-items: stretch; margin: 0; padding: 0; list-style: none; } .b2b-stats-list li { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 16px 10px; border-right: 1px solid rgba(255,255,255,0.12); flex: 1; text-align: center; } .b2b-stats-list li:last-child { border-right: none; } .b2b-stat-num { font-size: 22px; font-weight: 700; color: #fff; line-height: 1.2; letter-spacing: -0.3px; } .b2b-stat-label { font-size: 11px; color: rgba(255,255,255,0.65); margin-top: 3px; text-transform: uppercase; letter-spacing: 0.5px; line-height: 1.4; } .b2b-cert-badges { display: flex; gap: 5px; flex-wrap: wrap; justify-content: center; margin-top: 4px; } .b2b-cert-badge { background: rgba(255,255,255,0.15); color: #fff; font-size: 10px; font-weight: 700; padding: 2px 6px; border-radius: 2px; letter-spacing: 0.5px; border: 1px solid rgba(255,255,255,0.25); } /* ============================================================ Section Eyebrow / Overline Labels ============================================================ */ .section-eyebrow { display: block; font-size: 11px; font-weight: 700; color: var(--aiopc-primary, #003d70); text-transform: uppercase; letter-spacing: 2px; margin-bottom: 8px; } .in-tit .section-eyebrow, .in-tit3 .section-eyebrow { color: var(--aiopc-primary, #003d70); } .in-tit2 .section-eyebrow { color: rgba(255,255,255,0.7); } /* Section heading size refinements */ .in-tit h6 { color:var(--aiopc-primary, #003d70);font-size:34px;font-weight:700;line-height:1.2;} .in-tit p { font-size:15px;color:#666;line-height:26px;margin-top:8px;} /* Fix: brand-bg (blue bg) sections keep white text despite .in-tit p {color:#666} override */ .in-tit2.in-tit h6 { color:#fff; } .in-tit2.in-tit p { color:rgba(255,255,255,0.88); } .in-tit2 .section-eyebrow { color:rgba(255,255,255,0.75); } /* ============================================================ B2B Advantages Section (replaces Brand story) ============================================================ */ .b2b-adv-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 0; margin: 0; padding: 0; list-style: none; } .b2b-adv-grid li { width: 25%; display: flex; flex-direction: column; align-items: center; padding: 30px 16px; border-right: 1px solid rgba(255,255,255,0.15); cursor: default; position: relative; } .b2b-adv-grid li:nth-child(4n) { border-right: none; } .b2b-adv-grid li:nth-child(n+5) { border-top: 1px solid rgba(255,255,255,0.15); } .b2b-adv-grid li:hover { background: rgba(255,255,255,0.06); } .b2b-adv-icon { width: 52px; height: 52px; margin: 0 auto 16px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.14); border-radius: 12px; } .b2b-adv-icon svg { width: 28px; height: 28px; color: rgba(255,255,255,0.9); } .b2b-adv-grid li:hover .b2b-adv-icon { background: rgba(255,255,255,0.15); border-color: rgba(255,255,255,0.3); } .b2b-adv-title { font-size: 15px; font-weight: 700; color: #fff; text-align: center; line-height: 1.3; } .b2b-adv-sub { font-size: 12px; color: rgba(255,255,255,0.6); margin-top: 5px; text-align: center; line-height: 1.5; } @media (max-width: 1198px) { .b2b-stats-list { flex-wrap: wrap; } .b2b-stats-list li { width: 33.33%; flex: none; border-bottom: 1px solid rgba(255,255,255,0.12); } .b2b-adv-grid li { width: 50%; } .b2b-adv-grid li:nth-child(2n) { border-right: none; } .b2b-adv-grid li:nth-child(4n) { border-right: 1px solid rgba(255,255,255,0.15); } .b2b-stat-num { font-size: 18px; } } @media (max-width: 768px) { .b2b-stats-bar { display: none; } .b2b-adv-grid li { width: 50%; } } /* ================================================================ CUSTOM SOLUTIONS PAGE (solution.html) ================================================================ */ /* Page hero */ .cs-hero { background: linear-gradient(135deg, #00305c 0%, var(--aiopc-accent, #005da3) 100%); padding: 56px 20px 52px; color: #fff; } .cs-hero-title { font-size: 36px; font-weight: 700; color: #fff; margin: 10px 0 14px; line-height: 1.2; } .cs-hero-sub { font-size: 16px; color: rgba(255,255,255,0.82); max-width: 720px; margin: 0 auto 36px; line-height: 1.7; } /* Industry tab nav */ .cs-tabs { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 8px; } .cs-tab { display: inline-block; padding: 8px 18px; border: 1px solid rgba(255,255,255,0.3); border-radius: 24px; color: rgba(255,255,255,0.75); font-size: 13px; font-weight: 600; text-decoration: none; transition: all 0.2s; cursor: pointer; } .cs-tab:hover, .cs-tab.active { background: rgba(255,255,255,0.18); border-color: rgba(255,255,255,0.7); color: #fff; } /* Sections */ .cs-section { padding: 70px 0; } .cs-section-alt { background: #f5f7fa; } /* Section header */ .cs-sec-header { display: flex; align-items: flex-start; gap: 22px; margin-bottom: 40px; } .cs-sec-icon { flex-shrink: 0; width: 60px; height: 60px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: var(--aiopc-primary, #003d70); } .cs-sec-icon svg { width: 30px; height: 30px; color: #fff; } .cs-sec-icon--green { background: #1a6e4a; } .cs-sec-icon--purple { background: #4a3080; } .cs-sec-icon--orange { background: #b55a00; } .cs-sec-icon--teal { background: #0a6070; } .cs-eyebrow { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: var(--aiopc-accent, #005da3); margin-bottom: 6px; } .cs-sec-header h2 { font-size: 28px; font-weight: 700; color: #1c2333; margin: 0 0 8px; line-height: 1.2; } .cs-sec-desc { font-size: 14px; color: #666; line-height: 1.6; margin: 0; } /* Two-column pain/solution */ .cs-twin { display: flex; gap: 24px; margin-bottom: 36px; } .cs-pain-box, .cs-sol-box { flex: 1; padding: 28px; border-radius: 8px; } .cs-pain-box { background: #fff6f5; border: 1px solid #ffd5d0; } .cs-sol-box { background: #f0f6ff; border: 1px solid #c4dcf8; } .cs-box-title { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 700; margin: 0 0 16px; } .cs-box-title svg { width: 18px; height: 18px; flex-shrink: 0; } .cs-pain-title { color: #b01010; } .cs-pain-title svg { color: #c62828; } .cs-sol-title { color: #004a8a; } .cs-sol-title svg { color: var(--aiopc-accent, #005da3); } .cs-list { list-style: none; margin: 0; padding: 0; } .cs-list li { font-size: 13.5px; line-height: 1.65; color: #444; padding: 7px 0 7px 18px; position: relative; border-bottom: 1px solid rgba(0,0,0,0.05); } .cs-list li:last-child { border-bottom: none; } .cs-pain-box .cs-list li:before { content: "—"; position: absolute; left: 0; color: #c62828; font-weight: 700; } .cs-sol-box .cs-list li:before { content: "✓"; position: absolute; left: 0; color: var(--aiopc-accent, #005da3); font-weight: 700; } /* Specs grid */ .cs-specs-block { background: #fff; border: 1px solid #e0e8f4; border-radius: 8px; padding: 28px; margin-bottom: 28px; } .cs-specs-title { font-size: 15px; font-weight: 700; color: #1c2333; margin: 0 0 18px; padding-bottom: 12px; border-bottom: 2px solid var(--aiopc-primary, #003d70); display: inline-block; } .cs-specs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; } .cs-spec-item { padding: 10px 16px; border-bottom: 1px solid #edf0f5; border-right: 1px solid #edf0f5; } .cs-spec-item:nth-child(3n) { border-right: none; } .cs-spec-item:nth-last-child(-n+3) { border-bottom: none; } .cs-spec-label { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: var(--aiopc-accent, #005da3); margin-bottom: 3px; } .cs-spec-val { display: block; font-size: 13px; color: #444; line-height: 1.5; } /* Case study block */ .cs-case-block { display: flex; gap: 20px; align-items: flex-start; background: #f0f6ff; border-left: 4px solid var(--aiopc-accent, #005da3); border-radius: 0 8px 8px 0; padding: 22px 24px; margin-bottom: 28px; } .cs-case-icon { flex-shrink: 0; width: 38px; height: 38px; border-radius: 8px; background: var(--aiopc-accent, #005da3); display: flex; align-items: center; justify-content: center; } .cs-case-icon svg { width: 20px; height: 20px; color: #fff; } .cs-case-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--aiopc-accent, #005da3); margin-bottom: 8px; } .cs-case-text { font-size: 14px; color: #333; line-height: 1.7; font-style: italic; margin: 0 0 10px; } .cs-case-meta { font-size: 12px; color: #666; font-weight: 600; } /* CTA row */ .cs-cta-row { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; margin-top: 8px; } .cs-btn-primary { display: inline-block; padding: 12px 28px; background: var(--aiopc-primary, #003d70); color: #fff; font-size: 14px; font-weight: 600; border-radius: 4px; text-decoration: none; transition: background 0.2s; } .cs-btn-primary:hover { background: #004a8a; color: #fff; } .cs-btn-primary.cs-btn-lg { padding: 14px 36px; font-size: 15px; } .cs-btn-secondary { display: inline-block; padding: 12px 24px; background: var(--aiopc-wa, #128C7E); color: #fff; font-size: 14px; font-weight: 600; border-radius: 4px; text-decoration: none; transition: background 0.2s; } .cs-btn-secondary:hover { background: #0e7a6e; color: #fff; } .cs-btn-outline { display: inline-block; padding: 12px 24px; border: 2px solid rgba(255,255,255,0.5); color: #fff; font-size: 14px; font-weight: 600; border-radius: 4px; text-decoration: none; transition: all 0.2s; } .cs-btn-outline:hover { border-color: #fff; background: rgba(255,255,255,0.1); color: #fff; } /* Final CTA section */ .cs-final-cta { background: linear-gradient(135deg, #00305c 0%, var(--aiopc-accent, #005da3) 100%); padding: 64px 20px; color: #fff; } .cs-final-title { font-size: 32px; font-weight: 700; color: #fff; margin: 0 0 14px; } .cs-final-sub { font-size: 15px; color: rgba(255,255,255,0.82); max-width: 640px; margin: 0 auto; line-height: 1.7; } /* Responsive */ @media (max-width: 900px) { .cs-twin { flex-direction: column; } .cs-specs-grid { grid-template-columns: repeat(2, 1fr); } .cs-spec-item:nth-child(3n) { border-right: 1px solid #edf0f5; } .cs-spec-item:nth-child(2n) { border-right: none; } .cs-spec-item:nth-last-child(-n+3) { border-bottom: 1px solid #edf0f5; } .cs-spec-item:nth-last-child(-n+2) { border-bottom: none; } .cs-hero-title { font-size: 26px; } } @media (max-width: 640px) { .cs-section { padding: 50px 0; } .cs-sec-header { flex-direction: column; } .cs-specs-grid { grid-template-columns: 1fr; } .cs-spec-item { border-right: none !important; border-bottom: 1px solid #edf0f5 !important; } .cs-spec-item:last-child { border-bottom: none !important; } .cs-tabs { gap: 6px; } .cs-tab { padding: 6px 12px; font-size: 12px; } .cs-cta-row { flex-direction: column; } .cs-btn-primary, .cs-btn-secondary, .cs-btn-outline { width: 100%; text-align: center; } } /* ================================================================= Custom AIO PC Configurator (cc-*) ================================================================= */ .cc-wrap { background: #f4f7fb; padding: 72px 0 80px; border-top: 4px solid var(--aiopc-primary, #003d70); } .cc-heading { max-width: 700px; margin: 0 auto 40px; } .cc-title { font-size: 30px; font-weight: 700; color: #1a2b3c; margin: 8px 0 12px; line-height: 1.25; } .cc-subtitle { font-size: 15px; color: #5a6a7e; line-height: 1.75; } .cc-form { max-width: 920px; margin: 0 auto; } .cc-controls { display: flex; justify-content: flex-end; gap: 16px; max-width: 920px; margin: 0 auto 14px; } .cc-ctrl-btn { font-size: 12px; font-weight: 600; color: var(--aiopc-accent, #005da3); background: none; border: none; cursor: pointer; padding: 0; text-decoration: underline; font-family: inherit; } .cc-ctrl-btn:hover { color: var(--aiopc-primary, #003d70); } .cc-group { background: #fff; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,61,112,0.07); margin-bottom: 10px; border: 1px solid #e4eaf3; overflow: hidden; } .cc-group-hd { display: flex; align-items: center; gap: 14px; width: 100%; padding: 18px 22px; background: none; border: none; cursor: pointer; text-align: left; transition: background 0.15s; font-family: inherit; } .cc-group-hd:hover { background: #f5f8fe; } .cc-group-num { flex-shrink: 0; width: 30px; height: 30px; background: var(--aiopc-primary, #003d70); color: #fff; font-size: 12px; font-weight: 700; border-radius: 50%; display: flex; align-items: center; justify-content: center; letter-spacing: 0.3px; transition: background 0.2s; } .cc-group--open .cc-group-num { background: var(--aiopc-accent, #005da3); } .cc-group-name { flex: 1; font-size: 15px; font-weight: 600; color: #1a2b3c; } .cc-arrow { width: 18px; height: 18px; color: #8fa5bc; flex-shrink: 0; transition: transform 0.25s ease; } .cc-group--open .cc-arrow { transform: rotate(180deg); } .cc-group-bd { padding: 0 22px 22px; display: none; } .cc-group--open .cc-group-bd { display: block; } .cc-hint { font-size: 13px; color: #8fa5bc; margin: 0 0 14px; } .cc-sub-label { font-size: 11px; font-weight: 700; color: #8fa5bc; text-transform: uppercase; letter-spacing: 0.9px; margin: 18px 0 9px; display: block; } .cc-sub-label:first-child { margin-top: 0; } .cc-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .cc-card { display: flex; flex-direction: column; align-items: center; padding: 18px 10px 14px; border: 2px solid #e4eaf3; border-radius: 8px; cursor: pointer; text-align: center; transition: all 0.2s; position: relative; user-select: none; } .cc-card:hover { border-color: var(--aiopc-accent, #005da3); background: #f5f9ff; } .cc-card input { position: absolute; opacity: 0; pointer-events: none; } .cc-card--active { border-color: var(--aiopc-primary, #003d70); background: #eef4fb; } .cc-card--active::after { content: ''; position: absolute; top: 8px; right: 8px; width: 16px; height: 16px; background: var(--aiopc-primary, #003d70); border-radius: 50%; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5l3.5 3.5L11 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 10px; } .cc-card-icon { width: 46px; height: 46px; background: linear-gradient(135deg, var(--aiopc-primary, #003d70) 0%, var(--aiopc-accent, #005da3) 100%); border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; color: #fff; flex-shrink: 0; } .cc-card-icon svg { width: 22px; height: 22px; } .cc-card-name { font-size: 12.5px; font-weight: 600; color: #1a2b3c; margin-bottom: 4px; line-height: 1.3; } .cc-card-desc { font-size: 11px; color: #8fa5bc; line-height: 1.4; } .cc-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 2px; } .cc-chip { display: inline-flex; align-items: center; padding: 6px 14px; border: 1.5px solid #d6e0ef; border-radius: 20px; font-size: 12.5px; font-weight: 500; color: #2d4a6b; background: #f7f9fc; cursor: pointer; transition: all 0.16s; user-select: none; line-height: 1.4; } .cc-chip:hover { border-color: var(--aiopc-accent, #005da3); background: #eef4fb; color: var(--aiopc-primary, #003d70); } .cc-chip input { position: absolute; opacity: 0; pointer-events: none; } .cc-chip--active { border-color: var(--aiopc-primary, #003d70); background: var(--aiopc-primary, #003d70); color: #fff; } .cc-chip--active:hover { background: #004a8a; border-color: #004a8a; color: #fff; } .cc-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; } .cc-field-row.cc-3col { grid-template-columns: 1fr 1fr 1fr; } .cc-field { display: flex; flex-direction: column; gap: 5px; } .cc-field-label { font-size: 11px; font-weight: 700; color: #7a90a8; text-transform: uppercase; letter-spacing: 0.7px; } .cc-select, .cc-input { width: 100%; padding: 9px 12px; border: 1.5px solid #d6e0ef; border-radius: 6px; font-size: 13.5px; color: #1a2b3c; background: #fff; outline: none; transition: border-color 0.2s, box-shadow 0.2s; font-family: inherit; box-sizing: border-box; -webkit-appearance: none; appearance: none; } .cc-select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238fa5bc' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 34px; cursor: pointer; } .cc-select:focus, .cc-input:focus { border-color: var(--aiopc-accent, #005da3); box-shadow: 0 0 0 3px rgba(0,93,163,0.1); } .cc-textarea { width: 100%; min-height: 110px; padding: 10px 12px; border: 1.5px solid #d6e0ef; border-radius: 6px; font-size: 13.5px; color: #1a2b3c; font-family: inherit; resize: vertical; outline: none; transition: border-color 0.2s, box-shadow 0.2s; box-sizing: border-box; } .cc-textarea:focus { border-color: var(--aiopc-accent, #005da3); box-shadow: 0 0 0 3px rgba(0,93,163,0.1); } .cc-contact-section { background: #fff; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,61,112,0.07); border: 1px solid #e4eaf3; padding: 22px; margin-bottom: 10px; } .cc-contact-hd { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; } .cc-contact-num { flex-shrink: 0; width: 30px; height: 30px; background: var(--aiopc-primary, #003d70); color: #fff; font-size: 12px; font-weight: 700; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .cc-contact-title { font-size: 15px; font-weight: 600; color: #1a2b3c; } .cc-submit-wrap { text-align: center; margin-top: 24px; } .cc-submit-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 15px 48px; background: linear-gradient(135deg, var(--aiopc-primary, #003d70) 0%, var(--aiopc-accent, #005da3) 100%); color: #fff; font-size: 15px; font-weight: 700; border: none; border-radius: 6px; cursor: pointer; letter-spacing: 0.3px; transition: all 0.2s; box-shadow: 0 4px 18px rgba(0,61,112,0.28); font-family: inherit; } .cc-submit-btn:hover { background: linear-gradient(135deg, #004a8a 0%, #006bbf 100%); box-shadow: 0 6px 22px rgba(0,61,112,0.38); transform: translateY(-1px); } .cc-submit-btn:disabled { opacity: 0.65; cursor: not-allowed; transform: none; } .cc-submit-btn svg { flex-shrink: 0; } .cc-privacy { font-size: 12px; color: #8fa5bc; margin-top: 12px; line-height: 1.6; } .cc-privacy a { color: var(--aiopc-accent, #005da3); } .cc-result { display: none; padding: 18px 22px; border-radius: 8px; margin-top: 18px; font-size: 14px; font-weight: 500; line-height: 1.65; } .cc-result--success { background: #e7f7ef; border: 1px solid #27ae60; color: #1a5c37; } .cc-result--error { background: #fef0f0; border: 1px solid #e74c3c; color: #7b1a1a; } @media (max-width: 780px) { .cc-card-grid { grid-template-columns: repeat(2, 1fr); } .cc-field-row, .cc-field-row.cc-3col { grid-template-columns: 1fr 1fr; } .cc-title { font-size: 24px; } } @media (max-width: 500px) { .cc-group-hd { padding: 14px 16px; gap: 10px; } .cc-group-bd { padding: 0 16px 18px; } .cc-contact-section { padding: 16px; } .cc-field-row, .cc-field-row.cc-3col { grid-template-columns: 1fr; } .cc-card-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; } .cc-card { padding: 14px 8px 12px; } .cc-card-icon { width: 38px; height: 38px; } .cc-submit-btn { width: 100%; padding: 14px 20px; font-size: 14px; } } /* ═══════════════════════════════════════════════════════ 配置器交互组件 — 模式选择 / 向导 / AI 推荐 ═══════════════════════════════════════════════════════ */ /* ── 模式选择卡片 ── */ .cc-mode-select { display: flex; gap: 24px; justify-content: center; margin: 32px 0 0; } .cc-mode-card { flex: 1; max-width: 340px; background: #fff; border: 2px solid #e0e8f0; border-radius: 16px; padding: 36px 28px 32px; display: flex; flex-direction: column; align-items: center; text-align: center; cursor: pointer; transition: border-color .2s, box-shadow .2s, transform .15s; user-select: none; } .cc-mode-card:hover { border-color: var(--aiopc-primary, #003d70); box-shadow: 0 8px 32px rgba(0,61,112,.13); transform: translateY(-3px); } .cc-mode-card--ai:hover { border-color: var(--aiopc-accent, #005da3); } .cc-mode-icon { width: 72px; height: 72px; background: var(--aiopc-primary, #003d70); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; flex-shrink: 0; } .cc-mode-icon--ai { font-size: 34px; color: #fff; display: flex; align-items: center; justify-content: center; line-height: 1; } .cc-mode-title { font-size: 20px; font-weight: 700; color: var(--aiopc-primary, #003d70); margin: 0 0 10px; line-height: 1.3; } .cc-mode-desc { font-size: 14px; color: #5a6a7a; line-height: 1.7; margin: 0 0 14px; flex: 1; } .cc-mode-tag { display: inline-block; background: #e8f0f8; color: var(--aiopc-primary, #003d70); font-size: 12px; font-weight: 600; padding: 4px 12px; border-radius: 20px; margin-bottom: 18px; } .cc-mode-arrow { font-size: 14px; font-weight: 700; color: var(--aiopc-primary, #003d70); opacity: 0; transition: opacity .2s, transform .2s; transform: translateX(-4px); } .cc-mode-card:hover .cc-mode-arrow { opacity: 1; transform: translateX(0); } /* ── 通用返回按钮 ── */ .cc-back-btn { display: inline-flex; align-items: center; gap: 6px; background: none; border: 1px solid #d0dbe8; color: #5a6a7a; font-size: 13px; font-weight: 500; padding: 7px 14px; border-radius: 8px; cursor: pointer; margin-bottom: 24px; transition: background .15s, color .15s; } .cc-back-btn:hover { background: #f0f5fa; color: var(--aiopc-primary, #003d70); } /* ── 向导容器 ── */ .cc-wizard { padding-top: 8px; } /* ── 向导顶栏 ── */ .cc-wizard-topbar { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; } .cc-wizard-progress-wrap { display: flex; align-items: center; gap: 12px; flex: 1; } .cc-wizard-progress-bg { flex: 1; height: 6px; background: #e0e8f0; border-radius: 3px; overflow: hidden; } .cc-wizard-progress-fill { height: 100%; background: var(--aiopc-primary, #003d70); border-radius: 3px; width: 11.1%; transition: width .35s ease; } .cc-wizard-step-lbl { font-size: 13px; font-weight: 600; color: var(--aiopc-primary, #003d70); white-space: nowrap; } /* ── 步骤圆点 ── */ .cc-step-dots { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 28px; flex-wrap: wrap; } .cc-step-dot { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; border: 2px solid #d0dbe8; color: #8a9bb0; background: #fff; cursor: default; transition: all .2s; flex-shrink: 0; } .cc-step-dot--active { background: var(--aiopc-primary, #003d70); border-color: var(--aiopc-primary, #003d70); color: #fff; box-shadow: 0 2px 8px rgba(0,61,112,.3); } .cc-step-dot--done { background: #e8f4ee; border-color: #27ae60; color: #27ae60; } /* ── 向导面板 ── */ .cc-wizard-panel { animation: ccFadeIn .25s ease; } @keyframes ccFadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } } /* ── 面板标题 ── */ .cc-panel-hd { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; } .cc-panel-num { width: 36px; height: 36px; border-radius: 50%; background: var(--aiopc-primary, #003d70); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; flex-shrink: 0; } .cc-panel-title { font-size: 18px; font-weight: 700; color: #1a2a3a; } /* ── 向导导航按钮 ── */ .cc-wizard-nav { display: flex; align-items: center; justify-content: space-between; margin-top: 28px; padding-top: 20px; border-top: 1px solid #e8edf3; gap: 12px; } .cc-nav-btn { padding: 11px 28px; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; border: none; transition: background .15s, transform .1s; } .cc-nav-prev { background: #f0f5fa; color: var(--aiopc-primary, #003d70); } .cc-nav-prev:hover { background: #dce8f5; } .cc-nav-next { background: var(--aiopc-primary, #003d70); color: #fff; margin-left: auto; } .cc-nav-next:hover { background: var(--aiopc-accent, #005da3); } .cc-nav-btn:active { transform: scale(.97); } /* ── AI 推荐模式 ── */ .cc-ai-mode { padding-top: 8px; } .cc-ai-inner { background: #fff; border: 1px solid #e0e8f0; border-radius: 16px; padding: 32px; } .cc-ai-intro { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 24px; } .cc-ai-avatar { width: 52px; height: 52px; background: var(--aiopc-primary, #003d70); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 26px; color: #fff; flex-shrink: 0; } .cc-ai-intro-title { font-size: 18px; font-weight: 700; color: #1a2a3a; margin: 0 0 6px; } .cc-ai-intro-desc { font-size: 14px; color: #5a6a7a; line-height: 1.7; margin: 0; } /* ── 示例按钮 ── */ .cc-ai-examples { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 20px; } .cc-ai-eg-label { font-size: 13px; color: #8a9bb0; white-space: nowrap; } .cc-ai-eg-btn { background: #f0f5fa; border: 1px solid #d0dbe8; color: var(--aiopc-primary, #003d70); font-size: 12px; padding: 5px 12px; border-radius: 20px; cursor: pointer; transition: background .15s, border-color .15s; } .cc-ai-eg-btn:hover { background: #dce8f5; border-color: var(--aiopc-primary, #003d70); } /* ── AI 输入区 ── */ .cc-ai-input-wrap { display: flex; flex-direction: column; gap: 12px; } .cc-ai-textarea { width: 100%; min-height: 110px; border: 1.5px solid #d0dbe8; border-radius: 10px; padding: 14px 16px; font-size: 14px; color: #1a2a3a; line-height: 1.7; resize: vertical; transition: border-color .15s, box-shadow .15s; font-family: inherit; box-sizing: border-box; } .cc-ai-textarea:focus { outline: none; border-color: var(--aiopc-primary, #003d70); box-shadow: 0 0 0 3px rgba(0,61,112,.1); } .cc-ai-send-btn { align-self: flex-end; background: var(--aiopc-primary, #003d70); color: #fff; font-size: 15px; font-weight: 700; padding: 13px 30px; border-radius: 10px; border: none; cursor: pointer; transition: background .15s, transform .1s; } .cc-ai-send-btn:hover { background: var(--aiopc-accent, #005da3); } .cc-ai-send-btn:active { transform: scale(.97); } .cc-ai-send-btn:disabled { opacity: .6; cursor: not-allowed; transform: none; } /* ── AI 结果区 ── */ .cc-ai-result-hd { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 28px 0 16px; } .cc-ai-result-badge { background: var(--aiopc-primary, #003d70); color: #fff; font-size: 13px; font-weight: 700; padding: 6px 16px; border-radius: 20px; } .cc-ai-regen-btn { background: none; border: 1px solid #d0dbe8; color: #5a6a7a; font-size: 13px; padding: 6px 14px; border-radius: 8px; cursor: pointer; transition: background .15s; } .cc-ai-regen-btn:hover { background: #f0f5fa; color: var(--aiopc-primary, #003d70); } .cc-ai-result-content { background: #f8fafc; border: 1px solid #e0e8f0; border-radius: 12px; padding: 20px 24px; font-size: 14px; line-height: 1.85; color: #1a2a3a; min-height: 60px; } .cc-ai-result-content table { width: 100%; border-collapse: collapse; margin: 10px 0; } .cc-ai-result-content th { background: var(--aiopc-primary, #003d70); color: #fff; padding: 8px 12px; text-align: left; font-size: 13px; } .cc-ai-result-content td { padding: 8px 12px; border-bottom: 1px solid #e8edf3; font-size: 13px; vertical-align: top; } .cc-ai-result-content tr:last-child td { border-bottom: none; } .cc-ai-result-content tr:nth-child(even) td { background: #f0f5fa; } .cc-ai-typing-cursor { display: inline-block; width: 2px; height: 1em; background: var(--aiopc-primary, #003d70); margin-left: 2px; vertical-align: text-bottom; animation: ccBlink .7s step-end infinite; } @keyframes ccBlink { 50% { opacity: 0; } } /* ── AI 联系卡片 ── */ .cc-ai-contact-card { background: #f0f5fa; border: 1px solid #d0dbe8; border-radius: 12px; padding: 24px; margin-top: 20px; } .cc-ai-contact-hd { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; } .cc-ai-contact-hd h4 { font-size: 16px; font-weight: 700; color: #1a2a3a; margin: 0; } /* ── 响应式 ── */ @media (max-width: 640px) { .cc-mode-select { flex-direction: column; align-items: center; } .cc-mode-card { max-width: 100%; width: 100%; } .cc-ai-inner { padding: 20px 16px; } .cc-ai-intro { flex-direction: column; align-items: center; text-align: center; } .cc-wizard-topbar { flex-direction: column; align-items: flex-start; gap: 10px; } .cc-wizard-progress-wrap { width: 100%; } .cc-panel-title { font-size: 15px; } .cc-step-dots { gap: 5px; } .cc-step-dot { width: 26px; height: 26px; font-size: 11px; } .cc-wizard-nav { flex-wrap: wrap; } .cc-nav-next, .cc-submit-btn { margin-left: auto; } .cc-ai-send-btn { align-self: stretch; } .cc-ai-examples { flex-direction: column; align-items: flex-start; } } /* ============================================================ 中文站字体与本地化覆盖 Chinese site font & localization overrides ============================================================ */ /* 中文字体栈 - 优先系统中文字体，后备英文 sans-serif */ body { font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", "Hiragino Sans GB", "Segoe UI", system-ui, -apple-system, Arial, sans-serif; } input, select, button, textarea { font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", "Segoe UI", system-ui, Arial, sans-serif; } /* 导航字号适配中文 - 中文字符较宽，适当缩小字号 */ .nav .nLi p a { font-size: 14px; letter-spacing: 0.5px; } /* 移动端导航字体 */ .sjj_nav ul li a { font-family: "Microsoft YaHei", "微软雅黑", sans-serif; }