/* Css for , Version=1778051719 */ .information-boxT .panel-body > .ul-list > li{padding:15px 0px;border-bottom:1px solid #e9e9e9;}.information-boxT .panel-body > .ul-list > li:before{display:none;}.information-boxT .panel-block .panel-body > .ul-list{margin:0px;}a,a:hover{text-decoration:none;}footer .foot-bottom div span{display:inline-block;}span a.footer_span:hover{color:#297286 !important;}.cp-info .content-item#characteristic{clear:both;}.cp-info .content-item#characteristic img{display:block;}#block281 #block267{height:initial !important;}.cp-info .content-item#characteristic{clear:both;}.cp-info .content-item#characteristic img{display:block;}.block-item .tags a{color:#fff !important;border-color:#fff !important;}.block-item .tags a:hover{color:#77d1ff !important;}div.product-content li{width:auto !important;}body:after{height:0 !important;}.poly-r .second-name{display:flex !important;align-items:center;}.poly-r .second-name span{float:none !important;}.poly-r .second-name span a{margin-left:15px;color:#fff !important;background:#0c70bb;padding:0 12px;text-transform:uppercase;font-size:17px;line-height:35px;display:inline-block;border-radius:3px;}.poly-r .second-name span a::after{content:'>';margin-left:5px;}@media screen and (max-width: 1400px){footer .foot-bottom div.medias{display:block !important;float:none !important;margin:5px 0;}}@media screen and (max-width: 750px){footer .foot-bottom div.medias{padding-bottom:16px;}} ul.parents li img{ width:15px; position: relative; top:3px; } div.parameter{ margin-bottom:25px; margin-top:5px; width:100%; } .parameter a{ margin-left:25px; line-height: 20px; } .ep-img .img-c{ margin-bottom: 10px; } .menu-product{ position: relative; } div.menu{ background-color:#f6f6f6!important; transition:all 0.4s ease; } div.search{ margin-right:7px; } .menu .enva div.product-content{ min-height:300px; padding-left:220px; } div.product-content li{ margin-top:2px; width:200px; } .parameter div a{ marigin-top:10px; } a.prot-link{ right:0!important; } a.more-link{ right:0!important; bottom:20px; padding:10px 20px; background-color: #0C70BB; border:1px solid #0C70BB; color:white; } .header-right .search{ margin-top:30px; } #search-list{ top:22px; } .search span input{ width:120px; height:20px; padding:0 10px; font-size:12px; } .search span button{ width:16px; background-size:12px; top:64%; right:4px; } .ep-img{ max-height:200px!important; } a.language{ border:initial; color:#368ee0; width:initial; margin-top:-15px; right:30px; } a.language img{ position: relative; top:4px; max-width:20px; } .header-right{ padding-right:90px!important; } @media (max-width: 767px){ #headTitle a.language img { height:auto!important; min-width: auto; } a.language{ right:40px; } .header-right{ padding-right:0!important; } } #header {padding: 0; margin-bottom: 14px;} #headNav {min-height: 30px; line-height: 30px; padding: 0; margin-bottom: 8px;} #headNav, #headTitle {position: static; display: block;} #headNav > .row {margin: 0} #headTitle > .row, #headNav > .row {display: table; width: 100%; margin: 0;max-width: 100%;} #headNav > .row > #siteNav, #headNav > .row > #siteSlogan, #headNav > .row > #searchbar, #headTitle > .row > #siteTitle, #headTitle > .row > #searchbar {display: table-cell; vertical-align: middle;} #headTitle {padding: 0;} #siteNav {text-align: right; float: right; display: inline-block !important;} @media (max-width: 767px){#siteNav {padding-left: 8px; padding-right: 8px;} } #searchbar {max-width: initial;} #searchbar > form {max-width: 200px; float: right;} #navbar .navbar-nav {width: 100%} #navbarCollapse {padding: 0;} #navbar .navbar-nav {margin: 0;} #navbar li.nav-item-searchbar {float: right;} #navbar li.nav-item-searchbar #searchbar > form {margin: 4px;} #headTitle > .row > #navbarWrapper {display: table-cell; vertical-align: middle; padding-left: 8px;} #headTitle > .row > #navbarWrapper > #navbar {margin:0} #siteTitle, #siteLogo img {min-width: 150px;} @media (max-width: 767px) { #headTitle {padding: 0;} #headTitle > .row {margin: 0; display: block;} #headTitle > .row > #siteTitle {display: block; position: absolute; z-index: 10015; left: 8px;} #headTitle > .row > #navbarWrapper {display: block; padding: 0} #headTitle > .row > #navbarWrapper > #navbar {margin-bottom: 14px; width: 100%} #headTitle #siteLogo img {margin-top: 2px;} } #block13{}#block13 .panel-heading{}.menu-industry-l li .img-c{width:199px;height:108px;}header .container{padding:0 !important;}header .container .logo{left:0 !important;}.ty-list：last-of-type{color:#2972b6 !important;}.focus{z-index:1;}.filter{width:80%;position:absolute;top:88%;}.menu{border-top:none !important;} /* 基础重置 */ body { background-color: #f5f5f7 !important; font-family: Helvetica, Roboto, Arial, sans-serif !important; } .apple-contact-wrap { color: #1d1d1f; padding: 40px 0 80px 0; line-height: 1.6; } /* 1. 科技感 Hero Banner */ .hero-section { text-align: center; margin-bottom: 60px; background: linear-gradient(135deg, #0a1128 0%, #164081 100%); border-radius: 24px; padding: 100px 20px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); } .hero-section h1 { font-size: 50px; font-weight: 700; letter-spacing: -0.015em; margin-bottom: 18px; color: #ffffff; } .hero-section p { font-size: 19px; color: rgba(255, 255, 255, 0.85); max-width: 700px; margin: 0 auto; } /* 2. 自然高度布局 */ .apple-grid { display: flex; flex-wrap: wrap; gap: 35px; margin-bottom: 60px; align-items: flex-start; } .apple-info-col { flex: 1; min-width: 300px; display: flex; flex-direction: column; gap: 30px; } .apple-form-col { flex: 1.5; min-width: 350px; } /* 卡片高级样式 */ .apple-card { background: #ffffff; border-radius: 20px; padding: 45px; box-shadow: 0 6px 30px rgba(0, 0, 0, 0.03); border: 1px solid rgba(0,0,0,0.03); position: relative; overflow: hidden; } .apple-card h3 { font-size: 26px; font-weight: 600; margin-bottom: 35px; margin-top: 0; color: #1d1d1f; } /* 遮罩层 (绝对隐藏) */ .form-success-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 999; display: none; align-items: center; justify-content: center; text-align: center; border-radius: 20px; } .success-content { padding: 30px; } .success-icon { width: 70px; height: 70px; background-color: #e8f5e9; color: #34c759; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 36px; margin: 0 auto 20px auto; } .success-content h4 { font-size: 24px; font-weight: 600; color: #1d1d1f; margin-bottom: 12px; } .success-content p { font-size: 16px; color: #515154; line-height: 1.6; margin-bottom: 25px; } .btn-close-overlay { background-color: #f5f5f7; color: #1d1d1f; border: 1px solid #d2d2d7; border-radius: 980px; padding: 10px 24px; font-size: 15px; font-weight: 500; cursor: pointer; transition: all 0.2s; } .btn-close-overlay:hover { background-color: #e8e8ed; } /* 联系信息 */ .apple-contact-item { margin-bottom: 24px; font-size: 16px; color: #515154; } .apple-contact-item span { display: block; font-size: 12px; font-weight: 600; color: #86868b; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px; } .apple-contact-item a { color: #0071e3; text-decoration: none; transition: color 0.2s; } .apple-contact-item a:hover { color: #0056b3; } /* 表单美化 */ .form-group { margin-bottom: 25px; } .form-group label { display: block; font-size: 14px; font-weight: 500; margin-bottom: 10px; color: #1d1d1f; } .apple-form label .req-text { color: #ff3b30 !important; font-size: 12px !important; font-weight: 500 !important; margin-left: 6px; background-color: #fff0f0; padding: 3px 8px; border-radius: 6px; letter-spacing: 0.5px; vertical-align: middle; } .apple-form input, .apple-form textarea { width: 100%; padding: 16px 20px; font-size: 15px; border: 1px solid #d2d2d7; border-radius: 12px; background-color: #fbfbfd; box-sizing: border-box; transition: all 0.2s ease; color: #1d1d1f; } .apple-form input:focus, .apple-form textarea:focus { outline: none; border-color: #0071e3; background-color: #fff; box-shadow: 0 0 0 4px rgba(0, 113, 227, 0.12); } .apple-form textarea { resize: vertical; min-height: 140px; } /* 按钮 */ .form-submit-row { margin-top: 30px; display: flex; gap: 16px; } .btn-apple { background: linear-gradient(135deg, #0071e3 0%, #005ebf 100%) !important; color: #ffffff !important; border: none !important; border-radius: 12px !important; padding: 18px 20px !important; font-size: 17px !important; font-weight: 600 !important; cursor: pointer; flex: 2; transition: all 0.3s ease !important; box-shadow: 0 6px 16px rgba(0, 113, 227, 0.25) !important; } .btn-apple:hover { background: linear-gradient(135deg, #0077ed 0%, #0066cc 100%) !important; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 113, 227, 0.35) !important; } .btn-apple:active { transform: translateY(0); box-shadow: 0 4px 12px rgba(0, 113, 227, 0.2) !important; } .btn-apple-secondary { background: #fbfbfd !important; color: #515154 !important; border: 1px solid #e5e5ea !important; border-radius: 12px !important; padding: 18px 20px !important; font-size: 17px !important; font-weight: 500 !important; cursor: pointer; flex: 1; transition: all 0.2s ease !important; } .btn-apple-secondary:hover { background: #f0f0f5 !important; color: #1d1d1f !important; border-color: #d2d2d7 !important; } /* FAQ */ .faq-section { margin-top: 80px; } .faq-section h2 { text-align: center; font-size: 36px; font-weight: 700; margin-bottom: 50px; color: #1d1d1f; } .faq-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .faq-card { background: #fff; border-radius: 20px; padding: 35px; border: 1px solid rgba(0,0,0,0.04); box-shadow: 0 4px 20px rgba(0,0,0,0.02); } .faq-card h4 { font-size: 19px; font-weight: 600; margin-bottom: 15px; color: #0071e3; } .faq-card p { font-size: 15px; color: #515154; margin: 0; line-height: 1.6; } /* Map */ .apple-map { margin-top: 80px; border-radius: 24px; overflow: hidden; height: 650px; box-shadow: 0 15px 40px rgba(0,0,0,0.08); border: 1px solid rgba(0,0,0,0.03); } .apple-map iframe { border: none; width: 100%; height: 100%; } @media (max-width: 992px) { .faq-grid { grid-template-columns: 1fr; } .apple-grid { flex-direction: column; } .hero-section h1 { font-size: 38px; } .hero-section { padding: 80px 20px; } .form-submit-row { flex-direction: column; gap: 15px; } .btn-apple-secondary { order: 2; } } #block284{}#block284 .panel-heading{}.m-index-index .all-bottom,.all-bottom{width:100%;max-width:100%;margin:0px;}.all-bottom .col{padding:0px;}div.fr{float:right;}#block284 .code img{max-width:initial;}#block284 div.tells img{margin-bottom:20px;}#block284 div.tells p{padding:5px 0;}#block284 ul.links li h6{font-size:16px;font-weight:800;}#block284 ul.links li a:hover{color:#297286;}#block284 .footer{background:#444;color:#fff;}#block284 .foot-top{padding:50px 0px;}#block284 .foot-top .fl{width:60%;min-width:500px;}#block284 .phone-number{display:inline-block;vertical-align:top;}#block284 .phone-number p{line-height:20px;margin:10px 0;}#block284 .links{display:inline-block;}#block284 .links li{display:inline-block;float:left;vertical-align:top;padding:0 60px 0 20px;border-right:1px solid #958e8e;position:relative;}#block284 .links li:first-child{border-left:1px solid #958e8e;}#block284 .links li:last-child{border:none;}#block284 .links li h6{font-size:14px;padding:0 10px;margin-bottom:10px;}#block284 .links li a{display:block;color:#fff;padding:10px;color:#999;font-size:12px;}#block284 .code{text-align:center;float:left;}#block284 .code p{margin-top:10px;font-size:14px;}#block284 .code img{width:120px;height:120px;}#block284 .tells img{max-width:170px;}#block284 .tells p{padding:15px 0;font-size:14px;}#block284 .tells p span{font-size:16px;}@media screen and (max-width: 1125px){.fl,.fl ul{width:100% !important;}.fl ul li{width:33.3% !important;}.fr{display:none;}} .foot-bottom span{ margin-left:2px; } span a{ color:inherit; } a:visited{ color:#999; } .showy .listing a.toparrow{ background:url("/myself/image/topArrow.png") no-repeat 10px center #0b6fba; background-size:15%; } /* 修改后的新侧边栏导航 */ aside{ position:fixed; right:20px; top:300px; z-index:750; } aside ul.listul{ width:50px; } aside ul.listul li.list_new{ width:100%; height:50px; background-color:#0E66A7; text-align:center; line-height:65px; cursor: pointer; } aside ul.listul li.list_new:hover div.list_new_left{ display:block; } aside ul.listul li.list_new:first-child{ border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative; } aside ul.listul li.list_new:nth-child(2){ position: relative; } aside ul.listul li.list_new:nth-child(4){ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } side ul.listul li.list_new:nth-child(2)::before, side ul.listul li.list_new:nth-child(3)::before, side ul.listul li.list_new:nth-child(4)::before{ content: ''; position: absolute; top: 0; left: 0; transform: translateX(11px); display: block; width: 56%; height: 1px; background: #e6e6e6 } aside ul.listul li.list_new:last-child{ margin-top:10px; border-radius:10px; } aside ul.listul li.list_new img{ width:50%; } aside ul.listul li.list_new div.list_new_left{ display:none; border:1px solid lightgrey; text-align:left; line-height:initial; position: absolute; padding:10px; border-radius:15px; right:50px; width:220px; background: white; top:0; } aside ul.listul li.list_new div.list_new_left p:first-child{ color:black; font-size:14px; } aside ul.listul li.list_new div.list_new_left p:last-child{ color:#666; font-size:12px; } aside ul.listul li.list_new div.list_new_left ul{ width:100%; } aside ul.listul li.list_new div.list_new_left ul li{ width:50%; float:left; } aside ul.listul li.list_new div.list_new_left ul li a img{ width:20px; } aside ul.listul li.list_new div.list_new_left ul li a span{ font-size:12px; position: relative; bottom:5px; color:#666; } aside ul.listul li.list_new div.list_new_left ul li a:hover span{ color:#145ccd!important; }