/* www.adminbuy.cn */ a:focus,input,textarea{outline: none;} *{margin:0px;padding:0px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; word-break:break-all;} .fl{float:left;} .fr{float:right;} h1,h2,h3,h4,h5,h6{font-weight: normal; line-height: 1;} a,span,i{ } .clear{ clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden;} ul,ol,li{ list-style:none; margin: 0; padding: 0;} a{ text-decoration:none;} a:hover{text-decoration: none;} h1{margin-top: 0px; margin-bottom: 0px;} p{margin-bottom: 0px; margin-top: 0px;} img{ border:0px; vertical-align:middle;} .img{width: 100%; height: auto;} body{ overflow-x:hidden; font-family:Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif;line-height: 1; } .sectionhalf{width: 600px;} .section{max-width: 1300px; margin-right: auto; margin-left: auto;} .absolute{position: absolute; left: 0; top: 0;right: 0; bottom: 0; overflow: hidden;} .absolute2{position: absolute; left: 0; top: 0;width: 100%; height: 100%;} .detailCon p{display: block;} .detailCon span,.detailCon a,.detailCon i{display: inline;} .detailCon img{max-width: 100% !important; height: auto !important;} .backLazys{background-size: cover; background-position: center center; background-repeat: no-repeat;} a:focus,a:link,a{text-decoration: none;} .scrollcomm{position: relative; top: 90px; opacity: 0; filter:alpha(opacity=0); zoom:1;} .scrollcomm1{top: 90px; opacity: 0; filter:alpha(opacity=0); zoom:1;} .scrollcomm2{ opacity: 0; filter:alpha(opacity=0); zoom:1;} .scrollcomm3{ margin-top: 80px; opacity: 0; filter:alpha(opacity=0); zoom:1;} .article-block{position: relative;} .opacityzero{opacity: 0; filter:alpha(opacity=0); zoom:1;} .tran{transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;} .trandelay{transition:all 0.6s 0.2s; -webkit-transition:all 0.6s 0.2s; -moz-transition:all 0.6s 0.2s;} .tranfive{transition:all 4s; -webkit-transition:all 4s; -moz-transition:all 4s;} .tranthree{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;} .trantwo{transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s;} .transix{transition:all 0.6s; -webkit-transition:all 0.6s; -moz-transition:all 0.6s;} .transixdelayone{transition:all 0.2s 0.2s; -webkit-transition:all 0.2s 0.2s; -moz-transition:all 0.2s 0.2s;} .tranba{transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s;} .transcaleleft{transform:scale(0,1); -o-transform:scale(0,1); -ms-transform:scale(0,1); -moz-transform:scale(0,1); -webkit-transform:scale(0,1);} .transcaletop{transform:scale(1,0); -o-transform:scale(1,0); -ms-transform:scale(1,0); -moz-transform:scale(1,0); -webkit-transform:scale(1,0);} .transcalow{transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2);} .transcaonenoe{transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);} .transcaonefive{transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5); -moz-transform:scale(1.5); -webkit-transform:scale(1.5);} .transcaone{transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);} .transcaonezerofive{transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);} .transcalzero{transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0); -moz-transform:scale(0); -webkit-transform:scale(0);} .transcalzerofive{transform:scale(0.5); -o-transform:scale(0.5); -ms-transform:scale(0.5); -moz-transform:scale(0.5); -webkit-transform:scale(0.5);} .transcalzerofiveX{transform:scaleX(0.5); -o-transform:scaleX(0.5); -ms-transform:scaleX(0.5); -moz-transform:scaleX(0.5); -webkit-transform:scaleX(0.5);} .transcalxzero{transform:scaleX(0); -o-transform:scaleX(0); -ms-transform:scaleX(0); -moz-transform:scaleX(0); -webkit-transform:scaleX(0);} .ismages:hover img{transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); cursor: pointer;} .ismages:hover .noscale{transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);} .ismages:hover .tranA{transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); cursor: pointer;} .tranorgin_rightTop{transform-origin:right top;-webkit-transform-origin:right top; -moz-transform-origin:right top; -ms-transform-origin:right top; -o-transform-origin:right top;} .tranorgin_rightTop{transform-origin:right top;-webkit-transform-origin:right top; -moz-transform-origin:right top; -ms-transform-origin:right top; -o-transform-origin:right top;} .tranorgin_rightTop{transform-origin:right top;-webkit-transform-origin:right top; -moz-transform-origin:right top; -ms-transform-origin:right top; -o-transform-origin:right top;} .tranorgin_rightbottom{transform-origin:right bottom;-webkit-transform-origin:right bottom; -moz-transform-origin:right bottom; -ms-transform-origin:right bottom; -o-transform-origin:right bottom;} .tranorgin_leftbottom{transform-origin:left bottom;-webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom;} .tranorgin_lefttop{transform-origin:left bottom;-webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom;} .tranorgin_midbottom{transform-origin:50% bottom;-webkit-transform-origin:50% bottom; -moz-transform-origin:50% bottom; -ms-transform-origin:50% bottom; -o-transform-origin:50% bottom;} .tranorgin_rightmid{transform-origin:100% center;-webkit-transform-origin:100% center; -moz-transform-origin:100% center; -ms-transform-origin:100% center; -o-transform-origin:100% center;} .tranorgin_center{transform-origin:50%;-webkit-transform-origin:50%; -moz-transform-origin:50%; -ms-transform-origin:50%; -o-transform-origin:50%;} .tranorgin_center{transform-origin:50%;-webkit-transform-origin:50%; -moz-transform-origin:50%; -ms-transform-origin:50%; -o-transform-origin:50%;} .tranorgin_right{ -webkit-transform-origin: right;-ms-transform-origin: right; transform-origin: right;} .tranorgin_left{ -webkit-transform-origin: left;-ms-transform-origin: left; transform-origin: left;} .video_popup{position: fixed; width: 100%; height: 100%;left: 0; top: 100%; background: url(../images/video_bg.png); z-index: 999999; opacity: 0; filter:alpha(opacity=0);} .video_popup .video_con{position: absolute; font-size: 14px;color: #000; text-align: center; width: 70%; height: 70%; left: 0; top: 0; right: 0; bottom: 0;margin: auto; display: block;} .video_popup .video_close{width: 27px; height: 27px; background: url(../images/close1.png) center center no-repeat; position: absolute; right: -25px; top: -25px; cursor: pointer; background-size: cover;} .party_info_hide{display: none;} .video_popup video{background: #fff\9; text-align: center; min-height: 60px; line-height: 60px;} .page_info .page_about_play,.page_about_diplay{width: 50%;} .page_info a:hover>img{transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2);} .page_info .page_info_A{width: 100%; display: block; position: relative; padding-bottom: 54%; height: 0; overflow: hidden;} .page_info img{width: 100%;} .page_info .play_icon{width: 100px; height: 136px; text-align: center; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -68px; color: #fff; font-size: 20px;} .page_info .play_icon img{margin-bottom: 15px;} .page_info .page_about_more{position: absolute; width: 170px; height: 42px; line-height: 42px; font-size: 18px;color: #fff; padding-left: 24px; background:#323232 url(../images/page_more_icon.png) 133px center no-repeat; left: 0; bottom: 0; z-index: 10;} .page_info .page_about_more:hover{ background:#1678d4 url(../images/page_more_icon.png) 133px center no-repeat;} .page_about_eidt{margin-top: 50px; font-size: 14px; color: #333333; line-height: 32px;} .index_video{cursor: pointer;} .party_dots {} .party_dots span{ width: 4px; display: inline-block; height: 4px; background: #fff; opacity: 0.5; filter:alpha(opacity=50); margin-left: 2px; margin-right: 2px;} .party_dots span.active{opacity: 1; filter:alpha(opacity=1);} .black span{background: #000;} .white span{background: #fff;} .dot1{animation:roundone 1.5s linear 0.25s infinite; -webkit-animation:roundone 1.5s linear 0.25s infinite;} .dot2{animation:roundone 1.5s linear 0.75s infinite; -webkit-animation:roundone 1.5s linear 0.75s infinite;} .dot3{animation:roundone 1.5s linear 1.25s infinite; -webkit-animation:roundone 1.5s linear 1.25s infinite;} @keyframes roundone{ 0%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);} 49%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 0; fiter:alpha(opacity==0);} 50%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);} 100%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);} } @-webkit-keyframes roundone{ 0%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);} 49%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 0; fiter:alpha(opacity==0);} 50%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);} 100%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);} } @-moz-keyframes roundone{ 0%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);} 49%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 0; fiter:alpha(opacity==0);} 50%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);} 100%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);} } @-ms-keyframes roundone{ 0%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);} 49%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 0; fiter:alpha(opacity==0);} 50%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);} 100%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);} } .video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translateX(-50%) translateY(-50%); background-size: cover; transition: 1s opacity; } .mid_table{height: 100%; display: table; width: 100%;} .mid_cell{display: table-cell; vertical-align: middle;} .bot_cell{display: table-cell; vertical-align: bottom;} .mt160{margin-top: 160px} .mt110{margin-top: 110px;} .mb250{margin-bottom: 250px;} .mb260{margin-bottom: 260px;} .ml98{margin-left: -80px;} .mt60{margin-top: 60px} .mt70{margin-top: 70px} .mt276{margin-top: 276px;} .mt76{margin-top: 76px;} .pt60{padding-top: 60px} .p10{padding: 10px;} .p20{padding: 20px; background: #fff;} .mt90{padding-top: 90px;} .mb75{margin-bottom: 75px;} .mb60{padding-bottom: 60px;} .pb0{padding-bottom: 0px!important;} .pt58{padding-top: 58px;} .pb58{padding-bottom: 58px;} .mt40{margin-top: 40px;} .mt30{margin-top: 30px;} .mt20{margin-top: 20px;} .mt15{margin-top: 15px;} .mt10{margin-top: 10px;} .mb40{margin-bottom: 40px;} .mb24{margin-bottom: 24px;} .mt20{margin-top: 20px;} .z100{font-size: 100px;} .z80{font-size: 80px;} .z70{font-size: 70px;} .z60{font-size: 60px;} .z56{font-size: 56px;} .z40{font-size: 40px;} .z46{font-size: 46px;} .z36{font-size: 36px;} .z34{font-size: 34px;} .z32{font-size: 32px;} .z30{font-size: 30px;} .z28{font-size: 28px;} .z25{font-size: 25px;} .z24{font-size: 24px;} .z22{font-size: 22px;} .z20{font-size: 20px;} .z18{font-size: 18px;} .z16{font-size: 16px;} .z15{font-size: 15px;} .z14{font-size: 14px;} .z13{font-size: 13px;} .z12{font-size: 12px;} .c002251{color: #002251} .c454545{color: #454545} .c333{color: #333;} .mui_ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media screen and (max-width: 1700px){ .z100{font-size: 88px;} .z80{font-size: 70px;} .z70{font-size: 59px;} .z60{font-size: 52px;} .z56{font-size: 50px;} .z46{font-size: 40px;} .z40{font-size: 35px;} .z36{font-size: 32px;} .z25{font-size: 22px;} .z24{font-size: 21px;} .z20{font-size: 17px;} .z18{font-size: 16px;} .z22{font-size: 20px;} .z16{font-size: 15px;} .z30{font-size: 26px;} .z34{font-size: 27px;} } @media screen and (max-width: 1500px){ .z100{font-size: 76px;} .z80{font-size: 62px;} .z70{font-size: 50px;} .z60{font-size: 46px;} .z56{font-size: 44px;} .z46{font-size: 35px;} .z40{font-size: 30px;} .z36{font-size: 26px;} .z25{font-size: 20px;} .z24{font-size: 18px;} .z20{font-size: 16px;} .z22{font-size: 16px;} .z30{font-size: 23px;} .z34{font-size: 24px;} .z16{font-size: 14px;} } @media screen and (max-width: 1200px){ } @media screen and (max-width: 1024px){ .z100{font-size: 50px;} .z80{font-size: 42px;} .z70{font-size: 33px;} .z60{font-size: 30px;} .z56{font-size: 30px;} .z40{font-size: 20px;} .z46{font-size: 23px;} .z25{font-size: 18px;} .z36{font-size: 20px;} .z22{font-size: 16px;} .z20{font-size: 15px;} .z24{font-size: 16px;} .z30{font-size: 16px;} .z34{font-size: 26px;} .course_text_p1{margin-bottom: 15px;} .scrollcomm{position: relative; top: 0px; opacity: 1; filter:alpha(opacity=100); zoom:1;} .z12{font-size: 13px;} .z18{font-size: 15px;} } @media screen and (max-width: 768px){ .z100{font-size: 36px;} .z80{font-size: 30px;} .z70{font-size: 25px;} .z60{font-size: 22px;} .z56{font-size: 25px;} .z40{font-size: 18px;} .z18{font-size: 14px;} .z16{font-size: 14px;} .z15{font-size: 13px;} .z14{font-size: 13px;} .z36{font-size: 18px;} .z34{font-size: 16px;} .mt40{margin-top: 20px;} .mt40{margin-bottom: 20px;} } @media screen and (max-width: 560px){ .z80{font-size: 22px;} .z70{font-size: 20px;} .z60{font-size: 18px;} .z100{font-size: 28px;} } @media screen and (max-width: 420px){ .z80{font-size: 18px;} .z100{font-size: 22px;} } .ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;} .ab_img p{text-wrap: inherit !important;} .ab_img p span{text-wrap: inherit !important;} /* AB模板网新增分页样式 www.admibnuy.cn */ .pagebar { padding:20px; overflow:hidden; clear:both} .pagebar .pagination { display: flex; justify-content: center; margin-top: 10px; } .pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; padding: 8px 10px; margin: 0 2px; border-radius: 3px; line-height:100% } .pagination span { color: #333; font-size: 12px; padding: 7px 2px; margin: 0 2px; border-radius: 3px; } .pagination a:hover { color: #333; border: 1px solid #333; } .pagination a.page-num-current { color: #fff; background: #333; border: 1px solid #333; } .pagination .st{ font-family:宋体} .text-secondary{ text-align:center; padding:20px 0} /* ============================================================ 上海泰东通讯科技有限公司 · 站点定制样式 ============================================================ */ html{ overflow-x:hidden; } /* ---------- 1. 修复 owl 轮播横向溢出（模板根元素未带 .owl-carousel） ---------- */ .owl-wrapper-outer{ overflow:hidden; position:relative; width:100%; } .Home_Honner_List > .owl-wrapper-outer, .Home_Case_Car > .owl-wrapper-outer, .popOwl > .owl-wrapper-outer{ overflow:hidden; } .bkProdBand{ overflow:hidden; } /* ---------- 2. 头部 logo（2026-10-11：换用泰东真实 logo + 文字组合标识） ---------- */ #header .logoLockup{ display:inline-flex; align-items:center; } #header .logoMark{ height:76px; width:auto; max-width:none; display:block; } #header .logoWords{ display:block; padding-left:14px; } #header .logoWords em{ display:block; font-style:normal; font-size:21px; line-height:1.1; font-weight:bold; color:#123c7d; letter-spacing:.5px; font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif; } #header .logoWords i{ display:block; font-style:normal; font-size:9px; line-height:1; color:#8a939f; letter-spacing:.2px; margin-top:7px; white-space:nowrap; } /* 移动端抽屉里的 logo：方形 logo 需限高，否则会撑满抽屉 */ .slide_nav .slide_logo{ padding:14px 0; } .slide_nav .slide_logo a img{ max-width:56%; max-height:74px; width:auto; } @media screen and (max-width:1400px){ #header .logoMark{ height:68px; } #header .logoWords em{ font-size:19px; } } @media screen and (max-width:1200px){ #header .logoMark{ height:62px; } #header .logoWords{ padding-left:11px; } #header .logoWords em{ font-size:17px; letter-spacing:0; } #header .logoWords i{ display:none; } } @media screen and (max-width:1024px){ #header .logoMark{ height:56px; } #header .logoWords em{ font-size:16px; } } /* ---------- 2.1 头部热线（由图片改为文字） ---------- */ #header .header_tel .h_tel_label{ font-size:12px; color:#8a939f; line-height:1; margin-bottom:5px; } #header .header_tel .h_tel_num{ font-size:20px; color:#0a4d9e; font-weight:bold; line-height:1; font-family:Arial,Microsoft YaHei; } /* ---------- 3. PC 二级/三级下拉菜单 ---------- 说明：下拉菜单的结构与样式已整体重做，统一维护在 skin/css/index.css （模板原生样式所在文件，加载顺序在后，避免被覆盖）。 这里只保留移动端抽屉三级菜单的微调。 */ /* ---------- 4. 移动端抽屉三级菜单 ---------- */ .slide_nav .slideNavThird a{ display:inline-block; } .slide_nav .slideNavThird:empty{ display:none; } /* ---------- 5. 首页产品分类切换 ---------- */ .bkProdGroup{ display:none; } .bkProdGroup.active{ display:block; } .bkProdMore{ padding-bottom:20px; } .classicList .Home_Case_Choic a.active span{ color:#0a4d9e; font-weight:bold; } .classicList .Home_Case_Choic a.active:before{ color:#ff8a00; } /* ---------- 6. 页脚产品系列 ---------- */ .indexFooter .fd_cats{ margin-top:10px; } .indexFooter .fd_cats a{ display:inline-block; color:#dbe9f8; font-size:13px; padding:4px 12px 4px 0; } .indexFooter .fd_cats a:hover{ color:#fff; text-decoration:underline; } /* ---------- 6.1 页脚「网建支持」 ---------- */ .indexFooterBot .indexFBotP .fdCredit{ margin:0 5px; white-space:nowrap; } .indexFooterBot .indexFBotP .fdCredit a{ color:#a8c8e8; } .indexFooterBot .indexFBotP .fdCredit a:hover{ color:#fff; text-decoration:underline; } /* ---------- 7. 内容区通用排版（后台富文本） ---------- */ .detailCon, .P_Case_Detail_Bot_mes, .ab_img{ font-size:14px; color:#4a4a4a; line-height:2; word-break:break-word; } .detailCon p, .P_Case_Detail_Bot_mes p{ margin-bottom:14px; text-indent:0; } .detailCon img, .P_Case_Detail_Bot_mes img{ max-width:100% !important; height:auto !important; } .detailCon h4, .P_Case_Detail_Bot_mes h4{ font-size:16px; color:#0a4d9e; font-weight:bold; margin:22px 0 12px; line-height:1.4; padding-left:11px; border-left:3px solid #ff8a00; } .detailCon table, .P_Case_Detail_Bot_mes table, .pd-table, .ht-table, .ht-sign{ width:100%; border-collapse:collapse; margin:12px 0 20px; } .detailCon table th, .detailCon table td, .P_Case_Detail_Bot_mes table th, .P_Case_Detail_Bot_mes table td{ border:1px solid #dbe4ef; padding:9px 12px; font-size:13px; line-height:1.7; text-align:left; } .P_Case_Detail_Bot_mes .pd-table th{ background:#f2f7fd; color:#0a4d9e; width:150px; font-weight:normal; white-space:nowrap; } .P_Case_Detail_Bot_mes .pd-ul{ margin:0 0 18px 0; } .P_Case_Detail_Bot_mes .pd-ul li{ font-size:13px; color:#4a4a4a; line-height:1.9; padding-left:16px; position:relative; margin-bottom:6px; } .P_Case_Detail_Bot_mes .pd-ul li:before{ content:""; position:absolute; left:2px; top:11px; width:5px; height:5px; background:#0a4d9e; border-radius:50%; } /* ---------- 8. 关于我们落地页 ---------- */ .ab-hero{ position:relative; margin-bottom:22px; overflow:hidden; } .ab-hero img{ width:100%; display:block; } .ab-hero-txt{ margin-top:18px; } .ab-hero-txt h3{ font-size:22px; color:#0a4d9e; font-weight:bold; line-height:1.4; } .ab-hero-txt .ab-hero-en{ font-size:12px; color:#9aa4b0; letter-spacing:.5px; margin:6px 0 8px; } .ab-hero-txt p{ font-size:14px; color:#666; line-height:1.8; } .ab-facts{ display:flex; flex-wrap:wrap; gap:12px; margin:20px 0 26px; } .ab-fact{ flex:1 1 150px; background:#f2f7fd; border-top:3px solid #0a4d9e; padding:16px 10px; text-align:center; } .ab-fact b{ display:block; font-size:20px; color:#0a4d9e; margin-bottom:8px; font-family:Arial,Microsoft YaHei; } .ab-fact span{ font-size:13px; color:#6b7480; } .ab-h4{ font-size:16px; color:#0a4d9e; font-weight:bold; margin:22px 0 12px; line-height:1.4; padding-left:11px; border-left:3px solid #ff8a00; } .ab-cats{ display:flex; flex-wrap:wrap; gap:10px; margin:6px 0 10px; } .ab-cats a{ display:inline-block; padding:9px 16px; background:#0a4d9e; color:#fff; font-size:13px; border-radius:2px; transition:all .3s; } .ab-cats a:hover{ background:#ff8a00; } /* 企业文化 */ .cul-lead{ font-size:15px; color:#0a4d9e; font-weight:bold; margin-bottom:18px !important; } .cul-grid{ display:flex; flex-wrap:wrap; gap:16px; } .cul-item{ flex:1 1 46%; background:#f7fafd; border:1px solid #e3edf7; padding:18px 20px; } .cul-item h4{ font-size:15px; color:#0a4d9e; font-weight:bold; margin:0 0 10px !important; padding-left:0 !important; border-left:0 !important; } .cul-item p{ font-size:13px; color:#5a6472; line-height:1.9; margin:0 !important; } /* 供销合同 */ .ht-wrap{ font-size:13px; } .ht-title{ text-align:center; font-size:20px; color:#0a4d9e; font-weight:bold; margin-bottom:20px; line-height:1.5; } .ht-line{ margin-bottom:8px !important; } .ht-wrap h4{ margin:18px 0 8px !important; font-size:14px !important; } .ht-dot{ color:#8a939f; } .ht-table th, .ht-table td{ border:1px solid #cfd9e5 !important; padding:8px 6px !important; text-align:center !important; font-size:12px !important; } .ht-table th{ background:#f2f7fd; color:#0a4d9e; } .ht-table td{ height:30px; } .ht-sign th, .ht-sign td{ border:1px solid #dbe4ef !important; padding:8px 12px !important; text-align:left !important; font-size:12px !important; } .ht-sign th{ background:#f2f7fd; color:#0a4d9e; font-weight:normal; text-align:center !important; } .ht-foot{ text-align:right; color:#0a4d9e; font-weight:bold; margin-top:14px !important; } /* 联系我们 */ .ct-grid{ border-top:1px solid #e3edf7; } .ct-row{ display:flex; border-bottom:1px solid #e3edf7; } .ct-row .ct-k{ flex:0 0 130px; background:#f7fafd; color:#0a4d9e; font-size:13px; padding:13px 16px; border-right:1px solid #e3edf7; } .ct-row .ct-v{ flex:1; padding:13px 16px; font-size:13px; color:#4a4a4a; } .ct-row .ct-v a{ color:#0a4d9e; } .ct-row .ct-v a:hover{ color:#ff8a00; } .ct-tip{ margin-top:18px !important; font-size:13px; color:#7b8695; } /* ---------- 9. 列表页子分类筛选条 ---------- */ .Page_Sub_Nav{ padding:0 0 18px; border-bottom:1px solid #eef2f7; margin-bottom:18px; } .Page_Sub_Nav a{ display:inline-block; font-size:13px; color:#5a6472; padding:6px 14px; margin:0 8px 8px 0; background:#f5f8fc; border:1px solid #e3edf7; border-radius:2px; transition:all .25s; } .Page_Sub_Nav a:hover,.Page_Sub_Nav a.active{ background:#0a4d9e; border-color:#0a4d9e; color:#fff; } /* 大类卡片（产品展示总览） */ .Page_Cat_List{ display:flex; flex-wrap:wrap; gap:16px; } .Page_Cat_List .catcard{ flex:1 1 30%; min-width:220px; border:1px solid #e3edf7; background:#fff; transition:all .3s; } .Page_Cat_List .catcard:hover{ border-color:#0a4d9e; box-shadow:0 6px 18px rgba(10,77,158,.10); } .Page_Cat_List .catcard img{ width:100%; height:190px; object-fit:cover; display:block; } .Page_Cat_List .catcard p{ padding:14px; text-align:center; font-size:15px; color:#0a4d9e; } /* ---------- 10. 移动端适配 ---------- */ @media screen and (max-width: 1024px){ .ab-fact b{ font-size:17px; } .cul-item{ flex:1 1 100%; } .Page_Cat_List .catcard{ flex:1 1 46%; } } @media screen and (max-width: 768px){ #header .header_tel{ display:none; } .detailCon, .P_Case_Detail_Bot_mes, .ab_img{ font-size:13px; line-height:1.9; } .ab-hero-txt h3{ font-size:18px; } .ct-row .ct-k{ flex:0 0 96px; padding:11px 12px; font-size:12px; } .ct-row .ct-v{ padding:11px 12px; font-size:12px; } .ht-wrap{ font-size:12px; overflow-x:auto; } .ht-table{ min-width:520px; } .ht-title{ font-size:17px; } .ab-cats a{ padding:8px 12px; font-size:12px; } .Page_Sub_Nav a{ padding:5px 10px; font-size:12px; margin:0 6px 6px 0; } .Page_Cat_List .catcard{ flex:1 1 100%; } .Page_Cat_List .catcard img{ height:170px; } /* 移动端产品/案例列表两列 */ .Page_Pro_List li{ width:50% !important; } } @media screen and (max-width: 420px){ .cul-item{ padding:14px; } .ab-fact{ flex:1 1 100%; } } /* 子分类筛选条为空时隐藏 */ .Page_Sub_Nav:empty{ display:none; } /* 子分类筛选条为空时隐藏 */ .Page_Sub_Nav:empty{ display:none; }