锘?*浜т笟姒傝堪*/ .com-p { font: 16px/30px 寰蒋闆呴粦; text-indent: 2em; } /*img{ width:100%; }*/ /*鍏敤浠g爜妯″潡*/ .content-header-c1 { width: 1300px; height: 40px; background-image: url('../Areas/Subpage/Img/SmartEdu/SmartCloud/bg-blue.png'); } .content-header-c1 h1 { line-height: 40px; text-align: justify; text-indent: 2em; } .content-header-c1 h1 span { font-size: 20px; position: relative; left: 2em; } .content-header-c2 { height: auto; text-align: center; text-indent: 2em; } .content-header-c2 h2 { text-align: center; } .content-header-c2 .contp { padding: 40px 0; text-align: justify; font: 16px/30px 寰蒋闆呴粦; } .content-header-c2 img { height: auto; margin-bottom: 60px; } /*搴曢儴妗堜緥妯″潡*/ .content-buttom-c1 { margin: 40px 10px 0 10px; } .content-buttom-c1 ul { flex-grow: 1; display: flex; list-style-type: none; justify-content: center; } .content-buttom-c1 li { height: 254px; width: 606px; margin: 0 15px; } .content-buttom-c1 li p { text-align: center; padding-right: 10px; } .content-buttom-c1 li a { display: inline-block; color: #ffffff; text-align: center; line-height: 40px; font-size: 24px; position: relative; top: 190px; } .content-buttom-c1 li a:hover { display: inline-block; height: 40px; width: 150px; background-color: #000; opacity: 0.5; } /*棣栭〉*/ .indexpro { background-color: #3a3a3a; /*margin-top: 80px;*/ } .line-1 { margin: 20px 0; line-height: 1px; border-left: 600px solid #ddd; border-right: 600px solid #ddd; text-align: center; } @media screen and (max-width:1200px) { .line-1 { margin: 20px 0; line-height: 1px; border-left: 400px solid #ddd; border-right: 400px solid #ddd; text-align: center; } } .indus-view-content > .com-p { background-image: url('../Areas/Subpage/Img/InduOverview/bg1.png'); height: 370px; width: 1300px; font: 16px/35px 寰蒋闆呴粦; color: #ffffff; padding: 128px 95px 0 95px; } @media screen and (max-width:700px) { .indus-view-content > .com-p { background-image: url('../Areas/Subpage/Img/InduOverview/bg1.png'); height: 100%; width: 100%; font: 14px/25px 寰蒋闆呴粦; color: #ffffff; padding: 10% 5%; } } .indus-view-content1 { margin: 0 auto; text-align: center; } .indus-view-content1 .indus-tit-c1 { margin: 0 auto; width: 1300px; } .indus-view-content1 strong { font-size: 30px; } .indus-view-content1 h3 { text-align: left; } .indus-view-content1 .indus-bg-c1 { width: 100%; background-color: #fafafa; } .indus-view-content1 img { margin: 40px 0 20px 0; } .indus-view-content1 p { line-height: 40px; background-color: #005297; color: #ffffff; font-family: '寰蒋闆呴粦'; } .indus-view-content2 { width: 100%; margin-top: 80px; text-align: center; padding: 0 5%; } @media screen and (max-width:700px) { .indus-view-content2 img { width: 100%; } } @media screen and (max-width:700px) { .indus-view-content1 .indus-tit-c1 { padding: 0 20px; margin: 0 auto; width: inherit; } .indus-view-content1 strong { font-size: 20px; } .indus-view-content1 h3 { font-size: 14px; text-align: left; } .indus-view-content1 .indus-bg-c1 { padding: 0 5%; width: 100%; background-color: #fafafa; } .indus-view-content1 img { width: 100%; margin: 40px 0 20px 0; } } .indus-view-content3 { height: 400px; width: 1300px; text-align: center; } /*鍙戝竷鍚庢棤褰卞搷鍙垹闄?/ /*.indus-view-content3 p { color: #ffffff; padding-bottom: 20px; } .indus-view-content3 ul { margin: 60px 0 80px 0; height: 350px; flex-grow: 1; display: flex; list-style-type: none; justify-content: center; } .indus-view-content3 li { height: 250px; width: 210px; display: flex; align-items: center; justify-content: center; } .indus-view-content3 li:nth-child(1) { background-color: #1596b9; } .indus-view-content3 li:nth-child(2) { background-color: #5693ba; } .indus-view-content3 li:nth-child(3) { background-color: #4973bf; } .indus-view-content3 li:nth-child(4) { background-color: #6f8a2c; } .indus-view-content3 li:nth-child(5) { background-color: #4bb49e; } .indus-view-content3 li:nth-child(6) { background-color: #6778b9; } .indus-view-content3 li div { margin-top: 40px; } .indus-view-content3 li img { margin: 5px 0 5px 0; }*/ /*.indus-view-content4 { text-align: center; height: 365px; width: 1300px; margin-bottom: 80px; } .indus-view-content4 h1 { color: #ffffff; font-family: '寰蒋闆呴粦'; } .indus-view-content4 ul { margin-top: 60px; flex-grow: 1; display: flex; list-style-type: none; justify-content: center; } .indus-view-content4 li { height: 265px; width: 433px; display: flex; align-items: center; justify-content: center; } .indus-view-content4 li:nth-child(1) { background-image: url('../Areas/Subpage/Img/InduOverview/zhihijiating.png'); } .indus-view-content4 li:nth-child(2) { background-image: url('../Areas/Subpage/Img/InduOverview/gongqu.png'); } .indus-view-content4 li:nth-child(3) { background-image: url('../Areas/Subpage/Img/InduOverview/zhihishequ.png'); }*/ /*.indus-view-content5 { text-align: center; height: 400px; } .indus-view-content5 h4 { margin-top: 80px; margin-bottom: 60px; } .indus-view-content5 ul { flex-grow: 1; display: flex; list-style-type: none; justify-content: center; } .indus-view-content5 li { height: 261px; width: 433px; display: flex; align-items: center; justify-content: center; } .indus-view-content5 li:nth-child(2) { border-right: 2px solid blue; border-left: 2px solid blue; }*/ .indus-view-content6 { background-color: #fafafa; margin-top: 80px; padding: 40px; text-align: center; } @media screen and (max-width:700px) { .indus-view-content6 img { width: 100%; } } .indus-view-content7 { margin-top: 80px; padding: 20px; text-align: center; } @media screen and (max-width:700px) { .indus-view-content7 img { width: 100%; } } /*鏅烘収鏁欒偛*/ /*鏅烘収浜戣鍫?/ .smart-cloud { margin-top: 20px; text-align: center; } .smart-cloud-nav a { padding: 10px 30px; display: inline-block; color: #1a1919; font-size: 14px; /*border-right: 1px solid #CCCCCC;*/ margin-left: -5px; position: relative; } .smart-cloud-nav a:hover, .smart-cloud-nav a.cur { box-shadow: 0 2px 0px #015198; -webkit-box-shadow: 0 2px 0px #015198; -o-box-shadow: 0 2px 0px #015198; -moz-box-shadow: 0 2px 0px #015198; } .smart-cloud-nav a:after { content: ""; position: absolute; width: 0; height: 0; bottom: -10px; left: 50%; margin-left: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #015198; display: none; } .smart-cloud-nav a:hover:after, .wqp-nav-item a.cur:after { display: block; } .smart-cloud-c1 { width: 1300px; height: 40px; background-image: url('../Areas/Subpage/Img/SmartEdu/SmartCloud/bg-blue.png'); } .smart-cloud-c1 h1 { line-height: 40px; position: relative; left: 20px; } .smart-cloud-c2 { height: auto; margin-top: 40px; text-align: justify; text-indent: 2em; } .smart-cloud-c2 img { margin: 40px 0 40px 0; text-align: center; } .smart-cloud-c3 { height: auto; text-align: center; } .tit { margin: 0 auto; width: 300px; } .title { width: 276px; text-align: justify; } .title h2 { display: inline; line-height: 48px; float: right; } .smart-cloud-c4 { text-align: center; margin: 40px 0 40px 0; } .title1 { width: 321px; text-align: justify; } .title1 h2 { line-height: 48px; float: right; display: inline; } .smart-cloud-c4 ul { flex-grow: 1; display: flex; list-style-type: none; justify-content: center; } .smart-cloud-c4 li { height: 426px; width: 401px; margin: 40px 10px 40px 10px; float: left; border: 1px solid black; } .smart-cloud-c4 p { margin-bottom: 40px; } .smart-cloud-c4 p img { position: relative; left: -157px; } .smart-cloud-c4 .img1 { margin-bottom: 40px; } .smart-cloud-c5 { text-align: center; } .smart-cloud-c5 h5 { text-align: justify; text-indent: 2em; margin: 40px 20px 40px 20px; } .smart-cloud-c5 ul { flex-grow: 1; display: flex; list-style-type: none; justify-content: center; } .smart-cloud-c5 ul div { height: 200px; } .smart-cloud-c5 li { height: 240px; width: 598px; display: flex; align-items: center; justify-content: center; border: 1px solid black; } .smart-cloud-c6 { margin: 40px 0 40px 0; text-align: center; } .smart-cloud-c6 h5 { text-align: justify; text-indent: 2em; } .smart-cloud-c7 { height: auto; margin-top: 40px; text-align: center; } /*鏅烘収浜戝钩鍙?/ .smart-cloud-p1 { width: 1300px; height: 40px; background-image: url('../Areas/Subpage/Img/SmartEdu/SmartCloud/bg-blue.png'); } .smart-cloud-p1 h1 { line-height: 40px; text-align: justify; text-indent: 2em; } .smart-cloud-p1 h1 span { font-size: 20px; position: relative; left: 2em; } .smart-cloud-p2 { height: auto; margin-top: 40px; text-align: justify; text-indent: 2em; } .smart-cloud-p2 img { margin: 40px 0 40px 0; text-align: center; } .smart-cloud-com { height: auto; margin-top: 40px; text-align: center; text-indent: 2em; } .smart-cloud-com img { padding: 40px 0; } .smart-cloud-com h2 { text-align: center; } .smart-cloud-com h5 { margin: 40px 0 40px 0; text-align: justify; } .smart-cloud-com ul { flex-grow: 1; display: flex; list-style-type: none; justify-content: center; } .smart-cloud-com li { height: 254px; width: 606px; margin: 40px 10px 0 10px; float: left; } .smart-cloud-com li:nth-child(1) { background-image: url('../Areas/Subpage/Img/SmartEdu/SmartCloudP/l-bg.png'); } .smart-cloud-com li:nth-child(2) { background-image: url('../Areas/Subpage/Img/SmartEdu/SmartCloudP/r-bg.png'); } .smart-cloud-com li a { color: #ffffff; font-size: 24px; position: relative; top: 190px; } /*鏅烘収浜戝綍鎾?/ .smart-record-c1 { height: auto; margin-top: 40px; text-align: center; text-indent: 2em; } .smart-record-c1 p { padding: 40px 0 40px 0; text-align: justify; font: 18px/30px 寰蒋闆呴粦; } .smart-record-c1 ul { flex-grow: 1; display: flex; list-style-type: none; justify-content: center; } .smart-record-c1 li { height: 390px; margin: 0 20px 0 20px; } .smart-record-c1 li h3 { text-align: left; font-size: 36px; } .smart-record-c1 li h4 { text-align: left; margin: 40px 0 40px 0; font-size: 24px; } .smart-record-c1 li h5 { text-align: left; font-size: 16px; line-height: 30px; height: 200px; } .smart-record-c1 li a { display: block; text-align: right; color: blue; padding-right: 20px; } .smart-record-c2 { background-image: url('../Areas/Subpage/Img/SmartEdu/SmartRecord/zhihuilubo.png'); } .smart-record-c3 { background-image: url('../Areas/Subpage/Img/SmartEdu/SmartRecord/jingdiananl.png'); } /*寮€鏀捐鍫?/ .smart-class-c1 { margin: 40px 0 40px 0; } .smart-class-c1 h2 { text-align: center; } .smart-class-c1 ul { margin: 60px 0 0px 0; height: 410px; flex-grow: 1; display: flex; list-style-type: none; justify-content: center; } .smart-class-c1 li { width: 350px; height: 410px; margin: 0 30px 0 30px; display: flex; align-items: center; justify-content: center; } .smart-class-c2 { margin-bottom: 40px; } .smart-class-c2 h2 { margin-top: 40px; text-align: center; } .smart-class-c2 h3 { margin-top: 40px; margin-bottom: 40px; text-align: center; } .smart-class-c2 ul { margin: 20px 0 0px 0; height: 456px; flex-grow: 1; display: flex; list-style-type: none; justify-content: center; } .smart-class-c2 li { width: 470px; height: 456px; margin: 0 40px 0 40px; align-items: center; justify-content: center; } .smart-class-c2 li h2 { line-height: 35px; margin: 10px 0; } .smart-class-c2 li p { text-align: center; line-height: 30px; } .smart-class-c3 { background-image: url('../Areas/Subpage/Img/SmartEdu/SmartClass/kfkt.png'); } .smart-class-c4 { background-image: url('../Areas/Subpage/Img/SmartEdu/SmartClass/jdal.png'); } /*璧扮彮閫夎*/ .smart-chose-p1 { height: 305px; background-image: url('../Areas/Subpage/Img/SmartEdu/SmartChoseLesson/gkgg.png'); } .smart-chose-p1 .p1 { font: 18px/30px 寰蒋闆呴粦; color: #ffffff; text-indent: 0px; text-align: center; padding: 40px 0 20px 0; } .smart-chose-p1 .p2 { color: #ffffff; font: 16px/30px 寰蒋闆呴粦; text-align: center; text-indent: 0px; } .smart-chose-c2 { margin-bottom: 40px; margin: 0 auto; } .smart-chose-c02 { width: 1300px; } .smart-chose-c2 h2 { margin: 40px 0 40px; text-align: center; } .smart-chose-c2 img { margin: 0 auto; display: block; padding: 40px 0 30px 0; } .smart-chose-c3 { background-image: url('../Areas/Subpage/Img/SmartEdu/SmartChoseLesson/zbpk.png'); } .smart-chose-c4 { background-image: url('../Areas/Subpage/Img/SmartEdu/SmartClass/jdal.png'); } /*缈兼櫤鍥?/ .smart-yizhi-c1 { margin: 80px 0 40px 0; } .smart-yizhi-c1 ul { margin: 60px 0 80px 0; height: 509px; flex-grow: 1; display: flex; list-style-type: none; justify-content: center; } .smart-yizhi-c1 li { height: 509px; width: 502px; display: flex; align-items: center; justify-content: center; } .smart-sub h2 { margin-bottom: 40px; } .smart-yizhi-c2 { margin: 80px 0 40px 0; background-image: url('../Areas/Subpage/Img/SmartEdu/SmartYizhiyuan/bjq.png'); } .smart-yizhi-c2 ul { margin: 60px 0 80px 0; height: 509px; flex-grow: 1; display: flex; list-style-type: none; justify-content: center; } .smart-yizhi-c2 li { height: 509px; width: 502px; display: flex; align-items: center; justify-content: center; } .smart-yizhi-c3 { background-image: url('../Areas/Subpage/Img/SmartEdu/SmartYizhiyuan/zybk.png'); background-repeat: no-repeat; text-align: center; width: 1300px; height: 763px; } .smart-yizhi-c3 h2 { position: relative; top: 40px; } .smart-yizhi-c3 h3 { position: relative; top: 80px; } .smart-yizhi-c4 { background-image: url('../Areas/Subpage/Img/SmartEdu/SmartYizhiyuan/zhyry.png'); } .smart-yizhi-c5 { background-image: url('../Areas/Subpage/Img/SmartEdu/SmartClass/jdal.png'); } /*鍖荤枟鍋ュ悍*/ /*鍏叡閮ㄥ垎*/ .interr-com { width: 1300px; height: 40px; background-image: url('../Areas/Subpage/Img/SmartEdu/SmartCloud/bg-blue.png'); font: 16px/30px 寰蒋闆呴粦; } .interr-com h1 { line-height: 40px; text-align: justify; text-indent: 2em; } .interr-com h1 span { font-size: 20px; position: relative; left: 2em; } .interr-com-c1 { height: auto; text-align: center; text-indent: 2em; } .interr-com-c1 p { padding: 30px 0; text-align: justify; font: 16px/30px 寰蒋闆呴粦; } .interr-com-c1 h2 { text-align: center; margin-top: 40px; } @media screen and (max-width:700px) { .interr-com { width: 100%; height: 40px; background-image: url('../Areas/Subpage/Img/SmartEdu/SmartCloud/bg-blue.png'); } .interr-com h1 { font-size: 24px; line-height: 40px; text-align: justify; text-indent: 0.5em; } .interr-com h1 span { font-size: 14px; position: relative; left: 1em; } .interr-com-c1 { height: auto; text-align: center; text-indent: 2em; } .interr-com-c1 p { padding: 30px 0; text-align: justify; font: 16px/30px 寰蒋闆呴粦; } .interr-com-c1 img { width: 100%; } } .interr-com-text { height: auto; text-align: center; text-indent: 2em; } .interr-com-text p { padding: 30px 0 0 0; text-align: justify; font: 16px/30px 寰蒋闆呴粦; } .interr-com-text div { margin-bottom: 30px; } .interr-com-c2 { height: auto; margin: 40px 0 40px 0; text-align: center; } .interr-com-c2 h2 { margin: 40px 0 40px 0; } .interr-com-c2 img { margin: 40px 0 40px 0; } .interr-com-c2 span { color: blue; line-height: 30px; } .interr-com-c3 ul { height: 306px; flex-grow: 1; display: flex; list-style-type: none; justify-content: center; } .interr-com-c3 li { height: 306px; width: 502px; display: flex; align-items: center; justify-content: center; line-height: 30px; } @media screen and (max-width:700px) { .interr-com-c3 ul { height: inherit; flex-grow: 1; display: flex; flex-wrap: wrap; list-style-type: none; justify-content: center; } .interr-com-c3 li { height: inherit; width: 502px; display: flex; align-items: center; justify-content: center; line-height: 30px; } } /*杩滅▼鍖荤枟*/ .Rt-c1 { background-image: url('../Areas/Subpage/Img/Medical/RemoteInterrogation/yuanchengwenzhen.png'); } .Rt-c2 { background-image: url('../Areas/Subpage/Img/SmartEdu/SmartClass/jdal.png'); } /*鍒嗙骇璇婃柇*/ .GT-c1 { background-image: url('../Areas/Subpage/Img/Medical/GradingTreat/yunlubo.png'); } .GT-c2 { background-image: url('../Areas/Subpage/Img/Medical/GradingTreat/jingdain.png'); } /*瀹跺涵鍖荤敓*/ .Fd-c1 { margin: 40px 0 0 0; height: 372px; } .Fd-c1 li { height: 372px; } .Fd-c2 { background-image: url('../Areas/Subpage/Img/Medical/FamilyDoctory/jiatingyisheng.png'); } .Fd-c3 { background-image: url('../Areas/Subpage/Img/Medical/FamilyDoctory/jingdiananlie.png'); } /*绀轰緥鏁欑▼*/ .Demo-cc { } .Demo-cc ul { display: flex; justify-content: space-around; } .Demo-cc ul li { width: 540px; } .Demo-cc ul li h3 { color: dodgerblue; font-size: 24px; line-height: 40px; margin-bottom: 30px; } .Demo-c1 { color: dodgerblue; font-size: 24px; line-height: 40px; } /*骞冲畨鍖婚櫌*/ .PH-c1 { height: 400px; margin-top: 30px; } .PH-c1 ul { height: 400px; } .PH-c1 li { height: 400px; } .PH-c1 li span { font-size: 20px; line-height: 30px; color: #0b259f; } .PH-c2 { background-image: url('../Areas/Subpage/Img/Medical/PeaceHospital/pinganyiyuan.png'); } .PH-c3 { background-image: url('../Areas/Subpage/Img/Medical/PeaceHospital/jindiananlie.png'); } .PH-c4 { text-align: center; line-height: 24px; height: 30px; font-size: 20px; color: #0b259f; } /*鏀垮姟琛屼笟*/ /*鍏叡浠g爜*/ .Go-com-title { margin: 40px 0 40px 0; } .Go-com-title h2 { text-align: center; } .Go-com-c1 { } .Go-com-c1 ul { height: auto; flex-grow: 1; display: flex; list-style-type: none; justify-content: center; } .Go-com-c1 li { margin: 0 10px 0 10px; height: auto; width: 502px; display: flex; align-items: center; justify-content: center; } /*鏅烘収涔¢晣*/ .Gc-c1 { background-image: url('../Areas/Subpage/Img/Government/GsmartContry/zhxz.png'); } .Gc-c2 { background-image: url('../Areas/Subpage/Img/Government/GsmartContry/jdal.png'); } .Gp-c1 { background-image: url('../Areas/Subpage/Img/Government/GsmartPart/zhdj.png'); } .Gp-c2 { background-image: url('../Areas/Subpage/Img/Government/GsmartPart/jdal.png'); } .common-img-c1 { text-align: center; margin-top: 40px; } /*鏅烘収鏃呮父*/ .GTra-c1 { background-image: url('../Areas/Subpage/Img/Government/GsmartTravel/zhly.png'); } .GTra-c2 { background-image: url('../Areas/Subpage/Img/Government/GsmartTravel/jdal.png'); } /*绮惧噯鎵惰传*/ .Gh-c1 { height: auto; } .Gh-c1 h3 { line-height: 30px; margin: 0 0 30px 0; } .Gh-c1 h4 { text-align: justify; text-indent: 2em; font: 18px/30px 寰蒋闆呴粦; } .Gh-c1 li { margin: 0 80px; } .Gh-c2 { background-image: url('../Areas/Subpage/Img/Government/Ghelp/jzfp.png'); } .Gh-c3 { background-image: url('../Areas/Subpage/Img/Government/Ghelp/jdal.png'); } /*骞冲畨缁兼不*/ .GM-c1 { background-image: url('../Areas/Subpage/Img/Government/GsafetyManage/jdal.png'); } .GM-c2 { background-image: url('../Areas/Subpage/Img/Government/GsafetyManage/pazz.png'); } /*鍚嶅帹浜伓*/ .Ghouse-c1 { } .Ghouse-c1 h3 { line-height: 30px; margin: 10px 0 10px 0; font-weight: bold; } .Ghouse-img { text-align: center; } .Ghouse-c2 { background-image: url('../Areas/Subpage/Img/Government/Gcookhouse/mc.png'); } .Ghouse-c3 { background-image: url('../Areas/Subpage/Img/Government/Gcookhouse/jd.png'); } /*鎵嬫満鐪嬪簵*/ .sjkd-c1 { margin: 80px 0 40px 0; } .sjkd-c2 { background-image: url('../Areas/Subpage/Img/SmartCity/Sjkd/sjkd.png'); } .sjkd-c3 { background-image: url('../Areas/Subpage/Img/SmartCity/Sjkd/jdal.png'); } /*鏅烘収鍟嗛摵*/ .sshop-c2 { background-image: url('../Areas/Subpage/Img/SmartCity/SmartShop/zhsp.png'); } .sshop-c3 { background-image: url('../Areas/Subpage/Img/SmartCity/SmartShop/jdal.png'); } /*鏅烘収閰掑簵*/ .shotel-c1 h4 { line-height: 30px; text-indent: 2em; } .shotel-c1 h2 { color: orange; margin-top: 30px; } .shotel-c2 { background-image: url('../Areas/Subpage/Img/SmartCity/SmartHotel/zhjd.png'); } .shotel-c3 { background-image: url('../Areas/Subpage/Img/SmartCity/SmartHotel/jdal.png'); } /*淇℃伅瀹夊叏*/ .Emm-c1 { background-image: url('../Areas/Subpage/Img/SafeInfo/Emm/xx.png'); } .Emm-c2 { background-image: url('../Areas/Subpage/Img/SafeInfo/Emm/jdal.png'); } .Tianyi-c1 { background-image: url('../Areas/Subpage/Img/SafeInfo/TianyiCloud/sjrz.png'); height: 274px; display: flex; justify-content: center; flex-direction: column; color: white; } .Tianyi-c2 { background-image: url('../Areas/Subpage/Img/SafeInfo/TianyiCloud/tyyd.png'); } .Tianyi-c3 { background-image: url('../Areas/Subpage/Img/SafeInfo/TianyiCloud/jdal.png'); } .MoH4 ul li div h4 { font-size: 18px; } .Mobile-c { margin-top: 40px; } .Mobile-c ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .Mobile-c ul li { width: 600px; } .Mobile-c ul li h3 { font-weight: 600; margin: 60px 0 50px 0; } .Mobile-c ul li p { text-indent: 2em; } .Mobile-c2 { text-align: center; background-color: #fafafa; margin-top: 80px; padding: 80px 0 40px 0; } .Mobile-c2 h3 { margin-bottom: 60px; background-color: #fafafa; font-weight: 600; } .Mobile-c2 p { text-indent: 2em; color: #828182; text-align: justify; } .Mobile-c2 ul { display: flex; justify-content: space-around; } .Mobile-c2 ul li { text-indent: 0em; width: 288px; margin: 40px 0 40px 0; } .Mobile-c2 ul li p { margin-top: 40px; text-align: center; text-indent: 0em; line-height: 30px; } /*鏅烘収瀹跺涵*/ /*鍙槸閫氳瘽*/ .Vcall { margin: 40px 0 40px 0; } .Vcall ul { display: flex; justify-content: space-around; } .Vcall li { width: 359px; } .Vc-c1 { width: 359px; background-image: url('../Areas/Subpage/Img/SmartFamily/VideoCall/jkxbbg.png'); } .Vc-c2 { width: 359px; background-image: url('../Areas/Subpage/Img/SmartFamily/VideoCall/shyqbg.png'); } .Vc-c3 { width: 359px; background-image: url('../Areas/Subpage/Img/SmartFamily/VideoCall/fsbg.png'); } .Vc-c4 { background-image: url('../Areas/Subpage/Img/SmartFamily/VideoCall/ksth.png'); } .Vc-c5 { background-image: url('../Areas/Subpage/Img/SmartFamily/VideoCall/jdal.png'); } /*瀹跺涵鐩戞帶*/ .HouseMo-c1 { background-image: url('../Areas/Subpage/Img/SmartFamily/HouseMonitoring/jtjk.png'); } .HouseMo-c2 { background-image: url('../Areas/Subpage/Img/SmartFamily/HouseMonitoring/jdal.png'); } /*鏅鸿兘缁勭綉*/ .SN-c1 { height: 391px; margin-top: 40px; } .SN-c1 li { height: 391px; } .SN-c2 { background-image: url('../Areas/Subpage/Img/SmartFamily/SmartNet/znzw.png'); } .SN-c3 { background-image: url('../Areas/Subpage/Img/SmartFamily/SmartNet/jdal.png'); } /*鑳芥簮绠$悊*/ .Energy-c1 { margin: 60px 0 40px 0; text-align: center; } .Energy-c2 { background-image: url('../Areas/Subpage/Img/WebOfThings/Energy/zhny.png'); } .Energy-c3 { background-image: url('../Areas/Subpage/Img/WebOfThings/Energy/jdal.png'); } .Farm-c1 { margin-top: 15px; padding: 10px 0; } .Farm-c1 ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .Farm-c1 ul li { display: flex; justify-content: space-between; width: 540px; margin-top: 30px; } .Farm-c1 ul li .Farm-c1-div { margin-left: 35px; margin-top: 15px; } .Farm-c1 ul li .Farm-c1-div h2 { margin-bottom: 20px; } .Farm-c2 { background-image: url('../Areas/Subpage/Img/WebOfThings/Farm/jdal.png'); } .Car-c1 { height: 278px; } .Car-c1 li { text-align: right; } .Car-c1 h2 { line-height: 38px; font-size: 30px; color: blue; } Car-c2 li { text-align: left; } .Car-c2 h2 { line-height: 38px; font-size: 30px; color: blue; } .Car-c3 { background-image: url('../Areas/Subpage/Img/WebOfThings/Car/czzd.png'); } .Car-c4 { background-image: url('../Areas/Subpage/Img/WebOfThings/Car/jdal.png'); } /*浜у搧绯诲垪*/ .IntellMonitor-c1 { margin-top: 40px } .IntellMonitor-c1 li { width: 594px; align-items: flex-start; margin: 0px 10px 0 10px; } .IntellMonitor-c1 li a { color: #5e96f5; } .IntellMonitor-c2 { margin-left: 30px; vertical-align: text-top; width: 334px; } .IntellMonitor-c2 h3 { font-size: 24px; line-height: 30px; color: #0b259f; height: 30px; margin-bottom: 14px; } @media screen and (max-width:700px) { .IntellMonitor-c1 li { width: inherit; align-items: flex-start; margin: 20px 10px 0 10px; } .IntellMonitor-c1 li img { width: 170px; height: 170px; } .IntellMonitor-c2 { margin-left: 15px; vertical-align: text-top; width: inherit; padding-right: 5%; } .IntellMonitor-c2 h3 { font-size: 18px; line-height: 24px; color: #0b259f; height: 25px; margin-bottom: 14px; } .IntellMonitor-c2 p { font-size: 14px; } } .IntellMonitor-p1 { color: #0b259f; font-size: 18px; line-height: 20px; height: 20px; margin-bottom: 24px; } .IntellMonitor-p2 { color: #0a0707; font: 14px/20px 寰蒋闆呴粦; height: auto; margin-bottom: 10px; } @media screen and (max-width:700px) { .IntellMonitor-p1 { color: #0b259f; font-size: 14px; line-height: 14px; height: 14px; margin-bottom: 24px; } .IntellMonitor-p2 { color: #0a0707; font: 14px/16px 寰蒋闆呴粦; height: auto; margin-bottom: 10px; } } .IntellMonitor-a1 { color: #337deb; } .videocall-c1 { margin-top: 40px; } .videocall-c1 ul { display: flex; justify-content: space-between; flex-wrap: wrap; align-content: space-between; } .videocall-c1 li { width: 600px; display: flex; margin-top: 30px; } .videocall-c1 li .Video-div1 { width: 290px; margin-left: 35px; display: flex; flex-direction: column; justify-content: space-between; } .videocall-c1 li div h4 { color: #1559a5; font-size: 20px; } .videocall-c1 li div h4 span { font-size: 16px; display: block; } .videocall-c1 li div p { margin-top: 20px; font-size: 14px; } .videocall-c1 li .Video-div1 a { color: #5e96f5; } .videocall-c2:hover { background-image: url('../Areas/Subpage/Img/Product/VideoCall/hs1.png'); z-index: 2000; opacity: 0.5; } .videocall-c3:hover { background-image: url('../Areas/Subpage/Img/Product/VideoCall/hs2.png'); } .videocall-c4:hover { background-image: url('../Areas/Subpage/Img/Product/VideoCall/hs3.png'); } /*瑙e喅鏂规*/ .case { background: #f5f5f5; } .case a:hover { color: #2c7fe7 } .caselist h3 { padding: 8px 0px 20px 0px; text-align: center; } .casebox { padding: 10px; overflow: hidden; } .caseitem { /*box-shadow: 0 22px 40px rgba(0,0,0,.16);*/ } .caseitem img { padding: 10px; width: 100%; transition: all 0.3s; } .caseitem img:hover { transform: scale(1.02); } .caseitem.bg { background-color: #267ae4; color: #fff } .solution-c1 { position: relative; } .solution-c1 li a { display: inline-block; height: 247px; width: 260px; } .solution-li1 { background-image: url('../Areas/Subpage/Img/Product/Solution/zhyl.png'); } .solution-li1:hover { background-image: url('../Areas/Subpage/Img/Product/Solution/zhyld.png'); } .solution-li2 { background-image: url('../Areas/Subpage/Img/Product/Solution/zhxz.png'); } .solution-li2:hover { background-image: url('../Areas/Subpage/Img/Product/Solution/zhxzd.png'); } .solution-li3 { background-image: url('../Areas/Subpage/Img/Product/Solution/zhly.png'); } .solution-li3:hover { background-image: url('../Areas/Subpage/Img/Product/Solution/zhxzd.png'); } .solution-li4 { background-image: url('../Areas/Subpage/Img/Product/Solution/zhgd.png'); } .solution-li4:hover { background-image: url('../Areas/Subpage/Img/Product/Solution/zhgdd.png'); } .solution-li5 { background-image: url('../Areas/Subpage/Img/Product/Solution/xlgc.png'); } .solution-li5:hover { background-image: url('../Areas/Subpage/Img/Product/Solution/xlgcd.png'); } .solution-li6 { background-image: url('../Areas/Subpage/Img/Product/Solution/mclz.png'); } .solution-li6:hover { background-image: url('../Areas/Subpage/Img/Product/Solution/mclzd.png'); } .solution-li7 { background-image: url('../Areas/Subpage/Img/Product/Solution/pazz.png'); } .solution-li7:hover { background-image: url('../Areas/Subpage/Img/Product/Solution/pazzd.png'); } .solution-li8 { background-image: url('../Areas/Subpage/Img/Product/Solution/pazz.png'); } .solution-li8:hover { background-image: url('../Areas/Subpage/Img/Product/Solution/pazzd.png'); } .solution-li9 { background-image: url('../Areas/Subpage/Img/Product/Solution/zhjs.png'); } .solution-li9:hover { background-image: url('../Areas/Subpage/Img/Product/Solution/zhjsd.png'); } .solution-li10 { background-image: url('../Areas/Subpage/Img/Product/Solution/zhlb.png'); } .solution-li10:hover { background-image: url('../Areas/Subpage/Img/Product/Solution/zhlbd.png'); } .solution-li11 { background-image: url('../Areas/Subpage/Img/Product/Solution/zbxk.png'); } .solution-li11:hover { background-image: url('../Areas/Subpage/Img/Product/Solution/zbxkd.png'); } .solution-li12 { background-image: url('../Areas/Subpage/Img/Product/Solution/yzy.png'); } .solution-li12:hover { background-image: url('../Areas/Subpage/Img/Product/Solution/yzyd.png'); } .solution-li13 { background-image: url('../Areas/Subpage/Img/Product/Solution/padd.png'); } .solution-li13:hover { background-image: url('../Areas/Subpage/Img/Product/Solution/pad.png'); } .solution-li14 { background-image: url('../Areas/Subpage/Img/Product/Solution/pazz.png'); } .solution-li14:hover { background-image: url('../Areas/Subpage/Img/Product/Solution/pazzd.png'); } /*瑙嗛浼氳*/ .videoCon-c1 { height: 360px; margin-top: 40px; margin-bottom: 40px; } .videoCon-c1 li { width: 500px; height: 340px; } .videoCon-c1 h2 { margin-bottom: 40px; } .videoCon-c1 p { font-size: 12px; text-indent: 2em; color: black; } .videoCon-c2 li { width: 308px; margin: 0 10px 0 10px; } .Pservice-c1 { height: 303px; margin-top: 40px; margin-bottom: 40px; } .Pservice-c1 li { width: 527px; height: 340px; margin: 0 20px 0 20px; text-indent: 2em; } /*绉戞妧鍒涙柊*/ .Live-text-c1 { text-align: center; margin: 60px 0; } .Live-text-c1 p { text-align: center; font: 18px/30px 寰蒋闆呴粦; } .live-c1 { background-image: url('../Areas/Subpage/Img/TechnologyInnovation/VideoAbility/Live/l.png'); } .live-c2 { background-image: url('../Areas/Subpage/Img/TechnologyInnovation/VideoAbility/Live/r.png'); } .live-img { } .Live-Bg { height: 420px; background-image: url('../Areas/Subpage/Img/TechnologyInnovation/VideoAbility/Live/zbtu.png'); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; color: #fafafa; padding-top: 120px; } .Live-Bg h3 { font-size: 24px; padding-bottom: 34px; text-align: center; } .Live-Bg p { padding: 0; text-align: center; font-size: 18px; } .Live-bg-tt { position: relative; top: -70px; } .Live-bg-tt ul { display: flex; justify-content: space-around; flex-wrap: wrap; padding: 0 100px 0 100px; } .Live-bg-tt ul li { width: 488px; height: 322px; text-align: center; border-radius: 10px; box-shadow: #b3ecfd 0px 3px 1px 2px; background-color: #ededed; padding: 0 30px 0 30px; } .Live-bg-tt ul li h2 { text-indent: 0em; padding-top: 80px; margin-bottom: 28px; font-size: 24px; } .Live-bg-tt ul li p { padding: 0px; font-size: 20px; text-indent: 0em; } .ba-c1 ul { display: flex; justify-content: space-between; background-color: #fafafa; height: 400px; padding-top: 20px; margin-bottom: 60px; } .ba-c1 ul li { width: 250px; text-align: center; padding: 0 10px; } .ba-c1 ul li img { transform: translateY(30px); } .ba-c1 ul li h3 { margin-bottom: 10px; } .ba-c1 ul li div { padding-top: 50px; border-radius: 50%; background-color: #ffffff; height: 230px; width: 230px; } .ba-c2 .row { width: 1300px; } .ba-c2 .row .col-lg-3 { width: 320px; height: 206px; } .ba-c2 .row h1 { font-size: 35px; color: #1a9afc; text-align: right; margin: 15px 0 0 0; } .ba-c2 .row h3 { margin: 0 0 20px 40px; } .ba-c2 .row p { margin: 0 0 20px 40px; } @media screen and (max-width:710px) { .Live-bg-tt { position: relative; top: 0px; } .Live-bg-tt ul { display: flex; justify-content: space-around; flex-wrap: wrap; padding: 0px; } .Live-bg-tt ul li { width: 488px; height: 322px; text-align: center; border-radius: 10px; box-shadow: #b3ecfd 0px 3px 1px 2px; background-color: #ededed; padding: 0 30px 0 30px; margin-top: 30px; } .Live-bg-tt ul li h2 { text-indent: 0em; padding-top: 40px; margin-bottom: 28px; font-size: 24px; } } .Live-c3 ul { display: flex; justify-content: space-around; flex-wrap: wrap; background-color: #f8f8f8; padding-top: 40px; } .Live-c3 ul .li-1 { width: 388px; padding: 30px 0 0 30px; } .Live-c3 ul .li-1 h3 { font-size: 24px; line-height: 30px; margin-bottom: 40px; } .Live-c3 ul .li-1 p { font-size: 18px; line-height: 25px; margin-bottom: 40px; } .Live-c3 ul .li-2 { width: 750px; } .Live-c3 ul .li-2 p { font-size: 14px; } .Live-c3 ul .li-2 .row { background-color: #ffffff; height: 138px; width: 330px; display: inline-block; padding: 0 5px 0 20px; margin-left: 28px; margin-bottom: 30px; } .Live-c3 ul .li-2 .row .col-md-2 { text-align: center; padding-top: 50px; width: 100px } .Live-c3 ul .li-2 .row .col-md-5 { width: 202px; padding: 28px 0 0 0; } .down-com { margin-top: 60px; margin-bottom: 60px; } .Live-c4 { text-align: center; margin-top: 40px; padding-top: 110px; display: flex; justify-content: space-between; flex-wrap: wrap; } .Live-c4 .col-md-3 { height: 380px; } .Live-c4 .col-md-3 .Live-c4-1 { background-color: #f8f8f8; } .Live-c4 .col-md-3 .Live-c4-1:hover { background-color: #1b9cfd; transition: all 2s; } .Live-c4 .col-md-3 .Live-c4-1 div { transform: translateY(-80px); height: 285px; width: 300px; padding: 0 32px 0 32px; } .Live-c4 .col-md-3 div p { font-size: 14px; padding-top: 30px; text-align: justify; } .down-com ul { height: auto; flex-grow: 1; display: flex; list-style-type: none; justify-content: center; } .down-com li { width: 160px; height: 210px; margin: 0 50px 0 50px; display: flex; text-align: center; align-items: center; justify-content: center; } .down-com .da { padding-top: 20px; color: #ffffff; /*background-color:#136eba; background-color:#1399ff*/ } .down-com .da a:hover { color: #ffffff; } .down-com1 { margin-top: 60px; text-align: center; } .down-com1 ul { display: flex; justify-content: space-around; } .down-com1 ul li { display: flex; flex-direction: column; justify-content: flex-end; } .down-com1 ul li img { width: 180px; height: 180px; } .button { width: 200px; height: 35px; display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); } .button:hover { text-decoration: none; } .button:active { position: relative; top: 1px; } .blue { color: #ffffff; border: solid 1px #0076a3; background: #0a519e; background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); background: -moz-linear-gradient(top, #1a9bfb, #0172c7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#136eba', endColorstr='#0078a5'); } .blue:hover { background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e)); background: -moz-linear-gradient(top, #0095cc, #00678e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1399ff', endColorstr='#00678e'); } .blue:active { color: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee)); background: -moz-linear-gradient(top, #0078a5, #00adee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee'); } .Honor-c1 { text-align: center; margin: 40px 0 40px 0; } .Honor-c1 img { margin-bottom: 40px; } .Honor-c2 { display: none; } @media screen and (max-width:700px) { .Honor-c1 { display: none; } .Honor-c2 { display: block; } } .QyHonor-c1 { } .QyHonor-c1 ul { display: flex; justify-content: space-between; margin-top: 60px; } .QyHonor-c1 ul li { width: 32%; } .QyHonor-c1 ul li img { width: 100%; } .support { width: 1300px; height: auto; } .support h2 { line-height: 25px; text-align: justify; font-size: 25px; } .support hr { height: 10px; border: none; border-top: 10px groove skyblue; } .AS-Cu-c1 .Cu-c1-c1 li { max-width: 648px; min-width: 324px; } .AS-Cu-c1 .Cu-c1-c1 li:last-child { padding-left: 60px; padding-top: 100px; } .AS-Cu-c1 .Cu-c1-c1 li img { width: 100%; } .AS-Cu-c1 .Cu-c1-c1 li h2 { font-size: 36px; font-weight: 600; margin-bottom: 24px; } .AS-Cu-c1 .Cu-c1-c1 li p { font-weight: 600; margin-top: 24px; } .AS-Cu-c2 .Cu-c2-c1 .Cu-c2-c1li { width: 648px; min-width: 324px; padding: 60px 60px 0 0; text-align: right; } .AS-Cu-c2 .Cu-c2-c1 .Cu-c2-c1li div h2 { font-weight: 600; font-size: 36px; margin-bottom: 24px; } .AS-Cu-c2 .Cu-c2-c1 .Cu-c2-c1li div ul { margin-top: 30px; } .AS-Cu-c2 .Cu-c2-c1 .Cu-c2-c1li div ul p { font-weight: 600; margin-top: 20px; text-align: center; } .AS-Cu-c3 { text-align: center; } .Parthd { background-color: #fafafa; padding: 60px 0 60px 0; } .news-p1 p { color: black; } .Cul-imgcon { margin-top: 40px; } .Talent-c1 .Talent-c1-list li { width: 210px; text-align: center; padding: 40px 0; border: 1px solid #ffffff; } .Talent-c1 .Talent-c1-list li h2 { font-size: 24px; font-weight: 600; margin-bottom: 18px; } .Talent-c1 .Talent-c1-list li hr { display: inline-block; width: 52px; border: 2px solid #ffffff; } .Talent-c1 .Talent-c1-list li h3 { font-weight: 600; } .Talent-c1 .Talent-c1-list .licar { border: 1px solid #3a96dd; } .Talent-c2 { background-color: #fafafa; margin-top: 40px; } .Talent-c2 ul li { width: 647px; } .Talent-c2 ul li:first-child { padding: 50px 40px 0 40px; color: #7b7a7a; } .EmAct-c1 { margin-bottom: 20px; } .EmAct-c1 img { width: 100%; } .EmAct-c1 ul { height: auto; flex-grow: 1; display: flex; list-style-type: none; justify-content: center; } .EmAct-c1 li { margin: 20px 30px 0 30px; height: auto; width: 502px; display: flex; align-items: center; justify-content: center; } .EmAct-p:nth-child(1) { color: black; margin-bottom: 80px; padding-top: 20px; } .EmAct-p:nth-child(2) { color: black; margin-bottom: 30px; padding-top: 20px; } .EmAct-p:nth-child(3) { color: black; margin-bottom: 30px; padding-top: 20px; } .EmAct-p:nth-child(4) { color: black; margin-bottom: 30px; padding-top: 20px; } .EmAct-c1 a { /*border: 1px solid black;*/ display: block; height: 30px; width: 120px; } .white { color: #606060; border: solid 1px #b7b7b7; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); } .white:hover { background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); background: -moz-linear-gradient(top, #fff, #dcdcdc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); } .white:active { color: #999; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top, #ededed, #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); } .Sa-img { text-align: center; margin: 60px 0 0 0; } /*鐩戞帶鑳藉姏*/ .Monitor-c1 { } .Monitor-c1 .row { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 40px; } .Monitor-c1 .row h3 { margin: 20px 0 16px 0; } .Monitor-c2 { background-color: #f3f3f3; padding-top: 20px; } .Monitor-c2 ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 40px; } .Monitor-c2 ul li { width: 650px; } .M-li-c1 { height: 308px; padding: 40px 52px 0 52px; } .Monitor-c2 ul li .row { height: 308px; padding: 0px; } .Monitor-c2 ul li .row .col-md-6 { padding: 0px; height: 314px; } .Monitor-c2 ul li .row .text { padding: 0 15px 0 20px; } .Monitor-c2 ul li .row .text2 { padding: 0 15px 0 20px; } /*浜や簰鑳藉姏*/ .Mutually-c1 { padding: 130px 0 130px 0; background-image: url('../Areas/Subpage/Img/TechnologyInnovation/VideoAbility/Mutually/ysj1.png'); background-position: center; } .M-box { height: 250px; width: 600px; margin-left: 110px; } .M-box p { margin-top: 34px; } .Mutually-c2 { } .Mutually-c2 ul { display: flex; justify-content: space-between; } .Mutually-li-1 { width: 700px; } .Mutually-li-2 { background-image: url('../Areas/Subpage/Img/TechnologyInnovation/VideoAbility/Mutually/ys-2.png'); background-position: center; background-size: 100% 100%; width: 500px; z-index: -1; padding: 40px 26px 0 110px; font-size: 14px; height: 540px; } .Mutually-li-2 div { margin-bottom: 25px; } .Mutually-li-2 div h4 { margin-bottom: 10px; } /*鍏徃浠嬬粛*/ .Business-c1 { width: 100%; height: 874px; margin-top: 40px; background-image: url('../Areas/Subpage/Img/AboutSaida/Business/b1.png'); background-size: 100% 100%; position: relative; display: flex; justify-content: flex-end; color: #ffffff; } .Business-c1 .box { margin-top: 290px; width: 50%; height: 500px; } .Business-c1 .box .name { font-size: 40px; font-weight: 500; } .Business-c1 .box .name span { font-size: 20px; } .Business-c1 .box .b_line { width: 100px; height: 2px; background: #ffffff; margin-top: 20px; margin-bottom: 30px; } .Business-c1 .box .b_info { width: 617px; } .Business-c2 { width: 100%; height: 991px; background-image: url('../Areas/Subpage/Img/AboutSaida/Business/b2.png'); background-size: 100% 100%; display: flex; justify-content: center; grid-gap: 119px; align-items: center; } .Business-c2 .b2_info { width: 540px; height: 689px; background: #FFFFFF; padding: 120px 101px 0 101px; } .Business-c2 .b2_info div { display: flex; justify-content: center; } .Business-c2 .b2_info .line1 { font-weight: 400; font-size: 32px; color: #000000; margin-bottom: 32px; } .Business-c2 .b2_info .line2 { font-weight: 600; font-size: 40px; color: #000000; margin-bottom: 52px; } .Business-c2 .b2_info .line3 { width: 60px; height: 2px; background: #000000; margin: 0 auto; margin-bottom: 68px; } .Business-c2 .b2_info .line4 { font-weight: 400; font-size: 20px; color: #000000; line-height: 40px; text-align: center; } .Business-c3 { width: 100%; height: 604px; position: relative; margin-bottom: 324px; } .Business-c3 img { width: 100%; } .Business-c3 .b3_info { position: absolute; bottom: -240px; background-image: url('../Areas/Subpage/Img/AboutSaida/Business/b4.png'); background-size: 100% 100%; padding: 105px 71px 0 71px; width: 1200px; height: 402px; margin-left: -600px; left: 50%; text-align: center; } .Business-c3 .b3_info .b3_line { font-weight: 500; font-size: 40px; color: #000000; margin-bottom: 40px; } .Business-c3 .b3_info .b3_line2 { width: 120px; height: 2px; background: #000000; margin: 0 auto; } .Business-c3 .b3_info .b3_line3 { margin-top: 38px; font-size: 18px; color: #000000; line-height: 36px; } /*浼佷笟鏂囧寲*/ .culture { width: 100%; } .culture .cul_c1 { width: 100%; height: 836px; display: flex; justify-content: center; align-items: center; color: #FFFFFF; } .culture .cul_c1 .cul_c1_1 { width: 1200px; height: 556px; background-image: url('../Areas/Subpage/Img/AboutSaida/Culture/c1.png'); background-size: 100% 100%; padding: 130px 84px; position: relative; } .culture .cul_c1 .cul_c1_1 .name { margin-bottom: 69px; font-size: 60px; } .culture .cul_c1 .cul_c1_1 .info { width: 565px; font-size: 24px; line-height: 48px; } .culture .cul_c1 .cul_c1_1 .image { position: absolute; top: -65px; right: 63px; } .culture .cul_c1 .cul_c1_1 .image img { width: 100%; } .cul_c2 { width: 100%; height: 652px; background-image: url('../Areas/Subpage/Img/AboutSaida/Culture/c2.png'); background-size: 100% 100%; display: flex; justify-content: center; grid-gap: 230px; color: #FFFFFF; text-align: center; } .cul_c2 .col .line1 { font-size: 36px; margin-bottom:57px; margin-top:332px; } .cul_c2 .col .line2 { font-size: 36px; font-weight: 400; margin-bottom:50px; } .cul_c2 .col .line3 { width: 220px; height: 1px; background: #FFFFFF; margin:0 auto; } .cul_c3 { width: 100%; height: 560px; color: #000000; } .cul_c3 .cul_c3_tit { font-weight: 500; font-size: 60px; color: #000000; margin-top:173px; text-align:center; margin-bottom:48px; } .cul_c3 .line { width: 120px; height: 1px; background: #000000; margin:0 auto; } .cul_c3 .cul_c3_ul { display:flex; justify-content:center; grid-gap:159px; } .cul_c3 .cul_c3_ul .ul_li { width: 180px; margin-top:79px; } .cul_c3 .cul_c3_ul .ul_li image { width: 180px; height:180px; margin-bottom:29px; } .cul_c3 .cul_c3_ul .ul_li image img{ width:100%; height:100%; } .cul_c3 .cul_c3_ul .ul_li .name { font-weight: 500; font-size: 36px; margin-bottom: 20px; text-align: center; height: 36px; margin-top:29px; } .cul_c3 .cul_c3_ul .ul_li .li_line { width: 180px; height: 1px; border: 1px solid #5992F0; } .cul_c4 { width: 100%; height: 588px; background-image: url('../Areas/Subpage/Img/AboutSaida/Culture/c4.png'); background-size: 100% 100%; position:relative; color:#ffffff; margin-bottom:188px; } .cul_c4 .cul_c4_tit { padding-top: 139px; font-size: 60px; font-weight: 500; text-align: center; margin-bottom:48px; } .cul_c4 .line { width: 120px; height: 1px; background: #FFFFFF; margin:0 auto; } .cul_c4 .cul_c4_ul { display:flex; justify-content:center; grid-gap:33px; position:absolute; bottom:-63px; width:100%; } .cul_c4 .cul_c4_ul .image { width: 275px; height: 321px; display: flex; justify-content: center; align-items: center; background: #FFFFFF; } .cul_c4 .cul_c4_ul .image img{ width:90px; height:90px; } .cul_c4 .cul_c4_ul .name { width: 275px; height: 68px; background: #5992F0; text-align: center; font-size: 36px; line-height:68px; } /*浼佷笟鏂囧寲缁撴潫*/ /*...............*/ .plent-c1 { margin-top: 40px; height: 35px; background: url('../Areas/Subpage/Img/Government/PlentyOfEngineering/fengexian.png') no-repeat; background-position: center center; } .plent-c1 h3 { text-align: center; line-height: 35px; } .plent-c2 { } .plent-c2 ul { display: flex; flex-wrap: wrap; justify-content: space-between; } .plent-c2 ul li { text-align: center } @media screen and (max-width:700px) { .plent-c2 ul li { flex: 1; text-align: center } } .plent-c3 { margin-top: 40px; } .plent-c3 ul { display: flex; flex-wrap: wrap; justify-content: space-between; } .plent-c3 ul li { text-align: justify; } .plent-c3 ul li p { width: 364px; font-size: 12px; text-align: justify; height: 90px; line-height: 24px; } @media screen and (max-width:700px) { .plent-c3 ul li { width: inherit; padding: 5% 5%; text-align: justify; } } .plent-c4 { margin-top: 30px; } .plent-c4 img { width: 100%; } /*..........GNewsPape鏍峰紡................*/ .GNewPape-c1 { background-color: #fafafa; margin-top: 40px; margin-bottom: 40px; } .GNewsPape-tit { padding: 40px 0 40px 0; text-align: center; } .GNewsPape-tit h3 { font-size: 28px; line-height: 35px; } .GNewPape-cont { width: 1000px; margin: 0 auto; text-align: center; } @media screen and (max-width:768px) { .GNewPape-cont { width: inherit; margin: 0 auto; text-align: center; } .GNewPape-cont img { width: 100%; } } .GNewPape-cont p { font-family: 'Microsoft YaHei'; font-size: 14px; line-height: 24px; color: #333; text-align: justify; } .GNewPape-return { padding-bottom: 30px; height: 50px; } .GNewPape-return p { text-align: center; text-indent: 0px; } .GNewPape-return p a { display: inline-block; background-color: #015198; padding: 5px 30px; color: #FFF; font-size: 14px; text-indent: 0px; } /*鍔犲叆璧涜揪*/ /*鏀剁缉鑿滃崟*/ .v { float: right; width: 51px; height: 51px; overflow: hidden; background-image: url('../Areas/Subpage/Img/HumanResources/HR/vicon.png'); display: inline-block; margin-top: -5px; margin-bottom: -5px; } .v01 { background-position: 0 0px; } .v02 { background-position: 0 -51px; ; } .vtitle { height: 60px; background: #fafafa; line-height: 60px; /*border: 1px solid #ccb6a9;*/ margin-top: 30px; padding-left: 20px; font-size: 18px; color: #025397; font-family: "\5FAE\8F6F\96C5\9ED1"; cursor: pointer; } .vtitle em { margin: 5px 32px 0 0; } .vconlist { background: #9cc; } .vconlist li a { height: 30px; line-height: 30px; padding-left: 30px; display: block; font-size: 14px; color: #866f67; font-family: "\5FAE\8F6F\96C5\9ED1"; } .vconlist li.select a, .vconlist li a:hover { color: #ed4948; text-decoration: none; } .hr-cont { width: 1100px; margin: 0px 0 0 90px; } .hr-cont p { font-size: 14px; line-height: 25px; } .hr-cont1 { margin: 0px 0 0 90px; } /*鏅烘収瀹¤*/ .Audit-c1 { height: 350px; margin-top: 40px; } .Audit-c1 ul { height: 350px; display: flex; justify-content: space-between; } .Audit-c1 ul li { width: 200px; justify-content: flex-start; text-align: center; } .Audit-c1 ul li h4 { font-size: 21px; margin: 20px 0 30px 0; } .Audit-c1 ul li p { font-size: 14px; text-align: justify; } .Audit-c2 { height: 300px; margin-top: 40px; } .Audit-c2 ul { height: 300px; display: flex; justify-content: space-between; } .Audit-c2 ul li { width: 613px; justify-content: flex-start; text-align: center; } .Audit-c2 ul li h4 { text-align: left; font-size: 21px; margin: 20px 0 30px 0; } .Audit-c2 ul li p { font-size: 14px; text-align: justify; } /*鍚堝娆?/ .LoveFa-c1 { margin: 40px 0; } .LoveFa-c1 h3 { font-size: 24px; text-align: center; margin-bottom: 30px; } .LoveFa-c1 p { text-indent: 2em; font-size: 14px; } .LoveFamliy-c2 { } .LoveFamliy-c2 ul { display: flex; flex-wrap: wrap; justify-content: space-between; } .LoveFamliy-c2 ul li { text-align: center; } @media screen and (max-width:700px) { .LoveFamliy-c2 img { width: 110px; height: 110px; } } /*鑱旂郴鎴戜滑*/ .ConUs-c1 { height: 344px; margin: 60px 0 40px 0; text-align: center; } .ConUs-c1 ul { margin: 0 auto; height: 344px; width: 1250px; display: flex; justify-content: space-between; } .ConUs-c2 { text-align: center; } /*璁垮鐣欒█*/ .Message-c1 { height: 550px; background-color: #f2f2f2; padding-top: 40px; margin-top: 40px; } .Message-c1 p { font-size: 14px; color: #323131; text-align: center; text-indent: 2em; } .Message-c2 { width: 1100px; margin: 0 auto; display: flex; justify-content: center; } .Message-c2 span { color: #f41e1e; } .Message-c2 .cell-1 { width: 140px; height: 34px; line-height: 34px; text-align: center; } .Message-c2 tr { display: block; margin-top: 30px; } .Message-c2 .cell-2 { width: 364px; height: 34px; } .Message-c2 .cell-2 input { width: 364px; height: 30px; } .Message-btn { width: 400px; height: 74px; margin: 0 auto; padding-top: 30px; display: flex; justify-content: space-between; } .int-c1 { background-color: #5978e2; font-size: 18px; color: #ffffff; display: block; width: 100px; height: 30px; cursor: pointer; } .int-c2 { background-color: #727071; font-size: 18px; color: #ffffff; display: block; width: 100px; height: 30px; cursor: pointer; } /*鏅烘収鐩戠*/ .Sjkd-s1 { height: 400px; padding-top: 60px; } .Sjkd-jianju { margin-top: 60px; } .Sjkd-s1 p { text-indent: 2em; font-size: 16px; margin-bottom: 60px; } .Sjkd-s1 ul { display: flex; justify-content: space-between; } .Sjkd-s1 ul li { text-align: center; width: 180px; } .Sjkd-s1 ul li h3 { color: #4e7baa; margin: 22px 0 18px 0; } .Sjkd-s1 ul li p { font-size: 16px; text-indent: 0em; letter-spacing: 1.5px; text-align: justify; } .Sjkd-s2 { margin-top: 60px; } .Sjkd-s2 ul { display: flex; justify-content: space-around; } .Sjkd-s2 ul li { width: 500px; } .Sjkd-s2 ul li .div1 { height: 250px; display: flex; flex-direction: column; justify-content: space-between; } .Sjkd-s2 ul li .div1 h4 { font-size: 20px; margin-bottom: 10px; } /*骞冲畨鍩庡競*/ .Smartshop-c1 { height: 436px; margin-top: 70px; } .Smartshop-c1 ul { height: 436px; display: flex; flex-wrap: wrap; justify-content: space-between; } .Smartshop-c1 ul li { width: 372px; height: 126px; display: flex; align-items: flex-start; } .Smartshop-c1 ul li .Smartshop-cc { display: inline-block; width: 200px; height: 126px; margin-left: 36px; padding-top: 16px; } .Smartshop-c1 ul li .Smartshop-cc h3 { margin-bottom: 18px; color: #014587; line-height: 20px; } .Smartshop-c1 ul li .Smartshop-cc p { font-size: 14px; color: #3d3d3d; } /*vr鑳藉姏*/ .Vr-c1 { margin-top: 60px; } .Vr-c1 ul { display: flex; justify-content: space-between; } .Vr-c1 ul li { width: 380px; height: 320px; } .Vr-c1 ul li h3 { margin-top: 16px; } .Vr-c1 ul li p img { width: 100%; } .Vr-c2 { padding: 40px 0; } .Vr-cc1 { text-indent: 2em; } .Vr-c2 ul { margin-top: 60px; display: flex; justify-content: space-between; } .Vr-c2 ul li { width: 344px; height: 148px; display: flex; align-items: center; justify-content: center; } .Vr-cc2 { text-align: center; } .Vr-c2 ul li:nth-child(1) { background-color: #e8f5fe; } .Vr-c2 ul li:nth-child(2) { background-color: #e8f9f9; } .Vr-c2 ul li:nth-child(3) { background-color: #f9f8f1; } .Vr-c3 { padding: 40px 0; } .Vr-c3 .Vr-p { text-indent: 2em; } .Vr-c3 ul { margin-top: 30px; display: flex; justify-content: space-between; } .Vr-c3 ul li { width: 585px; text-align: center; } .Vr-c3 ul li h3 { margin: 20px 0; } .Vr-c3 ul li p { text-align: justify; text-indent: 2em; } .Vr-c4 { padding: 0; } .Vr-c4 ul li { width: 292px; } .Vr-c5 { padding: 30px 0 0 0; } .Vr-c5 .Vr-p2 { text-indent: 2em; } .Vr-c5 ul li { width: 181px; height: 168px; } .Vr-c5 ul li p { text-align: center; font-size: 14px; text-indent: 0px; } .edu-p { text-align: justify; text-indent: 2em; } .edu-p2 { padding: 0 20px; text-align: justify; text-indent: 2em; } .edu-img img { margin-bottom: 60px; } .edu-c1 { width: 400px; padding: 0 20px; display: flex; flex-direction: column; } .edu-c1 h3 { font-size: 20px; margin-bottom: 10px; } /*涓嬭浇椤甸潰*/ .download-c1 { background-color: #ffffff; margin-top: 80px; } .download-c2 { margin: 0 auto; } .download-c2 ul { display: flex; justify-content: space-around; flex-wrap: wrap; } .download-c2 ul .li-c1 { width: 460px; padding-left: 80px; } .download-c2 ul .li-c1 img { margin-bottom: 40px; } .download-c2 ul .li-c2 { width: 700px; padding-left: 70px; display: flex; flex-direction: column; justify-content: center; } .dow-d1 { margin-bottom: 20px; } .dow-d2 { margin-bottom: 40px; } .dow-d2 h4 { font-size: 30px; margin-bottom: 20px; } .dow-d3 { display: flex; justify-content: space-around; flex-wrap: wrap; position: relative; } @media screen and (max-width:768px) { .download-c2 ul .li-c1 { width: 460px; padding-left: 0px; } .download-c2 ul .li-c2 { padding: 10px 10px; display: flex; flex-direction: column; justify-content: center; } .download-c2 ul .li-c1 .down-img-title { width: 50%; } .download-c2 ul .li-c1 img { width: 100%; margin-bottom: 40px; } } .dow-d3-c1 .erweima-1 { width: 120px; height: 120px; padding: 3px; background: #fff; text-align: center; position: absolute; left: 40px; top: -130px; display: none; border: 1px solid #6cc5fc; border-radius: 10px; } .dow-d3-c1 .erweima-1 .arrow { width: 0; height: 0; border-top: 10px solid #6cc5fc; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; left: 49px; top: 119px; } .dow-d3-c1.on .erweima-1 { display: block; } .dow-d3-c1.on .erweima-2 { display: block; left: 250px; top: -130px; } .dow-d3-c1.on .erweima-3 { display: block; left: 40px; top: -50px; } .dow-d3-c1.on .erweima-5 { display: block; left: 457px; top: -130px; } .dow-d3-c1.on .erweima-4 { display: block; left: 250px; top: -50px; } .dow-d3-c1.on .erweima-huiyi { display: block; left: 459px; top: -80px; width: 120px; height: 80px; } .erweima-huiyi div { margin-top: 10px; cursor: pointer; } .erweima-huiyi div a { font-size: 14px; display: flex; justify-content: space-around; } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; display: flex; align-items: center; } .btn-c1 { padding: 10px; background: #6cc5fc; border-radius: 50px; width: 180px; text-align: left; color: #ffffff; border: 1px solid white; margin-right: 10px; transition: all 1s; } .btn-c1:hover { background: #ffffff; border: 1px solid #6cc5fc; color: #6cc5fc; transition: all 1s; } .btn i { width: 20px; font-size: 36px; margin-left: 10px; margin-right: 25px; } .d2 { background-color: #fafafa; margin-top: 10px; padding-top: 70px; } .download-c2 ul .lili1 { padding-left: 5px; } .download-c2 ul .lili2 { display: none; padding-left: 5px; } .flex-item-1 { margin-top: 20px; margin-left: 432px; } .flex-item-2 { margin-top: 20px; } .flex-item-3 { margin-top: 0px; margin-left: 0px; } @media screen and (max-width:768px) { .download-c2 ul .lili1 { display: none; padding-left: 5px; } .download-c2 ul .lili2 { display: block; padding-left: 5px; } .flex-item-1 { margin-top: 20px; margin-left: 0px; } .flex-item-3 { display: block; margin-top: 20px; margin-left: 0px; } } /*鏅烘収宸ュ湴*/ @media screen and (max-width:768px) { .GongDi img { width: 100% } } .GongDi-c1 { margin-top: 40px; } .GongDi-c1 ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .GongDi-c1 ul li { width: 353px; } .GongDi-c1 ul li h3 { font-size: 18px; margin: 40px 0 20px 0; } .GongDi-c1 ul li p { font-size: 14px; color: #727272; } @media screen and (max-width:768px) { .GongDi-c1 { margin-top: 40px; } .GongDi-c1 ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .GongDi-c1 ul li { width: 353px; margin: 15px 0 15px 0; } .GongDi-c1 ul li h3 { font-size: 18px; margin: 20px 0 10px 0; text-align: center; } .GongDi-c1 ul li p { font-size: 14px; color: #727272; text-indent: 2em; } .GongDi-c1 ul li img { width: 100%; } } .GongDi-c2 { display: flex; justify-content: space-between; flex-wrap: wrap; text-indent: 0em; } .GongDi-c2 li { width: 249px; } .GongDi-c2 li h3 { margin-top: 20px; font-size: 18px; } @media screen and (max-width:768px) { .GongDi-c2 { display: flex; justify-content: space-around; flex-wrap: wrap; text-indent: 0em; } .GongDi-c2 li { width: 249px; text-align: center; margin-bottom: 18px; } .GongDi-c2 li h3 { margin-top: 15px; font-size: 18px; } } .GongDi-c3 { } .GongDi-c3 ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .GongDi-c3 ul li img { margin-top: 15px; width: 100% } .chanpin { margin: 60px 0 60px 0; text-align: center; } .chanpin-header { } .chanpin-header ul { display: flex; justify-content: space-around; flex-wrap: wrap; } .chanpin-header ul li { margin-bottom: 60px; text-align: center; width: 144px; } .chanpin-header ul li p { margin-top: 24px; font-size: 24px; color: #646464; } .chanpin-can { text-align: center; margin: 60px 0; } .chanpin-can p { font-size: 24px; color: #323232; margin-bottom: 40px; } @media screen and (max-width:720px) { .chanpin { margin: 20px 0 20px 0; text-align: center; } .chanpin img { width: 100%; } .chanpin-can { margin-bottom: 40px; } .chanpin-can img { width: 100% } .chanpin-can p { font-size: 18px; color: #323232; margin-bottom: 40px; } } .gsmart li { width: 290px; text-align: center; line-height: 16px; font-family: "Microsoft YaHei"; font-size: 16px; text-indent: 0em; padding: 20px 10px 0 10px; margin-top: 20px; } .gsmart li img { width: 90px; } .gsmart li p { text-indent: 2em; } .gsmart li:nth-child(1) { background-color: #FFE3E3; } .gsmart li:nth-child(2) { background-color: #D9EAB8; } .gsmart li:nth-child(3) { background-color: #CDF0EC; } .gsmart li:nth-child(4) { background-color: #FADCD4; } /*鍏敤浠g爜鏍峰紡鍐呭*/ .public-ul { display: flex; flex-wrap: wrap; justify-content: space-between } @media screen and (max-width:700px) { .public-ul { display: flex; flex-wrap: wrap; justify-content: center; } } /*鍚堜綔浼欎即*/ .Partner-c1 { margin-top: 60px; } .Partner-c1 h4 { color: #0c5394; font-size: 44px; margin-bottom: 40px; text-indent: 63px; font-weight: bold; } .Partner-c1 p { text-indent: 63px; } .Partner-c1 img { margin-top: 40px; } /*瀹跺涵鐩戞帶*/ .HM-c1 { background-color: #fafafa; padding: 80px 0; } .HM-c1 ul { display: flex; justify-content: space-around; text-align: center; } .HM-c1 ul p { color: #105aa7; font-size: 30px; margin-top: 24px; } .HM-c2 { margin-top: 75px; } .HM-c2 ul { display: flex; justify-content: space-around; } .HM-c2 ul li { width: 526px; display: flex; justify-content: space-between; } .HM-c2 ul li div { width: 308px; } .HM-c2 ul li div h4 { font-size: 24px; margin-top: 14px; color: #105aa7; } .HM-c2 ul li div p { margin-top: 24px; } /*澶╃考浜戠浘*/ .Cul-text-c1 { margin-top: 80px; text-align: center; } .Cul-text-c1 h2 { margin-bottom: 30px; font-weight: bold; } .Cul-text-c1 img { margin: 30px 0 20px 0; } .page_btn { padding-top: 0px; font-family: 'Microsoft YaHei'; } .page_btn ul a { cursor: pointer; padding: 5px; font-size: 12px; display: inline-block; border: solid 1px #0b5496; border-radius: 4px; margin-right: 5px; } .page_box { text-align: center; } .page li { border-color: #0b5496; display: inline-block; border: solid 1px #ddd; border-radius: 4px; } .page a { width: 23px; height: 26px; display: inline-block; } .EA-style-1 { background-color: #f2f2f2; margin-top: 60px; width: 1300px; text-align: center; padding-bottom: 30px; } .EA-style-2 { width: 1000px; text-align: center; margin: 0 auto; padding-top: 60px; } .EA-style-1 .EA-p-1 { text-indent: 2em; text-align: justify; margin-bottom: 30px; } .EA-style-1 .EA-p-2 { margin-top: 10px; } /*鏉戞潙浜?/ .G-GCC-c1 { margin-top: 100px; } .G-GCC-c1 li { text-align: center; text-indent: 0; max-width: 250px; min-width: 150px; } .G-GCC-c1 li h3 { font-weight: 600; margin: 40px 0 20px 0; } .G-GCC-c1 li hr { border: 1px solid #000; } .GCC-c1 { text-align: center; margin-top: 30px; } .G-GCC-c2 { background-color: #fafafa; padding: 120px 0; } .G-GCC-c2 .GCC-c2-ul1 li { width: 649px; } .G-GCC-c2 .GCC-c2-ul1 li h2 { margin: 25px 0 10px 0; font-weight: 600; font-size: 32px; line-height: 32px; } .G-GCC-c2 .GCC-c2-ul1 li hr { margin-bottom: 20px; border: 1px solid #000000; } .G-GCC-c2 .GCC-c2-ul1 li p { margin-bottom: 0.7rem; font-weight: 600; } .GCC-c2-ul2 { margin-top: 100px; text-align: right; } .G-GCC-c3 .GCC-c3-t { text-align: center; } .G-GCC-c3 .GCC-c3-t h1 { font-weight: 600; margin-bottom: 14px; } .G-GCC-c3 .GCC-c3-c0 li { width: 390px; text-align: center; } .G-GCC-c3 .GCC-c3-c0 li h3 { font-weight: 600; margin: 20px 0 14px 0; } .G-GCC-c3 .GCC-c3-c0 li hr { border-bottom: 1px solid #000; } .G-GCC-c3 .GCC-c3-c1 { position: relative; } .G-GCC-c3 .GCC-c3-c1 .GCC-c3-c1-c { width: 600px; margin-left: 60px; position: absolute; top: 138px; } .G-GCC-c3 .GCC-c3-c1 .GCC-c3-c1-c ul { margin-top: 34px; text-align: center; } .G-GCC-c3 .GCC-c3-c1 .GCC-c3-c1-c p { font-weight: 600; } .G-GCC-c3 .GCC-c3-c1 .GCC-c3-c1-c h2 { font-weight: 600; font-size: 32px; margin-bottom: 16px; } .G-GCC-c3 .GCC-c3-c1 .GCC-c3-c1-c h3 { font-weight: 600; margin: 20px 0 10px 0; } .G-GCC-c3 .GCC-c3-c1 .GCC-c3-c1-c hr { border-bottom: 1px solid #000; } .GCC-c3-c2 ul li { width: 594px; } .GCC-c3-c2 ul li h3 { color: #4aa5e3; margin: 36px 0 10px 22px; } .GCC-c3-c2 ul li p { font-weight: 600; } .GCC-c3-c2 ul li p img { margin-right: 25px; } .GCC-c3-c1 .GCC-c3-c1-cright { right: 0px; } .GCC-Tit1 { text-align: center; } .GCC-Tit1 h1 { font-weight: 600; /*height: 48px;*/ line-height: 60px; } .GCC-Tit1 hr { height: 2px; width: 200px; border: none; border-top: 2px solid #6692F2; margin-top: 16px; } .GCC-Tit1 p { color: #676767; font-size: 16px; margin-top: 14px; } .GCC-Tit2 { font-size: 24px; text-align: center; margin-top: 48px; } .GCC-Tit2 h3 { margin-top: 16px; } .GCC-ul { margin-top: 60px; } .GCC-ul ul { display: flex; justify-content: space-around; flex-wrap: wrap; } .GCC-ul li { width: 309px; text-align: center; padding: 50px 60px 60px 60px; /*border: 1px solid #b7b7b7;*/ transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .GCC-ul li:nth-child(odd) { box-shadow: 0px 1px 5px 1px #bcd8fa; } .GCC-ul li:nth-child(even) { box-shadow: 0px 1px 5px 1px #ffe291; } .GCC-ul li h2 { margin-top: 30px; height: 24px; } .GCC-ul li p { margin-top: 20px; text-align: justify; } .GCC-ul li:hover { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); } .GCC-c3 { } .GCC-c3 ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .GCC-c3 ul li { width: 622px; padding: 20px 30px; background-color: #f9fafa; margin-top: 30px; } .GCC-c3 ul li div { position: relative; } .GCC-c3 ul li div h3 { display: inline-block; font-size: 30px; margin: 0 0 0px 40px; position: absolute; top: 120px; } @media screen and (max-width:700px) { .GCC-c3 ul li div h3 { display: inline-block; font-size: 24px; margin: 0 0 0px 40px; position: absolute; top: 120px; } } .GCC-c4 { padding: 60px 0; } .mc1m_efs { margin: 0 auto; height: 900px; width: 1300px; overflow: hidden; padding-top: 60px; } .mc1m_efs div { width: 900px; padding: 80px 50px 0 50px; } .mc1m_efs div h3 { font-size: 32px; margin-bottom: 20px; } .mc1m_efs div hr { width: 100%; margin-bottom: 60px; } .mc1m_efs div p { margin-bottom: 60px; } .mc1m_efs dl { float: left; } .mc1m_efs dl dt { float: left; height: 900px; width: 120px; border-right: 1px solid #FFF; font-size: 13px; line-height: 14px; color: #FFF; padding: 20px 5px 0px; text-align: center; cursor: pointer; } .mc1m_d1 { background-image: url('../Areas/Subpage/Img/Government/GCContryShare/ccx-img_07.png'); } .mc1m_d2 { background-image: url('../Areas/Subpage/Img/Government/GCContryShare/ccx-img_03.png'); } .mc1m_d3 { background-image: url('../Areas/Subpage/Img/Government/GCContryShare/ccx-img_05.png'); } .mc1m_efs dl dd { float: left; width: 0px; overflow: hidden; } .GCCvideo { width: 800px; } @media screen and (max-width:640px) { .GCCvideo { width: 100%; } } .GCC-c5 { } .GCC-c5 ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 50px; } .GCC-c5 ul li { width: 565px; } .GCC-c5 ul li:nth-child(1) { width: 565px; padding-left: 30px; } .GCC-c5 ul li h3 { font-size: 24px; } .GCC-c5 ul li p { font-size: 24px; margin: 16px 0 60px 0; } .GCC-c5 ul li div { margin-bottom: 34px; } .GCC-c5 ul li div img { float: left; margin-top: 6px; margin-right: 20px; } .GCC-c5 ul li div p { display: inline-block; font-size: 16px; margin: 0; width: 400px; } .Gcc-c6 { margin: 0 auto; padding: 60px 0; } .Gcc-c6 ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 50px; } .GCC-c7 { } .GCC-c7 ul { display: flex; justify-content: space-between; flex-wrap: wrap; } @media screen and (max-width:700px) { .GCC-c7 ul { display: flex; justify-content: center; flex-wrap: wrap; } } .GCC-c7 li { width: 410px; text-align: center; color: #ffffff; height: 252px; margin-top: 39px; border-radius: 20px; } .GCC-c7 li:nth-child(1) { background-image: url('../Areas/Subpage/Img/Government/GCContryShare/Platform features-01.png'); } .GCC-c7 li:nth-child(2) { background-image: url('../Areas/Subpage/Img/Government/GCContryShare/Platform features-02.png'); } .GCC-c7 li:nth-child(3) { background-image: url('../Areas/Subpage/Img/Government/GCContryShare/Platform features-03.png'); } .GCC-c7 li:nth-child(4) { background-image: url('../Areas/Subpage/Img/Government/GCContryShare/Platform features-04.png'); } .GCC-c7 li:nth-child(5) { background-image: url('../Areas/Subpage/Img/Government/GCContryShare/Platform features-05.png'); } .GCC-c7 li:nth-child(6) { background-image: url('../Areas/Subpage/Img/Government/GCContryShare/Platform features-06.png'); } .GCC-c7 li h3 { margin-top: 74px; margin-bottom: 34px; font-size: 24px; } .GCC-c7 li p { font-size: 16px; } .G-GCC-c4 .GCC-c4-t { text-align: center; } .G-GCC-c4 .GCC-c4-t h1 { font-weight: 600; } .G-GCC-c4 .GCC-c4-t hr { width: 100px; } .G-GCC-c4 ul li { width: 396px; } .G-GCC-c4 ul li h3 { margin: 16px 0 10px 0; text-align: center; font-weight: 600; } .G-GCC-c4 ul li p { font-weight: 500; } .index-box { background-color: #ffffff; padding: 40px 0 30px 0; } .index-ul { display: flex; justify-content: space-around; flex-wrap: wrap; padding: 0 20px; } .index-ul .ulli { width: 2.3rem; text-align: center; border: 1px solid #ededed; padding: 0.2rem 0.1rem; box-shadow: #ddd 1px 1px; transition: all .5s; margin: 0.18rem 0.15rem; } .index-ul .ulli img { width: 100%; } .index-ul .ulli:hover { width: 2.3rem; border: 1px solid #ededed; padding: 0.2rem 0.1rem; box-shadow: #ddd 1px 1px; background-color: #ededed; position: relative; top: -4px; } .empty { width: 2.3rem; text-align: center; padding: 0.2rem 0.1rem; transition: all .5s; margin: 0.18rem 0.15rem; } /*@media screen and (max-width: 700px) { .index-ul li { width: 200px; text-align: center; border: 1px solid #ededed; padding: 10px 5px; box-shadow: #ddd 1px 1px; transition: all .5s; margin: 9px 7px; } .index-ul li:hover { width: 200px; border: 1px solid #ededed; padding: 8px 3px; box-shadow: #ddd 1px 1px; background-color: #ededed; } }*/ .GPU-c1 { display: flex; justify-content: space-between; flex-wrap: wrap; } .GPU-c1 li { text-indent: 0px; width: 3.4rem; min-width: 150px; text-align: left; margin-top: 40px; display: flex; justify-content: flex-start; } /*.GPU-c1 li .GPU-c1div { min-width:200px; float:left; }*/ .GPU-c1 li p { /*display: inline-block;*/ /*margin-left: 20px;*/ padding: 0; text-align: left; text-indent: 0; margin-top: 37px; margin-left: 20px; } @media screen and (max-width:1000px) { .GPU-c1 li p { margin-top: 0px; } } .Gpu-c2 { margin: 0 auto; background-color: #fafafa; width: 99%; } .Gpu-c2 ul { display: flex; justify-content: space-between; width: 100%; } .Gpu-c2 ul li { width: 50%; position: relative; } .Gpu-c2 ul li div { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .Gpu-c2 ul li img { width: 100%; } .GPU-c3 { margin-top: 60px; } .GPU-c3 ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .GPU-c3 ul li { /*width: 48%;*/ min-width: 48%; max-width: 48%; text-align: center; background-color: #fafafa; margin-top: 0.3rem; padding: 0.6rem 1.5rem; flex: 1; } .GPU-c3 ul li div { margin-top: 30px; } .GPU-c3 ul li div h3 { margin-bottom: 15px; font-size: 0.18rem; } .GPU-c3 ul li div p { font-size: 0.16rem; } /*鏅烘収鐪嬪簵*/ .Kandian-c1 { padding-top: 60px; } .Kandian-c1-d1 { text-align: center; } .Kandian-c1-d1 h2 { color: #646464 } .Kandian-c1-d1 p { color: #ddd; } .Kandian-c1-d1 hr { height: 3px; background-color: #646464; width: 50px; } .Kandian-c1 ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 80px; } .Kandian-c1 ul li { width: 600px; } .Kandian-c1 ul li div { margin-top: 22px; } .Kandian-c1 ul li h2 { color: #07a7fa; font-weight: 600; font-style: italic; } .Kandian-c1 ul li h2 span { color: #000; font-size: 16px; font-style: normal; } .Kandian-c2 { margin-top: 80px; } .Kandian-c2 ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .Kandian-c2 ul li { position: relative; width: 618px; height: 318px; margin-top: 64px; } .Kandian-c2 ul li:nth-child(1) { background-image: url('../Areas/Subpage/Img/SmartCloud/CloudSkandian/kd-5.png'); } .Kandian-c2 ul li:nth-child(2) { background-image: url('../Areas/Subpage/Img/SmartCloud/CloudSkandian/kd-6.png'); } .Kandian-c2 ul li:nth-child(3) { background-image: url('../Areas/Subpage/Img/SmartCloud/CloudSkandian/kd-7.png'); } .Kandian-c2 ul li:nth-child(4) { background-image: url('../Areas/Subpage/Img/SmartCloud/CloudSkandian/kd-8.png'); } .Kandian-c2 .Kandian-c2-img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); color: #ffffff; text-align: center; } .Kandian-c2 ul li:hover .Kandian-c2-img { display: none; } .Kandian-c2 ul li .Kandian-c2-p { display: none; } .Kandian-c2 ul li:hover .Kandian-c2-p { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); color: #ffffff; text-align: center; animation-timing-function: linear; /* Safari and Chrome */ -webkit-animation: Pmove 1s forwards; -webkit-animation-timing-function: linear; } @keyframes Pmove { from { transform: translate(-50%,0%); -webkit-transform: translate(-50%,0%); } to { transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } } @-webkit-keyframes Pmove /* Safari and Chrome */ { from { transform: translate(-50%,0%); -webkit-transform: translate(-50%,0%); } to { transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } } .Broad-c1-ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 80px; } .Broad-c1-ul li { width: 600px; } .Broad-c1-ul li h2 { line-height: 39px; text-align: left; margin-top: 44px; font-weight: 600; } .Broad-c1-ul li p { text-indent: 2em; margin: 40px 0 100px 0; line-height: 25px; } .Broad-c2 { text-align: center; padding: 80px 0; text-align: center; margin: 0 auto; background-color: #fafafa; } .Broad-c2-tit { text-align: center; } .Broad-c2-tit h2 { font-weight: 600; line-height: 30px; } .Broad-c2-tit hr { width: 30px; } .Broad-c2-tit p { color: #575656; line-height: 30px; margin-bottom: 30px; } .Broad-c2 .Broad-c2-imgAp { margin-top: 50px; width: 1300px; margin: 0 auto; } @media screen and (max-width:700px) { .Broad-c2 .Broad-c2-imgAp { margin-top: 50px; width: 100%; margin: 0 auto; } } .Broad-c2 .Broad-c2-imgAp p { margin-bottom: 30px; } .Broad-c2 .Broad-c2-imgAp img { width: 100%; } .Broad-c3 { margin: 30px 0; } .Broad-c3 .Broad-c3-ul1 { display: flex; justify-content: space-around; flex-wrap: wrap; width: 1300px; margin: 0 auto; } .Broad-c3 .Broad-c3-ul1 .ul-li { width: 490px; } .Broad-c3 .Broad-c3-ul1 .ul-li:first-child { text-align: center; } .Broad-c3 { background-color: #fafafa; padding: 60px 0; } .Broad-c3-tit h4 { font-weight: 600; } .Broad-c3-tit hr { width: 30px; background: #000; margin-bottom: 12px; margin-top: 16px; margin-left: 0; height: 3px; } .Broad-c3-tit p { color: #323232; } .Broad-c3-app { margin-top: 30px; } .Broad-c3-ul2 { display: flex; justify-content: space-between; flex-wrap: wrap; } .Broad-c3-ul2 li { width: 23%; text-align: center; margin-top: 20px; font-size: 14px; } .Broad-c4 { text-align: center; } .Broad-c4-ul { display: flex; justify-content: space-around; padding: 0 76px; margin-bottom: 40px; } .titcolor { color: #4bb2fa; } .Broad-c5 { background-color: #fafafa; } .Broad-c5-ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .Broad-c5-ul li { margin-top: 60px; position: relative; } .Broad-c5-ul li div { background: rgba(0,0,0,.5); position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; color: #fff; padding: 8px 20px 0; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; text-align: center; } .Broad-c5-ul li:hover div { height: 100%; } .Broad-c5-ul li div h3 { line-height: 40px; margin-bottom: 15px; } .Broad-c5-ul li div p { text-align: left; } .Broad-c6 ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .Broad-c6 ul li { position: relative; } .Broad-c6 ul li .Broad-c5-tit { position: absolute; top: 50%; left: 50%; transform: translate(-50% -50%); -webkit-transform: translate(-50%,-50%); z-index: 999; color: #ffffff; border: 1px solid rgba(253, 253, 252,0.5); height: 50px; width: 200px; text-align: center; line-height: 45px; } .Broad-c6 ul li .Broad-c5-co { background: rgba(0,0,0,.5); position: absolute; bottom: 0; left: 0; height: 0px; width: 100%; color: #fff; padding: 8px 20px 0; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; text-align: center; padding: 0 120px; } .Broad-c6 ul li:hover .Broad-c5-co { height: 100%; } .Broad-c6 ul li:hover .Broad-c5-tit { display: none; } .Broad-c6 ul li .Broad-c5-co p { margin-top: 170px; } .p-price { /*display: flex; justify-content: space-between;*/ position: absolute; bottom: 0; text-align: justify; width: 100%; } .p-price .p-price-c { display: flex; justify-content: space-between; } .p-price p { color: #fc0909; display: inline; } .p-price p strong { font-size: 24px; } .PTB-img { text-align: center; } .PTB-img img { vertical-align: top; } /***鏅烘収閾佸***/ .TW-EM-c1 { margin-top: 80px; margin-bottom: 120px; } .TW-EM-c1 .TW-EM-title { margin-bottom: 60px; text-align: center; } .TW-EM-c1 .TW-EM-title h2 { font-size: 36px; color: #0066ff; } .TW-EM-c1 .TW-EM-c1-j { margin-bottom: 60px; text-indent: 2em; } .TW-EM-c1 .TW-EM-c1-j p { font-weight: 600; } .TW-EM-c1 .TW-EM-c1-bg { background-image: url('../Areas/Subpage/Img/SmartTower/EnvironmentalMonitoring/hj-01.png'); width: inherit; height: 468px; position: relative; margin-bottom: 70px; } .TW-EM-c1 .TW-EM-c1-bg .TW-EM-c1-p { position: absolute; top: 144px; right: 100px; width: 510px; text-indent: 2em; color: #ffffff; line-height: 30px; } .TW-EM-c1 .TW-EM-c1-Ico { text-align: center; } .TW-EM-c1 .TW-EM-c1-Ico ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .TW-EM-c1 .TW-EM-c1-Ico ul li { width: 259px; margin-bottom: 35px; } .TW-EM-c1 .TW-EM-c1-Ico ul li p { font-weight: 600; margin-top: 12px; } .TW-EM-c2 { margin-bottom: 76px; } .TW-EM-c-t { text-align: center; margin-bottom: 80px; } .TW-EM-c2 .TW-EM-c2-list { margin-top: 40px; } .TW-EM-c2 .TW-EM-c2-list ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .TW-EM-c2 .TW-EM-c2-list ul li { width: 380px; padding: 24px 24px; text-align: justify; border: 1px solid #d6d7dc; margin-bottom: 44px; } .TW-EM-c2 .TW-EM-c2-list ul li h3 { font-weight: 600; font-size: 20px; } .TW-EM-c2 .TW-EM-c2-list ul li p { color: #999999; } .TW-EM-c2 .TW-EM-c2-list ul li p span { width: 110px; } .TW-EM-c3 { margin-bottom: 120px; } .TW-EM-c3 .TW-EM-c3-c { background-image: url('../Areas/Subpage/Img/SmartTower/EnvironmentalMonitoring/hj-pr-bg.png'); width: inherit; background-position: center; } .TW-EM-c3 .TW-EM-c3-c ul { display: flex; /*justify-content: unsafe center;*/ justify-content: space-between; padding: 94px 0; } .TW-EM-c3 .TW-EM-c3-c ul li:last-child { background-color: rgba(251, 249, 249,0.4); width: 730px; margin-left: 22px; } .TW-EM-c3 .TW-EM-c3-c ul li .tw-c { display: flex; justify-content: space-around; padding: 21px 60px 21px 61px; } .TW-EM-c3 .TW-EM-c3-c ul li .tw-c div { padding: 20px 0 0 40px; color: #ffffff; } .TW-EM-c3 .TW-EM-c3-c ul li .tw-c div p { border-bottom: 1px solid #fff; height: 57px; } .TW-EM-c4 { margin-bottom: 120px; } .TW-EM-c4 .TW-EM-c4-c { position: relative; margin-top: 80px; } .TW-EM-c4 .TW-EM-c4-c .TW-EM-c4-t { width: 620px; position: absolute; top: 35px; } .TW-EM-c4 .TW-EM-c4-c .TW-EM-c4-t h2 { color: #0066ff; margin-bottom: 60px; } .TW-EM-c4 .TW-EM-c4-c .TW-EM-c4-t p { text-indent: 2em; font-weight: 600; line-height: 40px; } .TW-EM-c4 ul { display: flex; justify-content: space-between; margin-top: 80px; } .TW-EM-c4 ul li { width: 266px; padding-bottom: 14px; text-align: center; } .TW-EM-c4 ul li:nth-child(2n+1) { border-bottom: 1px solid #0066ff; } .TW-EM-c4 ul li:nth-child(2n) { border-bottom: 1px solid #134da3; } .TW-EM-c4 ul li p { font-weight: 600; margin-top: 40px; } .TW-EM-c5 { margin-bottom: 120px; } .TW-EM-c5 ul { display: flex; justify-content: space-between; } .TW-EM-c5 ul li { position: relative; color: #fff; } .TW-EM-c5 ul li img { display: block; } .TW-EM-c5 ul li h4 { height: 54px; border: 2px solid #ffffff; position: absolute; top: 50%; margin-top: -27px; left: 50%; margin-left: -133px; width: 266px; text-align: center; line-height: 54px; } .TW-EM-c5 ul li p { position: absolute; width: 100%; height: 100%; padding: 40px 40px; top: 0px; font-size: 14px; display: none; background-color: rgba(13,56,121,0.5); } .TW-LAR-c1 { padding-top: 120px; padding-bottom: 60px; } .TW-LAR-c1-bg { background-color: #fafafa; } .TW-LAR-c1 .LAR-c1-bt { text-align: center; margin-bottom: 80px; } .TW-LAR-c1 .LAR-c1-co { text-align: center; } .TW-LAR-c1 .LAR-c1-co h2 { margin-bottom: 60px; font-size: 32px; font-weight: 600; } .TW-LAR-c1 .LAR-c1-co p { margin-bottom: 40px; } .TW-LAR-c1 { } .TW-LAR-c1 ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 60px; text-align: center; } .TW-LAR-c1 ul li { width: 300px; margin-bottom: 60px; } .TW-LAR-c1 ul li p { font-size: 24px; font-weight: 600; margin-top: 26px; } .TW-LAR-c2 { margin-bottom: 80px; } .TW-LAR-c2 ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 40px; } .TW-LAR-c2 ul li { background-color: #fafafa; width: 649px; } .ul-li1 { padding: 80px 128px; } .ul-li2 { padding: 80px 128px; text-align: right; } .ul-li3 { padding: 80px 128px; } .TW-LAR-c2 ul li h2 { margin-bottom: 30px; font-size: 32px; color: #1a436d; } .TW-LAR-c2 ul li p { font-size: 14px; font-weight: 600; text-align: left; } .TW-LAR-c3 { } .TW-LAR-c3 .LAR-c3-t { text-align: center; margin-bottom: 60px; } .TW-LAR-c3 .LAR-c3-c { position: relative; margin-bottom: 60px; } .TW-LAR-c3 .LAR-c3-c .LAR-c3-c-1 { position: absolute; } .TW-LAR-c3 .LAR-c3-c .LAR-c3-c-1left { right: 45px; top: 0; width: 600px; } .TW-LAR-c3 .LAR-c3-c .LAR-c3-c-1 .LAR-c3-c-1-1 .circle { width: 120px; height: 120px; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; margin-right: 0px; display: inline-block; } .circlebg1 { background: #3485c1; } .circlebg2 { background: #1a436d; } .TW-LAR-c3 .LAR-c3-c .LAR-c3-c-1 .LAR-c3-c-1-1 { padding: 30px 0; } .TW-LAR-c3 .LAR-c3-c .LAR-c3-c-1 .LAR-c3-c-1-1 .circle p { color: #ffffff; line-height: 120px; text-align: center; display: block; border-bottom: 0; margin-left: 0px; } .TW-LAR-c3 .LAR-c3-c .LAR-c3-c-1 .p1 { line-height: 60px; display: inline-block; margin-left: 60px; color: #929191; width: 382px; } .p1borderBg1 { border-bottom: 1px solid #3485c1; } .p1borderBg2 { border-bottom: 1px solid #1a436d; } .TW-LAR-c3 .LAR-c3-cright { text-align: right } .LAR-c3-c-1right { left: 45px; top: 0; width: 600px; } .TW-LAR-c3 .LAR-c3-c .LAR-c3-c-1 .p2 { line-height: 60px; display: inline-block; margin-right: 60px; color: #929191; width: 382px; } .TW-LAR-c4 { background-image: url('../Areas/Subpage/Img/SmartTower/LandAndResources/land-bg-01.png'); margin-bottom: 120px; } .TW-LAR-c4 ul { display: flex; justify-content: space-between; height: 494px; } .TW-LAR-c4 ul .LAR-c4-li { width: 252px; position: relative; text-align: center; color: #ffffff; overflow: hidden; } .TW-LAR-c4 ul .LAR-c4-li .LAR-c4-lidiv { position: absolute; top: 50%; margin-top: -100px; width: 252px; } .TW-LAR-c4 ul .LAR-c4-li .LAR-c4-lidiv .h3show { margin: 30px 0 10px 0; border: 1px solid #ffffff; font-size: 24px; line-height: 40px; width: 180px; display: inline-block; } .TW-LAR-c4 ul .LAR-c4-li .LAR-c4-lidiv .h3hide { margin: 30px 0 10px 0; /*border: 2px solid #ffffff;*/ font-size: 24px; line-height: 40px; width: 180px; display: inline-block; } .LAR-c { position: relative; } .TW-LAR-c4 ul .LAR-c4-li .LAR-c4-lidiv p { position: absolute; top: 236px; left: 20px; width: 210px; /*display: none;*/ } .TW-LAR-c5 { } .TW-LAR-c5 .LAR-c5-t { text-align: center; margin-bottom: 80px; } .TW-LAR-c5 .LAR-c5-c { position: relative; } .TW-LAR-c5 .LAR-c5-c p { position: absolute; width: 500px; top: 50%; margin-top: -40px; left: 50%; margin-left: -250px; color: #ffffff; text-align: center; } .TW-EVI-c1 { margin-top: 120px; } .TW-EVI-c1 .EVI-c1-t { text-align: center; margin-bottom: 80px; } .TW-EVI-c1 .EVI-c1-cright { padding: 20px 0 0 48px; } .TW-EVI-c1 .EVI-c1-cright .EVI-c1-crightH1 { font-weight: 600; margin-bottom: 18px; } .TW-EVI-c1 .EVI-c1-cright hr { border: 1px solid blue; margin-bottom: 24px; } .TW-EVI-c1 .EVI-c1-cright .EVI-c1-crightP1 { margin-bottom: 44px; color: #7b7a7a; } .TW-EVI-c1 .EVI-c1-cright .EVI-c1-rc1 div { margin-bottom: 20px; } .TW-EVI-c1 .EVI-c1-cright .EVI-c1-rc1 h3 { display: inline; font-weight: 600; line-height: 40px; } .clearPadding { padding: 0; } .TW-EVI-c1 .EVI-c1-HandP { padding-top: 10px; } .TW-EVI-c1 .EVI-c1-HandP h3 { font-weight: 600; margin-bottom: 14px; } .TW-EVI-c1 .EVI-c1-HandP p { color: #7b7a7a; font-size: 14px; } .TW-EVI-c2 { background-image: url('../Areas/Subpage/Img/SmartTower/EnvChemicalIndustryntal/industry-bg-01(1).png'); background-position: center; padding: 60px 0; } .TW-EVI-c2 ul li { width: 520px; color: #ffffff; } .TW-EVI-c2 ul li h3 { margin-top: 10px; } .TW-EVI-c2 ul li p { padding-left: 50px; text-indent: -20px; margin-top: 15px; font-size: 16px; } .TW-EVI-c3 { color: #ffffff; } .TW-EVI-c3 .EVI-c3-t { text-align: center; } .TW-EVI-c3 .EVI-c3-t h3 { font-weight: 600; margin-bottom: 22px; font-size: 32px; color: #000000; } .TW-EVI-c3 .EVI-c3-t p { color: #7b7a7a; } .TW-EVI-c3 .EVI-c3-c { background-image: url('../Areas/Subpage/Img/SmartTower/EnvChemicalIndustryntal/industry-bg-02.png'); background-position: center; text-align: center; padding: 120px 124px; } .TW-EVI-c3 .EVI-c3-c p { margin-top: 34px; font-size: 20px; } .TW-EVI-c4 { background-color: #fafafa; } .TW-EVI-c4 .EVI-c4-c ul { margin-bottom: 40px; } .TW-EVI-c4 .EVI-c4-c li { width: 474px; } .TW-EVI-c4 .EVI-c4-c li:first-child { width: 500px; text-align: right; } .TW-EVI-c4 .EVI-c4-c li h2 { font-size: 24px; font-weight: 600; margin-bottom: 18px; } .TW-EVI-c4 .EVI-c4-c li p { margin-top: 20px; color: #7b7a7a; } .TW-EVI-c5 .EVI-c5-t { text-align: center; } .TW-EVI-c5 .EVI-c5-c li { width: 280px; } .TW-EVI-c5 .EVI-c5-c li p { font-weight: 600; } .TW-EVI-c5 .EVI-c5-c li:nth-child(2n+1) h2 { margin: 40px 0 20px 0; color: blue; } .TW-EVI-c5 .EVI-c5-c li:nth-child(2n) h2 { margin-bottom: 20px; color: blue; } .TW-EVI-c5 .EVI-c5-c li:nth-child(2n) p { margin-bottom: 40px; } .TW-EVI-c6 { background-color: #fafafa; padding: 80px 0; } .TW-EVI-c6 .EVI-c6-t { text-align: center; } .TW-EVI-c6 ul { text-align: center; } .TW-EVI-c6 ul li h2 { margin: 30px 0 14px 0; font-weight: 600; } .TW-SP-c1 li { padding: 60px 25px 40px 25px; width: 410px; } .TW-SP-c1 li:nth-child(2n+1) { background-color: #fff8f1; } .TW-SP-c1 li:nth-child(2n) { background-color: #eff8fd; } .TW-SP-c1 li h2 { margin-bottom: 24px; text-align: center; } .TW-SP-c1 li p { margin-top: 40px; } .TW-SP-c2 .SP-c2-t { text-align: center; } .TW-SP-c2 .SP-c2-c h1 { text-align: center; margin-bottom: 40px; } .TW-SP-c2 .SP-c2-c p { text-align: center; color: #7b7a7a; margin-bottom: 40px; } .SP-c2-clist li { padding: 20px 20px 40px 20px; width: 300px; } .SP-c2-clist li:nth-child(2n+1) { background-color: #fff8f1; } .SP-c2-clist li:nth-child(2n) { background-color: #eff8fd; } .SP-c2-c .SP-c2-clist li h2 { color: #38adff; margin: 30px 0 16px 0; font-size: 24px; } .SP-c2-c .SP-c2-clist li p { margin-top: 14px; margin-bottom: 0px; text-align: justify; } .TW-SP-c3 { background-color: #fafafa; padding-top: 120px; } .TW-SP-c3 .SP-c3-c h1 { font-size: 32px; text-align: center; margin-bottom: 24px; } .TW-SP-c3 .SP-c3-c p { text-align: center; margin-bottom: 60px; color: #7b7a7a; } .SP-c3-clist li { width: 648px; } .SP-c3-clist li .SP-c3-clistdiv { position: relative; overflow: hidden; color: #ffffff; } .SP-c3-clist li .SP-c3-clistdiv img { display: block; } .SP-c3-clist li .SP-c3-clistdiv h3 { position: absolute; bottom: 3px; z-index: 999; background-color: rgba(56,173,255,0.5); width: 100%; line-height: 45px; padding-left: 25px; color: #ffffff; font-weight: 600; } .SP-c3-clist li .SP-c3-clistText { position: absolute; background-color: rgba(56,173,255,0.5); width: 100%; height: 100%; text-align: center; display: flex; flex-direction: column; justify-content: center; } .SP-c3-clist li .SP-c3-clistText p { text-align: left; line-height: 30px; padding: 120px; font-size: 18px; } .TW-SP-c3 .SP-c4-clist { text-align: center; } .TW-SP-c3 .SP-c4-clist h3 { margin: 30px 0 10px 0; font-weight: 600; } .TW-SP-c4 { text-align: center; } .TW-SP-c4 h1 { margin-top: 80px; margin-bottom: 30px; } .TW-SP-c4 p { margin-bottom: 60px; color: #7b7a7a; } .TW-SP-c4 ul li h3 { font-weight: 600; margin: 30px 0 20px 0; font-size: 24px; } .TW-SP-c4 ul li:hover h3 { color: #38adff; } .TW-SP-c4 ul li:hover hr { border: 1px solid #38adff; } .TW-SP-c5 { text-align: center; } .TW-SP-c5 ul { margin-top: 80px; padding: 0 5px; } .TW-SP-c5 ul li h3 { margin: 24px 0 10px 0; } .TW-SP-c5 ul li hr { border: 1px solid #38adff; } .TW-SP-c5 ul li:hover { box-shadow: 5px 5px 5px #c2c2c2,5px -5px 5px #c2c2c2,-5px 5px 5px #c2c2c2,-5px -5px 5px #c2c2c2; transform: scale(1.05,1.05); /*border: 1px solid #fafafa;*/ } .TW-SP-c5 ul li:hover h3 { color: #38adff; } .TW-SP-c5 ul li:hover hr { border: 0px solid #38adff; } .TW-SP-c6 { text-align: center; } .TW-SP-c6 ul li { width: 394px; font-size: 20px; } .TW-SP-c6 ul li .p1 { border: 1px solid #ffb873; line-height: 45px; } .TW-SP-c6 ul li .p2 { padding: 20px 40px; border: 1px solid #ffb873; line-height: 20px; font-size: 16px; } .TW-SP-c6 ul .SP-c6-li { display: flex; flex-direction: column; justify-content: space-around; } .TW-SP-c6 ul li .pb { border: 1px solid #38adff; } .TW-FM-c1 { padding: 120px 0; background-color: #fafafa; } .TW-FM-c1 .FM-c1-tap { text-align: center; } .TW-FM-c1 .FM-c1-tap p { margin-top: 40px; } .TW-FM-c1 .FM-c1-c { margin-top: 100px; } .TW-FM-c1 .FM-c1-c li { width: 360px; } .TW-FM-c1 .FM-c1-c li div { margin-bottom: 36px; position: relative; } .TW-FM-c1 .FM-c1-c li div h3 { font-weight: 600; font-size: 20px; margin-left: 20px; position: absolute; bottom: 20px; left: 80px; } .TW-FM-c1 .FM-c1-c li p { margin-bottom: 40px; } .TW-FM-c1 .FM-c1-c .shuxian { width: 2px; background: -webkit-linear-gradient(top, #fff 14%,#0066ff 50%,#fff 100%); } .TW-FM-c2 .FM-c2-t { text-align: center; margin-bottom: 100px; } .TW-FM-c2 li { width: 600px; } .TW-FM-c2 li ul li { width: 175px; text-align: center; margin-bottom: 40px; } .TW-FM-c2 li h3 { color: #0066ff; font-size: 28px; margin: 60px 0 20px 0; } .TW-FM-c2 li hr { margin-bottom: 24px; } .TW-FM-c2 .FM-c2-c2 { background-color: #fafafa; } .TW-FM-c2 .FM-c2-c2 li { width: 399px; } .TW-FM-c2 .FM-c2-c2 li h2 { color: #0569ff; font-weight: 600; margin-bottom: 30px; } .TW-FM-c2 .FM-c2-c2 li p { font-weight: 600; } .TW-FM-c2 .FM-c2-c2 li:nth-child(2n+1) { padding: 40px 40px 0 40px; } .TW-FM-c3 { padding: 120px 0 0 0; background-color: #fafafa; } .FM-c3-c .FM-c3-c1 li { width: 649px; } .FM-c3-c .FM-c3-c1 li h3 { margin: 60px 0 30px 0; color: #0066ff; } .FM-c3-c .FM-c3-c1 li div { margin-bottom: 24px; } .FM-c3-c .FM-c3-c1 li div p { background-image: url('../Areas/Subpage/Img/SmartTower/ForestryMonitoring/03-bg.png'); padding-left: 50px; padding-top: 14px; padding-right: 30px; height: 70px; line-height: 24px; display: inline-block; width: 450px; margin-left: 30px; } .FM-c3-c2 h3 { color: #0066ff; } .FM-c3-c2 hr { border-top: 1px solid #0066ff; width: 450px; margin-left: 0px; } .FM-c3-c2 ul li { width: 400px; } .FM-c3-c2 ul li:nth-child(2n+1) { padding-top: 44px; } .FM-c3-c2 ul li div { margin-bottom: 70px; } .FM-c3-c2 ul li div h4 { font-weight: 600; margin-bottom: 30px; } .FM-c3-c2 ul li div h4:before { content: "鈼? } .FM-c3-c2 ul li div p { font-weight: 600; padding-left: 22px; } .TW-FM-c4 { padding-top: 120px; text-align: center; } .TW-FM-c4 img:first-child { margin-bottom: 80px; } .TW-FM-c5 { background-image: url('../Areas/Subpage/Img/SmartTower/ForestryMonitoring/forestry-sv-bg.png'); padding: 120px 0 120px 0; } .TW-FM-c5 .FM-c5-ct { text-align: center; } .TW-FM-c5 .FM-c5-ct p { margin: 80px 0 50px 0; } .FM-c5-clist { background-image: url('../Areas/Subpage/Img/SmartTower/ForestryMonitoring/forestry-sv-bg-.png'); padding: 40px 0; height: 395px; } .FM-c5-clist li { width: 324px; position: relative; height: 300px; padding: 0 40px; overflow: hidden; } .FM-c5-clist li .c5-first { position: absolute; top: 50%; margin-top: -37px; left: 50%; margin-left: -34px; } .FM-c5-clist li .FM-c5-ab { position: absolute; width: 236px; top: 300px; left: 50%; margin-left: -118px; text-align: center; color: #fff; display: none; } .FM-c5-clist li .FM-c5-ab .FM-c5-img { width: 60px; height: 60px; display: inline-block; } .FM-c5-clist li .FM-c5-ab .FM-c5-img img { width: 100%; } .FM-c5-clist li .FM-c5-ab p { margin: 28px 0 44px; font-size: 14px; } .FM-c5-clist li .FM-c5-ab h3 { margin: 26px 14px; } .FM-c5-clist li .FM-c5-ab hr { border-top: 2px solid #ffffff; } .TW-AR-c1 .AR-c1-t { text-align: center; margin-bottom: 100px; } .TW-AR-c1 .AR-c1-t .AR-c1-c1 { margin-bottom: 55px; } .TW-AR-c1 .AR-c1-c1 li { width: 394px; } .TW-AR-c1 .AR-c1-c1 li h2 { font-weight: 600; margin-bottom: 30px; } .TW-AR-c1 .AR-c1-c1 li:nth-child(2n) { text-align: center; width: 448px; } .TW-AR-c1 .AR-c1-c2 { text-align: center; } .TW-AR-c1 .AR-c1-c2 h2 { font-weight: 600; margin-bottom: 40px; margin-top: 55px; } .TW-AR-c2 .AR-c2-t { text-align: center; } .TW-AR-c2 .AR-c2-c1 li { width: 625px; } .TW-AR-c2 .AR-c2-c1 li h2 { font-weight: 600; margin-bottom: 30px; font-size: 28px; margin-top: 22px; } .TW-AR-c2 .AR-c2-c1 li p { margin-bottom: 18px; text-indent: 2em; font-size: 14px; padding-left: 50px; text-indent: -44px; } .TW-AR-c2 .AR-c2-c1 li p label { margin-right: 20px; } .TW-AR-c3 .AR-c3-t { text-align: center; margin-bottom: 100px; } .TW-AR-c3 .AR-c3-c1 li { width: 649px; } .TW-AR-c3 .AR-c3-c1 li:last-child { padding-top: 34px; width: 589px; } .TW-AR-c3 .AR-c3-c1 li div { /*padding-left: 60px;*/ margin-bottom: 15px; border-bottom: 1px solid #006eb2; padding-bottom: 15px; } .TW-AR-c3 .AR-c3-c1 li div p { display: inline-block; margin-left: 30px; } .TW-AR-c3 .AR-c3-c1 li div:nth-child(2n) p { font-weight: 600; } .TW-AR-c3 .AR-c3-c2 li { width: 280px; text-align: center; } .TW-AR-c3 .AR-c3-c2 h3 { font-size: 24px; font-weight: 600; margin: 32px 0 10px 0; } .TW-AR-c3 .AR-c3-c2 li hr { border-top: 1px solid #015198; } .TW-AR-c4 { background-image: url('../Areas/Subpage/Img/SmartTower/AtmosphericRegulation/gas-sp-bg-01.png'); background-position: center; padding: 120px 0; } .TW-AR-c4 .AR-c4-t { text-align: center; } .TW-AR-c4 .AR-c4-c1 li { width: 400px; text-align: left; padding-bottom: 20px; border-bottom: 1px solid #015198; } .TW-AR-c4 .AR-c4-c1 li h3 { margin: 52px 0 24px 0; font-weight: 600; } .TW-AR-c4 .AR-c4-c1 li p { color: #7b7a7a; } .TW-AR-c5 { text-align: center; } .TW-AR-c6 .AR-c6-t { text-align: center; } .AR-c6-c1 li { width: 648px; } .AR-c6-c1 li p { margin-top: 70px; color: #7b7a7a; } .AR-c6-c1 .lipadding { padding: 0 62px; } .TW-AR-c7 .AR-c7-t { text-align: center; } .TW-AR-c7 .AR-c7-c1 li { position: relative; } .TW-AR-c7 .AR-c7-c1 li div { padding: 0 80px 40px 80px; position: absolute; bottom: 40px; } .TW-AR-c7 .AR-c7-c1 li div p { color: #ffffff; } .SF-SD-c1 ul li { text-align: center; border-bottom: 1px solid #7b7a7a; } .SF-SD-c1 ul li h3 { margin: 30px 0 14px 0; font-weight: 600; } .SF-SD-c2 .SD-c2-t { text-align: center; margin-bottom: 100px; } .SF-SD-c2 ul li:first-child { width: 700px; } .SF-SD-c2 ul li:first-child .SD-c2-fdiv { } .SF-SD-c2 ul li:first-child p { font-weight: 600; width: 366px; margin-top: 70px; font-size: 18px; line-height: 25px; border-bottom: 1px solid #7b7a7a; } .SF-SD-c2 ul li:first-child img:last-child { width: 24px; height: 54px; margin-top: 70px; } .CaseShow { margin-top: 60px; display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; } .CaseShow .CaseShow-c1 { flex: 0; display: inline-block; width: 30.3%; min-width: 30.3%; max-width: 30.3%; margin-bottom: 30px; text-align: center; } .CaseShow .CaseShow-c1:nth-child(3n+2) { margin: 0 4%; } .CaseShow .CaseShow-c1:hover { transition: all 0.3s linear; transform: scale(1.05); } .CaseShow .CaseShow-c1:hover h3 { color: #0066ff; } .CaseShow .CaseShow-c1 img { width: 100%; } .CaseShow .CaseShow-c1 h3 { font-size: 20px; font-weight: 600; } .P_Series-a-z { margin-top: 80px; } .P_Series-a-z ul li { position: relative; margin-bottom: 40px; } .P_Series-a-z ul li .P_Series-a-zT { position: absolute; top: 0; margin-top: 40px; margin-left: 40px; } .P_Series-a-z ul li .P_Series-a-zT h1 { font-weight: 600; font-size: 40px; margin-bottom: 22px; } .P_Series-a-z ul li .P_Series-a-zT p { color: #666666; font-size: 24px; line-height: 30px; } .P_Series-a-z ul li .P_Series-a-zT h3 { font-size: 30px; color: #666666; margin-top: 36px; } .P_Series-a-z ul li .P_Series-a-zA { position: absolute; bottom: 40px; margin-left: 40px; } .P_Series-a-z ul li .P_Series-a-zA a { display: block; width: 120px; height: 40px; background-color: #cccccc; font-size: 14px; text-align: center; line-height: 40px; } .P_Series-a-z ul li:hover .P_Series-a-zT h1 { color: #2f88ec; transition: all 0.2s linear; } .P_Series-a-z ul li:hover .P_Series-a-zA a { background-color: #2f88ec; transition: all 0.2s linear; color: #ffffff; } /*AI鑳藉姏*/ .AI-title { text-align: center; margin-bottom: 0.8rem; margin-top: 0.8rem; } .AI-title img { width: 5.67rem; height: 0.9rem; } .AI-c1-ablitityC1 { width: 100%; } .AI-c1-ablitityC1 div:first-child { background-image: url('../Areas/Subpage/Img/TechnologyInnovation/AIPage/AI-2-1.png'); background-repeat: no-repeat; background-size: 100% 100%; width: 3.6rem; height: 3.2rem; padding: 0 0.7rem 0 0.7rem; display: flex; align-items: center; } .AI-c1-ablitityC1 div:last-child { background-image: url('../Areas/Subpage/Img/TechnologyInnovation/AIPage/AI-2-2.png'); background-repeat: no-repeat; background-size: 100% 100%; width: 9.0rem; height: 3.2rem; padding: 0 1rem 0 1rem; /*display: flex;*/ /*justify-content:flex-start;*/ display: flex; flex-direction: column; justify-content: center; /*align-content:center;*/ } .AI-c1-ablitityC1 div { color: #ffffff; } .AI-c1-ablitityC1 p { font-size: 0.14rem; } .AI-c1-ablitityC1 div h2 { display: block; width: 2.22rem; height: 0.74rem; line-height: 0.74rem; text-align: center; border: 1px solid #ffffff; text-indent: 0rem; margin-bottom: 0.14rem; font-size: 0.24rem; } .AI-c1 hr { width: 100%; height: 1px; background-color: #ffffff; margin-bottom: 0.18rem; } .AI-c1-ablitityC2 { width: 100%; margin-top: 0.4rem; } .AI-c1-ablitityC2 div { padding: 0.8rem 0.4rem 0 0.4rem; color: #ffffff; } .AI-c1-ablitityC2 div p { font-size: 0.14rem; } .AI-c1-ablitityC2 .AI-c1-1 { background-image: url('../Areas/Subpage/Img/TechnologyInnovation/AIPage/AI-2-3.png'); background-repeat: no-repeat; background-size: 100% 100%; width: 5rem; height: 3.2rem; } .AI-c1-ablitityC2 .AI-c1-2 { background-image: url('../Areas/Subpage/Img/TechnologyInnovation/AIPage/AI-2-4.png'); background-repeat: no-repeat; background-size: 100% 100%; width: 3.6rem; height: 3.2rem; } .AI-c1-ablitityC2 .AI-c1-3 { background-image: url('../Areas/Subpage/Img/TechnologyInnovation/AIPage/AI-2-5.png'); background-repeat: no-repeat; background-size: 100% 100%; width: 3.6rem; height: 3.2rem; } .AI-c2 { background-color: #fafafa; padding: 0rem 0 0.8rem 0; } .AI-c2 .AI-c2-C { width: 100%; } .AI-c2 .AI-c2-C img { width: 100%; } .AI-c3-c1 { margin-bottom: 0.6rem; padding: 0 0.2rem; } .AI-c3-c1 .AI-c3-c1Text { width: 50%; } .AI-c3-c1 div img { width: 100%; } .AI-c3-c1 .AI-c3-c1Text h3 { font-weight: 600; font-size: 0.32rem; margin: 0.18rem 0 0.4rem 0; } .AI-c3-c1 .AI-c3-c1Text p { font-size: 0.14rem; } .AI-c3-c1 .AI-c3-c1Text hr { margin-bottom: 0.4rem; } .hr-blue { background-color: #0066ff; border-bottom: 1px solid #0066ff; } .hr-or { background-color: #f8b032; border-bottom: 1px solid #f8b032; } /*浜戣绠楄兘鍔?/ .Cp-c1 { margin-top: 120px; } .Cp-c1-c1 { position: relative; } .Cp-c1 .Cp-c1-c1Text { position: absolute; top: 50%; margin-top: -78px; color: #ffffff; width: 100%; text-align: center; } .Cp-c1-c1TextTit { background-image: url('../Areas/Subpage/Img/TechnologyInnovation/CloudPro/fengexian-.png'); background-position-y: center; background-repeat: no-repeat; text-align: center; font-size: 24px; margin-bottom: 60px; } .Cp-c1-c2 { background-color: #fafafa; padding: 80px 40px; } .Cp-c1-c2 ul li { text-align: center; } .Cp-c1-c2 ul li img { margin-bottom: 60px; } .Cp-c1-c2 ul li h3 { font-weight: 600; } .Cp-c1-c2 ul li hr { border-bottom: 1px solid #0066ff; background-color: #0066ff; } .Cp-c2 { padding-top: 120px; } .Cp-c2-tit { background-image: url('../Areas/Subpage/Img/TechnologyInnovation/CloudPro/fengexian-.png'); background-position-y: center; background-repeat: no-repeat; text-align: center; font-size: 24px; margin-bottom: 60px; } .Cp-c2-content { margin-bottom: 80px; } .Cp-c2-c1text { padding: 70px 0 0 80px; font-weight: 500; font-size: 16px; } .Cp-c2-c1text img { margin-bottom: 40px; } .Cp-c3 { margin-top: 80px; } .Cp-c3-list { width: 30%; margin-top: 20px; } .Cp-c3-list div { position: relative; } .Cp-c3-list h3 { position: absolute; bottom: 24px; font-weight: 500; font-size: 24px; text-align: center; display: block; width: 100%; color: #ffffff; } .Cp-c1-listText { margin-top: 40px; border-bottom: 2px solid #0066ff; padding-bottom: 20px; height: 160px; } .Cp-c1-listText p { font-size: 14px; } .hr-content h1 { color: #015198; } .hr-content { } .hr-content { } .hr-content { } .hr-content { }