锘緻charset "utf-8"; *, *:before, *:after{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:0 } body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select{ margin:0; padding:0 } *{ margin:0; padding:0 } body{ font-family:'Microsoft YaHei', arial; font-size:14px; color:#666; line-height:1.5; margin:0 auto; background:#fff; max-width:1920px; -webkit-tap-highlight-color:transparent } a:link, a:visited{ text-decoration:none; outline:0; color:#666 } a:hover, a:active, a:focus{ color:#666; text-decoration:none } ul, li{ list-style:none } ul{ padding:0 } li{ zoom:1; vertical-align:middle } ol{ margin:0; padding:0; padding-left:36px } fieldset, img{ border:0 } img{ border:0; max-width:100% } div{ outline:0 } h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:100% } table{ border-collapse:collapse; border-spacing:0; table-layout:fixed; border:0; width:100% } th, td{ padding:0 } input, textarea{ font-family:arial; font-size:14px } input{ outline:0 } textarea{ outline:0 } input[type='reset'], input[type='button'], input[type='submit'], input[type='radio']{ cursor:pointer; outline:0 } input[type='checkbox'], input[type='radio']{ position:relative; vertical-align:middle; margin-bottom:1px; margin-left:5px; margin-right:5px } textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text']{ padding:0; color:#666; outline:0 } input, textarea{ -webkit-appearance:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); border-radius:0; overflow-y:hidden; overflow-x:hidden } ::-webkit-input-placeholder{ color:#333 } :-moz-placeholder{ color:#333; opacity:1 } ::-moz-placeholder{ color:#333; opacity:1 } :-ms-input-placeholder{ color:#333 } .fl{ float:left } .fr{ float:right } .clear{ clear:both } .clearfix:after{ clear:both; height:0; content:""; line-height:0; font-size:0; display:block } .pic{ width:100%; overflow:hidden; position:relative } .pic:after{ content:''; display:block; padding-bottom:100% } .pic2:after{ content:''; display:none; padding-bottom:100% } .middleCenter{ position:absolute; top:0; bottom:0; left:0; right:0; max-width:100%; max-height:100%; display:block; vertical-align:middle; text-align:center; margin:auto } .container{ width:1260px; margin-left:auto; margin-right:auto } @media (max-width:1366px){ .container{ padding:0 20px; width:1150px !important } } @media (max-width:1280px){ .container{ width:1150px !important } } @media (max-width:1150px){ .container{ width:1023px !important } } @media (max-width:1023px){ .container{ width:100% !important } } .prompt{ position:fixed; width:100%; height:100%; background:url(../images/ie_sosad.png) no-repeat center 35% #fff; left:0; bottom:0; display:none; z-index:999; filter:alpha(opacity=80); opacity:80 } .prompt span{ position:absolute; font-size:14px; font-family:'Microsoft YaHei'; top:55%; left:50%; margin-left:-152px; width:304px; display:block; line-height:24px; color:#666 } .prompt span a{ text-decoration:underline } .prompt .prompt_close{ width:30px; height:30px; position:absolute; right:30px; top:30px; background:url(../images/closed.png) no-repeat center center; cursor:pointer } #container{ overflow:hidden; position:relative } .header{ height:98px; transition:.5s; position:fixed; z-index:10; top:0; left:0; width:100%; border-bottom:1px solid rgba(255, 255, 255, 0.2) } .header .container{ width:100% } .header .logo{ float:left; z-index:4; transition:.5s; padding-top:13px; padding-left:137px } .header .logo a{ float:left; position:relative } .header .logo a img{ transition:.5s; display:block; width:171px } .header .logo a .logo1{ display:none } .header .header-right{ float:right; padding-top:27px; transition:.5s; padding-right:80px } .header .header-right .nav{ float:right; padding-right:48px } .header .header-right .nav ul li{ float:left; margin-left:19px; position:relative } .header .header-right .nav ul li a{ display:block; color:#fff; font-size:16px; line-height:41px; padding:0 19px; text-align:center; position:relative; height:71px; transition:.5s; text-transform:uppercase } .header .header-right .nav ul li a:after{ content:''; display:block; width:0; height:6px; background:#fff; position:absolute; bottom:0; left:0; transform:skew(-30deg); transition:.5s } .header .header-right .nav ul li .subnav{ position:absolute; top:70px; left:50%; width:150px; margin-left:-75px; display:none; padding-top:5px; text-align:center } .header .header-right .nav ul li .subnav ul{ background:rgba(0, 0, 0, 0.6); padding:10px 0 } .header .header-right .nav ul li .subnav ul li{ float:none; margin:0; padding:0; background:0 } .header .header-right .nav ul li .subnav ul li a{ line-height:40px; font-size:14px; color:#fff; height:40px; padding:0 15px; overflow:hidden; transition:.5s; font-weight:normal; text-transform:inherit } .header .header-right .nav ul li .subnav ul li a:after{ display:none } @media (min-width:1025px){ .header .header-right .nav ul li .subnav ul li a:hover{ background:#01a862 } } .header .header-right .nav ul li:nth-child(1){ background:0 } @media (min-width:1025px){ .header .header-right .nav ul li:hover a:after{ width:100% } } .header .header-right .nav ul .active a:after{ width:100% } .header .header-right .header-search{ position:relative; float:right } .header .header-right .header-search .pull-right{ width:40px; height:40px; line-height:40px } .header .header-right .header-search .pull-right a{ display:block; width:40px; height:40px; text-align:center } .header .header-right .header-search .pull-right a svg{ width:17px; fill:#fff; vertical-align:middle; display:inline-block } .header .header-right .header-search .pull-right .active{ background:url("../images/close.png") no-repeat center center; background-size:14px } .header .header-right .header-search .pull-right .active svg{ display:none } .header .header-right .header-search .search{ z-index:9; position:relative } .header .header-right .header-search .search .btn-search-max{ z-index:2; -webkit-transition:All .2s ease-in-out; transition:All .2s ease-in-out; position:relative } .header .header-right .header-search .search .btn-search-max *{ display:inline-block; vertical-align:middle } .header .header-right .header-search .search .search-main{ top:0; right:0; z-index:9; width:340px; display:none; padding:20px; position:absolute } .header .header-right .header-search .search-container{ background-color:#fff; padding-left:0; overflow:hidden; position:relative; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.1) } .header .header-right .header-search .search-container .form-control{ text-align:left; border:0; width:100%; font-size:14px; color:#999; line-height:20px; height:42px; vertical-align:top; padding:10px 86px 10px 10px; -webkit-appearance:none; background-color:#fff } .header .header-right .header-search .search-container .btn{ top:0; right:0; color:#043b83; width:42px; height:42px; line-height:42px; text-align:center; position:absolute; cursor:pointer; border-radius:0; border:0; background:url(../images/search1.png) no-repeat center center #01a862; background-size:20px } .header .header-right .header-search #search-closed{ right:0; top:15px; max-width:30px; position:absolute; cursor:pointer } .header .header-right .lan{ float:right; position:relative; padding-left:20px } .header .header-right .lan a{ color:#fff; font-size:17px; font-family:arial; text-align:center; margin:0 auto; line-height:41px; display:block } .header .header-right .lan a img{ text-align:center; margin:0 auto } .header .header-right .weixin{ float:right; position:relative; padding-right:17px; padding-left:14px } .header .header-right .weixin:after{ content:''; display:block; width:1px; height:16px; background:#fff; position:absolute; top:50%; transform:translateY(-50%); right:0 } .header .header-right .weixin a{ display:block; line-height:41px } .header .header-right .weixin a svg{ width:17px; vertical-align:middle; display:inline-block; fill:#fff } .header .header-right .weixin .ewm-img{ position:absolute; top:40px; left:50%; margin-left:-78px; width:156px; height:156px; display:none } .header .header-right .weixin .ewm-img img{ display:block } @media (min-width:1025px){ .header .header-right .weixin:hover .ewm-img{ display:block } } .header .header-right .email{ float:right; line-height:41px } .header .header-right .email svg{ width:17px; vertical-align:middle; display:inline-block; fill:#fff } .headerFixed{ position:fixed; top:0; left:0; width:100%; box-shadow:0 4px 10px 0 rgba(4, 0, 0, 0.2); background:#fff; height:60px } .headerFixed .logo{ padding-top:10px } .headerFixed .logo a{ height:40px } .headerFixed .logo a img{ display:none; width:102px } .headerFixed .logo a .logo1{ display:block !important } .headerFixed .header-right{ padding-top:7px } .headerFixed .header-right .nav ul li a{ color:#333; height:53px } .headerFixed .header-right .nav ul li a:after{ background:#01a862 } .headerFixed .header-right .nav ul li .subnav{ top:50px } .headerFixed .header-right .header-search .pull-right a svg{ fill:#333 } .headerFixed .header-right .header-search .pull-right .active{ background:url("../images/close1.png") no-repeat center center; background-size:20px } .headerFixed .header-right .lan a{ color:#333 } .headerFixed .header-right .weixin:after{ background:#999 } .headerFixed .header-right .weixin a svg{ fill:#333 } .headerFixed .header-right .email svg{ fill:#333 } @keyframes zhuanquan{ 100%{ transform:rotate(360deg) } } @keyframes zhuanquan1{ 100%{ transform:rotate(-360deg) } } @-webkit-keyframes dong{ 0%{ -webkit-transform:translateY(-100px); transform:translateY(-100px) } 100%{ -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes dong{ 0%{ -webkit-transform:translateY(-100px); transform:translateY(-100px) } 100%{ -webkit-transform:translateY(0); transform:translateY(0) } } @-webkit-keyframes bmove1{ 0%{ -webkit-transform:scale(1.1); transform:scale(1.1) } 100%{ -webkit-transform:scale(1); transform:scale(1) } } @keyframes bmove1{ 0%{ -webkit-transform:scale(1.1); transform:scale(1.1) } 100%{ -webkit-transform:scale(1); transform:scale(1) } } @-webkit-keyframes myfirst04{ 0%{ -webkit-transform:translateY(30px); transform:translateY(30px) } 50%{ -webkit-transform:translateY(60px); transform:translateY(60px) } 100%{ -webkit-transform:translateY(80px); transform:translateY(80px) } } @keyframes myfirst04{ 0%{ -webkit-transform:translateY(30px); transform:translateY(30px) } 50%{ -webkit-transform:translateY(60px); transform:translateY(60px) } 100%{ -webkit-transform:translateY(80px); transform:translateY(80px) } } @keyframes jump{ 0%{ -webkit-transform:translateY(-40px); transform:translateY(-40px) } 100%{ -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes jump1{ 0%{ -webkit-transform:translateY(40px); transform:translateY(40px) } 100%{ -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes mymove4{ 0%{ transform:scale(1) } 50%{ transform:scale(1.03) } 100%{ transform:scale(1) } } @-webkit-keyframes mymove4{ 0%{ transform:scale(1) } 50%{ transform:scale(1.03) } 100%{ transform:scale(1) } } @font-face{ font-family:"DINPro-Regular"; src:url("../font/DINPro-Regular.woff2") format("woff2"), url("../font/DINPro-Regular.woff") format("woff"), url("../font/DINPro-Regular.ttf") format("truetype"), url("../font/DINPro-Regular.eot") format("embedded-opentype"), url("../font/DINPro-Regular.svg") format("svg"); font-weight:normal; font-style:normal } @font-face{ font-family:"DINCond-Black"; src:url("../font/DINCond-Black.woff2") format("woff2"), url("../font/DINCond-Black.woff") format("woff"), url("../font/DINCond-Black.ttf") format("truetype"), url("../font/DINCond-Black.eot") format("embedded-opentype"), url("../font/DINCond-Black.svg") format("svg"); font-weight:normal; font-style:normal } #menu .search{ z-index:9; position:relative; margin:20px } #menu .search .form-control{ text-align:left; border:0; width:100%; font-size:14px; color:#999; line-height:20px; height:42px; vertical-align:top; padding:10px 86px 10px 10px; -webkit-appearance:none; background-color:#fff } #menu .search .btn{ top:0; right:0; color:#043b83; width:42px; height:42px; line-height:42px; text-align:center; position:absolute; cursor:pointer; border-radius:0; border:0; background:url(../images/search1.png) no-repeat center center #01a862; background-size:20px } #menu .lan{ position:relative; display:inline-block; vertical-align:top; margin:0 20px } #menu .lan a{ color:#333; font-size:17px; font-family:arial; text-align:center; margin:0 auto; line-height:41px; display:block } #menu .lan a img{ text-align:center; margin:0 auto } #menu .email{ line-height:41px; display:inline-block; vertical-align:top } #menu .email a{ display:block } #menu .email svg{ width:17px; vertical-align:middle; display:inline-block; fill:#333 } .home-banner{ overflow:hidden; width:100%; position:relative; z-index:1 } .home-banner .home-banner-slick .slick-list{ position:relative; height:997px; width:1920px; left:50%; margin-left:-960px } .home-banner .home-banner-slick .slick-list .item{ position:relative; height:997px } .home-banner .home-banner-slick .slick-list .item img{ display:block } .home-banner .home-banner-slick .slick-dots{ z-index:10; bottom:53%; width:19px; right:130px; line-height:0 } .home-banner .home-banner-slick .slick-dots li{ margin:3px 0; padding:5px; width:19px; height:19px; border-radius:50%; transition:.5s; float:none; border:1px solid transparent } .home-banner .home-banner-slick .slick-dots li button{ width:7px; height:7px; padding:0; display:block; border:0; border-radius:50%; background:#fff; transition:.5s } .home-banner .home-banner-slick .slick-dots li button:before{ content:"" } .home-banner .home-banner-slick .slick-dots .slick-active{ border:1px solid #fff } .home-banner .home-banner-slick .slick-dots .slick-active button:before{ color:transparent } .home-banner .home-banner-slick-phone{ display:none } @media (max-width:1023px){ .home-banner{ margin-top:60px; } } .ellipsis{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden } .phone-nav{ position:fixed; right:15px; top:0; line-height:60px; display:none; color:#666; z-index:15 } .phone-nav svg{ height:22px; margin-top:19px; display:block; fill:#01a862 } .home-main{ background:url("../images/bg.jpg") no-repeat top center } .home-list{ position:relative; margin-top:-117px; z-index:5; background:rgba(0, 191, 111, 0.83) } .home-list .left{ float:left; width:418px; background:rgba(0, 0, 0, 0.1) url("../images/h.png") no-repeat 41px center; padding-left:174px; height:117px; color:#fff; font-size:18px; padding-top:24px; border-left:1px solid rgba(255, 255, 255, 0.3); border-right:1px solid rgba(255, 255, 255, 0.3); position:absolute; top:0; left:0 } .home-list .left .p{ line-height:34px; margin-top:6px } .home-list .left .p span{ font-size:25px; color:#01a862; width:34px; text-align:center; margin:0 3px; background:url(../images/bg.png) no-repeat center center; display:inline-block; vertical-align:top; font-family:"DINPro-Regular" } .home-list .info{ position:relative; height:117px; padding-left:418px; overflow:hidden } .home-list .info ul li{ width:33.333333333333336%; float:left; font-size:18px; text-align:center; line-height:117px; background:rgba(0, 0, 0, 0.1); transition:.5s; border-right:1px solid rgba(255, 255, 255, 0.3) } .home-list .info ul li a{ color:#fff } .home-list .info ul li .pic{ width:50px; height:50px; display:inline-block; vertical-align:middle } .home-list .info ul li .bt{ display:inline-block; vertical-align:middle } @media (min-width:1025px){ .home-list .info ul li:hover{ background:rgba(0, 0, 0, 0.2) } } .home-title{ text-align:center; position:relative; height:143px; padding-top:33px } .home-title h3{ background:url("../images/ht01.png") no-repeat top center; font-size:30px; color:#000; position:relative; z-index:5; padding-top:40px } .home-title p{ font-size:130px; color:rgba(245, 245, 245, 0.6); text-transform:uppercase; font-family:"DINCond-Black"; position:absolute; top:0; left:0; width:100%; line-height:143px; z-index:1 } .h2 h3{ background:url("../images/ht02.png") no-repeat top center } .h3 h3{ background:url("../images/ht03.png") no-repeat top center; color:#fff } .h3 p{ color:rgba(245, 245, 245, 0.05) } .h4 h3{ background:url("../images/ht04.png") no-repeat top center } .h5 h3{ background:url("../images/ht05.png") no-repeat top center } .h6 h3{ background:url("../images/ht06.png") no-repeat top center } .h6 p{ color:rgba(243, 243, 243, 0.6) } .h7 h3{ background:url("../images/ht07.png") no-repeat top center } .h7 p{ color:rgba(243, 243, 243, 0.6) } .h8 h3{ background:url("../images/ht08.png") no-repeat top center } .h8 p{ color:rgba(243, 243, 243, 0.6) } .h9 h3{ background:url("../images/ht09.png") no-repeat top center } .h9 p{ color:rgba(243, 243, 243, 0.6) } .h10 h3{ background:url("../images/ht010.png") no-repeat top center } .h10 p{ color:rgba(243, 243, 243, 0.6) } .h11 h3{ background:url("../images/ht011.png") no-repeat top center } .h11 p{ color:rgba(243, 243, 243, 0.6) } .h12 h3{ background:url("../images/ht012.png") no-repeat top center } .h12 p{ color:rgba(243, 243, 243, 0.6) } .h13 h3{ background:url("../images/ht013.png") no-repeat top center } .h13 p{ color:rgba(243, 243, 243, 0.6) } .h14 h3{ background:url("../images/ht014.png") no-repeat top center } .h14 p{ color:rgba(243, 243, 243, 0.6) } .h15 h3{ background:url("../images/ht015.png") no-repeat top center } .h15 p{ color:rgba(243, 243, 243, 0.6) } .h16 h3{ background:url("../images/ht016.png") no-repeat top center } .h16 p{ color:rgba(255, 255, 255, 0.53) } .h17 h3{ background:url("../images/ht016.png") no-repeat top center } .h18 h3{ background:url("../images/ht018.png") no-repeat top center } .h18 p{ color:rgba(243, 243, 243, 0.6) } .h19 h3{ background:url("../images/ht019.png") no-repeat top center } .h19 p{ color:rgba(243, 243, 243, 0.6) } .h20 h3{ background:url("../images/ht020.png") no-repeat top center } .h20 p{ color:rgba(243, 243, 243, 0.6) } .h21 h3{ background:url("../images/ht021.png") no-repeat top center } .h21 p{ color:rgba(243, 243, 243, 0.6) } .h22 h3{ background:url("../images/ht022.png") no-repeat top center; color:#fff } .h22 p{ color:rgba(243, 243, 243, 0.05) } .h23 h3{ background:url("../images/ht023.png") no-repeat top center } .h23 p{ color:rgba(243, 243, 243, 0.6) } .home-yewu{ padding:91px 0 86px 0 } .prolist{ margin:0 -9px; padding-top:39px } .prolist li{ width:20%; float:left; padding:0 9px } .prolist li a{ display:block; position:relative; border:1px solid #f4f9fc; border-bottom-left-radius:50px; border-top-right-radius:50px; overflow:hidden; transition:.5s } .prolist li a .pic img{ transition:.5s } .prolist li a .pic:after{ padding-bottom:111.39240506329114% } .prolist li a .text{ position:absolute; top:0; left:0; width:100%; height:100%; padding:33px 5px 33px 21px } .prolist li a .text .num{ color:#fff; font-size:14px; font-family:arial; padding-left:47px; position:relative; margin-bottom:18px; transition:.5s; overflow:hidden } .prolist li a .text .num:after{ content:''; display:block; width:23px; height:1px; background:#fff; position:absolute; bottom:6px; left:14px } .prolist li a .text .pic{ width:130px; transition:.5s } .prolist li a .text .pic:after{ padding-bottom:76.92307692307693% } .prolist li a .text .bt{ font-size:20px; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:0 14px; margin-top:18px; transition:.5s } .prolist li a .text .more{ opacity:0; color:#fff; font-size:14px; line-height:29px; padding:0 14px; margin-top:12px; transition:.5s; position:relative; width:105px } .prolist li a .text .more span{ position:absolute; top:0; right:0; width:29px; height:29px; border-radius:50%; transition:.5s; background:url(../images/more.png) no-repeat center center } .prolist li a .text .more span:after{ content:''; width:100%; height:100%; position:absolute; top:0; left:0; border-radius:50%; border:1px dashed #fff; animation:zhuanquan 10s linear 0s infinite } @media (min-width:1025px){ .prolist li:hover a{ border:1px solid #fff; box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.28) } .prolist li:hover a .pic img{ transform:scale(1.04) } .prolist li:hover a .text .pic img{ transform:scale(1) } .prolist li:hover a .text .num{ margin-top:-40px; opacity:0 } .prolist li:hover a .text .more{ opacity:1 } } .prolist li:nth-child(1) a .text{ background:rgba(232, 52, 53, 0.88) } .prolist li:nth-child(2n) a .text{ background:rgba(231, 127, 4, 0.89) } .prolist li:nth-child(3n) a .text{ background:rgba(0, 99, 180, 0.81) } .prolist li:nth-child(4n) a .text{ background:rgba(23, 125, 137, 0.91) } .prolist li:nth-child(5n) a .text{ background:rgba(1, 168, 98, 0.88) } .home-about{ padding-bottom:111px } .home-about .home-title p{ color:rgba(240, 240, 240, 0.67) } .home-about .home-bottom .jsh{ padding:10px 0; font-size:15px; color:#555; line-height:28px; text-align:center } .home-about .home-bottom .jsh span{ font-size:20px; color:#e83435 } .home-about .home-bottom .jsh span b{ font-weight:normal; font-size:25px } .home-about .home-bottom .nr{ background:#0063b4; color:#fff; margin-top:20px; border-top-right-radius:70px; border-bottom-left-radius:70px; position:relative; z-index:1; margin-bottom:51px } .home-about .home-bottom #particles-js{ width:100%; height:100%; position:absolute; z-index:-1; top:0; left:0 } .home-about .home-bottom .list{ padding:46px 0 74px 0; position:relative; z-index:3 } .home-about .home-bottom .list li{ width:25%; float:left; text-align:center } .home-about .home-bottom .list li:hover .pic{ transform:rotate(360deg) } .home-about .home-bottom .list .pic{ display:block; width:149px; height:165px; margin:auto auto 20px auto; background:url(../images/abg.png) no-repeat center center; background-size:cover; position:relative; transition:.5s } .home-about .home-bottom .list .text{ font-size:18px; padding-top:14px } .home-about .home-bottom .list .text .num{ font-size:60px; line-height:1; font-family:arial } .home-about .home-bottom .list .text .num .sup{ font-weight:700; font-size:30px; margin-left:5px } .home-about .home-bottom .list .text .num .sp1{ font-size:20px } .home-about .home-bottom .list .text .info{ margin-top:15px } .more1 a{ font-size:18px; color:#0196dc; width:199px; height:54px; border:1px solid #0196dc; border-radius:30px; display:block; margin:0 auto; line-height:52px; padding:0 30px; transition:.5s; position:relative } .more1 a span{ position:absolute; top:6px; right:10px; width:42px; height:42px; border-radius:50%; transition:.5s; background:url(../images/dot.png) no-repeat center center } .more1 a span:after{ content:''; width:100%; height:100%; position:absolute; top:0; left:0; border-radius:50%; border:1px dashed #00aa80; animation:zhuanquan 10s linear 0s infinite } @media (min-width:1025px){ .more1 a:hover{ color:#fff; background:#0058aa; border:1px solid #0058aa } } .more1 p{ font-size:14px; color:#0196dc; width:143px; height:39px; border:1px solid #0196dc; border-radius:30px; display:block; margin:0 auto; line-height:37px; padding:0 21px; transition:.5s; position:relative } .more1 p span{ position:absolute; top:4px; right:5px; width:31px; height:31px; border-radius:50%; transition:.5s; background:url(../images/dot.png) no-repeat center center; background-size:31px } .more1 p span:after{ content:''; width:100%; height:100%; position:absolute; top:0; left:0; border-radius:50%; border:1px dashed #00aa80; animation:zhuanquan 10s linear 0s infinite } .home-case{ background:url("../images/cbg.png") no-repeat top center; margin-top:-103px; padding:143px 0 41px 0 } .home-case .home-bottom{ padding-top:28px } .caselist{ margin:0 -15px } .caselist li{ width:25%; float:left; padding:0 15px } .caselist li .box{ padding:13px 12px 32px 12px; position:relative; background:#fff } .caselist li .box:after{ width:100%; height:35px; background:url("../images/bg1.png") no-repeat top center; content:''; display:block; position:absolute; bottom:-32px; left:0 } .caselist li .pic{ margin-bottom:25px } .caselist li .pic img{ transition:.5s } .caselist li .pic:after{ padding-bottom:50.185873605947954% } .caselist li .text{ text-align:center; padding:26px 21px 29px 21px } .caselist li .text .bt{ font-size:18px; color:#434343; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:bold; margin-bottom:17px } .caselist li .text .jsh{ font-size:15px; color:#666; line-height:24px; height:72px; overflow:hidden } @media (min-width:1025px){ .caselist li:hover .pic img{ transform:scale(1.04) } .caselist li:hover .more1 p{ color:#fff; background:#0058aa; border:1px solid #0058aa } } .home-news{ margin-top:-149px; padding:186px 0 119px 0; background:#fafafa url("../images/bg3.jpg") no-repeat bottom center } .home-news .home-bottom{ padding-top:10px } .newslist{ margin:0 -34px } .newslist li{ width:33.333333333333336%; float:left; padding:27px 34px 0 34px } .newslist li .box{ position:relative; transition:.5s } .newslist li .box:after{ content:''; display:block; width:100%; height:100%; left:-22px; top:24px; background:#01a862; position:absolute; z-index:1; transition:.5s; opacity:0 } .newslist li .box .info{ position:relative; z-index:3; box-shadow:0 0 20px 0 rgba(9, 2, 6, 0.1); background:#fff } .newslist li .box .info .text{ padding:19px 22px 39px 31px } .newslist li .box .info .span{ color:#fff; width:78px; height:25px; text-align:center; line-height:25px; font-size:14px; background:#01a862; margin-bottom:17px } .newslist li .box .info .bt{ font-size:17px; color:#333; line-height:28px; height:56px; overflow:hidden; margin-bottom:10px } .newslist li .box .pic img{ transition:.5s } .newslist li .box .pic:before{ content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:61px; z-index:1; background:url("../images/bg2.png") no-repeat top center } .newslist li .box .pic:after{ padding-bottom:65.24064171122996% } .newslist li .box .pic .hover{ background:url("../images/n1.png") no-repeat center center; width:68px; height:68px; position:absolute; bottom:17px; right:41px; z-index:3; transition:.5s } .newslist li .box .pic .hover:after{ content:''; width:100%; height:100%; position:absolute; top:0; left:0; border-radius:50%; border:1px dashed #00aa80; animation:zhuanquan 10s linear 0s infinite } @media (min-width:1025px){ .newslist li:hover .box{ transform:translate(22px, -27px) } .newslist li:hover .box:after{ opacity:1 } } .newslist li:nth-child(2n) .box .pic .hover{ background:url("../images/n2.png") no-repeat center center } .newslist li:nth-child(2n) .box:after{ background:#ff8a00 } .newslist li:nth-child(2n) .box .info .span{ background:#ff8a00 } .newslist li:nth-child(3n) .box .pic .hover{ background:url("../images/n3.png") no-repeat center center } .newslist li:nth-child(3n) .box:after{ background:#0063b4 } .newslist li:nth-child(3n) .box .info .span{ background:#0063b4 } .home-honor{ padding:52px 0 } .home-honor .home-bottom{ margin-top:39px; position:relative } .home-honor .slick-prev, .home-honor .slick-next{ border-radius:50%; width:68px; height:68px; margin-top:-34px; z-index:5; transition:.5s } @media (min-width:1025px){ .home-honor .slick-prev:hover, .home-honor .slick-next:hover{ transform:rotate(360deg) } } .home-honor .slick-prev:before, .home-honor .slick-next:before{ content:'' } .home-honor .slick-prev{ left:-94px; background:url(../images/left.png) no-repeat center center !important } .home-honor .slick-next{ right:-94px; background:url(../images/right.png) no-repeat center center !important } .partnerlist{ position:relative } .partnerlist:after{ position:absolute; top:0; right:0; width:1px; height:100%; background:#fff; content:''; display:block } .partnerlist li{ width:25%; float:left; padding:5px 20px 24px 20px; border-right:1px solid #dcddee; border-bottom:1px solid #dcddee } .partnerlist li a{ display:block; position:relative; overflow:hidden } .partnerlist li .pic img{ transition:.5s } .partnerlist li .pic:after{ padding-bottom:64.72727272727273% } .partnerlist li .bt{ font-size:17px; color:#fff; position:absolute; top:100%; left:0; width:100%; height:100%; text-align:center; background:rgba(1, 150, 220, 0.84); transition:.5s } .partnerlist li .bt p{ position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%) } @media (min-width:1025px){ .partnerlist li:hover .bt{ top:0 } } .footer{ background:#0d4f9d url("../images/bg4.jpg") no-repeat top center; margin-bottom:120px } .footer-top{ padding:153px 0 29px 0 } .footer-top ul{ margin:0 -19px } .footer-top ul li{ width:14.285714285714286%; float:left; padding:0 19px } .footer-top ul li a{ display:block; font-size:16px; color:#fff; padding-bottom:17px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:14px; border-bottom:1px solid rgba(255, 255, 255, 0.2) } .footer-top ul li ul{ margin:0 } .footer-top ul li ul li{ width:100%; padding:0; float:none } .footer-top ul li ul li a{ font-size:15px; color:rgba(255, 255, 255, 0.5); border-bottom:0; padding:0; margin:0; line-height:32px; background:url("../images/dot1.png") no-repeat center left; background-size:17px; padding-left:27px } @media (min-width:1025px){ .footer-top ul li ul li a:hover{ color:#fff; text-decoration:underline } } .footer-top ul li .bottom{ padding-top:12px } .footer-top ul li .bottom .ewm{ margin-bottom:23px } .footer-top ul li .bottom .ewm img{ display:block } .footer-top ul li .bottom .ewm .info{ display:none; } .footer-top ul li .bottom .link a{ display:block; float:left; width:30px; height:30px; border-radius:50%; margin-right:13px } .footer-top ul li .bottom .link .wb{ background:#fff url(../images/wb.png) no-repeat center center } .footer-top ul li .bottom .link .wb.on{ background:#ff8a00 url(../images/wb1.png) no-repeat center center } @media (min-width:1025px){ .footer-top ul li .bottom .link .wb:hover{ background:#ff8a00 url(../images/wb1.png) no-repeat center center } } .footer-top ul li .bottom .link .wx{ background:#fff url(../images/wx.png) no-repeat center center } .footer-top ul li .bottom .link .wx.on{ background:#ff8a00 url(../images/wxh.png) no-repeat center center } @media (min-width:1025px){ .footer-top ul li .bottom .link .wx:hover{ background:#ff8a00 url(../images/wxh.png) no-repeat center center } } .footer-top ul li .bottom .link .qq{ background:#fff url(../images/qq.png) no-repeat center center } .footer-top ul li .bottom .link .qq.on{ background:#ff8a00 url(../images/qq1.png) no-repeat center center } @media (min-width:1025px){ .footer-top ul li .bottom .link .qq:hover{ background:#ff8a00 url(../images/qq1.png) no-repeat center center } } .footer-bottom span{ display:block; border-top:1px solid rgba(255, 255, 255, 0.2); padding:25px 0 26px 0; font-size:15.28px; color:rgba(255, 255, 255, 0.5); text-align:center } .dibu{ height:120px; position:fixed; bottom:0; width:100%; padding-top:39px; font-size:18px; color:#fff; letter-spacing:3px; z-index:6; background:#01a761 url("../images/index9_02.jpg") no-repeat top center } .dibu img{ display:inline-block; vertical-align:middle } .dibu .right{ display:inline-block; vertical-align:middle } .dibu .right input{ height:42px; border:0; background:#fff; margin-left:12px; float:left; display:block; padding:0 22px } .dibu .right .input1{ width:188px } .dibu .right .input2{ width:188px } .dibu .right .input3{ width:275px } .dibu .right .submit{ font-size:16px; color:#fff; width:160px; background:#37ba82 } .dibu .right .submit:hover{ background:#ff8a00 } .dibu .close{ position:absolute; right:16px; top:50%; margin-top:-18px } .dibu .close a{ display:block; width:32px; height:32px; border:1px solid #fff; border-radius:50%; text-align:center; line-height:30px; font-size:28px; font-weight:normal; background:rgba(255, 255, 255, 0.06) url("../images/cha.png") no-repeat center center } .float{ width:66px; border-radius:35px; text-align:center; position:fixed; height:300px; bottom:30%; right:32px; border:1px solid #ff8a00; background:#ff8a00; z-index:5; padding-top:25px; transition:.3s } .float li{ height:70px } .float li a{ display:block; padding-top:59px; font-size:12px; color:#fff } @media (min-width:1025px){ .float li a:hover{ text-decoration:underline } } .float .fanhui{ height:63px; background:#fff; border-top-left-radius:35px; border-top-right-radius:35px; display:none } .float .fanhui a{ padding-top:32px; color:#666; background:url("../images/san.png") no-repeat center 16px; background-size:21px } .float .display{ display:block } .float .lianxi a{ background:url("../images/zxzx.png") no-repeat center 19px; background-size:29px } .float .yewu{ position:relative } .float .yewu a{ background:url("../images/lianxi.png") no-repeat center 19px; background-size:29px } .float .yewu .hover{ position:absolute; top:0; right:100%; width:202px; display:none; background:#ff8a00; color:#fff; font-size:16px; padding:5px } .float .yewu .hover a{ background:0; font-size:28px; padding-top:0; font-family:"DINCond-Black" } .float .yewu:hover .hover{ display:block } .float .dingdan{ position:relative } .float .dingdan a{ background:url("../images/saoma.png") no-repeat center 21px; background-size:26px } .float .dingdan .hover{ position:absolute; top:0; right:100%; width:142px; display:none } .float .dingdan .hover img{ display:block } .float .dingdan:hover .hover{ display:block } .slow{ padding-top:0 } @media (max-width:1460px){ .header .container{ width:1260px } .header .logo{ padding-left:0 } .header .header-right{ padding-right:0 } .header .header-right .nav ul li a{ padding:0 15px } .header .header-right .nav{ padding-right:15px } .home-honor .slick-prev{ left:0 } .home-honor .slick-next{ right:0 } .home-honor .home-bottom .partnerlist{ padding:0 75px } } @media (max-width:1259px){ .header .header-right .nav ul li a{ font-size:14px } .header .header-right .nav ul li{ margin-left:10px } .header .header-right .nav ul li a{ padding:0 7px } .home-list .left{ width:330px; background:rgba(0, 0, 0, 0.1) url(../images/h.png) no-repeat 21px center; padding-left:115px; font-size:16px; background-size:80px } .home-list .info{ padding-left:330px } .home-list .info ul li{ font-size:16px } .home-list .info ul li .pic{ width:30px; height:30px } .prolist li a .text .pic{ width:80px } .prolist li a .text .bt{ font-size:16px; padding:0 5px } .home-honor .home-bottom .partnerlist li:nth-child(3n){ border-right:0 } .home-honor .home-bottom .partnerlist li:nth-child(4n){ border-right:1px solid #dcddee !important } .footer-top ul li .bottom .link a{ margin-right:6px } } .inbanner{ overflow:hidden; position:relative } .inbanner .inbanner-slick{ position:relative } .inbanner img{ animation:4s mymove4 alternate linear; display:block } .inbanner .inbanner-slick-phone{ position:relative; display:none; } .inbanner .txtbox{ top:50%; left:0; width:100%; z-index:9; color:#fff; transform:translateY(-50%); position:absolute } .inbanner .txtboxph{ display:none; } .inbanner .txtbox .container .info{ position:relative } .inbanner .txtbox .container .info1{ float:right } .inbanner .txtbox .container .info:before{ top:-48px; left:16px; content:""; width:167px; height:167px; border-radius:100%; position:absolute; background:rgba(0, 99, 180, 0.21); animation:2s fadeInLeft2 alternate ease } .inbanner .txtbox .container .info:after{ top:-35px; left:44px; content:""; width:204px; height:204px; border-radius:100%; position:absolute; background:rgba(255, 255, 255, 0.15); animation:2s fadeInRight2 alternate ease } .inbanner .txtbox p{ z-index:9; font-size:20px; position:relative; margin-left:131px; margin-top:10px } .inbanner .txtbox p:first-child{ font-size:50px; line-height:60px } .second-nav{ border-bottom:1px solid #e5e5e5 } .second-nav ul{ text-align:center; font-size:0 } .second-nav ul li{ display:inline-block; padding:0 20px } .second-nav ul li a{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:16px; color:#333; line-height:67px; text-align:center; position:relative } .second-nav ul li a:after{ content:''; display:block; height:3px; width:0; transition:.5s; position:absolute; bottom:0; left:50%; background:#01a560 } @media (min-width:1025px){ .second-nav ul li:hover a{ font-weight:bold } .second-nav ul li:hover a:after{ left:0; width:100% } } .second-nav ul .active a{ font-weight:bold } .second-nav ul .active a:after{ left:0; width:100% } .anchor_fixed{ position:fixed; top:60px; left:0; width:100%; z-index:6; background:#fff } .s1 ul li{ width:14.285714285714286% } .s2 ul li{ width:20% } .s3 ul li{ width:25% } .s4 ul li{ width:12.5% } .s5 ul li{ width:33.333333333333336% } .content{ padding:46px 0 105px 0 } .footer1{ background:#0d4f9d url(../images/bg5.jpg) no-repeat top center; margin-bottom:0 } .footer2{ background:#0d4f9d url(../images/bg6.jpg) no-repeat top center; margin-bottom:0 } .footer3{ background:#0d4f9d url(../images/bg4.jpg) no-repeat top center; margin-bottom:0 } .crsas .jsh{ font-size:16px; line-height:32px; color:#333; text-align:center } .crsas .jsh p{ margin-bottom:7px } .crsas .img{ padding-top:35px } .crsas .img ul li{ width:50%; float:left; text-align:center; padding:0 15px } .standard{ padding-bottom:0 } .standard .jsh{ font-size:16px; line-height:32px; color:#333; text-align:center } .standard .jsh p{ margin-bottom:2px } .standard .img{ padding-top:35px; text-align:center; padding-bottom:56px } .standard .img ul li{ display:inline-block; vertical-align:top; text-align:center; padding:0 15px } .standard .list{ position:relative; margin-top:49px; padding-bottom:71px } .standard .list .qehs{ width:414px; height:414px; position:absolute; top:0; left:50%; margin-left:-212px } .standard .list .qehs:after{ content:''; display:block; width:414px; height:414px; position:absolute; top:0; left:0; background:url("../images/qehsh.png") no-repeat center center; animation:zhuanquan 10s linear 0s infinite } .standard .list .qehs span{ position:relative; z-index:3 } .standard .list ul{ padding-top:29px; font-size:0 } .standard .list ul li{ width:50%; vertical-align:top; display:inline-block; padding-right:223px; position:relative; margin-bottom:94px } .standard .list ul li .box{ position:relative; padding-left:55px; padding-top:6px } .standard .list ul li .box .num{ width:38px; height:38px; border-radius:50%; background:#01a761; color:#fff; font-size:26px; text-align:center; line-height:38px; font-family:"DINCond-Black"; position:absolute; top:0; left:0 } .standard .list ul li .box .h3{ font-size:18px; color:#333; margin-bottom:11px } .standard .list ul li .box .p{ font-size:14px; color:#666; line-height:26px } .standard .list ul li:nth-child(2n){ padding-left:223px; padding-right:0 } .standard .list ul li:nth-child(3){ margin-bottom:0 } .standard .list ul li:nth-child(4){ margin-bottom:0 } .standrd02{ padding:61px 0; background:#f3f3f3 } .standrd02 .inmain-title{ text-align:center; font-size:30px; color:#333 } .inmain{ background:#f9f9f9 url(../images/inmain.jpg) no-repeat top center } .inmain01{ background:#fff url(../images/inmain01.jpg) no-repeat top center } .honorlist{ margin:45px -18px 0 -18px; position:relative; } .honorlist li{ width:25%; float:left; padding:0 18px; margin-bottom:35px } .honorlist li .box{ display:block; overflow:hidden; width:100%; border:1px solid #e1e1e1; padding:11px } .honorlist li .img{ padding:15px; background:url("../images/hbg.jpg") no-repeat center center; background-size:cover } .honorlist li .pic{ width:100% } .honorlist li .pic img{ transition:.5s } .honorlist li .pic:after{ padding-bottom:145.33898305084745% } .honorlist li .pic .fangda{ display:none; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(1, 167, 97, 0.5) } .honorlist li .pic .fangda img{ position:absolute; left:50%; margin-left:-25px; top:50%; margin-top:-24px; transform:scale(1); width:50px } .honorlist li .bt{ text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:19px 5px 15px 5px; font-size:17px; color:#333; line-height:35px; transition:.5s; border-bottom:1px solid #c5c5c5 } @media (min-width:1025px){ .honorlist li:hover .box{ border:1px solid #62c59b } .honorlist li:hover .pic img{ transform:scale(1.05) } .honorlist li:hover .pic .fangda{ display:block } .honorlist li:hover .pic .fangda img{ transform:scale(1) } .honorlist li:hover .bt{ border-bottom:1px solid #01a761; color:#01a761 } } .jxlist{ margin:55px -10px 0 -10px } .jxlist li{ width:25%; float:left; padding:0 10px; margin-bottom:27px } .jxlist li .box{ display:block; overflow:hidden; width:100% } .jxlist li .pic{ width:100%; border:1px solid #cfcfcf; border-top-right-radius:30px; border-bottom-left-radius:30px } .jxlist li .pic img{ transition:.5s } .jxlist li .pic:after{ padding-bottom:84% } .jxlist li .pic .fangda{ display:none; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(1, 167, 97, 0.5) } .jxlist li .pic .fangda img{ position:absolute; left:50%; margin-left:-25px; top:50%; margin-top:-24px; transform:scale(1); width:50px } .jxlist li .bt{ text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:19px 5px 15px 5px; font-size:17px; color:#333; line-height:35px; transition:.5s; border-bottom:1px solid #c5c5c5 } @media (min-width:1025px){ .jxlist li:hover .pic img{ transform:scale(1.05) } .jxlist li:hover .pic .fangda{ display:block } .jxlist li:hover .pic .fangda img{ transform:scale(1) } } .culture .jsh{ text-align:center; font-size:16px; color:#333; line-height:32px; padding:32px 0 19px 0 } .culture .jsh p{ margin-bottom:6px } .culture .jsh span{ color:#0080d8; font-weight:bold } .culture .list{ padding:29px 0 } .culture .list ul{ text-align:center } .culture .list ul li{ display:inline-block; vertical-align:top; line-height:40px; font-size:16px; color:#333; font-weight:bold; padding:0 25px } .culture .list ul li .pic{ width:40px; height:40px; float:left; margin-right:10px } .culture01 .culture-title{ color:#333; text-align:center; font-size:18px; font-weight:bold } .culture01 .culture-title:after{ content:''; display:block; width:29px; height:2px; margin:18px auto; background:#01a761 } .culture01 ul{ margin:0 -13px; padding-top:15px } .culture01 ul li{ width:25%; float:left; padding:0 13px } .culture01 ul li .box{ border:1px solid #cecece; padding:31px 20px; text-align:center; background:#fff } .culture01 ul li .box .num{ width:122px; height:122px; margin:0 auto; font-size:45px; line-height:122px; text-align:center; color:#fff; font-family:"DINCond-Black"; position:relative } .culture01 ul li .box .num span{ position:relative; z-index:3; display:block } .culture01 ul li .box .num:after{ content:''; display:block; width:92px; height:92px; border-radius:8px; position:absolute; top:50%; left:50%; margin-top:-46px; animation:zhuanquan1 10s linear 0s infinite; margin-left:-46px; z-index:1 } .culture01 ul li .box .num:before{ content:''; display:block; width:92px; height:92px; border-radius:8px; position:absolute; top:50%; left:50%; transform:rotate(45deg); margin-top:-46px; animation:zhuanquan 10s linear 0s infinite; margin-left:-46px; z-index:2 } .culture01 ul li .box .bt{ font-size:18px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-top:34px } .culture01 ul .num01 .box{ border-bottom:4px solid #0097ff } .culture01 ul .num01 .box .num:after{ background:#0097ff; opacity:.1 } .culture01 ul .num01 .box .num:before{ background:#0097ff } .culture01 ul .num02 .box{ border-bottom:4px solid #fe693c } .culture01 ul .num02 .box .num:after{ background:#fe693c; opacity:.1 } .culture01 ul .num02 .box .num:before{ background:#fe693c } .culture01 ul .num03 .box{ border-bottom:4px solid #01a761 } .culture01 ul .num03 .box .num:after{ background:#01a761; opacity:.1 } .culture01 ul .num03 .box .num:before{ background:#01a761 } .culture01 ul .num04 .box{ border-bottom:4px solid #fb3c7b } .culture01 ul .num04 .box .num:after{ background:#fb3c7b; opacity:.1 } .culture01 ul .num04 .box .num:before{ background:#fb3c7b } .management .text{ padding-top:4px } .management .text ul li{ background:url("../images/d.png") no-repeat 29px 21px; font-size:16px; color:#333; line-height:30px; padding:16px 0 16px 65px } .management .text ul li:nth-child(2n){ background:#f4f5f9 url("../images/d.png") no-repeat 29px 21px } .services5{ padding-bottom:0 } .services5 .jsh{ font-size:16px; text-align:center; color:#333; line-height:30px } .services5 .list{ padding-top:28px; padding-bottom:68px } .services5 .list ul{ font-size:0 } .services5 .list ul li{ width:7.6923076923076925%; display:inline-block; vertical-align:top; font-size:14px; color:#666; text-align:center; padding:0 10px } .services5 .list ul li .pic{ height:35px } .services5 .list ul li .bt{ margin-top:7px } .services5 .service-zx{ padding:63px 0 102px 0; background:#f3f3f3 } .services5 .service-zx .culture01 .culture-title{ font-size:20px } .services5 .service-zx .culture01 .culture-title:after{ margin:18px auto 14px auto } .services5 .service-zx .culture01 ul{ padding-top:45px } .services1{ padding-bottom:0 } .services1 .jsh{ font-size:16px; text-align:center; color:#333; line-height:30px } .services1 .list{ padding-top:48px; padding-bottom:37px } .services1 .list ul{ margin:0 -25px; font-size:0; text-align:center } .services1 .list ul li{ width:33.333333333333336%; display:inline-block; vertical-align:top; padding:0 25px; margin-bottom:63px } .services1 .list ul li .box{ padding:42px 20px; text-align:left; height:377px; background:#fff; border-top-right-radius:50px; border-bottom-left-radius:50px; box-shadow:0 0 35px 0 rgba(4, 0, 2, 0.15) } .services1 .list ul li .info{ position:relative; border-bottom:1px solid #eaeaea; padding-bottom:16px; margin-bottom:31px } .services1 .list ul li .info .pic{ width:120px; height:90px; position:absolute; top:0; left:0 } .services1 .list ul li .info .text{ padding-left:135px; min-height:90px } .services1 .list ul li .info .text .bt{ font-size:18px; color:#333 } .services1 .list ul li .info .text .span{ font-size:20px; color:#333; line-height:70px } .services1 .list ul li .info .text .span span{ font-size:46px; font-family:"DINPro-Regular"; color:#0d4f9d } .services1 .list ul li .info .text .span .counter{ font-size:60px } .services1 .list ul li .p{ font-size:15px; line-height:28px; color:#555 } .service-pa{ padding:104px 0 } .service-pa .se-title{ text-align:center; background:url("../images/bg7.png") no-repeat center center; height:101px; padding-top:17px } .service-pa .se-title .h3{ font-size:30px; color:#333 } .service-pa .se-title .h3 span{ color:#01a761; font-weight:bold } .service-pa .se-title .h3 span b{ color:#343434 } .service-pa .se-title .p{ text-transform:uppercase; font-size:14px; color:#999 } .service-pa .se-bottom{ position:relative; margin-top:48px } .service-pa .se-bottom ul{ margin:0 -14px } .service-pa .se-bottom ul li{ width:20%; float:left; padding:0 14px } .service-pa .se-bottom ul li .pic{ border:1px solid #e9e9e9 } .service-pa .se-bottom ul li .pic:after{ padding-bottom:57.017543859649116% } @media (min-width:1025px){ .service-pa .se-bottom ul li:hover .pic{ border:1px solid #0d4f9d; box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.16) } } .service-pa .se-bottom .slick-prev, .service-pa .se-bottom .slick-next{ border-radius:50%; width:68px; height:68px; margin-top:-34px; z-index:5; transition:.5s } @media (min-width:1025px){ .service-pa .se-bottom .slick-prev:hover, .service-pa .se-bottom .slick-next:hover{ transform:rotate(360deg) } } .service-pa .se-bottom .slick-prev:before, .service-pa .se-bottom .slick-next:before{ content:'' } .service-pa .se-bottom .slick-prev{ left:-94px; background:url(../images/left.png) no-repeat center center !important } .service-pa .se-bottom .slick-next{ right:-94px; background:url(../images/right.png) no-repeat center center !important } .services3{ padding-bottom:0 } .services3 .culture01 .culture-title{ font-size:24px } .services3 .culture01 .culture-title:after{ margin:18px auto 11px auto } .services3 .jsh{ font-size:16px; text-align:center; color:#333; line-height:30px } .services3 .list{ padding-top:43px; padding-bottom:23px } .services3 .list ul{ margin:0 -25px; font-size:0; text-align:center } .services3 .list ul li{ width:33.333333333333336%; display:inline-block; vertical-align:top; padding:0 25px; margin-bottom:63px } .services3 .list ul li .box{ padding:42px 19px; text-align:left; height:385px; background:#fff; border-top-right-radius:50px; border-bottom-left-radius:50px; box-shadow:0 0 35px 0 rgba(4, 0, 2, 0.15) } .services3 .list ul li .info{ position:relative; border-bottom:1px solid #eaeaea; padding-bottom:25px; margin-bottom:24px } .services3 .list ul li .info .pic{ width:120px; height:90px; position:absolute; top:0; left:0 } .services3 .list ul li .info .text{ padding-left:148px; min-height:90px; padding-top:18px } .services3 .list ul li .info .text .bt{ font-size:30px; color:#0d4f9d } .services3 .list ul li .info .text .span{ font-size:14px; color:#a6a6a6 } .services3 .list ul li .p{ font-size:15px; line-height:28px; color:#555 } .services3 .service-hg{ padding:72px 0 0 0; background:url("../images/sbg.jpg") no-repeat top center } .services3 .service-hg .culture01 .culture-title{ color:#fff } .services2{ padding-bottom:0 } .services2 .jsh{ font-size:16px; text-align:center; color:#333; line-height:30px } .services2 .gjspan{ text-align:center; font-size:20px; color:#333; font-weight:bold; margin-top:13px } .services2 .gjspan span{ color:#01a761 } .services2 .list{ padding-top:40px; padding-bottom:23px } .services2 .list ul{ margin:0 -25px; font-size:0; text-align:center } .services2 .list ul li{ width:50%; display:inline-block; vertical-align:top; padding:0 25px; margin-bottom:64px } .services2 .list ul li .box{ padding:42px 19px; text-align:left; height:376px; background:#fff; border-top-right-radius:50px; border-bottom-left-radius:50px; box-shadow:0 0 35px 0 rgba(4, 0, 2, 0.15) } .services2 .list ul li .info{ position:relative; border-bottom:1px solid #eaeaea; padding-bottom:25px; margin-bottom:24px } .services2 .list ul li .info .pic{ width:120px; height:90px; position:absolute; top:0; left:0 } .services2 .list ul li .info .text{ padding-left:148px; min-height:90px; padding-top:18px } .services2 .list ul li .info .text .bt{ font-size:30px; color:#0d4f9d } .services2 .list ul li .info .text .span{ font-size:14px; color:#a6a6a6; text-transform:uppercase } .services2 .list ul li .p{ font-size:15px; line-height:28px; color:#555 } .services4{ padding-bottom:0 } .services4 .jsh{ font-size:16px; text-align:center; color:#333; line-height:30px } .services4 .list{ padding-top:53px } .services4 .list ul li{ margin-bottom:53px; overflow:hidden } .services4 .list ul li .text{ float:left; width:52%; padding-top:141px; position:relative; padding-bottom:46px } .services4 .list ul li .text:before{ content:''; display:block; width:41px; height:29px; background:url(../images/bsbg1.png) no-repeat center center; position:absolute; top:73px; left:0 } .services4 .list ul li .text:after{ content:''; display:block; width:41px; height:29px; background:url(../images/bsbg2.png) no-repeat center center; position:absolute; bottom:0; right:0 } .services4 .list ul li .text .bt{ padding-left:90px; min-height:90px; margin-bottom:10px; position:relative } .services4 .list ul li .text .bt .pic{ width:76px; height:76px; position:absolute; top:0; left:0 } .services4 .list ul li .text .p{ font-size:15px; color:#555; line-height:30px } .services4 .list ul li .img{ float:right; width:44% } .services4 .list ul li:nth-child(2) .img{ float:left } .services4 .list ul li:nth-child(2) .text{ float:right } .r .h3{ font-size:22px; color:#000; position:relative; background:url("../images/bs.png") no-repeat bottom left; margin-bottom:7px } .r .h3:before{ content:''; display:inline-block; vertical-align:middle; width:65px; height:2px; background:#000; margin-right:5px } .r .span{ font-size:24px; color:#666; text-transform:uppercase; font-family:arial } .join-title .join-p{ color:#dedede; font-size:62px; line-height:60px; font-family:arial } .join{ padding:83px 0 0 0 } .join .list{ padding-top:60px; padding-bottom:40px } .join .list ul li{ width:20%; float:left; position:relative; text-align:center } .join .list ul li:after{ content:''; display:block; width:94px; height:10px; background:url("../images/zs.png") no-repeat center center; position:absolute; top:69px; right:-47px } .join .list ul li .pic{ width:148px; border-radius:50%; border:1px dashed #01a761; margin:0 auto; cursor:pointer } .join .list ul li .pic .ph{ display:none } .join .list ul li .text{ padding:19px 28px } .join .list ul li .bt{ font-size:20px; color:#333 } .join .list ul li .bt:after{ content:''; display:block; width:28px; height:2px; background:#01a761; margin:10px auto } .join .list ul li .jsh{ font-size:14px; color:#666; line-height:24px } @media (min-width:1025px){ .join .list ul li:hover .pic{ background:#0196dc; border:1px solid #0196dc } .join .list ul li:hover .pic .p{ display:none } .join .list ul li:hover .pic .ph{ display:block } } .join .list ul li:nth-last-child(1):after{ display:none } .join-message{ padding:60px 0; background:#f3f3f3 } .join-message .jsh{ text-align:center; font-size:16px; color:#666 } .join-message ul{ margin:0 -10px; padding-top:27px } .join-message ul li{ width:33.333333333333336%; float:left; padding:0 10px; margin-bottom:27px } .join-message ul li .span{ font-size:16px; color:#666; margin-bottom:8px } .join-message ul li .span span{ color:#f00 } .join-message ul li .input{ height:50px; padding:0 10px; border:1px solid #dbdbdb; background:#fff; width:100%; font-size:15px; color:#666 } .join-message ul li .input:focus{ border:1px solid #01a761 } .join-message ul li .textarea{ height:244px; padding:10px; border:1px solid #dbdbdb; background:#fff; width:100%; font-size:15px; color:#666 } .join-message ul li .textarea:focus{ border:1px solid #01a761 } .join-message ul li .select{ height:50px; padding:0 10px; border:1px solid #dbdbdb; background:#fff; width:100%; font-size:15px; color:#666 } .join-message ul li .select:focus{ border:1px solid #01a761 } .join-message ul li .bottom{ margin:0 -10px } .join-message ul li .item{ width:33.333333333333336%; float:left; padding:0 10px } .join-message ul li .left{ float:left; margin-right:50px; font-size:16px; color:#666 } .join-message ul li .left span{ display:inline-block; vertical-align:top; margin-right:14px } .join-message ul li .list1{ display:inline-block; vertical-align:top } .join-message ul li .list1 label{ position:relative; float:left } .join-message ul li .list1 label .bt{ user-select:none; position:relative; cursor:pointer; padding:0 25px 0 17px; font-size:16px; color:#666; margin-bottom:10px } .join-message ul li .list1 label .bt:after{ content:''; display:block; position:absolute; left:0; top:6px; width:12px; height:12px; border-radius:50%; background:#fff; border:1px solid #7c7c7c; transition:all .15s ease } .join-message ul li .list1 label input{ position:absolute; top:0; left:-20px; cursor:pointer } .join-message ul li .list1 label input:checked{ border:0 !important; background:0 } .join-message ul li .list1 label input:checked + .bt{ color:#333 } .join-message ul li .list1 label input:checked + .bt:after{ border-color:#01a761 } .join-message ul li .list1 label input:checked + .bt:before{ left:3px; top:9px; width:6px; height:6px; border-radius:50%; background:#01a761; position:absolute; display:block; content:""; z-index:1 } @media (min-width:1025px){ .join-message ul li .list1 label:hover .bt:after{ border-color:#898989 } } .join-message ul .diqu{ width:66.6666667% } .join-message ul a.submit, .join-message ul a.chongzhi{ width:360px; height:50px; text-align:center; line-height:48px; font-size:18px; display:inline-block; vertical-align:top; margin:0 10px } @media (min-width:1025px){ .join-message ul a.submit:hover, .join-message ul a.chongzhi:hover{ background:#01a761; border:1px solid #01a761; color:#fff !important } } .join-message ul a.submit{ color:#fff; background:#ff8a00; border:1px solid #ff8a00 } .join-message ul a.chongzhi{ border:1px solid #dadada; background:#fff; color:#333 } .download{ overflow:hidden; padding:88px 0 } .download ul{ margin:0 -14px 61px -14px; overflow:hidden } .download ul li{ float:left; width:50%; padding:0 14px 24px 14px } .download ul li a{ display:block; padding:29px 21px; height:200px; border:1px dashed #b4b4b4; border-bottom:1px solid #01a761; border-radius:5px } .download ul li .box{ overflow:hidden } .download ul li .box span{ color:#888; font-size:12px; float:right; font-weight:normal; font-family:arial; padding-left:18px; margin-top:7px } .download ul li .bt{ font-size:18px; color:#343434; position:relative; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:400px; float:left } .download ul li .jsh{ font-size:14px; color:#888; line-height:26px; height:52px; overflow:hidden; margin-bottom:17px } .download ul li .more{ width:125px; height:34px; padding-left:20px; line-height:30px; border:1px solid #0058aa; display:block; border-radius:30px; font-size:14px; color:#0058aa; background:#fff url("../images/down.png") no-repeat 89px center } .download ul li:hover a{ border:1px solid #01a761; border-bottom:1px solid #01a761; background:#01a761 } .download ul li:hover .box span{ color:#fff } .download ul li:hover .bt{ color:#fff } .download ul li:hover .jsh{ color:#fff } .download ul li:hover .more{ border:1px solid #fff; color:#fff; background:url("../images/downh.png") no-repeat 89px center } @media (max-width:768px){ .download ul li{ width:100% } .download ul li a{ height:auto } } .page{ clear:both; text-align:center; font-size:0; color:#947d58; font-family:arial } .page em{ font-style:normal; font-size:18px } .page a, .page span{ background:#e2e2e2; color:#999; display:inline-block; text-align:center; font-size:18px; min-width:40px; line-height:40px; height:40px; border-radius:40px; margin:0 3px; padding:0 5px; vertical-align:middle; -webkit-transition:background .5s; transition:background .5s } .page a.cur, .page span.cur, .page a:hover, .page span:hover{ background:#01a862; color:#fff } .page a.prev, .page span.prev, .page a.next, .page span.next{ font-size:15px; color:#666 } .page a.prev, .page span.prev{ background:0; padding-left:22px; margin-right:5px } .page a.prev:hover, .page span.prev:hover{ color:#01a862; background:0 } .page a.next, .page span.next{ background:0; padding-right:22px; margin-left:5px } .page a.next:hover, .page span.next:hover{ color:#01a862; background:0 } @media (max-width:768px){ .page a, .page em{ display:none } .page a.prev, .page a.next{ display:inline-block } } .job{ padding-bottom:0 } .job .job-title{ margin-bottom:80px; margin-top:42px; position:relative } .job .job-title .container{ position:relative } .job .job-title .text{ padding-top:20px; padding-right:515px; min-height:280px } .job .job-title h3{ font-size:30px; color:#333; background:url("../images/online.png") no-repeat center left; padding-left:65px; line-height:45px; margin-bottom:34px } .job .job-title .p{ font-size:16px; color:#333; line-height:34px; margin-bottom:43px } .job .job-title .p a{ color:#e50012; font-weight:bold } .job .job-title .img{ position:absolute; top:0; right:0; width:481px } .job .job-title .img img{ display:block } .job-bottom{ padding:66px 0; background:#f3f3f3 } .job-bottom .j-title{ text-align:center; font-size:30px; color:#333 } .job-bottom dl{ margin-top:46px } .job-bottom dl dt{ display:block; padding-left:36px } .job-bottom dl dt span{ display:block; float:left; text-align:left; width:12%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden } .job-bottom dl dt .name{ width:29%; padding-right:20px } .job-bottom dl dt .time{ width:5%; margin-right:12%; text-align:center } .job-bottom dl dt .address{ width:16%; margin-right:3%; text-align:center } .job-bottom dl dt .bumen{ width:16%; margin-right:8% } .job-bottom dl dt .fabu{ text-align:center; width:14% } .job-bottom dl dt .more{ width:8%; float:right; text-align:center } .job-bottom dl .list0{ height:64px; line-height:64px; margin-bottom:0; background:#01a761 } .job-bottom dl .list0 span{ color:#fff; font-size:18px } .job-bottom dl .list_dt{ cursor:pointer; height:106px; line-height:80px; transition:width 2s; font-size:18px } .job-bottom dl .list_dt .subnav{ display:block } .job-bottom .list_dt{ color:#575757; cursor:pointer; position:relative; background:url("../images/bg8.png") no-repeat bottom center } .job-bottom .list_dt:hover{ transition:all .5s linear; -moz-transition:all .5s linear; -o-transition:all .5s linear; -webkit-transition:all .5s linear } .job-bottom .list_dt .more{ background:url("../images/more3.png") no-repeat center center; height:80px } .job-bottom #open .more{ background:url("../images/more3h.png") no-repeat center center } .job-bottom .list_dd{ display:none } .job-bottom .jobsub{ background:#fff; border-top:0; line-height:30px; padding:19px 47px 59px 63px } .job-bottom .jobsub .bt{ font-size:16px; text-align:left; color:#01a761 } .partner{ padding:107px 0 105px 0; text-align:center; font-size:0 } .partner ul{ margin-top:5px } .partner ul li{ display:inline-block; vertical-align:top; padding:0 32px; transition:.5s } .partner ul li:hover{ transform:translateY(15px) } @keyframes rotate5{ to{ transform:rotate(0deg) } } .zongcai{ padding:93px 0 105px 0 } .zongcai .zongcai-bottom{ padding:49px 0 } .zongcai .zongcai-bottom .img{ float:left; width:48% } .zongcai .zongcai-bottom .img img{ display:inline-block; vertical-align:middle } .zongcai .zongcai-bottom .img p{ font-size:20px; color:#333; margin-top:35px } .zongcai .zongcai-bottom .text{ float:right; width:49%; padding-left:67px; margin-top:69px; background:url("../images/yin.png") no-repeat top left } .zongcai .zongcai-bottom .text .bt{ font-size:30px; color:#333; font-weight:bold; margin-bottom:35px } .zongcai .zongcai-bottom .text .jsh{ font-size:16px; color:#333; line-height:30px; background:url(../images/gun.png) no-repeat bottom center; padding-bottom:159px } .honor-nav ul{ font-size:0; text-align:center } .honor-nav ul li{ width:214px; display:inline-block; vertical-align:top; margin:0 -1px 0 0 } .honor-nav ul li a{ border:1px solid #e6e6e6; display:block; line-height:55px; text-align:center; font-size:18px; color:#333; transition:.5s; height:55px; overflow:hidden; } @media (min-width:1025px){ .honor-nav ul li:hover a{ border:1px solid #0063b4; background:#0063b4; color:#fff } } .honor-nav ul li.active a{ border:1px solid #0063b4; background:#0063b4; color:#fff } .honor-nav ul li:first-child a{ border-top-left-radius:30px } .honor-nav ul li:nth-last-child(1) a{ border-bottom-right-radius:30px } .honor{ padding:81px 0 57px 0 } .honor-list{ padding-top:68px } .honor-list ul{ margin:0 -10px 47px -10px } .honor-list ul li{ width:25%; float:left; padding:0 10px; margin-bottom:20px } .honor-list ul li:hover p{ display:none; } .honor-list ul li a{ display:block; overflow:hidden; width:100% } .honor-list ul li .img{ position:relative } .honor-list ul li .pic{ width:100%; -webkit-transform:rotateY(-180deg); -moz-transform:rotateY(-180deg); transition:.5s } .honor-list ul li .pic img{ transition:.5s } .honor-list ul li .pic:after{ padding-bottom:70.66666666666666% } .honor-list ul li .fangda{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/hb.jpg) no-repeat top center; background-size:cover; text-align:center; padding:58px 40px 0 40px; transition:.5s; -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); z-index:2 } .honor-list ul li .fangda p{ color:#333; font-size:16px; line-height:24px; height:48px; overflow:hidden } @media (min-width:1025px){ .honor-list ul li:hover .pic{ -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); z-index:2 } .honor-list ul li:hover .fangda{ -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); z-index:1 } } .contact{ padding:71px 0 0 0 } .contact .contact-info{ margin-bottom:53px } .contact table{ margin:0 auto; width:81%; border-top:2px solid #e8e8e8 } .contact table .img{ border:7px solid #dcdbdf; float:right; position:absolute; top:50%; right:0; transform:translateY(-50%) } .contact table .img img{ display:block } .contact table tr td{ border-bottom:2px solid #e8e8e8; position:relative; font-size:16px; color:#333; line-height:34px; padding:23px 23px 23px 76px } .contact table tr td a{ color:#333 } .contact table tr td .box{ font-size:18px; color:#333 } .contact table tr td .box .pic{ width:70px; height:70px; display:inline-block; vertical-align:middle } .contact table tr .left{ width:325px; padding:6px 6px 6px 70px; background:#f2f4f3 } .contact-map{ width:100%; position:relative; overflow:hidden } .contact-map #allmap{ width:1920px; height:522px; position:relative; left:50%; margin-left:-960px } .contact-map #allmap img{ max-width:initial !important; max-height:initial !important } .contact-map #allmap .anchorBL{ display:none } @media (max-width:768px){ .contact table{ width:100% } .contact{ padding-top:30px } .contact table tr .left{ width:140px; padding-left:10px } .contact table tr td{ font-size:14px; padding:10px } .contact table tr td .box{ font-size:14px } .contact table tr td .box .pic{ width:30px; height:30px } .contact-map #allmap{ height:300px } } .contact02{ padding:56px 0 } .contact02 .jsh{ text-align:center; font-size:16px; color:#666 } .contact02 .jsh span{ color:#f00 } .contact02 .mess-list .list{ padding-top:42px; margin:0 -10px } .contact02 .mess-list li{ width:50%; float:left; position:relative; padding:0 10px 20px 10px } .contact02 .mess-list .bi{ width:120px; height:129px; position:absolute; top:19px; right:-57px } .contact02 .mess-list .bi img{ display:block } .contact02 .mess-list .p-01{ line-height:43px; font-size:15px; color:#666; position:absolute; top:0; left:29px } .contact02 .mess-list .p-01 .red{ color:#f00 } .contact02 .mess-list .si input{ padding-left:100px } .contact02 .mess-list font{ font-size:12px; text-align:center; color:#fff; line-height:25px; background:#f00; top:0; right:11px; width:105px; position:absolute; display:none } .contact02 .mess-list input, .contact02 .mess-list textarea{ background:#f2f3f5; padding:0 20px 0 70px; height:43px; color:#333; border:0; vertical-align:middle } .contact02 .mess-list input{ width:100% } .contact02 .mess-list input:focus{ background:#e4f0fd; border:1px solid #01a761 } .contact02 .mess-list textarea{ width:100%; padding-top:14px; padding-bottom:20px; padding-left:100px; min-height:189px } .contact02 .mess-list textarea:focus{ background:#e4f0fd; border:1px solid #01a761 } .contact02 .mess-list .btn{ text-align:center; width:100%; padding-left:0; padding-right:0; padding-top:11px } .contact02 .mess-list .btn a{ font-size:18px; width:360px; height:43px; line-height:41px; position:relative; overflow:hidden; background:#0070ba; display:inline-block; margin:0 10px } .contact02 .mess-list .btn a:before{ content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) scale(0); width:380px; height:380px; border-radius:50%; transition:all .5s; z-index:1 } .contact02 .mess-list .btn a span{ color:#666; position:relative; z-index:2; display:block; padding:0 20px } @media (min-width:1025px){ .contact02 .mess-list .btn a:hover{ border:1px solid #01a761; background:#01a761 } .contact02 .mess-list .btn a:hover span{ color:#fff } } .contact02 .mess-list .btn .btn1{ background:#ff8a00; border:1px solid #ff8a00 } .contact02 .mess-list .btn .btn1 span{ color:#fff } .contact02 .mess-list .btn .btn2{ background:0; border:1px solid #dadada } .culture{ padding:69px 0 0 0 } .culture .culture01{ padding-bottom:78px } .culture .culture01 .img{ float:left; width:58%; margin-left:-48px } .culture .culture01 .text{ float:right; width:41%; padding-top:121px } .culture .culture01 .text .bt{ font-size:30px; color:#333; background:url(../images/culture02.png) no-repeat bottom left; padding-bottom:42px; margin-bottom:34px } .culture .culture01 .text .bt span{ color:#01a761 } .culture .culture01 .text .span{ color:#333; font-size:30px; margin-bottom:12px } .culture .culture01 .text .p{ font-size:16px; color:#333; line-height:30px } .culture .culture02{ padding:125px 0 143px 0; background:url("../images/cbg.jpg") no-repeat top center } .culture .culture02 ul{ margin:0 -24px } .culture .culture02 ul li{ width:33.333333333333336%; float:left; padding:0 24px; margin-top:57px } .culture .culture02 ul li .box{ border-bottom-left-radius:50px; border-top-right-radius:50px; padding:43px 36px; height:377px } .culture .culture02 ul li .box .pic{ width:87px; height:87px; border-radius:50%; background:#fff } .culture .culture02 ul li .box .text{ color:#fff; padding-top:42px } .culture .culture02 ul li .box .text .h3{ font-size:28px; margin-bottom:4px } .culture .culture02 ul li .box .text .span{ font-size:22px; margin-bottom:10px } .culture .culture02 ul li .box .text .p{ font-size:15px; line-height:26px } .culture .culture02 ul li:nth-child(1) .box{ background:rgba(232, 52, 53, 0.82) } .culture .culture02 ul li:nth-child(2){ margin-top:0 } .culture .culture02 ul li:nth-child(2) .box{ background:rgba(231, 127, 4, 0.82) } .culture .culture02 ul li:nth-child(3) .box{ background:rgba(0, 99, 180, 0.82) } .culture .culture03{ padding:87px 0 } .culture .culture03 img{ width:1284px !important; max-width:inherit } .culture .culture03 .cu-title{ position:relative; margin-top:-23px } .culture .culture03 .cu-title h3{ font-size:25px; color:#333; font-weight:bold; position:relative; z-index:2; line-height:100px } .culture .culture03 .cu-title p{ font-size:130px; color:rgba(243, 243, 243, 0.6); font-family:"DINCond-Black"; text-transform:uppercase; position:absolute; top:0; left:0; z-index:1; line-height:100px } .culture .culture03 .cu-p{ font-size:15px; color:#333; line-height:30px } .about{ padding:92px 0 105px 0 } .about01 .num{ font-size:62px; color:#dedede; font-family:arial; line-height:70px } .about01 .bt{ font-size:28px; color:#0063b4; line-height:33px; margin-bottom:40px } .about01 .r{ margin-bottom:28px } .about01 .r .h3{ font-size:20px } .about01 .r .h3:before{ display:none } .about01 .jsh{ font-size:16px; color:#333; line-height:30px; margin-bottom:51px } .about01 .jsh b{ color:#0063b4 } .about01 ul{ border-bottom:1px solid #dcdcdc; overflow:hidden; margin-bottom:67px } .about01 ul li{ width:25%; float:left } .about01 ul li .box{ border-right:1px solid #dcdcdc; padding:24px 36px 45px 36px; text-align:center; transition:.5s; cursor:pointer } .about01 ul li .box .pic{ width:110px; height:110px; margin:0 auto; transition:.5s } .about01 ul li .box .text{ margin-top:20px } .about01 ul li .box .h3{ font-size:24px; color:#444; margin-bottom:15px } .about01 ul li .box .p{ font-size:15px; color:#666; line-height:28px; min-height:56px; overflow:hidden } @media (min-width:1025px){ .about01 ul li:hover .box{ background:#fff } .about01 ul li:hover .box .pic{ -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg) } } .about01 ul li:nth-last-child(1) .box{ border-right:0 } .video{ background:url(../images/bg9.png) no-repeat bottom center; padding-bottom:60px } .video a{ width:1019px; background:#fff; position:relative; display:block; margin:0 auto } .video a .hover{ width:100%; height:100%; background:rgba(0, 151, 255, 0.42) url(../images/video.png) no-repeat center center; position:absolute; top:0; left:0 } .video .pic:after{ padding-bottom:49.2639842983317% } .about02{ padding:10px 0 52px 0 } .about02 .r{ margin-bottom:28px } .about02 .r .h3{ font-size:20px } .about02 .r .h3:before{ display:none } .about02 .jsh{ font-size:16px; color:#333; line-height:30px; margin-bottom:51px } .about02 .jsh b{ color:#0063b4 } .about03{ padding:86px 0 155px 0; position:relative; z-index:4; background:url("../images/abg1.png") no-repeat top center } .about03 .p1{ font-size:49px; font-weight:bold; color:#080808; line-height:72px; font-family:瀹嬩綋 } .about03 .p1 span{ color:#f00 } .about03:before{ content:''; display:block; width:1376px; background:url(../images/line.png) no-repeat center top; position:absolute; top:80px; left:50%; margin-left:-688px; height:500px; z-index:1 } .about03:after{ content:''; display:block; width:100%; background:url(../images/abg2.png) no-repeat top center; position:absolute; bottom:0; left:0; height:73px } .about03 .container{ position:relative; z-index:2 } .about03 ul li{ width:25%; float:left; padding-top:60px } .about03 ul li .box{ padding-left:28px } .about03 ul li .pic{ width:92px; height:92px; margin-bottom:20px } .about03 ul li .bt{ font-size:24px; color:#333; font-weight:bold; margin-bottom:5px } .about03 ul li .p{ font-size:17px; color:#333; text-transform:uppercase; margin-bottom:10px } .about03 ul li .jsh{ font-size:16px; color:#555; line-height:30px } .about03 ul li:nth-child(1){ padding-top:200px } .about03 ul li:nth-child(2){ padding-top:118px } .about03 ul li:nth-child(3){ padding-top:74px } .footer4{ margin-top:-179px; z-index:1; position:relative; margin-bottom:0 } .news{ padding:75px 0 65px 0 } .news-list{ margin-bottom:62px; overflow:hidden } .news-list li{ padding:24px 0 24px 0; transition:.5s } .news-list li .box{ position:relative; height:243px; padding-left:380px; padding-top:13px } .news-list li .pic{ position:absolute; top:0; left:0; width:377px } .news-list li .pic a{ display:block } .news-list li .pic img{ transition:.5s } .news-list li .pic:after{ padding-bottom:64.45623342175067% } .news-list li .pic .hover{ position:absolute; top:-100%; left:0; transition:.5s; width:100%; height:100%; background:rgba(1, 150, 220, 0.84); text-align:center } .news-list li .pic .hover .p{ position:absolute; top:50%; transform:translateY(-50%); left:0; width:100% } .news-list li .pic .hover .link{ width:58px; height:58px; background:url(../images/lin.png) no-repeat center center; margin:0 auto; border-radius:50% } .news-list li .pic .hover p{ font-size:15px; color:#fff; line-height:28px; margin-top:10px } .news-list li .text{ padding-left:123px; position:relative; padding-top:15px } .news-list li .text .date{ position:absolute; top:18px; left:0; width:98px; height:46px; border-right:2px solid #217b98; text-align:center } .news-list li .text .date h3{ font-size:12px; color:#0063b4 } .news-list li .text .date p{ font-size:28px; color:#0063b4; line-height:30px; font-family:"DINPro-Regular" } .news-list li .text .info .bt{ font-size:20px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:21px; line-height:25px } .news-list li .text .info .jsh{ font-size:15px; line-height:28px; color:#666; height:56px; overflow:hidden; margin-bottom:34px } .news-list li .text .more1 p{ font-size:18px; width:201px; height:54px; margin:0; line-height:52px; padding:0 35px } .news-list li .text .more1 p span{ top:7px; right:10px; width:41px; height:41px; background-size:37px } @media (min-width:1025px){ .news-list li:hover .pic img{ transform:scale(1.05) } .news-list li:hover .pic .hover{ top:0 } .news-list li:hover .text .info .bt{ color:#0063b4 } } .news-list li:first-child{ padding-top:0 } .news-list li:nth-child(2n){ border-bottom:0; background:#f0f0f0 } .news-show{ font-size:15px; color:#666; line-height:28px; padding:76px 0 0 0 } .news-show h1{ font-size:32px; line-height:40px; text-align:center; color:#0e0e0e } .news-show .tag{ font-size:15px; line-height:44px; text-align:center; overflow:hidden; margin:12px 0 48px 0; color:#999; background:url("../images/line1.png") no-repeat bottom center; padding-bottom:15px } .news-show .tag span{ padding:0 10px; display:inline-block } .news-show .ee{ font-size:15px; color:#666; line-height:28px } @media (max-width:1200px){ .news-show{ padding-top:40px; font-size:14px; line-height:24px } .news-show h1{ font-size:20px; line-height:30px; height:auto } } .inside-page-news{ margin-top:72px; margin-bottom:89px; position:relative } .inside-page-news ul{ height:48px; line-height:48px; position:relative; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7 } .inside-page-news li{ width:50%; float:left; height:48px; color:#777; font-size:15px; padding:0 120px 0 30px; overflow:hidden; border-right:1px solid #e7e7e7 } .inside-page-news li a{ color:#777; transition:all 0s } @media (min-width:1025px){ .inside-page-news li a:hover{ color:#01a761 } } .inside-page-news li:last-child{ float:right; padding:0 30px 0 120px; border:0 } .case{ padding:109px 0 105px 0; background:url("../images/bg-2.png") no-repeat top center } .case .img{ position:absolute; top:44px; left:50%; transform:translateX(-50%); width:657px; height:629px } .case .text{ position:relative; min-height:629px } .case .list{ min-height:629px } .case .list li{ width:50%; display:inline-block; vertical-align:top; padding-right:290px; overflow:hidden; margin-bottom:93px } @media (min-width:1025px){ .case .list li:hover .title{ color:#01a761 } .case .list li:hover .icon{ -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg) } } .case .list .li-02, .case .list .li-04{ text-align:right; float:right; padding-left:290px; padding-right:0 } .case .list .li-02 .icon, .case .list .li-04 .icon{ float:right } .case .list .box{ border-bottom:1px #dadada dashed; padding-bottom:17px } .case .list .title{ color:#333; font-size:20px; line-height:30px; margin-bottom:17px } .case .list .img1{ display:block; overflow:hidden } .case .list .icon{ display:block; width:96px; height:96px; margin-bottom:24px; transition:.5s } .case .list .info{ color:#666; font-size:15px; line-height:27px } .safe .jsh{ text-align:center; font-size:16px; color:#333 } .safe .jsh b{ font-size:18px; color:#f00 } .safe .safe-list{ margin-top:54px; position:relative; min-height:216px; margin-bottom:45px; padding-left:306px; overflow:hidden; background:url("../images/line2.png") no-repeat 144px center } .safe .safe-list .left{ float:left; width:145px; height:216px; border-radius:5px; color:#fff; text-align:center; padding:66px 0; background:#01a761; font-size:18px; line-height:32px; position:absolute; top:50%; left:0; transform:translateY(-50%) } .safe .safe-list .list{ float:left } .safe .safe-list .list ul li{ border-radius:5px; width:266px; height:60px; line-height:60px; text-align:center; font-size:18px; color:#fff; margin-bottom:93px; position:relative } .safe .safe-list .list ul li:after{ content:''; display:block; height:1px; background:#b5b5b5; width:71px; position:absolute; top:50%; right:-71px } .safe .safe-list .list ul li:nth-child(1){ background:#eb6100 } .safe .safe-list .list ul li:nth-child(2){ background:#0063b4 } .safe .safe-list .list ul li:nth-child(3){ background:#f8a20c; margin-bottom:0 } .safe .safe-list .right{ float:right; width:63.5%; padding-top:13px } .safe .safe-list .right ul{ margin-bottom:85px } .safe .safe-list .right ul li{ font-size:18px; color:#333; line-height:32px; position:relative; padding-left:9px; margin-bottom:4px } .safe .safe-list .right ul li:after{ content:''; display:block; border-radius:50%; width:7px; height:7px; background:#01a761; position:absolute; top:14px; left:0 } .safe .safe-list .right ul:nth-child(3){ margin-bottom:0 } .safe .tel{ margin:54px 83px; overflow:hidden; padding:39px 47px 47px 47px; font-size:0; border-radius:100px; background:#f1f1f1 } .safe .tel .tel01{ display:inline-block; vertical-align:middle; width:50%; min-height:51px; background:url(../images/tel.png) no-repeat 31px center; padding-left:101px; padding-top:5px } .safe .tel .tel01 .span{ font-size:23px; color:#333; display:inline-block; vertical-align:middle } .safe .tel .tel01 .p{ display:inline-block; vertical-align:middle; font-size:32px; color:#333; font-style:italic; font-weight:bold; line-height:35px } .safe .jxlist{ margin:0 -16px } .safe .jxlist li{ width:33.333333333333336%; padding:0 16px } .safe .jxlist li .pic{ border:0 } .safe .jxlist li .pic:after{ padding-bottom:67.41854636591478% } .zeren{ background:url("../images/news-bg.png") no-repeat bottom center } .zeren .jsh{ text-align:center; font-size:16px; color:#333; line-height:30px } .zeren .jsh b{ font-size:18px; color:#f00 } .zeren .pingding{ margin-top:37px } .zeren .pingding .left{ float:left; width:260px } .zeren .pingding .left a{ display:block; overflow:hidden; margin-bottom:10px } .zeren .pingding .left p{ color:#ff0101 } .zeren .pingding .left .pic{ border:1px solid #d3d3d3; width:260px; float:left } .zeren .pingding .left .pic:after{ padding-bottom:60% } .zeren .pingding .paiming{ float:left; width:294px; padding-left:88px; background:url(../images/line22.png) no-repeat 39px center } .zeren .pingding .paiming .bt{ font-size:16px; color:#c3c5c9; font-weight:bold; font-family:arial; height:54px; line-height:54px; margin-bottom:8px } .zeren .pingding .paiming .bt span{ font-size:53px; color:#01a761; font-weight:bold } .zeren .pingding .paiming .span{ font-size:15px; color:#666; margin-bottom:21px } .zeren .pingding .paiming .span span{ font-size:17px; font-weight:bold } .zeren .pingding .paiming .a a{ width:152px; height:42px; line-height:40px; color:#444; font-size:15px; display:block; border:1px solid #01a761; padding-left:47px; background:url("../images/download.png") no-repeat 13px center } @media (min-width:1025px){ .zeren .pingding .paiming .a a:hover{ color:#fff; border:1px solid #01a761; background:#01a761 url("../images/downloadh.png") no-repeat 13px center } } .zeren .pingding .biaoxian{ float:right; width:704px; position:relative; padding:45px 40px; border-radius:5px; background:#f3f3f3 } .zeren .pingding .biaoxian .text{ padding-right:152px; overflow:hidden; position:relative } .zeren .pingding .biaoxian .text:after{ content:''; display:block; height:100%; width:1px; position:absolute; top:0; right:152px; background:#ccc } .zeren .pingding .biaoxian .text .bt{ font-size:16px; color:#555; margin-bottom:16px } .zeren .pingding .biaoxian .text ul{ padding-right:41px } .zeren .pingding .biaoxian .text ul li{ float:left; width:20%; position:relative; padding-left:40px; font-size:16px; color:#555 } .zeren .pingding .biaoxian .text ul li:after{ content:''; display:block; width:21px; height:21px; border-radius:50%; position:absolute; top:0; left:0 } .zeren .pingding .biaoxian .text ul .dj01:after{ border:5px solid #f44040 } .zeren .pingding .biaoxian .text ul .dj02:after{ border:5px solid #f9a81e } .zeren .pingding .biaoxian .text ul .dj03:after{ border:5px solid #b8dc45 } .zeren .pingding .biaoxian .text ul .dj04:after{ border:5px solid #55c346 } .zeren .pingding .biaoxian .text ul .dj05:after{ border:5px solid #378f04 } .zeren .pingding .biaoxian .text .pj{ position:absolute; top:10px; right:0; font-size:16px; color:#555; padding-left:30px; width:96px } .zeren .pingding .biaoxian .text .pj:after{ content:''; display:block; width:23px; height:6px; border-radius:20px; background:#3a3a3a; position:absolute; top:50%; left:0; margin-top:-3px } .zeren .jxlist{ margin:0 -16px } .zeren .jxlist li{ width:33.333333333333336%; padding:0 16px } .zeren .jxlist li .pic{ border:0 } .zeren .jxlist li .pic:after{ padding-bottom:67.41854636591478% } .fenshu{ padding:26px 0 58px 0; background:url(../images/line1.png) no-repeat bottom center; margin-bottom:43px } .fenshu ul{ margin:0 -10px } .fenshu ul li{ float:left; padding:0 10px; width:19.2% } .fenshu ul li .box{ border:1px solid #dfdddd; border-radius:5px; padding:38px 20px; text-align:center; height:384px; background:#fff } .fenshu ul li .box .pic{ width:50px; height:50px; margin:0 auto } .fenshu ul li .box .span{ font-size:15px; color:#666; margin-bottom:5px } .fenshu ul li .box .span span{ font-size:17px; font-weight:bold } .fenshu ul li .box .num{ font-size:15px; color:#c3c5c9; font-weight:bold; font-family:arial; line-height:54px; margin-bottom:8px; margin-top:68px; padding-top:36px } .fenshu ul li .box .num img{ margin-right:5px } .fenshu ul li .box .num span{ font-size:28px; font-weight:bold } .fenshu ul li .box .num1{ background:url(../images/f1.png) no-repeat top center; padding-top:67px; background-size:100%; margin-top:33px } .fenshu ul li .box .num1 span{ color:#01a761 } .fenshu ul li .box .num2{ background:url(../images/f2.png) no-repeat top center } .fenshu ul li .box .num2 span{ color:#14d181 } .fenshu ul li .box .num3{ background:url(../images/f3.png) no-repeat top center } .fenshu ul li .box .num3 span{ color:#06c8a6 } .fenshu ul li .box .num4{ background:url(../images/f4.png) no-repeat top center } .fenshu ul li .box .num4 span{ color:#51d29b } .fenshu ul li .box .num5{ background:url(../images/f5.png) no-repeat top center } .fenshu ul li .box .num5 span{ color:#b2d934 } .fenshu ul .zongfen{ width:23% } .fenshu ul .zongfen .box{ border-top:10px solid #01a761; padding:28px 20px } .fenshu ul .zongfen .box .num{ font-size:16px } .fenshu ul .zongfen .box .num span{ font-size:53px } .case-show{ padding:92px 0 75px 0 } .case-show .h1{ text-align:center; font-size:32px; color:#0e0e0e; padding-bottom:50px; background:url("../images/line1.png") no-repeat bottom center } .case-show .join-title .join-p{ font-size:30px; line-height:50px; font-family:"DINPro-Regular"; text-transform:uppercase } .case-show .r .h3{ background:url("../images/bs.png") no-repeat bottom left } .case-show .item{ padding:35px 0 0 0 } .case-show .item .item-bottom{ margin-bottom:47px } .case-show .item .item-bottom .text{ float:left; width:55%; font-size:16px; color:#333; line-height:43px; padding-top:25px } .case-show .item .item-bottom .text p{ padding-left:46px } .case-show .item .item-bottom .img{ float:right; width:44%; border-bottom-left-radius:100px; border-top-right-radius:100px; overflow:hidden } .case-show .item .item-bottom .img img{ display:block } .case-show .item .item-bottom p{ position:relative } .case-show .item .item-bottom p:after{ content:''; display:block; width:19px; height:19px; position:absolute; top:13px; left:3px; border-radius:50%; border:1px dashed #11af88; animation:zhuanquan 10s linear 0s infinite } .case-show .item .item-bottom p:before{ content:''; display:block; width:7px; height:7px; position:absolute; top:19px; left:9px; border-radius:50%; background:#ff8a00 } .case-show .item .fuwu .fuwu-title .pic{ display:inline-block; vertical-align:middle; width:56px; height:56px } .case-show .item .fuwu .fuwu-title .t{ display:inline-block; position:relative } .case-show .item .fuwu .fuwu-title h3{ font-size:20px; color:#0d4f9d; font-weight:bold; position:absolute; top:17px; left:0 } .case-show .item .fuwu .fuwu-title p{ font-size:30px; color:#dedede; text-transform:uppercase; font-family:"DINPro-Regular" } .case-show .item .fuwu .list{ padding:30px 40px; overflow:hidden } .case-show .item .fuwu .list ul li{ width:25%; float:left; margin-bottom:10px; padding:0 10px } .case-show .item .fuwu .list ul li .pic:after{ padding-bottom:32% } .case-show .item .fuwu .list ul li .bt{ text-align:center; font-size:16px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden } .history{ padding:88px 0 105px 0 } .history .history-bg{ background:url("../images/hi.png") no-repeat bottom center; position:relative; padding-bottom:105px; z-index:4 } .history .history-bg:after{ content:''; display:block; width:100%; background:url(../images/abg2.png) no-repeat top center; position:absolute; bottom:0; left:0; height:73px } .history .history-info{ background:url(../images/history.png) no-repeat top center; padding-top:331px } .history .history-top ul{ text-align:center; font-size:0; background:url("../images/line05.png") no-repeat center center } .history .history-top ul li{ display:inline-block; padding:0 9px } .history .history-top ul li a{ display:block; width:170px; height:41px; text-align:center; line-height:41px; font-size:17px; background:#ececec; color:#333 } .history .history-top ul .active a{ background:#01a761; color:#fff } .history .slick-next{ position:absolute; bottom:0; top:auto; left:50%; width:103px; height:103px; margin-top:0; margin-left:-52px; background:url(../images/more1.png) no-repeat center center !important } .history .slick-next:before{ content:'' } .history-bottom .show{ display:none } .history-bottom .list{ height:850px; position:relative; margin:40px 0 103px 0; overflow:hidden; padding:40px 0 120px 0; } .history-bottom .list:before{ content:""; width:3px; left:50%; top:10px; height:100%; position:absolute; background:#e5e5e5 url(../images/line4.jpg) no-repeat top center } .history-bottom .swiper-button-next{ position:absolute; bottom:-103px; top:auto; left:50%; width:103px; height:103px; margin-top:0; margin-left:-52px; background:url(../images/more1.png) no-repeat center center !important } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ display:none; } .history-bottom ul{ position:relative; } .history-bottom ul:before{ content:""; width:3px; left:50%; top:0; height:100%; position:absolute; background:#e5e5e5 url(../images/line4.jpg) repeat-y top center } .history-bottom .t .show{ padding:40px 0 120px 0; } .history-bottom .t li{ overflow:hidden; } .history-bottom li{ padding-top:40px; position:relative; padding-bottom:40px; } .history-bottom .list ul:before{ display:none; } .history-bottom .list ul{ margin-bottom:120px !important; } .history-bottom .list ul .swiper-slide{ height:auto } .history-bottom .list ul .swiper-slide-active{ height:auto } .history-bottom li .year{ font-size:47px; line-height:50px; width:30%; padding-left:20px; font-family:arial; display:inline-block; color:#0075c2; font-family:"DINPro-Regular" } .history-bottom li .text{ float:right; width:70%; font-size:16px; text-align:left; padding-left:40px; position:relative } .history-bottom li .text .t1{ margin-top:10px; position:relative } .history-bottom li .text .t1:before{ top:6px; left:-20px; content:""; width:10px; height:10px; position:absolute; border-radius:100%; border:solid 2px #b1e3ce; background:#0dab68 } .history-bottom .li-1{ } .history-bottom .li-1 .box{ width:65% !important; float:right !important; } .history-bottom .li-1:after{ content:""; height:1px; border-bottom:1px dashed #ddd; width:100%; bottom:0; left:20px; position:absolute } .history-bottom .li-2 .box{ width:65% !important } .history-bottom .li-2 .year{ padding-left:50px; text-align:right } .history-bottom .li-2 .text{ float:left; padding-left:40px; padding-right:40px } .history-bottom .li-2:after{ content:""; height:1px; width:100%; bottom:0; left:0; position:absolute; border-bottom:1px dashed #ddd } .inmain02{ background:#fff url("../images/zn10.jpg") no-repeat top center } .zhineng{ padding:57px 0 105px 0 } .zhineng01{ padding-bottom:76px; position:relative } .zhineng01 .jsh{ font-size:16px; color:#555; line-height:32px; margin-bottom:33px } .zhineng01 .jsh p{ margin-bottom:10px } .zhineng01 .img{ border-bottom:1px dashed #cdcdce; padding-bottom:42px; margin-bottom:39px } .zhineng01 .zhineng-info .zn-title{ text-align:center } .zhineng01 .zhineng-info .zn-title:after{ content:''; display:block; height:1px; margin:7px auto 20px auto; width:32px; background:#01a761 } .zhineng01 .zhineng-info .zn-title h3{ font-size:20px; color:#333; font-weight:bold; margin-bottom:3px } .zhineng01 .zhineng-info .zn-title p{ font-size:14px; color:#888; text-transform:uppercase } .zhineng01 .zhineng-info .zn-jsh{ text-align:center; font-size:16px; color:#555; line-height:32px; margin-bottom:30px } .zhineng01 .zhineng-info .zn-jsh span{ font-weight:bold; color:#f00 } .zhineng01 .zhineng-info .zn-jsh p{ margin-bottom:4px } .zhineng01 .zhineng-info .list ul li{ width:25%; float:left; text-align:center } .zhineng01 .zhineng-info .list ul li .pic{ border-radius:50%; background:#0080d8; width:154px; margin:0 auto } .zhineng01 .zhineng-info .list ul li .text{ padding-top:19px } .zhineng01 .zhineng-info .list ul li .h3{ font-size:20px; color:#333; margin-bottom:3px } .zhineng01 .zhineng-info .list ul li .p{ font-size:14px; color:#888; text-transform:uppercase } .id{ position:absolute; top:-140px; height:90px; width:100%; z-index:-1 } .zhineng02{ padding:36px 0 0 0; background:url("../images/zn11.jpg") no-repeat top center; background-size:cover; position:relative } .zhineng02 .jsh{ text-align:center; font-size:14px; color:#888 } .zhineng02 .list{ overflow:hidden; margin-top:43px; background:url("../images/zn6.png") no-repeat top center; background-size:100%; height:547px } .zhineng02 .list ul li{ width:33.333333333333336%; float:left; text-align:center; padding:42px 92px; margin-top:206px } .zhineng02 .list ul li .pic{ border-radius:50%; width:50px; margin:0 auto } .zhineng02 .list ul li .text{ padding-top:5px } .zhineng02 .list ul li .h3{ font-size:20px; color:#333; font-weight:bold; margin-bottom:12px } .zhineng02 .list ul li .p{ font-size:16px; color:#555; line-height:29px; text-transform:uppercase } .zhineng02 .list ul li:nth-child(2){ margin-top:0 } .zhineng03{ padding:58px 0; background:url("../images/zn13.jpg") no-repeat top center; background-size:cover; position:relative } .zhineng03 .jsh{ font-size:16px; color:#fff; line-height:30px; padding-top:16px } .zhineng03 .jsh p{ margin-bottom:13px } .zhineng03 .img{ margin-top:48px } .zhineng04{ padding:60px 0; position:relative; z-index:4; background:#fff url("../images/zn15.jpg") no-repeat bottom center } .zhineng04 .jsh{ font-size:16px; color:#333; line-height:30px; padding-top:16px } .zhineng04 .jsh p{ margin-bottom:13px } .zhineng04 .zn-bottom{ padding-top:36px } .zhineng04 .zn-bottom .img{ float:left; width:48% } .zhineng04 .zn-bottom .img:hover{ animation:zhuanquan 16s linear 0s infinite } .zhineng04 .zn-bottom .text{ float:right; width:50.5%; padding-top:28px } .zhineng04 .zn-bottom .text ul li{ position:relative; overflow:hidden; min-height:44px; margin-bottom:75px } .zhineng04 .zn-bottom .text ul li .box{ padding-left:58px } .zhineng04 .zn-bottom .text ul li .box .bt{ font-size:30px; color:#111 } .zhineng04 .zn-bottom .text ul li .box .bt:after{ content:''; display:block; width:30px; height:2px; background:#0080d8; margin:14px 0 } .zhineng04 .zn-bottom .text ul li .box .js{ font-size:16px; color:#666; line-height:30px } .zhineng04 .zn-bottom .text ul li .num{ width:44px; height:44px; border-radius:50%; background:#0080d8; font-size:33px; text-align:center; line-height:44px; color:#fff; position:absolute; top:0; left:0; font-family:"DINCond-Black" } .zhineng04 .zn-bottom .text ul li:nth-child(2){ margin-left:50px } .zhineng04:after{ content:''; display:block; width:100%; background:url(../images/abg2.png) no-repeat top center; position:absolute; bottom:0; left:0; height:73px } .transparent{ position:fixed; top:0; left:0; z-index:99998; width:100%; height:100%; display:none; background-color:rgba(0, 0, 0, 0.5) } .video-popup{ position:fixed; z-index:99999; width:660px; left:50%; top:50%; display:none; transform:translate(-50%, -50%); text-align:left; background:#fff; border-radius:5px; padding:30px; box-shadow:0 10px 25px 4px rgba(2, 2, 2, 0.5) } .video-popup .mess-list .list{ margin:0 -10px } .video-popup .mess-list li{ width:50%; float:left; position:relative; padding:0 10px 20px 10px } .video-popup .mess-list .bi{ width:120px; height:129px; position:absolute; top:19px; right:-57px } .video-popup .mess-list .bi img{ display:block } .video-popup .mess-list .p-01{ line-height:43px; font-size:14px; color:#666; position:absolute; top:0; left:29px } .video-popup .mess-list .p-01 .red{ color:#f00 } .video-popup .mess-list .si input{ padding-left:100px } .video-popup .mess-list font{ font-size:12px; text-align:center; color:#fff; line-height:25px; background:#f00; top:0; right:11px; width:105px; position:absolute; display:none } .video-popup .mess-list input, .video-popup .mess-list textarea{ background:#f2f3f5; padding:0 20px 0 70px; height:43px; color:#333; border:0; vertical-align:middle } .video-popup .mess-list input{ width:100% } .video-popup .mess-list input:focus{ background:#e4f0fd; border:1px solid #01a761 } .video-popup .mess-list textarea{ width:100%; padding-top:14px; padding-bottom:20px; padding-left:100px; min-height:121px } .video-popup .mess-list textarea:focus{ background:#e4f0fd; border:1px solid #01a761 } .video-popup .mess-list .btn{ text-align:center; width:100%; padding-left:0; padding-right:0; padding-top:11px; margin-bottom:0; padding-bottom:0 } .video-popup .mess-list .btn a{ font-size:14px; width:160px; height:43px; line-height:41px; position:relative; overflow:hidden; background:#0070ba; display:inline-block; margin:0 10px } .video-popup .mess-list .btn a:before{ content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) scale(0); width:380px; height:380px; border-radius:50%; transition:all .5s; z-index:1 } .video-popup .mess-list .btn a span{ color:#666; position:relative; z-index:2; display:block; padding:0 20px } @media (min-width:1025px){ .video-popup .mess-list .btn a:hover{ border:1px solid #01a761; background:#01a761 } .video-popup .mess-list .btn a:hover span{ color:#fff } } .video-popup .mess-list .btn .btn1{ background:#ff8a00; border:1px solid #ff8a00 } .video-popup .mess-list .btn .btn1 span{ color:#fff } .video-popup .mess-list .btn .btn2{ background:0; border:1px solid #dadada } .video-popup .box{ height:100% } .video-popup .box .p{ font-size:20px; color:#de0000; text-align:center; margin-bottom:24px } .video-popup .close{ display:block; height:40px; width:40px; position:absolute; right:0; top:0; background:url(../images/close1.png) no-repeat center center; background-size:20px } @media (max-width:1023px){ .video-popup{ width:96%; left:2%; margin:0; padding:30px 10px; transform:translate(0, -50%) } .video-popup .close{ right:0 } } @media (max-width:1366px){ .dibu .right .input1{ width:174px } .dibu .right .input3{ width:220px } .about03:before{ background:url(../images/line.png) no-repeat center top; top:0 } .about01 ul li .box{ padding:24px 30px 45px 30px } .culture .culture01 .text .bt{ font-size:28px } .culture .culture01 .text .span{ font-size:28px } .culture .culture02 ul li .box .text .p{ font-size:14px } .services1 .list ul li .info .text .span .counter{ font-size:50px } .service-pa .se-bottom .slick-prev{ left:0 } .service-pa .se-bottom .slick-next{ right:0 } .float{ right:12px } .service-pa .se-bottom ul{ padding:0 100px } .services3 .list ul li .p{ font-size:14px } .services3 .list ul li .info .text .span{ font-size:12px } .services3 .list ul li .info .text .bt{ font-size:24px } .standard .list ul li .box .p{ font-size:13px } .zeren .pingding .biaoxian{ width:675px; padding:45px 28px } .zeren .pingding .paiming{ width:283px; padding-left:75px } .safe .safe-list .right ul li{ font-size:16px } .case-show .item .item-bottom .text{ font-size:14px } .zhineng02 .list{ height:529px } .join .list ul li .text{ padding:19px 23px } .join .list ul li .pic{ width:100px } .join .list ul li:after{ top:45px } } @media (max-width:1366px){ .header .header-right .nav ul li a{ padding:0 10px } .prolist li a .text .bt{ font-size:16px } .header .header-right .nav ul li a{ font-size:15px } .dibu img{ width:172px } .dibu{ height:auto; padding:20px 0; font-size:16px } .home-list .info ul li{ font-size:16px } .home-title h3{ font-size:24px; padding-top:30px } .home-title p{ font-size:90px; line-height:100px } .home-about .home-bottom .jsh{ font-size:14px; line-height:25px } .home-about .home-bottom .list .text .num{ font-size:40px } .home-about .home-bottom .list .text{ font-size:16px } .caselist li .text .bt{ font-size:16px } .caselist li .text .jsh{ font-size:14px } .newslist li .box .info .bt{ font-size:16px } .partnerlist li .bt{ font-size:14px } .footer-top ul li ul li a{ font-size:13px } .footer{ margin-bottom:82px } .home-about .home-bottom .list .pic{ width:100px; height:112px; background-size:100px } .home-about .home-bottom .list{ padding:40px 0 50px 0 } .about01 .jsh{ font-size:14px; line-height:25px } .about01 .r .h3{ font-size:16px } .about01 .num{ font-size:42px; line-height:50px } .about01 .bt{ font-size:20px; margin-bottom:20px } .about01 ul li .box .h3{ font-size:18px } .about01 ul li .box .p{ font-size:14px; line-height:25px; min-height:50px } .about02 .jsh{ font-size:14px; line-height:25px } .jsh{ font-size:14px !important } .about02 .r .h3{ font-size:16px } .about03 .p1{ font-size:29px; line-height:40px } .footer1, .footer2, .footer3, .footer4{ margin-bottom:0 } .about03 ul li .pic{ width:60px; height:60px } .about03 ul li .bt{ font-size:18px } .about03 ul li .p{ font-size:15px } .about03 ul li .jsh{ font-size:16px; line-height:25px } .inbanner .txtbox p:first-child{ font-size:40px; line-height:40px } .inbanner .txtbox p{ font-size:17px } .inbanner .txtbox .container .info:before{ width:100px; height:100px } .inbanner .txtbox .container .info:after{ width:154px; height:154px } .inbanner .txtbox p{ margin-left:100px } .join-title .join-p{ font-size:42px } .r .h3{ font-size:16px } .r .h3:before{ width:40px; height:2px } .zongcai .zongcai-bottom .text .bt{ font-size:20px } .zongcai .zongcai-bottom .text .jsh{ line-height:25px } .history-bottom li .year{ font-size:37px; line-height:50px } .history-bottom li .text{ font-size:14px } .history-bottom li{ padding-top:20px; padding-bottom:20px } .culture .culture01 .text .bt{ font-size:22px } .culture .culture01 .text .span{ font-size:22px } .culture .culture01 .text .p{ font-size:14px; line-height:25px } .culture .culture02 ul li .box .text .h3{ font-size:20px } .culture .culture02 ul li .box .text .span{ font-size:16px } .culture .culture02 ul li .box .text .p{ line-height:25px } .culture .culture03 .cu-title h3{ font-size:20px; line-height:70px } .culture .culture03 .cu-title p{ font-size:80px; line-height:70px } .culture .culture03 .cu-p{ font-size:14px; line-height:25px } .honor-list ul li .fangda p{ font-size:14px } .honor-nav ul li a{ font-size:16px } .contact table tr td .box{ font-size:16px } .contact table tr td .box .pic{ width:30px; height:30px } .contact table tr td{ font-size:14px; line-height:25px; padding:18px 18px 18px 46px } .services1 .list ul li .info .pic{ width:80px; height:70px } .services1 .list ul li .info .text{ padding-left:90px } .services1 .list ul li .info .text .span .counter{ font-size:40px } .services1 .list ul li .info .text .span{ font-size:16px; line-height:50px } .services1 .list ul li .info .text .bt{ font-size:16px } .services1 .list ul li .p{ font-size:14px; line-height:25px } .services1 .list ul li .info .text .span span{ font-size:30px } .honorlist li .bt{ font-size:14px } .service-pa .se-title .h3{ font-size:22px } .service-pa .se-bottom .slick-next, .service-pa .se-bottom .slick-prev{ background-size:40px !important } .services2 .list ul li .info .text .bt{ font-size:20px } .services2 .list ul li .p{ font-size:14px; line-height:25px } .services2 .list ul li .info .pic{ width:80px; height:70px } .services2 .list ul li .info .text{ padding-left:90px; min-height:70px; padding-top:8px } .services3 .list ul li .info .pic{ width:80px; height:70px } .services3 .list ul li .info .text{ padding-left:90px; min-height:70px; padding-top:8px } .services3 .list ul li .p{ font-size:14px; line-height:25px } .footer-top ul li .bottom .link a{ margin-right:11px } .services4 .list ul li .text .p{ font-size:14px; line-height:25px } .services4 .list ul li .text .bt .pic{ width:50px; height:50px } .services4 .list ul li .text .bt{ padding-left:65px } .r .span{ font-size:18px } .culture01 ul li .box .bt{ font-size:14px } .standard .list ul li .box .h3{ font-size:16px } .standard .jsh{ line-height:25px } .crsas .jsh{ line-height:25px } .zeren .jsh{ line-height:25px } .zeren .pingding .paiming{ width:265px } .zeren .pingding .biaoxian{ width:575px; padding:45px 20px } .zeren .pingding .biaoxian .text ul li{ padding-left:26px; font-size:14px } .zeren .pingding .biaoxian .text{ padding-right:130px } .zeren .pingding .biaoxian .text:after{ right:130px } .safe .safe-list .list ul li{ width:200px; font-size:16px } .safe .safe-list .right ul li{ font-size:14px } .safe .tel .tel01 .p{ font-size:24px } .safe .tel .tel01 .span{ font-size:18px } .culture .jsh{ line-height:25px } .culture .list ul li{ font-size:14px; line-height:25px } .culture .list ul li .pic{ width:25px; height:25px } .management .text ul li{ background:url(../images/d.png) no-repeat 14px 14px; font-size:14px; line-height:25px; padding:10px 0 10px 43px } .management .text ul li:nth-child(2n){ background:#f4f5f9 url(../images/d.png) no-repeat 14px 14px } .news-list li .text .info .bt{ font-size:16px } .news-list li .text .info .jsh{ line-height:25px; height:50px } .news-list li .text .more1 p{ font-size:14px; width:143px; height:39px; margin:0; line-height:37px; padding:0 21px } .news-list li .text .more1 p span{ background-size:31px; top:4px; right:5px; width:31px; height:31px } .more1 a{ font-size:14px; width:143px; height:39px; line-height:37px; padding:0 21px } .more1 a span{ background-size:31px; top:4px; right:5px; width:31px; height:31px } .news-show h1{ font-size:20px } .news-show .tag{ font-size:13px; line-height:30px } .news-show .ee{ font-size:14px; line-height:25px } .case .list .title{ font-size:16px } .case .list .info{ font-size:14px; line-height:25px } .case .list .icon{ width:70px; height:70px } .case-show .h1{ font-size:22px } .case-show .item .fuwu .list ul li .bt{ font-size:14px } .case-show .item .fuwu .fuwu-title .pic{ width:30px; height:30px } .case-show .item .fuwu .fuwu-title p{ font-size:20px } .case-show .item .fuwu .fuwu-title h3{ font-size:16px; top:13px } .case-show .join-title .join-p{ font-size:20px; line-height:30px } .zhineng01 .jsh{ line-height:25px } .zhineng01 .zhineng-info .zn-jsh{ font-size:14px; line-height:25px } .zhineng01 .zhineng-info .list ul li .pic{ width:80px } .zhineng01 .zhineng-info .list ul li .h3{ font-size:16px } .zhineng02 .list ul li .h3{ font-size:16px } .zhineng02 .list ul li .p{ font-size:14px; line-height:25px } .zhineng02 .list{ height:482px } .zhineng03 .jsh{ line-height:25px } .zhineng04 .jsh{ line-height:25px } .zhineng04 .zn-bottom .text ul li .box .bt{ font-size:20px } .zhineng04 .zn-bottom .text ul li .box .js{ font-size:14px; line-height:25px } .join .list ul li .pic{ width:80px } .join .list ul li:after{ top:34px } .join .list ul li .bt{ font-size:16px } .join .list ul li .text{ padding:19px 19px } .join-message ul li .span{ font-size:14px } .download ul li .bt{ font-size:16px } .job .job-title .p{ font-size:14px; line-height:25px } .job-bottom dl .list0 span{ font-size:16px } .job-bottom dl .list_dt{ font-size:14px } .zeren .pingding .paiming .a a{ font-size:14px } .zeren .pingding .biaoxian .text .pj{ font-size:14px } .dibu .right .submit{ font-size:14px; width:130px } .home-honor .slick-next, .home-honor .slick-prev{ background-size:40px !important } .about01 ul li .box .pic{ width:60px; height:60px } .culture .culture03 img{ width:100% !important } } @media (max-width:1150px){ .partner ul li{ padding:0 26px } .dibu img{ width:135px } .dibu .right .input1{ width:160px } .dibu .right .input2{ width:160px } .dibu .right .input3{ width:180px } .newslist{ margin:0 -10px } .newslist li{ padding:27px 10px 0 10px } .caselist li .box:after{ background-size:100% !important } .header{ background:#fff } .header .logo a img{ display:none } .header .logo a .logo1{ display:block !important } .footer-top ul li .bottom .link a{ margin-right:5px } .about03 ul li{ padding-top:81px } .about03 ul li:nth-child(2){ padding-top:96px } .video{ padding:0 20px } .video a{ width:100% } .culture .culture01 .img{ width:52%; margin-left:0 } .honor-list ul li .fangda{ padding:40px 30px 0 30px } } @media (max-width:1150px){ .header .header-right{ display:none } .float li{ height:44px } .float .yewu a{ background:url(../images/lianxi.png) no-repeat center center; background-size:21px } .float li a{ padding-top:0; color:transparent } .float .lianxi a{ background:url(../images/zxzx.png) no-repeat center center; background-size:18px } .float .dingdan a{ background:url(../images/saoma.png) no-repeat center center; background-size:17px } .float{ width:44px; height:176px; bottom:20px } .float .fanhui a{ padding-top:0; background:url(../images/san.png) no-repeat center center; background-size:16px; color:transparent } .float .fanhui{ height:44px } .float .dingdan .hover{ bottom:0; top:auto } .float .yewu .hover{ display:none } .float .yewu:hover .hover{ display:none } .header{ height:60px } .header .logo a img{ width:102px } .header .logo{ padding-top:10px } .phone-nav{ display:block } .home-banner .home-banner-slick{ display:none } .home-banner .home-banner-slick-phone{ display:block } .home-list{ margin-top:0 } .home-list .container{ padding:0 } .home-list .info{ height:auto; padding-left:0 } .home-list .left{ width:100%; position:relative; top:auto; left:auto; font-size:14px; background:rgba(0, 0, 0, 0.1) url(../images/h.png) no-repeat 21px center; padding-left:95px; background-size:60px; padding-bottom:15px; padding-top:15px; height:auto } .home-list .info ul li{ border-top:1px solid rgba(255, 255, 255, 0.3); line-height:50px; font-size:14px } .home-yewu{ padding:30px 0 } .home-title h3{ font-size:20px; padding-top:30px } .home-title p{ font-size:36px; line-height:40px } .home-title{ height:70px; padding-top:0 } .prolist{ padding-top:20px } .home-about .home-bottom .jsh{ font-size:13px; line-height:25px } .home-about .home-bottom .jsh span{ font-size:16px } .home-about .home-bottom .jsh span b{ font-size:20px } .services5 .list ul li{ width:14% } .zeren .pingding .biaoxian{ width:100%; margin-top:10px } .fenshu ul li .box .num{ background-size:100% !important } .safe .safe-list{ padding-left:225px; background:url(../images/line2.png) no-repeat 103px center } .case .img{ top:44px; width:400px; height:383px } .case .list li{ padding-right:215px; margin-bottom:33px } .case .list .li-02, .case .list .li-04{ padding-left:215px; padding-right:0 } .zhineng02 .list ul li{ padding:16px 66px; margin-top:170px } .zhineng02 .list{ height:427px } .video a .hover{ background-size:50px } .services3 .jsh{ line-height:25px } .services4 .jsh{ line-height:25px } } @media (max-width:1023px){ .partner ul{ margin:0 -10px } .partner ul li{ padding:0 10px; width:14.285714285714286% } .history-bottom .list:before{ display:none } .history-bottom .li-1 .box{ width:100% !important } .history-bottom li .year{ font-size:20px; line-height:30px; width:auto; padding-left:20px } .history-bottom .li-2 .year{ padding-left:20px; text-align:left } .history-bottom .swiper-button-next { bottom: -70px; width: 60px; height: 60px; margin-left: -30px; background-size: 60px !important; } .history-bottom li{ padding-top:15px; padding-bottom:15px } .history-bottom .list { height: 450px; margin: 40px 0 103px 0; padding: 0 0 120px 0; } .history-bottom .li-2 .box{ width:100% !important } .history-bottom li .text{ width:100%; font-size:14px; padding-left:40px; padding-right:0 !important } .history-bottom .li-1:after{ left:0 } .history-bottom ul{ margin-top:0; padding-bottom:60px } .history .history-info{ background:url(../images/history.png) no-repeat top center; padding-top:160px; background-size:150px } .history .slick-next{ width:50px; height:50px; margin-left:-25px; background:url(../images/more1.png) no-repeat center center !important; background-size:50px !important } .history .history-bg{ padding-bottom:30px } } @media (max-width:1023px){ .prolist li a .text .bt{ margin-top:5px } .prolist li a .text{ padding:23px 5px 23px 21px } .contact02 .mess-list .btn a{ width:120px; margin:0 0 10px 0; font-size:14px } .second-nav ul li{ width:25% !important; padding:0 5px } .second-nav .container{ padding:0 } .second-nav ul li a{ font-size:14px; line-height:40px } .content{ padding:30px 0 !important } .footer{ background:#0d4f9d !important; margin:0 !important } .about01 .num{ font-size:32px; line-height:40px } .about01 ul li{ width:50% } .about01 ul li .box{ padding:10px } .about01 ul li .box .h3{ font-size:16px; margin-bottom:5px } .about01 ul li:nth-child(2) .box{ border-right:0 } .about01 .jsh{ margin-bottom:20px } .about01 ul{ margin-bottom:20px } .about02{ padding:20px 0 } .about02 .r{ margin-bottom:10px } .about02 .jsh{ margin-bottom:0 } .about03{ padding:30px 0; background-size:cover } .about03:after{ display:none } .about, .history{ padding-bottom:0 !important } .about03 ul li{ padding-top:0 !important; width:100%; margin-bottom:15px } .about03 ul li .box{ padding-left:0 } .about03:before{ display:none } .about03 .p1{ font-size:22px; line-height:34px } .about03 ul li .pic{ width:40px; height:40px; margin-bottom:5px } .about03 ul li .bt{ font-size:16px } .join-title .join-p{ font-size:24px; line-height:40px } .zongcai .zongcai-bottom{ padding:20px 0 } .zongcai .zongcai-bottom .img{ width:100% } .zongcai .zongcai-bottom .img p{ font-size:14px; margin-top:10px } .zongcai .zongcai-bottom .text{ width:100%; padding-left:30px; margin-top:20px; background:url(../images/yin.png) no-repeat top left; background-size:20px } .zongcai .zongcai-bottom .text .bt{ font-size:16px; margin-bottom:10px } .history .history-bg:after{ display:none } .history .history-top ul li a{ width:140px; font-size:14px; margin-bottom:5px } .culture .culture01 .img{ width:100% } .culture .culture01 .text{ width:100%; padding-top:20px } .culture .culture01 .text .bt{ font-size:18px; padding-bottom:20px; margin-bottom:20px } .culture .culture01 .text .span{ font-size:16px; margin-bottom:5px } .culture .culture01{ padding-bottom:30px } .culture .culture02 ul li{ width:100%; margin-top:0; margin-bottom:10px } .culture .culture02{ padding:30px 0; background:url(../images/cbg.jpg) no-repeat top center; background-size:cover } .culture .culture02 ul li .box{ padding:30px; height:auto } .culture .culture02 ul li .box .pic{ width:50px; height:50px } .culture .culture02 ul li .box .text{ padding-top:10px } .culture .culture02 ul li .box .text .h3{ font-size:18px } .culture .culture03{ padding:30px 0 } .culture .culture03 .cu-title p{ font-size:40px } .honor-nav ul li{ width:140px } .honor-nav ul li a{ line-height:40px; font-size:14px } .honor-list ul li{ width:50% } .honor-list{ padding-top:20px } .honor-list ul{ margin:0 -10px 20px -10px } .honor-list ul li .fangda{ padding:20px 30px 0 30px } .contact table .img{ border:7px solid #dcdbdf; float:left; position:relative; top:auto; right:auto; transform:none } .contact table tr td{ padding:10px } .contact02{ padding:30px 0 0 0 } .contact02 .mess-list li{ width:100%; padding:0 10px 10px 10px } .services1 .list{ padding-top:20px; padding-bottom:20px } .services1 .list ul li{ width:100%; margin-bottom:20px } .services1 .list ul li .box{ padding:20px; height:auto } .services1 .list ul li .info{ padding-bottom:5px; margin-bottom:10px } .honorlist li{ width:50%; padding:0 5px; margin-bottom:15px } .honorlist{ margin:20px -5px 0 -5px } .standrd02{ padding:30px 0 } .standrd02 .inmain-title{ font-size:20px } .honorlist li .bt{ padding:5px 5px 5px 5px } .service-pa{ padding:30px 0 } .service-pa .se-title .h3{ font-size:16px } .service-pa .se-title .p{ font-size:13px } .service-pa .se-bottom ul{ padding:0 60px } .service-pa .se-bottom{ margin-top:20px } .services2 .gjspan{ font-size:14px; margin-top:5px } .services2 .list{ padding-top:20px; padding-bottom:20px } .services2 .list ul li{ width:100%; margin-bottom:20px } .services2 .list ul li .box{ padding:20px; height:auto } .services2 .list ul li .info{ padding-bottom:10px; margin-bottom:10px } .services3 .culture01 .culture-title{ font-size:16px } .services3 .list{ padding-top:20px; padding-bottom:20px } .services3 .list ul li{ width:100%; margin-bottom:20px } .services3 .list ul li .box{ padding:20px; height:auto } .services3 .list ul li .info{ padding-bottom:10px; margin-bottom:10px } .services3 .service-hg{ padding:30px 0 0 0 } .services1 .list ul li .info .text .bt{ font-size:18px } .services2 .list ul li .info .text .bt{ font-size:18px } .services3 .list ul li .info .text .bt{ font-size:18px } .services4 .list{ padding-top:20px } .services4 .list ul li{ margin-bottom:20px } .services4 .list ul li .text{ width:100%; padding-top:31px; padding-bottom:30px; margin-bottom:10px } .services4 .list ul li .img{ float:left; width:100% } .services4 .list ul li .text:before, .services4 .list ul li .text:after{ background-size:20px } .services4 .list ul li .text:before{ top:0 } .services4 .list ul li .text .bt{ min-height:50px } .services5 .list ul li{ width:25%; margin-bottom:11px } .services5 .list{ padding-top:20px; padding-bottom:20px } .services5 .service-zx{ padding:30px 0 } .culture01 ul li{ width:100% } .culture01 ul li{ width:100%; margin-bottom:15px } .culture01 ul li .box{ padding:20px 20px } .services5{ padding-bottom:0 !important } .standard .list .qehs{ width:300px; height:300px; position:relative; top:auto; left:50%; margin-left:-150px } .standard .list .qehs:after{ width:300px; height:300px; background-size:300px } .standard .list{ margin-top:20px; padding-bottom:20px } .standard .list ul li{ width:100%; padding-right:0; padding-left:0; margin-bottom:20px } .standard .list ul li:nth-child(2n){ padding-left:0; padding-right:0 } .standard .list ul li .box .num{ width:30px; height:30px; font-size:18px; line-height:30px } .standard .list ul li .box{ padding-left:40px; padding-top:3px } .standard{ padding-bottom:0 !important } .standard .img{ padding-top:20px; padding-bottom:30px } .crsas .img ul li{ width:100% } .zeren .pingding .left{ float:none } .zeren .pingding .paiming{ padding-left:0; background:0 } .zeren .pingding .paiming .bt span{ font-size:33px } .zeren .pingding .biaoxian{ padding:20px } .zeren .pingding .biaoxian .text{ padding-right:0 } .zeren .pingding .biaoxian .text:after{ display:none } .zeren .pingding .biaoxian .text .pj{ position:absolute; top:0; right:0; width:122px } .zeren .pingding .biaoxian .text ul{ padding-right:0 } .fenshu ul li{ width:50%; margin-bottom:10px } .fenshu ul .zongfen{ width:100% } .fenshu ul li .box{ padding:20px; height:280px } .fenshu ul .zongfen .box{ padding:20px } .fenshu ul li .box .pic{ width:32px; height:32px; margin:0 auto } .fenshu ul li .box .num1{ padding-top:50px; margin-top:10px; background-size:inherit !important } .fenshu ul li .box .num{ line-height:54px; margin-top:18px; padding-top:34px } .zeren .jxlist li{ width:100%; margin-bottom:20px } .jxlist li .pic img{ width:100% } .fenshu{ padding:26px 0 30px 0; margin-bottom:30px } .safe .safe-list .left{ width:100%; height:auto; margin-bottom:10px; padding:15px 0; font-size:16px; line-height:25px; position:relative; float:none; top:auto; left:auto; transform:none } .safe .safe-list{ margin-top:20px; min-height:216px; margin-bottom:25px; padding-left:0; background:0 } .safe .safe-list .list{ float:none } .safe .safe-list .list ul{ margin:0 -1% } .safe .safe-list .list ul li{ width:31.33333%; height:40px; line-height:40px; font-size:14px; float:left; margin:0 1% 10px 1% } .safe .safe-list .right{ width:100% } .safe .safe-list .right ul{ margin-bottom:15px } .safe .tel{ margin:20px 0; padding:20px; border-radius:20px } .safe .tel .tel01{ width:100%; background:url(../images/tel.png) no-repeat center left; padding-left:44px; padding-top:5px; background-size:30px } .safe .tel .tel01 .span{ font-size:14px; display:block } .safe .tel .tel01 .p{ font-size:18px } .jxlist li{ width:100%; margin-bottom:20px } .news-show .tag{ margin:12px 0 20px 0 } .inside-page-news li{ width:100%; font-size:13px; padding:0 20px; border-right:0 } .inside-page-news li:last-child{ float:right; padding:0 20px; border-right:0 } .inside-page-news ul{ height:auto; line-height:48px; overflow:hidden } .inside-page-news{ margin-top:20px; margin-bottom:0 } .case .img{ position:relative; top:auto; left:auto; transform:none; width:300px; height:287px; margin:0 auto } .case .list{ min-height:0 } .case .list li{ width:100%; padding-right:0; margin-bottom:20px } .case .list .icon{ width:56px; height:56px; margin-bottom:10px } .case .list .title{ margin-bottom:5px } .case .list .li-02, .case .list .li-04{ padding-left:0; padding-right:0 } .case-show .h1{ padding-bottom:20px } .case-show .item{ padding:20px 0 0 0 } .case-show .item .item-bottom .text{ width:100%; line-height:25px; padding-top:15px } .case-show .item .item-bottom .img{ width:100%; margin-top:10px } .case-show .item .item-bottom p:after{ width:15px; height:15px; top:6px; left:0 } .case-show .item .item-bottom .text p{ padding-left:25px; width:100% !important } .case-show .item .item-bottom p:before{ top:10px; left:4px } .case-show .item .fuwu .list ul li{ width:50% } .case-show .item .fuwu .list{ padding:20px 0 } .zhineng01 .img{ padding-bottom:20px; margin-bottom:20px } .zhineng01 .zhineng-info .list ul{ font-size:0 } .zhineng01 .zhineng-info .list ul li{ width:50%; float:none; display:inline-block; vertical-align:top } .zhineng01{ padding-bottom:30px } .zhineng02 .list{ margin-top:20px; background:0; height:auto } .zhineng02 .list ul li{ width:100%; padding:10px 0; margin-top:0 } .zhineng02 .list ul li{ padding:10px 0; margin-top:0 } .zhineng03{ padding:30px 0 } .zhineng04{ padding:30px 0 } .zhineng04 .zn-bottom{ padding-top:20px } .zhineng04 .zn-bottom .img{ width:100% } .zhineng04 .zn-bottom .text{ width:100%; padding-top:20px } .zhineng04 .zn-bottom .text ul li{ margin-bottom:15px } .zhineng04 .zn-bottom .text ul li:nth-child(2){ margin-left:0 } .zhineng04:after{ display:none } .zhineng{ padding-bottom:0 !important } .join .list{ padding-top:20px; padding-bottom:20px; font-size:0 } .join .list ul li{ width:50%; float:none; display:inline-block; vertical-align:top } .join .list ul li:after{ display:none } .join .list ul li .text{ padding:10px 5px } .join .list ul li .pic{ width:50px } .join .list ul li .jsh{ font-size:12px !important } .join-message{ padding:30px 0 } .join-message ul li{ width:100%; margin-bottom:10px } .join-message ul li .input{ height:40px; width:100%; font-size:14px } .join-message ul li .select{ height:40px; font-size:14px } .join-message ul .diqu{ width:100% } .join-message ul li .item{ padding:0 5px } .join-message ul li .bottom{ margin:0 -5px } .join-message ul li .left{ font-size:14px } .join-message ul a.submit, .join-message ul a.chongzhi{ width:120px; height:40px; line-height:38px; font-size:14px; margin:0 0 10px 0 } .join{ padding-bottom:0 !important } .join-message ul li .textarea{ height:150px; font-size:14px } .safe .jxlist li{ width:100% } .download ul li a{ padding:20px } .job .job-title .text{ padding-top:0; padding-right:0; min-height:0 } .job .job-title .img{ position:relative; top:auto; right:auto; width:auto } .job .job-title{ margin-bottom:20px; margin-top:0 } .job .job-title h3{ font-size:21px; margin-bottom:10px } .job .job-title .p{ margin-bottom:20px } .job-bottom{ padding:30px 0 } .job-bottom .list{ overflow:auto; width:100% } .job-bottom dl{ margin-top:20px; width:983px } .job-bottom dl .list0{ height:50px; line-height:50px } .job-bottom dl .list_dt{ height:50px; line-height:50px; background:0; border-bottom:1px solid #ccc; background:#fff } .job-bottom .list_dt .more{ height:50px } .job-bottom .jobsub{ line-height:25px; padding:20px; border-bottom:1px solid #ccc } .job{ padding-bottom:0 !important } .job-bottom .j-title{ font-size:20px } .inbanner .inbanner-slick{ position:relative; height:369px; width:1000px; left:50%; margin-left:-500px; display:none; } .inbanner .inbanner-slick-phone{ display:block; margin-top:60px; } .inbanner .txtboxph{ display:block ! important; } .inbanner .txtbox .container .info:before{ width:50px; height:50px; top:-35px } .inbanner .txtbox .container .info:after{ width:100px; height:100px; left:27px; top:-20px } .inbanner .txtbox{ padding-top:50px; display:none; } .inbanner .txtbox p:first-child{ font-size:24px } .inbanner .txtbox p{ font-size:15px; margin-top:0 } .inbanner .txtbox p{ margin-left:50px } } @media (max-width:768px){ .home-about .home-bottom .list li{ width:50% } .home-about .home-bottom .list{ padding:30px 0 } .home-about .home-bottom .list .pic{ width:70px; height:80px; margin:auto auto 10px auto; background-size:70px } .home-about .home-bottom .list .text .num{ font-size:30px } .home-about .home-bottom .list .text .num .sup{ font-size:16px } .home-about .home-bottom .list .text .info{ margin-top:5px } .home-about .home-bottom .list .text{ font-size:15px; padding-top:6px } .home-about .home-bottom .list li{ margin-bottom:10px } .home-about .home-bottom .list .text .num .sup{ font-size:12px } .home-about .home-bottom .nr{ margin-bottom:20px } .home-case{ margin-top:-153px; padding:140px 0 30px 0 } .home-case .home-bottom{ padding-top:20px } .caselist{ margin:0 -5px } .caselist li{ width:50%; padding:0 5px; margin-bottom:30px } .caselist li .box{ padding:10px } .caselist li .text{ padding:0 0 10px 0 } .caselist li .text .bt{ font-size:16px; margin-bottom:5px } .caselist li .text .jsh{ font-size:13px } .caselist li .box:after{ background-size:100% } .home-news{ margin-top:0; padding:30px 0 } .newslist li{ width:50%; padding:0 10px } .home-news .home-bottom{ padding-top:20px } .newslist{ margin:0 -10px } .newslist li .box .info{ box-shadow:0 0 10px 0 rgba(9, 2, 6, 0.1) } .footer-top ul li{ display:none } .footer-top ul li:nth-last-child(1){ display:block; width:100%; text-align:center } .footer-bottom span{ padding:10px 0; font-size:14px } .footer-top ul li .bottom .link a{ display:inline-block; float:none; margin-bottom:0 } .footer-top ul li .bottom .ewm{ margin:0 auto 15px auto; text-align:center } .footer-top ul li .bottom .ewm img{ text-align:center; margin:0 auto } .footer-top{ padding:55px 0 20px 0 } .home-honor .slick-prev, .home-honor .slick-next{ width:30px; height:30px; margin-top:-15px } .home-honor .home-bottom .partnerlist{ padding:0 35px } .home-honor .home-bottom .partnerlist li{ border:0 !important } .home-honor .home-bottom .partnerlist li:nth-child(4n){ border:0 !important } .home-honor .home-bottom{ margin-top:20px } .home-honor{ padding:30px 0 } .footer{ background:#0d4f9d url(../images/bg4.jpg) no-repeat top right; margin-bottom:0 } .dibu{ display:none } } @media (max-width:414px){ .news-list li .box{ position:relative; height:auto; padding-left:0; padding-top:0 } .news-list li .pic{ position:relative; top:auto; left:auto; width:100% } .news-list li .text{ padding-left:70px; padding-top:15px } .news-list li .text .date{ width:63px } .news-list li .text .info .bt{ margin-bottom:5px } .news-list li .text .info .jsh{ margin-bottom:10px } .news-list{ margin-bottom:20px } } .honorlist .slick-prev, .honorlist .slick-next{ border-radius:50%; width:68px; height:68px; margin-top:-34px; z-index:5; transition:.5s } @media (min-width:1025px){ .honorlist .slick-prev:hover, .honorlist .slick-next:hover{ transform:rotate(360deg) } } .honorlist .slick-prev:before, .honorlist .slick-next:before{ content:'' } .honorlist .slick-prev{ left:-94px; background:url(../images/left.png) no-repeat center center !important } .honorlist .slick-next{ right:-94px; background:url(../images/right.png) no-repeat center center !important } @media (max-width:800px){ .job-bottom dl{ font-size:13px; } .job-bottom dl .list0 span{ font-size:13px; } .job-bottom dl .list0 .time{ display:none; } .job-bottom dl .list_dt .time{ display:none; } .job-bottom dl{ width:100%; } .job-bottom dl dt{ padding-left:10px; } .job-bottom dl dt .name{ width: 38%; padding-right: 5px; } .job-bottom dl dt .bumen{ width: 32%; margin-right: 0; text-align: left; } .job-bottom dl dt .time{ width: 10%; margin-right: 5%; text-align: center; } .job-bottom dl dt .fabu{ text-align: center; width: 18%; } .job-bottom dl dt .more{ width:11%; } }