* { font-size: 16px; color: #333; font-family: Microsoft YaHei; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; list-style-type: none; } body { overflow-x: hidden; } a, a:link, a:visited, a:hover, a:active { text-decoration: none; } ul { list-style: none; padding: 0; margin: 0; } /*澶撮儴*/ .Head { width: 100%; height: 110px; } .HeadCenter { width: 1200px; height: 110px; margin: 0 auto; } .Logo { height: 110px; float: left; } .Tel { height: 110px; float: right; align-items: center; display: flex; } .TelIco { float: left; width: 44px; height: 44px; margin-right: 10px; } .TelTxt { float: left; } .TelTxt p:nth-child(1) { color: #666; } .TelTxt p:nth-child(2) { font-size: 30px; font-weight: bold; } /*鎼滅储*/ .Search { width: 100%; height: 68px; background: #f5f5f5; } .SearchCenter { width: 1200px; height: 68px; margin: 0 auto; } .Keyword { float: left; line-height: 68px; } .Keyword span { color: #999; } .Keyword a { font-size: 14px; margin-right: 15px; } .Keyword a:hover { color: #0C5CA5; } .SearchBar { float: right; line-height: 68px; } .SearchBar .keywords { width: 225px; line-height: 40px; background: white; border: 1px solid #e6e6e6; color: #666; padding-left: 15px; font-size: 14px; letter-spacing: 3px; outline: medium; } .SearchBar .submit { width: 100px; line-height: 40px; background: #0C5CA5 url("../images/so.png") center no-repeat; border: none; outline: none; margin-left: -5px; cursor: pointer; } /*涓氬姟棰嗗煙*/ .Business { width: 100%; } .BusinessCenter { width: 1200px; margin: 0 auto; } .ETitle { margin: 50px auto; text-align: center; } .ETitle h1 { color: #0C5CA5; font-size: 36px; font-weight: bold; } .ETitle span { font-size: 24px; font-weight: bold; text-align: center; text-transform: uppercase; /* margin-left: 8px; */ } .BusinessList { width: 1200px; border-bottom: 1px solid #e6e6e6; display: table; line-height: 60px; text-align: center; align-items: center; } .BusinessList a { display: inline-block; width: 150px; font-size: 18px; } .BusinessList .Current { border-bottom: 5px solid #0C5CA5; } .BusinessList .Current, .BusinessList a:hover { color: #0C5CA5 } .BusinessShow { margin: 30px -20px; height: auto; display: inline-block; } .BusinessShow li { width: 285px; height: 264px; box-shadow: 0 0 12px #ddd; float: left; margin: 20px 0 0 20px; } .ShowImg { width: 285px; height: 214px; overflow: hidden; } .ShowImg img { width: 285px; height: 214px; transition: all 0.6s; } .ShowName { line-height: 50px; text-align: center; font-weight: normal; } .BusinessShow li:hover .ShowName { background: #0C5CA5; color: white; } .BusinessShow li:hover .ShowImg img { transform: scale(1.2); } .More { margin: 0 auto 50px; clear: both; width: 163px; height: 50px; } .More a { border: 1px solid #333; display: block; width: 163px; height: 50px; line-height: 50px; text-align: center; } .More a:hover { background: #0C5CA5; color: white; border: none; } /*鎴愬姛妗堜緥*/ .Case { width: 100%; height: 912px; background: #f5f5f5; background: url("../images/albg.jpg") center no-repeat; } .CaseCenter { padding-top: 2px; width: 1200px; height: 910px; margin: 0 auto; } .CaseShow { height: 650px; margin: -30px -30px 30px; } .CaseShow li { width: 380px; height: 285px; overflow: hidden; float: left; margin: 30px 0 0 30px; } .CaseShow li img { width: 380px; height: 285px; } .CaseShow li a { display: block; width: 380px; height: 285px; position: relative; } .intro { position: absolute; left: 0; z-index: 10; background-color: rgba(51, 51, 51, 0.6); width: 380px; text-align: center; } .intro h2 { padding: 0; margin: 0; font-size: 20px; height: 80px; width: 380px; line-height: 230px; color: white; font-weight: normal } .intro p { margin: 60px auto 75px; height: 70px; overflow: hidden; } .intro p img { width: 70px; height: 70px; } .CaseShow li a .intro { bottom: -285px; } .CaseShow li a:hover .intro { bottom: 0; } /*鏈嶅姟娴佺▼*/ .Service { width: 100%; height: 590px; } .ServiceCenter { width: 1200px; height: 590px; margin: 0 auto; } .Process { width: 300px; height: 400px; float: left; } .ProcessImg { width: 300px; height: 200px; } .ProcessTxt { width: 300px; height: 200px; background: #f5f5f5; padding-top: 15px; } .ProcessTxt>h2>span { font-size: 48px; font-weight: bold; font-style: italic; margin-right: 15px; color: rgba(51, 51, 51, 0.5); } .ProcessTxt>h2 { font-size: 24px; font-weight: normal; text-align: center; line-height: 70px; } .ProcessTxt>p { width: 280px; line-height: 32px; margin: 0 auto; } .ProcessBlue { background: #0C5CA5; } .ProcessBlue>h2>span { color: rgba(255, 255, 255, 0.5); } .ProcessBlue>h2, .ProcessBlue>p { color: white; } /*鍏充簬鎴戜滑*/ .AboutUs { width: 100%; height: 532px; background: #f5f5f5; position: relative; background: url("../images/gybg.jpg") center no-repeat; } .AboutUsCenter { height: 532px; margin: 0 -600px 0 -600px; position: absolute; left: 50%; } .AboutTxt { width: 630px; height: 532px; float: left; margin-right: 29px; } .AboutTitle { text-align: left; } .AboutTxt p { color: #666; line-height: 32px; margin-bottom: 35px; } .AboutTxt a { color: #0C5CA5; } .AboutImg { width: 890px; height: 532px; float: right; overflow: hidden; } .AboutImg img { width: 890px; height: 532px; } /*鏂伴椈涓績*/ .News { width: 100%; height: 700px; } .NewsCenter { width: 1200px; height: 700px; margin: 0 auto; } .NewsLeft { width: 566px; height: 482px; position: relative; float: left; } .NewsLeft img { width: 566px; height: 482px; } .NewsDes { width: 566px; height: 170px; background: rgba(51, 51, 51, 0.9); position: absolute; left: 0; bottom: 0; padding: 10px; } .NewsDes h3 a { color: white; font-weight: normal; font-size: 24px; line-height: 48px; white-space: nowrap; text-overflow: ellipsis; } .NewsDes h3 a:hover { color: #0C5CA5; } .NewsDes time { line-height: 30px; color: rgba(255, 255, 255, 0.5); } .NewsDes p { color: rgba(255, 255, 255, 0.5); line-height: 32px; } .NewsList { padding-top: 2px; width: 580px; height: 482px; float: right; } .NewsList li { border-bottom: 1px solid #e6e6e6; width: 580px; height: 160px; display: flex; align-items: center; } .NewsDate { border-right: 2px solid #ddd; width: 100px; color: #999; text-align: center; } .NewsDate p:nth-child(1) { font-size: 48px; color: #999; } .NewsDate p:nth-child(2) { color: #999; } .NewsLiRight { width: 460px; height: 100px; margin-left: 30px; } .NewsLiRight h3 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .NewsLiRight h3 a { font-size: 18px; font-weight: bold; line-height: 40px; } .NewsLiRight h3 a:hover { color: #0C5CA5; } .NewsLiRight p { color: #666; line-height: 28px; font-size: 14px; } /*鍚堜綔浼欎即*/ .Partner { width: 100%; height: 320px; background: #f5f5f5; } .PartnerCenter { width: 1200px; height: 320px; margin: 0 auto; padding-top: 2px; } /*搴曢儴*/ .Bottom { width: 100%; height: 300px; background: #333; border-bottom: 1px solid #666; } .BottomCenter { width: 1200px; height: 300px; margin: 0 auto; display: flex; align-items: center; position: relative; } .Ewm { width: 150px; height: 180px; text-align: center; } .EwmImg { width: 150px; height: 150px; } .EwmImg img { width: 150px; height: 150px; } .Ewm span { color: rgba(255, 255, 255, 0.5); font-size: 14px; line-height: 30px; } .B-Contact { max-width: 430px; height: 150px; margin-left: 40px; min-width: 320px; } .B-TelIco { padding-top: 5px; float: left; margin-right: 15px; } .B-Tel { height: 70px; } .B-TelTxt p:nth-child(1) { color: rgba(255, 255, 255, 0.5); font-size: 14px; } .B-TelTxt p:nth-child(2) { font-size: 30px; color: white; font-weight: bold; } .B-Ad { color: rgba(255, 255, 255, 0.5); font-size: 14px; line-height: 30px; } .BottomNav { max-width: 600px; height: 200px; display: flex; position: absolute; right: 0; overflow: hidden; } .BottomNav li { width: 100px; text-align: center; } .BottomNav li a { color: white; line-height: 40px; } .B-list li a { color: rgba(255, 255, 255, 0.5); font-size: 14px; line-height: 30px; } /*鐗堟潈*/ .Copyright { width: 100%; height: 52px; background: #333; line-height: 52px; text-align: center; } .Copyright span { font-size: 14px; color: rgba(255, 255, 255, 0.5); margin-right: 10px; } .Copyright span a { font-size: 14px; color: rgba(255, 255, 255, 0.5); } /*鍐呴〉澶у浘*/ .InBanner { width: 100%; height: 260px; position: relative; } .InBanImg { width: 1920px; height: 260px; position: absolute; left: 50%; margin-left: -960px; } /*鍐呴〉鍐呭*/ .InPage { width: 100%; padding: 30px 0; } .InPageCenter { width: 1200px; margin: 0 auto; } /*鍐呴〉鍒楄〃*/ .InLeft { border: 1px solid #eee; width: 250px; min-height: 350px; float: left; } .InTitle { height: 50px; background: #0C5CA5; padding-left: 10px; color: white; line-height: 50px; font-size: 20px; } .InList li { border-bottom: 2px solid white; height: 50px; background: #f0f0f0; } .InList li a { display: block; width: 250px; height: 50px; background: url("../images/listbg.png") center no-repeat; line-height: 50px; padding-left: 25px; } .InList li a:hover, .InList li a.on { display: block; width: 250px; height: 48px; background: #fafafa url("../images/listbg2.png") center no-repeat; color: #0C5CA5; } .InRight { border: 1px solid #eee; width: 930px; min-height: 350px; float: right; } .Crumb { height: 50px; background: #f0f0f0 url("../images/cbg.png") center no-repeat; color: #999; font-size: 14px; line-height: 50px; padding-left: 42px; } .Crumb a { font-size: 14px; padding: 0 5px; } .Crumb a:hover { color: #0C5CA5; } .In-B-Show { height: auto; margin: 0 0 0 -5px; } .In-Contact { margin-top: 50px; } .In-Contact p { color: #666666; line-height: 28px; padding: 10px; font-size: 14px; } /*鍐呴〉椤电爜*/ .Page { margin: 30px 15px; text-align: center; overflow: hidden; clear: both; padding-top: 30px; } .Page a { border: 1px solid #c8c8c8; font-size: 12px; padding: 12px; display: inline-block; height: 32px; line-height: 8px; } .Page a:hover, .P-active { background: #0C5CA5; color: white; } /*璇︽儏椤?/ .IPTitle { text-align: center; margin: 20px; font-size: 24px; } .IssueTime { font-size: 12px; color: #b0b0b0; text-align: center; line-height: 50px; border-bottom: 1px solid #d9d9d9; } .IssueTime i { font-size: 12px; color: #b0b0b0; } .Detail { padding: 30px 0; } .DetailNext { overflow: hidden; margin: 40px 0; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; padding: 10px 0; line-height: 30px; } .DetailNext a { display: block; color: #666; } .DetailNext a:hover { color: #0C5CA5; } /*鍐呴〉鏂伴椈鍒楄〃*/ .In-News-Show li { width: 890px; border-bottom: 1px solid #d9d9d9; height: 240px; padding: 20px 0; display: flex; align-items: center; margin: 0 auto; } .In-News-Img { width: 280px; height: 180px; overflow: hidden; } .In-News-Img img { width: 280px; height: 180px; transition: all 0.6s; } .In-News-Img img:hover { transform: scale(1.2); } .In-News-Right { width: 630px; margin-left: 25px; } .In-News-Right h3 a { font-size: 18px; font-weight: bold; line-height: 40px; } .In-News-Right h3 a:hover { color: #0C5CA5; } .In-News-Right p { color: #666; line-height: 28px; font-size: 14px; } .In-News-Right time { font-size: 14px; color: #999; line-height: 50px; } /*鍐呴〉鍚堜綔浼欎即*/ .in-partner { margin: 0 -5px; } .in-partner li { width: 285px; margin: 20px 0 0 20px; float: left; } .in-partner-img { border: 1px solid #ddd; width: 285px; height: 127px; overflow: hidden; } .in-partner-img img { width: 285px; height: 127px; } .in-partner li h2 { text-align: center; line-height: 40px; font-weight: normal; overflow: hidden; } /*鍐呴〉鍐呭*/ .in-show { padding: 20px 15px; overflow: hidden; }