/*鑱旂郴鎴戜滑涓庢嫑鑱樹俊鎭 */ #tabbedPanelsC{ position: relative; width: 90%; max-width:1600px; min-width:1000px; margin: 0 auto 50px; padding:0px; padding-top: 64px; } #tabbedPanelsC nav#lianxiyuzhaopin{ position: absolute; width: 288px; height: 50px; background-color: #fff; left: 0; top: -42px; display: flex; justify-content: space-around; margin: 0; padding: 0; z-index: 1000; } #tabbedPanelsC .panelContainer{ width: 100%; margin: 0; padding:0 ; background: transparent; } #tabbedPanelsC a,#tabbedPanelsC a:visited{ display: block; width: 64px; text-decoration: none; font-size: 1em; color: #000000; letter-spacing: 0; line-height: 32px; font-weight: 400; padding: 0; padding-top: 10px; } #tabbedPanelsC nav#lianxiyuzhaopin a.current{ font-size: 1em; color: #0093DD; letter-spacing: 0; line-height: 32px; font-weight: 400; border-bottom: 1px solid #0093DD; } #tabbedPanelsC .list{ width: 100%; background: transparent; } /*#tabbedPanelsC 鍐呭淇℃伅 */ .officeAddress{ display: flex; justify-content: space-between; } .officeAddress li{ width: 30%; height: 276px; background-color: #fff; padding: 54px 24px 46px 34px; } .officeAddress li h2{ font-size: 1.25em; color: #000000; letter-spacing: 0; font-weight: 400; margin-bottom: 28px; } .officeAddress li p{ margin-bottom: 10px; color: #3F4750; letter-spacing: 0; font-weight: 400; } #contactUs02{ background: none; margin: 50px 0; } .consultTip{ width: 65%; min-width: 792px; margin-bottom: 44px; color: #3F4750; letter-spacing: 0; font-weight: 400; } /*鎷涜仒淇℃伅 */ #tabbedPanelsD{ margin-top: 50px; display: flex; width: 100%; max-width:1600px; min-width:1000px; flex-direction: row; justify-content: space-between; align-items: flex-start; } #tabbedPanelsD header{ margin-right: 100px; flex: 0 0 520px; background-color: transparent; } #tabbedPanelsD header .recruitment{ width: 520px; height: 88px; /*padding-left: 50px;*/ padding-top:12px ; padding-bottom: 5px; margin-bottom: 50px; background-image: url(../images/contactUs/recruitmentBg.png); color: #0093DD; letter-spacing: 0; font-weight: 400; display: flex; flex-direction: column; justify-content: space-around; } #tabbedPanelsD .recruitment h3{ font-size: 1.25em; letter-spacing: 0; font-weight: 400; } #tabbedPanelsD .recruitment p{ color: #0093DD; } #tabbedPanelsD .panelContainer{ width: 50%; min-width:586px; max-width: 800px; padding: 0; margin: 0; } #tabbedPanelsD nav a,#tabbedPanelsD nav a:visited{ display: block; width:100%; height: 80px; background-color: #fff; line-height: 80px; border: 1px solid rgba(141,149,159,0.3); border-radius: 4px; display: flex; justify-content: space-around; align-items: center; } #tabbedPanelsD nav a span,#tabbedPanelsD nav a:visited span{ font-size: 1em; color: #000000; letter-spacing: 0; line-height: 32px; font-weight: 400; } #tabbedPanelsD nav a.current{ border: 1px solid #0093DD; color: #0093DD; } #tabbedPanelsD nav a.current span{ color: #0093DD; } #tabbedPanelsD nav a.current::before{ display: none; } #tabbedPanelsD h1{ font-size: 1.75em; color: #000000; letter-spacing: 0; font-weight: 400; margin-top: 30px; margin-bottom: 33px; padding-bottom: 24px; border-bottom: 1px solid #E6EAEF; } #tabbedPanelsD h2{ margin-bottom: 22px; font-size: 20px; color: #000000; letter-spacing: 0; font-weight: 400; background-position: left top; background-repeat: no-repeat; /*padding-left: 32px;*/ } #tabbedPanelsD h2:first-of-type{ background-image: url(../images/contactUs/icon/gangweizhizeBg.svg); } #tabbedPanelsD h2:nth-of-type(2){ background-image: url(../images/contactUs/icon/gongzuoyaoqiu.svg); } #tabbedPanelsD h2:nth-of-type(3){ background-image: url(../images/contactUs/icon/xinziBg.svg); } #tabbedPanelsD h2:nth-of-type(4){ background-image: url(../images/contactUs/icon/dizhiBg.svg); } #tabbedPanelsD ul{ display: flex; flex-direction: column; margin-bottom: 74px; } #tabbedPanelsD ul:last-of-type{ display: flex; justify-content: space-around; flex-direction: row; flex-wrap: wrap; align-items: center; height: 120px; background-color: #fff; padding: 20px 0; border: 1px solid rgba(141,149,159,0.3); box-shadow: 0 0 12px rgba(141,149,159,0.5); } #tabbedPanelsD ul:last-of-type li{ width: 45%; } #tabbedPanelsD ul:last-of-type li span{ opacity: 0.7; margin-right: 17px; } #tabbedPanelsD li{ width: 100%; margin-bottom: 5px; font-size: 1em; color: #3F4750; letter-spacing: 0; line-height: 24px; font-weight: 400; } /*涓绘爣绛鹃〉闈㈡澘鏍峰紡 */ .tabbedPanels { width: 90%; margin: 50px auto; display: flex; align-items: stretch; } .tabbedPanels header{ min-width: 200px; flex: 1 0 200px; margin-right: 5px; padding-top:30px; padding-left: 20px; margin-left: -20px; } .tabbedPanels .panelContainer{ flex: 5 0 1000px; padding-left: 50px; padding-right: 50px; padding-bottom: 50px; padding-top: 30px; background-color: #fff; } .tabbedPanels header nav{ display: flex; flex-direction: column; } .tabbedPanels header a,.tabbedPanels header a:visited{ display: block; text-align: left; padding-left: 20px; text-decoration: none; color: #333; font-weight: 400; font-size: 1.5em; margin-bottom: 64px; } .tabbedPanels nav a.current{ color: #0093DD; position: relative; } .tabbedPanels header nav a.current::before{ content: ''; display: block; position: absolute; width: 8px; border-radius: 3px; left: 0; top: 5px; bottom: 5px; background-color: #0093DD; } .tabbedPanels .list{ display: none; } .tabbedPanels div.show{ display: block; } /* 浜у搧淇℃伅甯冨眬*/ .productEssentials{ display: flex; justify-content: space-between; margin-bottom: 50px; } .productEssentials .productGallery{ position: relative; width: 400px; flex: 0 0 400px; height: 500px; margin-right: 50px; } .productEssentials .productCoreContent{ width: 51%; flex: 1 1 510px; display: flex; flex-direction: column; justify-content: space-between; } .productInformation{ padding-left: 0; } /* 浜у搧淇℃伅姒傝鏍峰紡*/ .productCoreContent h1{ font-size: 1.5em; color: #000000; letter-spacing: 0; font-weight: 400; } .productCoreContent p{ color: #3F4750; letter-spacing: 0; font-weight: 400; } .productCoreContent img{ width: 100%; } .productCoreContent button{ width: 140px; height: 42px; line-height: 12px; text-align: center; border: none; cursor: pointer; background-color: #fff; font-size: 1em; color: #0093DD; border-radius: 3px; border: 1px solid #0093DD; } .productCoreContent button:first-child{ background-color: #0093DD; color: #fff; } .productCoreContent button:last-child{ background-image: url(../images/productCenter/Icon/pdfDownload.svg); background-position: 20px center; background-repeat: no-repeat; padding-left: 20px; } /* 浜у搧璇︾粏淇℃伅鏍峰紡*/ .productInformation h2{ font-size: 1em; color: #3F4750; height: 50px; line-height: 50px; letter-spacing: 0; font-weight: 400; margin-bottom: 10px; margin-top: 50px; background-repeat: no-repeat; padding-left: 50px; background-position: left center; } .productInformation h2:first-of-type{ background-image: url(../images/productCenter/Icon/chanpinguige.svg); } .productInformation h2:nth-of-type(2){ background-image: url(../images/productCenter/Icon/gongyingnengli.svg); } .productInformation h2:nth-of-type(3){ background-image: url(../images/productCenter/Icon/baozhuangyujiaohu.svg); } .productInformation h2:nth-of-type(4){ background-image: url(../images/productCenter/Icon/chanpintezheng.svg); } .productInformation h2:nth-of-type(5){ background-image: url(../images/productCenter/Icon/advantage.svg); } .productInformation .ProductSpecification{ display: flex; background-color: #F7F9FC; padding: 30px 24px; box-shadow: 0px 0px 12px rgba(0,0,0,0.3); border-radius: 3px; flex-wrap: wrap; } .ProductSpecification ul{ width: 50%; display: flex; flex-direction: column; flex-wrap: wrap; } .ProductSpecification li{ margin-bottom: 20px; width: 100%; font-size: 1em; font-weight: 400; color: #000; display: flex; } .ProductSpecification li:last-child{ margin-bottom: 0; } .ProductSpecification li span{ color: #686C78; width: 80px; margin-right: 10px; } .ProductSpecification .supplyAbility{ width: 100%; background-color: #fff; padding: 20px; margin-top: 20px; display: flex; justify-content: space-between; } .supplyAbility img{ width: 48%; padding: 15px; border: 1px solid #0093DD; } .productInformation h3{ font-size: 1em; color: #3F4750; letter-spacing: 0; font-weight: 400; border-bottom: 1px solid #0093DD ; padding-bottom: 5px; margin-bottom: 30px; width: 25%; } .packagedGoodsandseaPort{ padding: 30px 24px; box-shadow: 0px 0px 12px rgba(0,0,0,0.3); } .packagedGoods{ display: flex; justify-content: space-between; margin-bottom: 50px; } .packagedGoods li{ background: #F7F9FC; border-radius: 8px; width: 22%; height: 126px; display: flex; flex-direction: column; justify-content: space-around; align-items: center; padding: 20px 0; } .packagedGoods li p:first-child{ color: #0093DD; letter-spacing: 0; line-height: 2em; font-weight: 400; } .packagedGoods li p:last-child{ color: #3F4750; letter-spacing: 0; font-weight: 400; } .seaport{ background: #F7F9FC; padding: 30px; color: #000000; letter-spacing: 0; line-height: 1.5em; font-weight: 400; } .ProductFeatures,.advantage{ padding: 30px 24px; box-shadow: 0px 0px 12px rgba(0,0,0,0.3); } .ProductFeatures li{ width: 20%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #F7F9FC; } .ProductFeatures li p{ margin-top: 10px; } .advantage{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; } .advantage li{ width: 45%; margin-bottom: 20px; } .advantage li figure{ position: relative; } .advantage li figcaption{ display: flex; justify-content: center; align-items: center; position: absolute; left: 0; right: 0; bottom: 0; height: 30%; background-color: rgba(0,0,0,.5); color: #fff; } /*瀹㈡埛妗堜緥鏍峰紡 */ .CustomerCase{ border: 1px solid #E6EAEF; margin-top: 40px; } .CustomerCase section{ display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #E6EAEF; padding: 40px 50px; } .CustomerCase .CustomerName{ font-size: 1.5em; color: #000000; letter-spacing: 0; font-weight: 400; margin-right: 50px; } .CustomerCase p{ padding: 20px 50px; margin: 10px 0; } .CustomerCase p span{ display: block; } .CustomerCase p:last-of-type{ background-color: #0093DD; color: #fff; padding-right: 20px; margin-bottom: 0; } /*瀛愭爣绛鹃〉闈㈡澘鏍峰紡 */ .tabbedPanelsB{ display: flex; flex-direction: column; width: 100%; } .tabbedPanelsB .panelContainer{ padding: 0; margin-top: -10px; } .tabbedPanelsB nav{ min-width: 200px; display: flex; justify-content: flex-start; } .tabbedPanelsB nav a,.tabbedPanelsB nav a:visited{ display: block; height: 50px; padding-right: 20px; line-height: 50px; font-family: PingFangSC-Regular; color: #3F4750; letter-spacing: 0; font-weight: 400; margin-right: 20px; } .tabbedPanelsB nav a.current{ color: #0093DD; border-bottom: 1px solid #057DBA; } .tabbedPanelsB .listB{ display: none; } .tabbedPanelsB div.show{ display: block; }