*{ color:black; font-family: Microsoft YaHei; margin:0; padding:0; } body{ font-size: 14px; } a, a:link, a:visited, a:hover, a:active{ text-decoration: none; } ul{ list-style: none; padding:0; margin:0; } /*澶撮儴瀵艰埅*/ .mLogo{ height:3.5rem; position: relative; top:0; left:0; } .mLogo img{ height:100%; } /*鎼滅储*/ .Search{ width:100%; height:3.5rem; background: #f5f5f5; clear: both; } .SearchBar{ width:80%; line-height: 3.5rem; margin:0 auto; } .SearchBar input.keywords{ width:65%; line-height:2.5rem; background: white; border:1px solid #e6e6e6; color:#666; padding-left: 1rem; letter-spacing: 0.3rem; outline: medium; margin-right: -1rem; } .SearchBar input.submit{ width:32%; line-height:2.5rem; background: #019fe9 url("../images/so.png") center no-repeat; border: none; outline: none; cursor:pointer; } /*涓氬姟棰嗗煙*/ .ETitle{ text-align: center; margin:2.5rem 0 2rem; } .ETitle h1{ line-height: 1.5rem; border-right: 1px solid #333; color:#019fe9; font-size: 1.5rem; font-weight: bold; } .ETitle span{ font-size: 1rem; font-weight: bold; text-transform: uppercase; } .m-list a{ display:block; width:22.5%; height:2.5rem; background: #f5f5f5; box-sizing: border-box; float:left; line-height: 2.5rem; text-align: center; margin:0.5rem 0 0 2%; } .m-list .m-list-current{ background: #019fe9; color: white; } .BusinessShow li{ width:47%; box-shadow: 0 0 12px #ddd; float:left; margin:1.5rem 0 0 2%; } .ShowImg{ width:100%; height:0; padding-top: 75%; overflow: hidden; position: relative; } .ShowImg img{ width:100%; transition: all 0.6s; position: absolute; left:0; top:0; } .ShowName{ line-height: 2.5rem; text-align: center; font-weight: normal; } .BusinessShow li:hover .ShowName{ background: #019fe9; color: white; } .BusinessShow li:hover .ShowImg img{ transform: scale(1.2); } .More{ margin:2rem auto; clear: both; width:60%; height:3rem; } .More a{ border: 1px solid #333; display: block; width:100%; height:100%; line-height: 3rem; text-align: center; } .More a:hover{ background: #019fe9; color: white; border:none; } /*鎴愬姛妗堜緥*/ .Case{ background: #f5f5f5 url("../images/albg.jpg") center no-repeat; padding:1px 0; background-size: cover; } .CaseShow li{ width:47%; overflow: hidden; float:left; margin:0.5rem 0 0 2%; position: relative; } .case-img{ position: relative; width:100%; height:0; padding-top: 75%; } .case-img img{ width:100%; position: absolute; left:0; top:0; } .case-title{ width:100%; line-height:2rem; background: rgba(51,51,51,0.6); position: absolute; left:0; bottom:0; color:white; text-align: center; } /*鏈嶅姟娴佺▼*/ .Service{ margin-bottom: 2.5rem; } .Process{ width:95%; margin:0 auto; } .ProcessImg{ width:50%; height:0; padding-top: 33%; overflow: hidden; position: relative; float:left; } .ProcessImg img{ position: absolute; width:100%; left:0; top:0; } .ProcessTxt{ width:50%; height:0; padding-top: 33%; float:left; position: relative; } .ProcessTxt .process-box { position: absolute; left:0; top:0; background: #f5f5f5; width:100%; height:100%; } .process-box>h2>span{ font-size:32px; font-weight: bold; font-style: italic; margin-right: 5%; color: rgba(51,51,51,0.5); } .process-box>h2{ font-size: 18px; font-weight: normal; text-align: center; line-height: 3.3rem; } .process-box>p{ font-size: 12px; width:90%; line-height: 1.5rem; margin:-0.5rem auto 0; } .ProcessTxt .process-blue{ background: #019fe9; } .process-blue>h2>span{ color: rgba(255,255,255,0.5); } .process-blue>h2, .process-blue>p{ color: white; } /*鍏充簬鎴戜滑*/ .AboutUs{ background: #f5f5f5 url("../images/gybg.jpg") top repeat-y; padding-top:1px; background-size: cover; } .AboutUs p{ width:95%; margin:0 auto 1.5rem; color:#666; line-height: 1.5rem; } .AboutUs a{ display:block; color: #019fe9; margin:0 auto 1.5rem; width:fit-content; /*瀹藉害闅忔枃瀛楀彉鍖?/ width:-webkit-fit-content;/*瀹藉害闅忔枃瀛楀彉鍖?/ width:-moz-fit-content;/*瀹藉害闅忔枃瀛楀彉鍖?/ } .AboutImg img{ width:100%; } /*鏂伴椈涓績*/ .News{ margin-bottom: 2rem; } .NewsList{ margin-top: -0.8rem; } .NewsList li{ border-bottom:1px solid #e6e6e6; width:95%; display: flex; align-items: center; padding:0.8rem 0; margin:0 auto; } .NewsDate{ border-right:1px solid #ddd; width:20%; color:#999; text-align: center; } .NewsDate p:nth-child(1){ font-size: 40px; color:#999; } .NewsDate p:nth-child(2){ color:#999; } .NewsLiRight{ width:80%; margin-left: 3%; } .NewsLiRight h3{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .NewsLiRight h3 a{ font-size: 14px; font-weight: bold; line-height: 2.2rem; } .NewsLiRight h3 a:hover{ color: #019fe9; } .NewsLiRight p{ color: #666; line-height: 1.5rem; font-size: 12px; } /*鍚堜綔浼欎即*/ .Partner{ background: #f5f5f5; padding: 1px 0 2rem; } .partner-list{ margin-left: 1%; } .partner-list li{ width:30%; overflow: hidden; float:left; margin:0.5rem 0 0 2%; border:1px solid #ddd; } .partner-list li img{ width:100%; display: block; } /*搴曢儴*/ .Bottom{ width:100%; height:2.5rem; background: #333; float:left; overflow: hidden; font-size: 12px; color:rgba(255,255,255,0.6); text-align: center; line-height: 2.5rem; margin-bottom: 3.5rem; } .Bottom a{ color:rgba(255,255,255,0.6); } /*鎮诞鎸夐挳*/ .mHover{ width:100%; height:3.5rem; background:#019fe9; position:fixed; bottom:0; z-index: 999; } .mHover ul{ display: flex; align-items: center; justify-content: center; } .mHover ul li a{ display:block; width:100%; height:100%; } .mHoverBtn{ width:24%; } .mHoverLine{ background:rgba(255,255,255,0.5); width:1px; height:2.2rem; margin-top:0.3rem; } .mHoverIco{ width:22%; margin:0.5rem auto 0; } .mHoverIco img{ width:100%; } .mHoverTxt{ text-align: center; line-height: 1.2rem; color:white; } /*鍐呴〉闈㈠寘灞?/ .Crumb{ color:#999; height:2rem; line-height: 2rem; font-size: 12px; margin:0 2%; } .Crumb a{ font-size: 12px; padding:0 1%; } .Crumb a:hover{ color:#019fe9; } /*鍐呴〉椤电爜*/ .Page{ clear: both; text-align: center; overflow: hidden; padding: 2rem 0; } .Page a{ border:1px solid #c8c8c8; font-size:12px; padding:0.5rem; display:inline-block; line-height: 0.5rem; } .Page a:hover, .P-active{ background: #019fe9; color:white; } /*鍐呴〉鏂伴椈*/ .In-News-Show li{ border-bottom:1px solid #d9d9d9; width:95%; margin:0 auto; display: flex; align-items: center; padding:1rem 0; } .In-News-Img{ width:35%; overflow: hidden; } .In-News-Img img{ width:100%; transition: all 0.6s; } .In-News-Img img:hover{ transform: scale(1.2); } .In-News-Right{ width:65%; margin-left: 2%; } .In-News-Right h3{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .In-News-Right h3 a{ font-size: 14px; font-weight: bold; line-height: 1.5rem; } .In-News-Right h3 a:hover{ color: #019fe9; } .In-News-Right p{ color: #666; line-height: 1.5rem; font-size: 12px; } .In-News-Right time{ font-size: 12px; color:#999; line-height:1.5rem; } /*鍐呴〉鍚堜綔浼欎即*/ .in-partner-list{ margin-left: 1%; clear: both; padding: 0.5rem 0; } .in-partner-list li{ width:30%; overflow: hidden; float:left; margin:1rem 0 0 2%; } .in-partner-img{ border:1px solid #ddd; } .in-partner-img img{ width:100%; display: block; } .in-partner-list li h2{ font-size: 14px; font-weight: normal; text-align: center; line-height: 1.5rem; } /*鍐呴〉鍐呭*/ .in-content{ clear:both; } .in-about{ padding:1rem 2%; } /*璇︽儏椤?/ .InterPage{ padding:1rem 2%; } .IPTitle{ text-align: center; margin-top: 1rem; font-size: 18px; } .IssueTime{ font-size: 12px; color:#b0b0b0; text-align: center; line-height: 3rem; border-bottom: 1px solid #d9d9d9; margin-bottom: 1.2rem; } .IssueTime i{ font-size: 12px; color:#b0b0b0; } .Detail img{ width:100%; } .DetailNext{ overflow: hidden; margin: 2.5rem 0; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; padding:0.5rem 0; line-height: 1.5rem; } .DetailNext a{ display: block; color:#666; } .DetailNext a:hover{ color:#019fe9; }