/*@import url(https://fonts.googleapis.com/css?family=Raleway:400,700,500);*/ /* 二级页面通用主体容器*/ .main{ position: relative; overflow: hidden; height:auto; padding:0; margin: 0 auto; /*background: rgba(2,180,197,1.0) url(../images/banner/banner-bg.jpg) no-repeat center bottom; background-size: cover;*/ } .main .main-wrap{ display: inline-block; clear: both; width: 100%; height:auto; padding: 25px 0; margin: 0 auto; box-sizing: border-box; text-align: center; } .main .container{ padding:0; margin: 0 auto; text-align: center;} .sec_bg{ position: relative; display:inline-block; clear:both; width:100%; height:auto; text-align:center; padding:0; margin:0 auto;} /*二级页面通用头图*/ .top-banner{ position: relative; overflow: hidden; height:calc(100vw * 0.2); background: rgba(2,180,197,1.0) url(../images/assets/administration/7586@2x.png) no-repeat 50% 0; background-size: cover; } .top-banner .container{ position: relative; overflow: visible; } .top-banner .banner-tex{ position: absolute; left: 0; top: 0; z-index: 1; display: inline-block; width: 45%; height: auto; padding:80px 15px; margin: 0; text-align: left; box-sizing: border-box; } .top-banner .banner-tex h2 { font-size:48px; background: linear-gradient(to right bottom, #fae364, #8fffee); -webkit-background-clip: text; color: transparent; margin: 10px 0; } .top-banner .banner-tex p { margin:10px 0; font-size:18px; line-height:36px; color: #fff;} /* 通用板块样式*/ .block_lead{ display: inline-block; width: 100%; height: auto; padding:15px; margin: 0; text-align: center; box-sizing: border-box; background:rgba(255,255,255,1.0) url(../images/assets/administration/7580@2x.png) no-repeat 0 0; background-size: 100% auto;} .block_lead h1.tit{ position: relative; display: inline-block; width: 100%; height: auto; line-height: 120%; padding:0.5em 30% 1.5em 0; margin: 0; text-align: left; font-size:32px; color: rgba(0,0,0,1.0);} .block_lead h1.tit::after{ position: absolute; content: ""; left: 0; bottom: 10px; display: inline-block; width: 4px; height: 30px; background: rgba(245,135,30,1.0)} .block_lead p.summary{ display: inline-block; width: 100%; height: auto; line-height: 150%; padding:0; margin: 0; text-align: left; font-size:14px; color: rgba(0,0,0,0.4); } .block_lead .tit_pic{ display: inline-block; width: 100%; height: auto; padding:0.8em 0; margin: 0; text-align: center;} .block_lead .tit_pic img{ display: block; clear: both; width: 100%; height: auto; padding: 0; margin: 0 auto; border: none;} .block_lead ul{ display: inline-block; width: 100%; height: auto; padding:0; margin: 0; text-align: center; box-sizing: border-box; list-style-type: none; } .block_lead ul li{ display: inline-block; width: 100%; height: auto; padding:0; margin: 0; text-align: center; box-sizing: border-box; list-style-type: none; } .block_lead ul li h3{ display: inline-block; width: 100%; height: auto; padding:0.8em 0 0.2em 0; margin: 0; text-align: left; box-sizing: border-box; font-size: 18px; color: rgba(5,112,141,1.0); } .block_lead ul li p{ display: inline-block; width: 100%; height: auto; padding:0.2em 0; margin: 0; text-align:left; line-height: 150%; box-sizing: border-box; font-size: 14px; color: rgba(0,0,0,0.4); } .block_pic{ display: inline-block; width: 100%; height: auto; padding:15px; margin: 0; text-align: center; box-sizing: border-box;} .block_pic img{ display: block; clear: both; width: 100%; height: auto; padding:0; margin: 0 auto; border: none; } /* 通用板块标题*/ .section-header { display:inline-block; clear:both; width:100%; height:auto; padding:0; margin:20px auto; text-align:center; overflow:hidden; } .section-header h2.section-title { position: relative; display:inline-block; clear:both; width:100%; height:auto; padding:10px; margin:0 auto; text-align:center; overflow:hidden; box-sizing: border-box; } .section-header h2.section-title:before { position: absolute; content: ""; width: 70px; bottom: 0; left: 50%; margin-left: -35px; height: 4px; background: rgba(2,180,197,1.0);} .section-header h2.section-title span{ display:inline-block; clear:both; width: 100%; height:auto; line-height:100%; padding:5px; margin:0 auto; text-align:center; overflow:hidden; font-size:36px; color: rgba(0,0,0,1.0); text-transform: uppercase; font-weight:normal; font-family:Microsoft Yahei, Arial, sans-serif; box-sizing: border-box; } .section-header h2.section-title font { display:inline-block; clear:both; width: 100%; height:auto; line-height:100%; padding:0 0 5px 0; margin:0 auto; text-align:center; overflow:hidden; font-size:14px; color: rgba(160,160,160,1.0); text-transform: uppercase; font-weight:normal; letter-spacing:0; font-family:Microsoft Yahei, Arial, sans-serif; box-sizing: border-box; } /*=====================设备全生命周期管理=====================*/ #administration{} /*设备全生命周期管理系统介绍*/ #adm_brief .container{ padding:0;} /*设备全生命周期管理系统平台构架*/ #adm_plf .container{ padding:0;} /*#adm_plf .col-md-4, #adm_plf .col-md-8{float: right;}*/ /*维修管理方案*/ #adm_mms .container{ padding:0;} /*点检管理*/ #adm_sim .container{ padding:0;} #adm_sim .col-md-4, #adm_sim .col-md-8{float: right;} /*在线监测*/ #adm_olm .container{ padding:0;} #adm_olm .b-list{ display:inline-block; width: 100%; height: auto; padding:15px; margin: 0; text-align: center; box-sizing: border-box;} #adm_olm .b-list dl{ position: relative; display: inline-block; float: left; width:calc(100% / 9); height: auto; padding:5px 15px; margin: 0; text-align: center; box-sizing: border-box; list-style-type: none; } #adm_olm .b-list dl dt{ display: inline-block; width: 100%; height: auto; padding:0.5em 0; margin: 0; text-align: center; box-sizing: border-box; list-style-type: none; font-size:16px; color: rgba(5,112,141,1.0); background: rgba(5,112,141,0.1); } #adm_olm .b-list dl dd{ display: inline-block; width: 100%; height: auto; padding:0; margin: 0; text-align: center; box-sizing: border-box; list-style-type: none; } #adm_olm .b-list dl dd span{ display: inline-block; width: 100%; height: auto; padding:5px; margin:0.1em auto; text-align: center; box-sizing: border-box; font-size:14px; color: rgba(0,0,0,0.5); background:rgba(0,0,0,0.05); } #adm_olm .b-list dl::after{position: absolute; content: ""; display: block; width:0; height: 0; right: -22px; top:10px; border: 14px solid rgba(245,135,30,0); border-left: 14px solid rgba(245,135,30,0.8);} #adm_olm .b-list dl:last-child::after{ border-left: 14px solid rgba(245,135,30,0);} /*=====================设备预测性维护=====================*/ #maintain{} /*设备预测性维护系统介绍*/ #mai_brief{} /*设备预测性维护的价值*/ #mai_pmv{} /*设备预测性维护系统平台构架*/ #mai_plf{} /*工业算法体系*/ #mai_ias{} /*设备数字化模型*/ #mai_edm{} #mai_edm .block_pic.arr{ position: relative; } #mai_edm .block_pic.arr::after{position: absolute; display: block; content: ""; background: url(../images/assets/maintain/7619@2x.png) no-repeat 50% 50%; background-size: 3.8em 1.9em; right: -3em; top:50%; padding: 0; margin-top: -2em; height: 4em; width: 4em; } #mai_edm ul{ display: inline-block; width: 100%; height: auto; padding:15px; margin: 0; text-align: center; box-sizing: border-box; list-style-type: none; } #mai_edm ul li{ display: inline-block; float: left; width: 20%; height: auto; padding:10px; margin: 0; text-align: center; box-sizing: border-box; list-style-type: none; } #mai_edm ul li img{ display: inline-block; width: 90%; height: auto; padding:0; margin: 10px auto; box-sizing: border-box; border: none; } #mai_edm ul li p{ display: inline-block; width: 90%; height: auto; padding:0.2em 0; margin:0.5em auto; text-align:center; box-sizing: border-box; font-size: 14px; color: rgba(0,0,0,0.5); background: rgba(5,112,141,0.05); border-radius: 5px; } /*设备智能诊断模型*/ #mai_eidm{} /*=====================设备节能运行优化=====================*/ #energy{} /*设备节能运行优化平台介绍*/ #eso_brief{} /*设备节能运行优化平台构架*/ #eso_plf{} /*提升运行及智能化水平*/ #eso_rl{} /*电厂人员需求（去掉）*/ #eso_pr{} #eso_pr .t-list{ display:inline-block; width: 100%; height: auto; padding:15px; margin: 0; text-align: center; box-sizing: border-box;} #eso_pr .t-list dl{ position: relative; display: inline-block; float: left; width:100%; height: auto; padding:0; margin:1em 0; text-align: center; box-sizing: border-box; list-style-type: none; } #eso_pr .t-list dl dt{ display: inline-block; float:left; width: 100%; height: auto; padding:0.5em 15px; margin: 0; text-align: left; box-sizing: border-box; list-style-type: none; font-size:18px; color: rgba(5,112,141,1.0); } #eso_pr .t-list dl dd{ position: relative; display: inline-block; float:left; width: 100%; height: auto; padding:0 15px 0 25px; margin:0.4em 0; text-align: left; box-sizing: border-box; list-style-type: none; font-size:14px; color: rgba(0,0,0,0.5); text-indent:0; line-height: 150%; } #eso_pr .t-list dl dd::after{ position: absolute; content: ""; left: 15px; top: 7px; display: block; width: 6px; height: 6px; border-radius:50%; padding: 0; margin:0; background: rgba(5,112,141,0.6); } /*设备节能运行优化目标*/ #eso_target{} #eso_target ul.item-list{ display:inline-block; clear: both; width:100%; height: auto; padding:0 15px; margin:0; text-align: center; box-sizing: border-box; list-style-type: none; } #eso_target ul.item-list li{ display:inline-block; float: left; width: 33.3333%; height: auto; padding:10px; margin:0; text-align: center; box-sizing: border-box; list-style-type: none; } #eso_target ul.item-list li .item-box{ position: relative; display:inline-block; clear: both; width:100%; height:auto; padding:0; margin:1em 0; text-align: center; box-sizing: border-box; } #eso_target ul.item-list li .item-box .bg-box{ z-index: 0; display: inline-block; clear: both; width:100%; height: auto; padding:0; margin:0; text-align: center; box-sizing: border-box;} #eso_target ul.item-list li .item-box .bg-box img{ display:block; width: 100%; height: auto; padding:0; margin: 0; border: none; box-sizing: border-box; background: rgba(255,255,255,1.0);} #eso_target ul.item-list li .item-box h3{ position: absolute; bottom:10px; left: 0; z-index: 1; display:flex; flex-flow:row nowrap; align-items: center; justify-content: center; width:100%; height:auto; padding:0.5em 0; margin:0; box-sizing: border-box; font-size: 18px; color: rgba(255,255,255,1.0); font-weight: normal; background: rgba(0,0,0,0.6); } /*=====================物联网产品=====================*/ #monitor{} /*有线监测产品*/ #iot_wm{} #iot_wm .item-box{ display:inline-block; width: 100%; height: auto; padding:15px; margin: 0; text-align: center; box-sizing: border-box; } #iot_wm .pic{ display: inline-block; float: left; width:40%; height: auto; padding:0; margin:0; text-align: center; box-sizing: border-box;} #iot_wm .pic img{ display:block; width: 100%; height: auto; padding:0; margin: 0; border: none; box-sizing: border-box;} #iot_wm .t-list{ display:inline-block; float: left; width: 60%; height: auto; padding:0; margin: 0; text-align: center; box-sizing: border-box; } #iot_wm .t-list dl{ position: relative; display: inline-block; width:100%; height: auto; padding:0; margin:1em 0; text-align: center; box-sizing: border-box; list-style-type: none; } #iot_wm .t-list dl dt{ display: inline-block; float:left; width: 100%; height: auto; padding:0.5em 15px; margin: 0; text-align: left; box-sizing: border-box; list-style-type: none; font-size:18px; color: rgba(5,112,141,1.0); } #iot_wm .t-list dl dd{ position: relative; display: inline-block; float:left; width: 100%; height: auto; padding:0 15px 0 25px; margin:0.4em 0; text-align: left; box-sizing: border-box; list-style-type: none; font-size:14px; color: rgba(0,0,0,0.5); text-indent:0; line-height: 150%; } #iot_wm .t-list dl dd::after{ position: absolute; content: ""; left: 15px; top: 7px; display: block; width: 6px; height: 6px; border-radius:50%; padding: 0; margin:0; background: rgba(5,112,141,0.6); } /*无线监测产品*/ #iot_wlm{} #iot_wlm .item-box{ display:inline-block; width: 100%; height: auto; padding:15px; margin: 0; text-align: center; box-sizing: border-box; } #iot_wlm .pic{ display: inline-block; float: left; width:40%; height: auto; padding:0; margin:0; text-align: center; box-sizing: border-box;} #iot_wlm .pic img{ display:block; width: 100%; height: auto; padding:0; margin: 0; border: none; box-sizing: border-box;} #iot_wlm .t-list{ display:inline-block; float: left; width: 60%; height: auto; padding:0; margin: 0; text-align: center; box-sizing: border-box; } #iot_wlm .t-list dl{ position: relative; display: inline-block; width:100%; height: auto; padding:0; margin:1em 0; text-align: center; box-sizing: border-box; list-style-type: none; } #iot_wlm .t-list dl dt{ display: inline-block; float:left; width: 100%; height: auto; padding:0.5em 15px; margin: 0; text-align: left; box-sizing: border-box; list-style-type: none; font-size:18px; color: rgba(5,112,141,1.0); } #iot_wlm .t-list dl dd{ position: relative; display: inline-block; float:left; width: 100%; height: auto; padding:0 15px 0 25px; margin:0.4em 0; text-align: left; box-sizing: border-box; list-style-type: none; font-size:14px; color: rgba(0,0,0,0.5); text-indent:0; line-height: 150%; } #iot_wlm .t-list dl dd::after{ position: absolute; content: ""; left: 15px; top: 7px; display: block; width: 6px; height: 6px; border-radius:50%; padding: 0; margin:0; background: rgba(5,112,141,0.6); } /*5G产品*/ #iot_5g{} #iot_5g .tp-list{ display:inline-block; float: left; width: 100%; height: auto; padding:0; margin: 0; text-align: center; box-sizing: border-box; } #iot_5g .tp-list ul{ position: relative; display: inline-block; width:100%; height: auto; padding:0; margin:1em 0; text-align: center; box-sizing: border-box; list-style-type: none; } #iot_5g .tp-list ul li{ position: relative; display: inline-block; float: left; width:50%; height: auto; padding:15px; margin:0; text-align: center; box-sizing: border-box; list-style-type: none; } #iot_5g .tp-list ul li h3{ position: relative; display: inline-block; width:100%; height: auto; padding:0; margin:0; text-align: left; text-indent: 15px; box-sizing: border-box; } #iot_5g .tp-list ul li h3 em{ font-size: 2.5em; color: rgba(5,112,141,0.1); font-weight: bolder; } #iot_5g .tp-list ul li h3 span{ font-size: 18px; color: rgba(5,112,141,1.0); font-weight:normal; } #iot_5g .tp-list ul li .pic{ position: relative; display: inline-block; width:100%; height: auto; padding:15px; margin:0; text-align: center; box-sizing: border-box; } #iot_5g .tp-list ul li .pic img{ display: block; width: 100%; height: auto; border: none; padding: 0; margin: 0; } /*=====================霄飞数据中台=====================*/ #middleground{} /*数据中台整体架构 */ #dmg_plf{} /*十几年锤炼*/ #dmg_plf01{} /*插座式”架构天生具有分布式集群功能*/ #dmg_plf02{} /*=====================电子采购系统=====================*/ #framework{} /*电子采购系统整体架构*/ #eps_plf{} /*电子采购系统应用场景*/ #eps_as{} /*对采购职能价值*/ #eps_val01{} #eps_val01 .item-box{ display:inline-block; width: 100%; height: auto; padding:15px; margin: 0; text-align: center; box-sizing: border-box; } #eps_val01 .t-list{ display:inline-block; float: left; width:100%; height: auto; padding:0; margin: 0; text-align: center; box-sizing: border-box; } #eps_val01 .t-list h3.stit{ display: inline-block; float:left; width: 100%; height: auto; padding:15px; margin: 0; text-align: left; box-sizing: border-box; list-style-type: none; font-size:18px; color: rgba(5,112,141,1.0); background:linear-gradient(120deg, rgba(103,216,213,0.5) 0%, rgba(180,230,230,0.2) 100%); } #eps_val01 .t-list ul{ position: relative; display: inline-block; width:100%; height:200px; padding:0.4em 0; margin:0; text-align: center; box-sizing: border-box; list-style-type: none; border: 1px dotted rgba(62,183,192,0.5);} #eps_val01 .t-list ul li{ position: relative; display: inline-block; float:left; width: 100%; height: auto; padding:0 15px 0 25px; margin:0.2em 0; text-align: left; box-sizing: border-box; list-style-type: none; font-size:14px; color: rgba(0,0,0,0.5); text-indent:0; line-height: 150%; } #eps_val01 .t-list ul li::after{ position: absolute; content: ""; left: 15px; top: 7px; display: block; width: 6px; height: 6px; border-radius:50%; padding: 0; margin:0; background: rgba(5,112,141,0.6); } #eps_val01 .t-list ul:nth-of-type(2){ margin: 20px 0 0 0;} #eps_val01 .t-list ul:nth-of-type(2)::after { position: absolute; content: ""; display: block; width: 0; height: 0; left: 50%; top:-25px; border: 14px solid rgba(245,135,30,0); border-top:14px solid rgba(245,135,30,0.8); margin-left:-14px; } /*对企业价值*/ #eps_val02{} /*=====================行业解决方案(煤炭)=====================*/ #solution_coal{} /*二级页面头图（煤炭行业）*/ #solution_coal .top-banner{ position: relative; overflow: hidden; height:calc(100vw * 0.2); background: rgba(2,180,197,1.0) url(../images/assets/coal/7652@2x.png) no-repeat 50% 0; background-size: cover; } #solution_coal .top-banner .banner-tex p { font-size:15px; line-height:26px; } /*业务需求与挑战*/ #s_coal_dc{} /*综采面设备应用*/ #s_coal_fmf{} /*洗煤厂设备应用 */ #s_coal{} /*通风排水运输设备应用*/ #s_coal_ae{} /*设备预测性维护的价值*/ #s_coal_vpme{} #s_coal_vpme .item-box{ display:inline-block; width: 100%; height: auto; padding:15px; margin:2em 0; text-align: center; box-sizing: border-box; background: rgba(5,112,141,0.05); border-radius:10px; } #s_coal_vpme .item-box .icon{ display: inline-block; clear: both; width:20%; height: auto; padding:1em 0 0.5em 0; margin:0; text-align: center; box-sizing: border-box;} #s_coal_vpme .item-box .icon img{ display:block; width: 100%; height: auto; padding:0; margin: 0; border: none; box-sizing: border-box; background: rgba(255,255,255,1.0); border-radius: 50%;} #s_coal_vpme .item-box h3{ display: inline-block; clear: both; width:100%; height: auto; padding:0; margin:0; text-align: center; box-sizing: border-box; font-size: 18px; color: rgba(5,112,141,1.0); font-weight: normal; } #s_coal_vpme .item-box p{ display: inline-block; clear: both; width:100%; height: auto; line-height: 150%; padding:15px; margin:0; text-align: left; box-sizing: border-box; font-size: 16px; color: rgba(0,0,0,0.5); } /*=====================行业解决方案(电力)=====================*/ #solution_electricity{} /*二级页面头图（电力行业）*/ #solution_electricity .top-banner{ position: relative; overflow: hidden; height:calc(100vw * 0.2); background: rgba(2,180,197,1.0) url(../images/assets/coal/7652@2x.png) no-repeat 50% 0; background-size: cover; } #solution_electricity .top-banner .banner-tex p { font-size:15px; line-height:26px; } /*电力行业业务需求与挑战*/ #s_electricity_dc{} /*电力行业解决方案*/ #s_electricity .p-list ul{ position: relative; display: inline-block; width:100%; height: auto; padding:0; margin:0; text-align: center; box-sizing: border-box; list-style-type: none; } #s_electricity .p-list ul li{ position: relative; display: inline-block; float: left; width:50%; height: auto; padding:5px; margin:0; text-align: center; box-sizing: border-box; list-style-type: none; } #s_electricity .p-list ul li img{ display: block; width: 100%; height: auto; border: none; padding: 0; margin: 0; } /*电力行业方案价值*/ #s_electricity_vpme ul.item-list{ display:inline-block; clear: both; width:100%; height: auto; padding:0; margin:0; text-align: center; box-sizing: border-box; list-style-type: none; } #s_electricity_vpme ul.item-list li{ display:inline-block; float: left; width: 20%; height: auto; padding:15px; margin:0; text-align: center; box-sizing: border-box; list-style-type: none; } #s_electricity_vpme ul.item-list li .item-box{ display:inline-block; clear: both; width:100%; height:220px; padding:15px; margin:0; text-align: center; box-sizing: border-box; background: rgba(5,112,141,0.05); border-radius:10px; } #s_electricity_vpme ul.item-list li .item-box .icon{ display: inline-block; clear: both; width:25%; height: auto; padding:1em 0 0.5em 0; margin:0; text-align: center; box-sizing: border-box;} #s_electricity_vpme ul.item-list li .item-box .icon img{ display:block; width: 100%; height: auto; padding:0; margin: 0; border: none; box-sizing: border-box; background: rgba(255,255,255,1.0); border-radius: 50%;} #s_electricity_vpme ul.item-list li .item-box p{ display: inline-block; clear: both; width:100%; height: auto; line-height: 150%; padding:15px; margin:0; text-align: left; box-sizing: border-box; font-size: 16px; color: rgba(0,0,0,0.5); } /*=====================行业解决方案(化工)=====================*/ #solution_chemical{} /*二级页面头图（化工行业）*/ #solution_chemical .top-banner{ position: relative; overflow: hidden; height:calc(100vw * 0.2); background: rgba(2,180,197,1.0) url(../images/assets/coal/7652@2x.png) no-repeat 50% 0; background-size: cover; } #solution_chemical .top-banner .banner-tex p { font-size:15px; line-height:26px; } /*化工行业业务需求与挑战*/ #s_chemical_dc{} /*#s_chemical_dc ul.item-list{ display:inline-block; clear: both; width:100%; height: auto; padding:15px; margin:0; text-align: center; box-sizing: border-box; list-style-type: none; } #s_chemical_dc ul.item-list li{ display:inline-block; float: left; width: 20%; height: auto; padding:15px; margin:2em 0; text-align: center; box-sizing: border-box; list-style-type: none; } */ #s_chemical_dc .item-box{ display:inline-block; clear: both; width:100%; height:auto; padding:15px; margin:1em 0; text-align: center; box-sizing: border-box; background: rgba(5,112,141,0.05); border-radius:10px; } #s_chemical_dc .item-box .icon{ display: inline-block; clear: both; width:25%; height: auto; padding:1em 0 0.5em 0; margin:0; text-align: center; box-sizing: border-box;} #s_chemical_dc .item-box .icon img{ display:block; width: 100%; height: auto; padding:0; margin: 0; border: none; box-sizing: border-box; background: rgba(255,255,255,1.0); border-radius: 50%;} #s_chemical_dc .item-box h3{ display: inline-block; clear: both; width:100%; height: auto; padding:0; margin:0; text-align: center; box-sizing: border-box; font-size: 18px; color: rgba(5,112,141,1.0); font-weight: normal; } #s_chemical_dc .item-box p{ display: inline-block; clear: both; width:100%; height: auto; line-height: 150%; padding:15px; margin:0; text-align: center; box-sizing: border-box; font-size: 16px; color: rgba(0,0,0,0.5); } /*化工行业解决方案 */ #s_chemical{} /*化工业设备预测性维护的价值 */ #s_chemical_vpme{} #s_chemical_vpme .item-box{ display:inline-block; clear: both; width:100%; height:auto; padding:15px; margin:1em 0; text-align: center; box-sizing: border-box; background: rgba(5,112,141,0.05); border-radius:10px; } #s_chemical_vpme .item-box .icon{ display: inline-block; clear: both; width:25%; height: auto; padding:1em 0 0.5em 0; margin:0; text-align: center; box-sizing: border-box;} #s_chemical_vpme .item-box .icon img{ display:block; width: 100%; height: auto; padding:0; margin: 0; border: none; box-sizing: border-box; background: rgba(255,255,255,1.0); border-radius: 50%;} #s_chemical_vpme .item-box h3{ display: inline-block; clear: both; width:100%; height: auto; padding:0; margin:0; text-align: center; box-sizing: border-box; font-size: 18px; color: rgba(5,112,141,1.0); font-weight: normal; } #s_chemical_vpme .item-box p{ display: inline-block; clear: both; width:100%; height: auto; line-height: 150%; padding:15px; margin:0; text-align: center; box-sizing: border-box; font-size: 16px; color: rgba(0,0,0,0.5); } /*=====================行业解决方案(烟草)=====================*/ #solution_cigarettes{} /*二级页面头图（烟草行业）*/ #solution_cigarettes .top-banner{ position: relative; overflow: hidden; height:calc(100vw * 0.2); background: rgba(2,180,197,1.0) url(../images/assets/coal/7652@2x.png) no-repeat 50% 0; background-size: cover; } #solution_cigarettes .top-banner .banner-tex p { font-size:15px; line-height:26px; } /*卷烟厂的主要故障类型*/ #s_cigarettes_dc{} /*烟草行业解决方案架构*/ #s_cigarettes{} /*烟草行业解决方案的价值*/ #s_cigarettes_vpme{} /*=====================行业解决方案(钢铁)=====================*/ #solution_steel{} /*二级页面头图（钢铁）*/ #solution_steel .top-banner{ position: relative; overflow: hidden; height:calc(100vw * 0.2); background: rgba(2,180,197,1.0) url(../images/assets/coal/7652@2x.png) no-repeat 50% 0; background-size: cover; } #solution_steel .top-banner .banner-tex p { font-size:15px; line-height:26px; } /*钢铁行业业务需求与挑战*/ #s_steel_dc{} /*钢铁行业解决方案的价值*/ #s_cigarettes_vpme{} #s_cigarettes_vpme .t-list{ display:inline-block; width: 100%; height: auto; padding:0; margin: 0; text-align: center; box-sizing: border-box;} #s_cigarettes_vpme .t-list dl{ position: relative; display: inline-block; float: left; width:100%; height: auto; padding:0; margin:1em 0; text-align: center; box-sizing: border-box; list-style-type: none; } #s_cigarettes_vpme .t-list dl dt{ display: inline-block; float:left; width: 100%; height: auto; padding:0.5em 15px; margin: 0; text-align: left; box-sizing: border-box; list-style-type: none; font-size:18px; color: rgba(5,112,141,1.0); } #s_cigarettes_vpme .t-list dl dd{ position: relative; display: inline-block; float:left; width: 100%; height: auto; padding:0 15px 0 25px; margin:0.4em 0; text-align: left; box-sizing: border-box; list-style-type: none; font-size:14px; color: rgba(0,0,0,0.5); text-indent:0; line-height: 150%; } #s_cigarettes_vpme .t-list dl dd::after{ position: absolute; content: ""; left: 15px; top: 7px; display: block; width: 6px; height: 6px; border-radius:50%; padding: 0; margin:0; background: rgba(5,112,141,0.6); } /*=====================行业解决方案(水泥)=====================*/ #solution_cement{} /*二级页面头图（水泥）*/ #solution_cement .top-banner{ position: relative; overflow: hidden; height:calc(100vw * 0.2); background: rgba(2,180,197,1.0) url(../images/assets/coal/7652@2x.png) no-repeat 50% 0; background-size: cover; } #solution_cement .top-banner .banner-tex p { font-size:15px; line-height:26px; } /*水泥行业业务需求与挑战*/ #s_cement_dc{} #s_cement_dc .item-box{ display:inline-block; clear: both; width:100%; height:220px; padding:15px; margin:0; text-align: center; box-sizing: border-box; background: rgba(5,112,141,0.05); border-radius:10px; } #s_cement_dc .item-box .icon{ display: inline-block; clear: both; width:25%; height: auto; padding:1em 0 0.5em 0; margin:0; text-align: center; box-sizing: border-box;} #s_cement_dc .item-box .icon img{ display:block; width: 100%; height: auto; padding:0; margin: 0; border: none; box-sizing: border-box; background: rgba(255,255,255,1.0); border-radius: 50%;} #s_cement_dc .item-box p{ display: inline-block; clear: both; width:100%; height: auto; line-height: 150%; padding:15px; margin:0; text-align: left; box-sizing: border-box; font-size: 16px; color: rgba(0,0,0,0.5); } /*水泥行业解决方案目标*/ #s_cement_target{} /*水泥行业解决方案逻辑结构*/ #s_cement{} /*水泥行业解决方案的价值*/ #s_cement_vpme{} /*=====================服务内容=====================*/ #serve{} /*二级页面头图（服务内容）*/ #serve .top-banner{ position: relative; overflow: hidden; height:calc(100vw * 0.2); background: rgba(2,180,197,1.0) url(../images/assets/serve/7731@2x.png) no-repeat 50% 0; background-size: cover; } #serve .top-banner .banner-tex{ position: absolute; left: 0; top: 0; z-index: 1; display: inline-block; width:60%; height: auto; padding:80px 15px; margin: 0; text-align: left; box-sizing: border-box; } #serve .top-banner .banner-tex h2 { font-size:42px;} #serve .top-banner .banner-tex p { font-size:13px; line-height:150%; color: rgba(255,255,255,0.8); } /*设备运维服务*/ #serve_eom{} #serve_eom ul.item-list{ display:inline-block; clear: both; width:100%; height: auto; padding:0 15px; margin:0; text-align: center; box-sizing: border-box; list-style-type: none; } #serve_eom ul.item-list li{ display:inline-block; float: left; width: 20%; height: auto; padding:15px; margin:0; text-align: center; box-sizing: border-box; list-style-type: none; } #serve_eom ul.item-list li .item-box{ display:inline-block; clear: both; width:100%; height:260px; padding:15px; margin:0; text-align: center; box-sizing: border-box; background: rgba(5,112,141,0.05); border-radius:10px; } #serve_eom ul.item-list li .item-box .icon{ display: inline-block; clear: both; width:25%; height: auto; padding:1em 0 0.5em 0; margin:0; text-align: center; box-sizing: border-box;} #serve_eom ul.item-list li .item-box .icon img{ display:block; width: 100%; height: auto; padding:0; margin: 0; border: none; box-sizing: border-box; background: rgba(255,255,255,1.0); border-radius: 50%;} #serve_eom ul.item-list li .item-box h3{ display: inline-block; clear: both; width:100%; height: auto; padding:0; margin:0; text-align: center; box-sizing: border-box; font-size: 18px; color: rgba(5,112,141,1.0); font-weight: normal; } #serve_eom ul.item-list li .item-box p{ display: inline-block; clear: both; width:100%; height: auto; line-height: 150%; padding:5px; margin:0; text-align: left; box-sizing: border-box; font-size: 15px; color: rgba(0,0,0,0.5); } /*IT运维服务*/ #serve_itom{} #serve_itom .main-wrap{ background: url(../images/assets/serve/bbg.jpg) no-repeat 50% bottom; background-size: 100% auto;} #serve_itom .item-box{ display:inline-block; clear: both; width:100%; height:auto; padding:15px; margin:0; text-align: center; box-sizing: border-box; border-radius:10px; } #serve_itom .item-box .icon{ display: inline-block; clear: both; width:25%; height: auto; padding:1em 0 0.5em 0; margin:0; text-align: center; box-sizing: border-box;} #serve_itom .item-box .icon img{ display:block; width: 100%; height: auto; padding:0; margin: 0; border: none; box-sizing: border-box; background: rgba(5,112,141,0.05); border-radius: 50%;} #serve_itom .item-box h3{ display: inline-block; clear: both; width:100%; height: auto; padding:0; margin:0; text-align: center; box-sizing: border-box; font-size: 18px; color: rgba(5,112,141,1.0); font-weight: normal; } #serve_itom .item-box p{ display: inline-block; clear: both; width:100%; height: auto; line-height: 150%; padding:15px; margin:0; text-align: left; box-sizing: border-box; font-size: 15px; color: rgba(0,0,0,0.5); } /*管理服务*/ #serve_mag{} #serve_mag ul.item-list{ display:inline-block; clear: both; width:100%; height: auto; padding:0 15px; margin:0; text-align: center; box-sizing: border-box; list-style-type: none; } #serve_mag ul.item-list li{ display:inline-block; float: left; width: 25%; height: auto; padding:0; margin:0; text-align: center; box-sizing: border-box; list-style-type: none; } #serve_mag ul.item-list li .item-box{ position: relative; display:inline-block; clear: both; width:100%; height:auto; padding:0; margin:1em 0; text-align: center; box-sizing: border-box; background: rgba(5,112,141,0.05); } #serve_mag ul.item-list li .item-box .bg-box{ z-index: 0; display: inline-block; clear: both; width:100%; height: auto; padding:0; margin:0; text-align: center; box-sizing: border-box;} #serve_mag ul.item-list li .item-box .bg-box img{ display:block; width: 100%; height: auto; padding:0; margin: 0; border: none; box-sizing: border-box; background: rgba(255,255,255,1.0);} #serve_mag ul.item-list li .item-box h3{ position: absolute; top:0; left: 0; z-index: 1; display:flex; flex-flow:row nowrap; align-items: center; justify-content: center; width:100%; height:100%; padding:0; margin:0; box-sizing: border-box; font-size: 18px; color: rgba(255,255,255,1.0); font-weight: normal; } /*=====================关于我们=====================*/ #aboutus{} /*二级页面头图（关于我们）*/ #aboutus .top-banner{ position: relative; overflow: hidden; height:calc(100vw * 0.2); background: rgba(2,180,197,1.0) url(../images/assets/serve/7730@2x.png) no-repeat 50% 0; background-size: cover; } #aboutus .top-banner .banner-tex{ position: absolute; left: 0; top: 0; z-index: 1; display: inline-block; width:60%; height: auto; padding:80px 15px; margin: 0; text-align: left; box-sizing: border-box; } #aboutus .top-banner .banner-tex h2 { font-size:42px;} #aboutus .top-banner .banner-tex p { font-size:13px; line-height:150%; color: rgba(255,255,255,0.8); } /*关于我们*/ #aboutus_brief{} #aboutus_brief .block_lead p.summary{ font-size: 16px; line-height: 150%; } #aboutus_brief .block_lead p.summary b{ font-size: 16px; color: rgba(0,0,0,.8); } #aboutus_brief .block_pic{ padding: 0; } /*企业文化*/ #aboutus_culture{} #aboutus_culture ul.item-list{ display:inline-block; clear: both; width:calc(100% - 30px); height: auto; padding:15px; margin:1em 0; text-align: center; box-sizing: border-box; list-style-type: none; background: rgba(5,112,141,0.05); } #aboutus_culture ul.item-list li{ display:inline-block; float: left; width: 25%; height: auto; padding:10px; margin:0; text-align: center; box-sizing: border-box; list-style-type: none; } #aboutus_culture ul.item-list li .item-box{ position: relative; display:inline-block; clear: both; width:100%; height:270px; padding:15px; margin:0; text-align: center; box-sizing: border-box; border-radius:10px; background: rgba(255,255,255,1.0); } #aboutus_culture ul.item-list li .item-box .icon{ display: inline-block; float: left; clear: none; width:20%; height: auto; padding:0.5em 0; margin:15px; text-align: center; box-sizing: border-box;} #aboutus_culture ul.item-list li .item-box .icon img{ display:block; width: 100%; height: auto; padding:0; margin: 0; border: none; box-sizing: border-box; background: rgba(5,112,141,0.05); border-radius: 50%;} #aboutus_culture ul.item-list li .item-box h3{ display: inline-block; clear: both; width:100%; height: auto; padding:0; margin:0; text-align: left; text-indent: 15px; box-sizing: border-box; font-size: 24px; color: rgba(0,0,0,0.8); font-weight: normal; } #aboutus_culture ul.item-list li .item-box p{ display: inline-block; clear: both; width:100%; height: auto; line-height: 150%; padding:15px; margin:0; text-align: left; box-sizing: border-box; font-size: 15px; color: rgba(0,0,0,0.5); } #aboutus_culture ul.item-list li:nth-of-type(1) .item-box{ background: rgba(255,255,255,1.0) url(../images/assets/aboutus/4530@2x.png) no-repeat 150px 80px; background-size: 80% auto; } #aboutus_culture ul.item-list li:nth-of-type(2) .item-box{ background: rgba(255,255,255,1.0) url(../images/assets/aboutus/7680@2x.png) no-repeat 150px 120px; background-size: 60% auto; } #aboutus_culture ul.item-list li:nth-of-type(3) .item-box{ background: rgba(255,255,255,1.0) url(../images/assets/aboutus/7684@2x.png) no-repeat 150px 120px; background-size: 60% auto; } #aboutus_culture ul.item-list li:nth-of-type(4) .item-box{ background: rgba(255,255,255,1.0) url(../images/assets/aboutus/7686@2x.png) no-repeat 150px 100px; background-size: 80% auto; } /*南天烟信*/ #aboutus_ntyx{} #aboutus_ntyx .block-pic{ padding: 15px 0;} /*联系我们*/ #aboutus_contact{} #aboutus_contact .item-box{ display:inline-block; clear: both; width:100%; height:260px; padding:15px; margin:1em 0; text-align: center; box-sizing: border-box; background: rgba(5,112,141,0.05); border-radius:10px; } #aboutus_contact .item-box .icon{ display: inline-block; clear: both; width:25%; height: auto; padding:1em 0 0.5em 0; margin:0; text-align: center; box-sizing: border-box;} #aboutus_contact .item-box .icon img{ display:block; width: 100%; height: auto; padding:0; margin: 0; border: none; box-sizing: border-box; background: rgba(255,255,255,1.0); border-radius: 50%;} #aboutus_contact .item-box h3{ display: inline-block; clear: both; width:100%; height: auto; padding:0; margin:0; text-align: center; box-sizing: border-box; font-size: 18px; color: rgba(5,112,141,1.0); font-weight: normal; } #aboutus_contact .item-box p{ display: inline-block; clear: both; width:100%; height: auto; line-height: 150%; padding:5px; margin:0; text-align: left; box-sizing: border-box; font-size: 15px; color: rgba(0,0,0,0.5); } /*********************************************************移动端*********************************************************/ /*@media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } }*/ /*ipad*/ @media screen and (max-width: 1024px){ #serve .top-banner .banner-tex { width: 80%; padding: 50px 15px; } } @media screen and (max-width: 1000px){ .main .main-wrap{ padding: 0.5em 0;} /*二级页面通用头图*/ .top-banner{ height:calc(100vw * 0.3); } .top-banner .banner-tex{ position: absolute; left: 0; top: 0; z-index: 1; width:100%; height: auto; padding:1.5em 15px; margin: 0;/* text-align: center;*/ } .top-banner .banner-tex h2 { font-size:2em; margin: 0.2em 0; } .top-banner .banner-tex p { font-size:0.8em; margin: 0.2em 0; line-height:120%; } /* 通用板块样式*/ .block_lead{ display: inline-block; width: 100%; height: auto; padding:0 15px; margin: 0; text-align: center; box-sizing: border-box; background:rgba(255,255,255,1.0) url(../images/assets/administration/7580@2x.png) no-repeat 0 0; background-size: 100% auto;} .block_lead h1.tit{ position: relative; display: inline-block; width: 100%; height: 30px; line-height: 30px; padding:0; margin:0.5em 0; text-align: left; font-size:20px;} .block_lead h1.tit::after{ position: absolute; content: ""; left: -15px; top: 0; display: inline-block; width: 4px; height: 30px; background: rgba(245,135,30,1.0)} .block_lead p.summary{ display: inline-block; width: 100%; height: auto; line-height: 150%; padding:0; margin: 0; text-align: left; font-size:14px; color: rgba(0,0,0,0.4); } .block_lead .tit_pic{ display: inline-block; width: 100%; height: auto; padding:0.8em 0; margin: 0; text-align: center;} .block_lead .tit_pic img{ display: block; clear: both; width: 100%; height: auto; padding: 0; margin: 0 auto; border: none;} .block_lead ul li h3{ font-size: 16px; } .block_pic{ display: inline-block; width: 100%; height: auto; padding:0; margin: 0; text-align: center; box-sizing: border-box;} .block_pic img{ display: block; clear: both; width: 100%; height: auto; padding:0; margin: 0 auto; border: none; } /* 通用板块标题*/ .section-header {margin:1.5em auto; } .section-header h2.section-title span{ font-size:20px; } .section-header h2.section-title font { font-size:12px; } /*=====================设备全生命周期管理=====================*/ /*在线监测*/ #adm_olm ul { padding: 0;} #adm_olm .b-list{ display:inline-block; width: 100%; height: auto; padding:15px; margin: 0; text-align: center; box-sizing: border-box;} #adm_olm .b-list dl{ position: relative; display: inline-block; float: left; width:100%; height: auto; padding:0; margin:1em 0; text-align: center; box-sizing: border-box; list-style-type: none; } #adm_olm .b-list dl dt{ display: inline-block; float:left; width: 20%; height: 30px; line-height: 30px; padding:0; margin: 0; text-align: center; box-sizing: border-box; list-style-type: none; font-size:14px; color: rgba(5,112,141,1.0); background: rgba(5,112,141,0.1); } #adm_olm .b-list dl dd{ display: inline-block; float:left; width: 80%; height: 30px; line-height: 30px; padding:0; margin: 0; text-align: center; box-sizing: border-box; list-style-type: none; } #adm_olm .b-list dl dd span{ display: inline-block; width: calc(33.33% - 0.2em); float:left; height: 30px; line-height: 30px; padding:0; margin:0 0.1em; text-align: center; box-sizing: border-box; font-size:12px; color: rgba(0,0,0,0.5); background:rgba(0,0,0,0.05); } #adm_olm .b-list dl:nth-of-type(1) dd span{ width: calc(25% - 0.2em);} #adm_olm .b-list dl::after{position: absolute; content: ""; display: block; width:0; height: 0; left: 15px; top:35px; border: 14px solid rgba(245,135,30,0); border-top: 14px solid rgba(245,135,30,0.8);} #adm_olm .b-list dl:last-child::after{ border-top: 14px solid rgba(245,135,30,0);} /*=====================设备预测性维护=====================*/ /*设备数字化模型*/ #mai_edm .block_pic.arr::after{ bottom: -2.5em; left:50%; right:auto; top:auto; margin-top: 0; margin-left: -2em; transform: rotate(90deg); } #mai_edm ul li{ width: 100%; } #mai_edm ul li img{ display: inline-block; width: 90%; height: auto; padding:0; margin: 10px auto; box-sizing: border-box; border: none; } #mai_edm ul li p{ display: inline-block; width: 90%; height: auto; padding:0.2em 0; margin:0.5em auto; text-align:center; box-sizing: border-box; font-size: 14px; color: rgba(0,0,0,0.5); background: rgba(5,112,141,0.05); border-radius: 5px; } /*=====================设备节能运行优化=====================*/ /*设备节能运行优化目标*/ #eso_target ul.item-list{ padding:0 15px; margin:0; } #eso_target ul.item-list li{ width: 100%; height: auto; padding:0; margin:0; } /*=====================物联网产品=====================*/ /*有线监测产品*/ #iot_wm .item-box{ padding:0; } #iot_wm .pic{ width:100%; padding:15px;} #iot_wm .pic img{ display:block; width: 70%; height: auto; padding:0; margin: 0 auto; border: none; box-sizing: border-box;} #iot_wm .t-list{ width: 100%; } #iot_wm .t-list dl{ margin:0.5em 0; } #iot_wm .t-list dl dt{ display: inline-block; float:left; width: 100%; height: auto; padding:0.5em 15px; margin: 0; text-align: center; font-size:18px; } #iot_wm .t-list dl dd{ padding:0 15px 0 25px; margin:0.2em 0; } #iot_wm .t-list dl dd::after{ left:10px; } /*无线监测产品*/ #iot_wlm .item-box{ padding:0; } #iot_wlm .pic{ width:100%; padding:15px;} #iot_wlm .pic img{ display:block; width: 70%; height: auto; padding:0; margin: 0 auto; border: none; box-sizing: border-box;} #iot_wlm .t-list{ width: 100%; } #iot_wlm .t-list dl{ margin:0.5em 0; } #iot_wlm .t-list dl dt{ display: inline-block; float:left; width: 100%; height: auto; padding:0.5em 15px; margin: 0; text-align: center; font-size:18px; } #iot_wlm .t-list dl dd{ padding:0 15px 0 25px; margin:0.2em 0; } #iot_wlm .t-list dl dd::after{ left:10px; } /*5G产品*/ #iot_5g .block_pic img{ width: 60%; } #iot_5g .tp-list ul{ margin:0.5em 0; } #iot_5g .tp-list ul li{ width:100%; padding:5px 15px; } #iot_5g .tp-list ul li h3{ padding:0; margin:0; text-indent: 0; } #iot_5g .tp-list ul li .pic{ padding:0; } /*=====================电子采购系统=====================*/ /*对采购职能价值*/ #eps_val01 .item-box{ padding:0; margin: 0; } #eps_val01 .t-list h3.stit{ display: inline-block; float:left; width: 100%; height: auto; padding:0.5em 15px; margin: 0; text-align: left; box-sizing: border-box; list-style-type: none; font-size:18px; color: rgba(5,112,141,1.0); background:linear-gradient(120deg, rgba(103,216,213,0.5) 0%, rgba(180,230,230,0.2) 100%); } #eps_val01 .t-list ul{ height:auto; } #eps_val01 .t-list ul li{ margin:0.4em 0; font-size:14px; color: rgba(0,0,0,0.5); line-height: 150%; } /*=====================行业解决方案(煤炭)=====================*/ /*二级页面头图（煤炭行业）*/ #solution_coal .top-banner{ height:calc(100vw * 0.3);} #solution_coal .top-banner .banner-tex p { display: none; } /*设备预测性维护的价值*/ #s_coal_vpme .item-box{ margin:0.5em 0; } /*=====================行业解决方案(电力)=====================*/ /*二级页面头图（煤炭行业）*/ #solution_electricity .top-banner{ height:calc(100vw * 0.3);} #solution_electricity .top-banner .banner-tex p { display: none; } /*电力行业解决方案*/ #s_electricity .p-list ul li{ width:100%; } /*电力行业方案价值*/ #s_electricity_vpme ul.item-list{ display:inline-block; clear: both; width:100%; height: auto; padding:0; margin:0; text-align: center; box-sizing: border-box; list-style-type: none; } #s_electricity_vpme ul.item-list li{ width: 100%; height: auto; padding:15px; margin:0; } #s_electricity_vpme ul.item-list li .item-box{ width:100%; height:auto; padding:0; margin:0; } #s_electricity_vpme ul.item-list li .item-box .icon{ display: inline-block; clear: both; width:30%; height: auto; padding:1em 0 0.5em 0; margin:0; text-align: center; box-sizing: border-box;} #s_electricity_vpme ul.item-list li .item-box .icon img{ display:block; width: 100%; height: auto; padding:0; margin: 0; border: none; box-sizing: border-box; background: rgba(255,255,255,1.0); border-radius: 50%;} #s_electricity_vpme ul.item-list li .item-box p{ text-align:center; } /*=====================行业解决方案(化工)=====================*/ /*二级页面头图（化工行业）*/ #solution_chemical .top-banner{ height:calc(100vw * 0.3);} #solution_chemical .top-banner .banner-tex p { display: none; } /*=====================行业解决方案(烟草)=====================*/ /*二级页面头图（烟草行业）*/ #solution_cigarettes .top-banner{ height:calc(100vw * 0.3); } #solution_cigarettes .top-banner .banner-tex p { display: none; } /*=====================行业解决方案(钢铁)=====================*/ /*二级页面头图（钢铁）*/ #solution_steel .top-banner{ height:calc(100vw * 0.3); } #solution_steel .top-banner .banner-tex p { display: none; } /*=====================行业解决方案(水泥)=====================*/ /*二级页面头图（水泥）*/ #solution_cement .top-banner{ height:calc(100vw * 0.3); } #solution_cement .top-banner .banner-tex p { display: none; } /*水泥行业业务需求与挑战*/ #s_cement_dc .item-box{ height:auto; padding:15px; margin: 0.5em 0; } #s_cement_dc .item-box .icon{ width:20%; } #s_cement_dc .item-box p{ text-align: center; } /*=====================服务内容=====================*/ /*二级页面头图（服务内容）*/ #serve .top-banner{ height:calc(100vw * 0.32); background-position: right top;} #serve.main .top-banner .container { height: 100%; } #serve .top-banner .banner-tex{ width: 100%; height: 100%; padding:1.5em 15%; line-height: 120%; margin:0; text-align: center; background:rgba(0,95,120,0.3); } #serve .top-banner .banner-tex h2 { font-size:1.8em; margin: 0.2em 0; } #serve .top-banner .banner-tex p { display: none; } /*设备运维服务*/ #serve_eom ul.item-list li{ width: 100%; } #serve_eom ul.item-list li .item-box{ margin:0;} #serve_eom ul.item-list li .item-box{ height:auto; } /*IT运维服务*/ #serve_itom .item-box p{ padding: 0.2em 0; } /*管理服务*/ #serve_mag ul.item-list li{ width: 100%; padding:15px; } #serve_mag ul.item-list li .item-box{ position: relative; display:inline-block; clear: both; width:100%; height:auto; padding:0; margin:0; text-align: center; box-sizing: border-box; background: rgba(5,112,141,0.05); } /*=====================关于我们=====================*/ /*二级页面头图（关于我们）*/ #aboutus .top-banner{ height:calc(100vw * 0.32); } #aboutus .top-banner .banner-tex{ width: 100%; padding:1.5em 15px; margin: 0; text-align: center; } #aboutus .top-banner .banner-tex h2 { font-size:2em; margin: 0.2em 0; } #aboutus .top-banner .banner-tex p { display: none; } /*关于我们*/ #aboutus_brief .block_pic{ padding: 15px; } /*企业文化*/ #aboutus_culture ul.item-list{ display:inline-block; clear: both; width:100%; height: auto; padding:0; margin:0; text-align: center; box-sizing: border-box; list-style-type: none; background: rgba(5,112,141,0.05); } #aboutus_culture ul.item-list li{ width: 100%; height: auto; padding:15px; margin:0; text-align: center; box-sizing: border-box; list-style-type: none; } /*联系我们*/ #aboutus_contact .item-box{ height:auto; padding:15px; margin:0.5em 0; } #aboutus_contact .item-box .icon{ width:20%; } }