@charset "utf-8"; /* CSS Document */ body { font-family: "微软雅黑;",Arial, Helvetica, sans-serif; font-size: 14px; color: #666; line-height: 1.5; width: 100%; background: #fff; -webkit-tap-highlight-color: transparent; } *, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:0; margin:0; padding:0; } ul { list-style:none; } 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; } a:link, a:visited { text-decoration:none; outline:0; color:#666 } img { border:0; padding: 0; margin: 0; max-width:100%; } table { border-collapse:collapse; width:100% } h1, h2, h3, h4, h5, h6 { font-weight:normal; } input, textarea { font-size:14px; outline:0; overflow:hidden; font-family:arial, "microsoft yahei" } input[type='reset'], input[type='button'], input[type='submit'], input[type='radio'] { cursor:pointer; outline:0; border: none; } input[type='checkbox'], input[type='radio'] { position:relative; vertical-align:middle; } textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text'] { outline:0; color:#666; } input[type="submit"], input[type="reset"], input[type="button"], input[type='text'], select, button { -webkit-appearance:none } input, select, textarea { -webkit-appearance:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); } ::-webkit-input-placeholder { color:#999; } :-moz-placeholder { color:#999; opacity:1; } ::-moz-placeholder { color:#999; opacity:1; } :-ms-input-placeholder{ color:#999; } .swiper { width: 100%; height: auto; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } /*清除*/ .container{ width: 90%; margin: 0 auto; clear: both; } .tp img { display: block; width: 100%; height: auto; margin: auto; transition: .5s; } .tp:hover img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .tp { overflow: hidden; } .swiper-slide a{ width: 100%; } /*banner*/ .nbanner{ position: relative; z-index: -1; width: 100%; } .swiper_banner{ position: relative; } .swiper_banner img{ display: block; } .nbanner img{ display: block; width: 100%; } .bannre_txt{ position: absolute; top: 40%; right: 5%; } .bannre_txt h3{ font-size: 48px; font-weight: bold; color: #FFFFFF; } .bannre_txt p{ font-size: 24px; color: #FFFFFF; text-transform: uppercase; } @keyframes upmove { 0% {transform:translateY(0px);} 50% {transform:translateY(10px);} 100% {transform:translateY(0px);} } .web{ position: absolute; width: 100%; z-index: 9; } .web .head{ background: none; height: 88px; margin-top: 16px; } .daohang .head .logo{ display: flex; align-items: center; width: 30%; } .daohang .head .dhl { align-items: center; width: 70%; } .daohang .head .dhl .dh_back{ width: 32px; height: 32px; background: #E5E5E5; border-radius: 50%; padding: 0; margin: 0 10px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #FFFFFF; } .web .head .dhl .dh_back{ background: #FFFFFF; color: #00235F; } .pull-right a{ width: 32px; height: 32px; background: #E5E5E5; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .web .pull-right a{ background: #FFFFFF; } .daohang .head .logo p{ font-size: 24px; color: #939292; line-height: 24px; } .daohang .head .logo a:after{ content: ""; display: block; width: 1px; height: 37px; background: #939292; opacity: 0.3; margin: 0 24px; } .web .head .logo p{ color: #ffffff; } .web .head .logo a:after{ background: #ffffff; } .daohang .head .logo a{ display: flex; align-items: center; } .web .menu .ul-list > li > a{ color: #FFFFFF; } .menu{ width: 90%; margin-right: 10px; } .menu .ul-list { justify-content: flex-end; } .menu .ol-list{ background: #00235F; top: 78px; } .menu .ol-list > li > a{ font-size: 14px; color: #809BC9; line-height: 30px; padding: 0 20px; } .menu .ul-list .ol-list li:hover a{ color: #ffffff; } .menu .ul-list > li > .nav_a:after{ display: none; } .nav_icon{ display: block; height: 0; width: 0; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #00235F; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%, 0); top: -10px; } .dh_icon{ display: none; margin-left: 20px; } #search-closed { right: 5px; top: 25px; max-width: 18px; position: absolute; cursor: pointer; } .search .search-main { top: 90px; right: 90px; z-index: 9; width: 280px; display: none; padding: 16px 30px 16px 16px; position: absolute; background-color: #fff; box-shadow: 0 0 10px rgb(0 0 0 / 10%); border-radius: 4px; } .search-controller .form-control{ text-align: left; border: 1px solid #1C3A6E; box-shadow: none; border-radius: 0; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; font-size: 14px; color: #808080; line-height: 36px; height: 36px; vertical-align: top; padding: 0 85px 0 25px; -webkit-appearance: none; background-color: #fff; border-radius: 25px; margin: 0; } .news_pro .tp{ height: 200px; } .search-controller .btn{ top: 0; border: 0; right: 0; color: #fff; width: 60px; height: 36px; line-height: 36px; text-align: center; position: absolute; cursor: pointer; border-radius: 0 25px 25px 0; background: #1C3A6E url(/static/web/images/icon00.png) no-repeat right 20px center; } .side{ position: fixed; width: 60px; right: 0; bottom: 12%; z-index: 98; } #sidetp{ display: none; } .side .sid_fc li{ width: 60px; height: 60px; background: #1c4a9d; display: flex; justify-content: center; align-items: center; margin-bottom: 4px; } .side .sid_fc li a{ width: 60px; height: 60px; background: #1c4a9d; display: flex; justify-content: center; align-items: center; margin-bottom: 4px; } .side .sid_fc .side_com{ color: #fff; font-size: 12px; cursor: pointer; } .sid_nr{ display: none; } .sid_nr .sid_pro{ z-index: 999; position: fixed; left: 5%; top: 10%; right: 5%; background: #ffffff; padding: 60px; } .sid_nr .sid_pro .sid_ico{ position: absolute; top: 60px; right: 60px; cursor: pointer; } .sid_nr .sid_pro h3{ text-align: center; font-size: 36px; color: #000000; margin-bottom: 50px; } .sid_nr .sid_pro ul{ display: flex; justify-content: space-between; } .sid_nr .sid_pro ul li{ border: 1px solid #e7e2e2; padding: 50px 16px; width: 19%; font-size: 16px; line-height: 36px; color: #757373; } .sid_nr .sid_pro ul li img{ margin: 0 auto; display: block; } .sid_nr .sid_pro ul li h4{ color: #333333; font-size: 24px; margin: 30px 0; text-align: center; } .sid_nr .sid_pro ul li h5{ color: #000000; } .sid_nr .sid_pro ul li p{ } .sid_nr .sid_bj{ position: fixed; opacity: 0.8; filter: alpha(opacity=50); bottom: 0; left: 0; right: 0; top: 0; background: black; z-index: 100; } .side ul li img{ display: block; } .foot{ background: #021D4B; clear: both; width: 100%; } .about_com .swiper { width: 100%; height: auto; } .foot .link{ border-bottom: 1px solid #082A65; margin-bottom: 65px; } .foot .link ul{ display: flex; display: none; } .foot .link ul li{ font-size: 14px; color: #869CC2; line-height: 72px; } .foot .link ul li a{ border-right: 1px solid #869CC2; padding: 0 15px; color: #869CC2; } .foot .link ul li:nth-child(1){ padding: 0 0 0 32px; background: url(/static/web/images/icon1.png) no-repeat left center; font-size: 16px; color: #FFFFFF; } .foot .link ul li:nth-last-child(1) a{ border: none; } .foot .footer{ display: flex; justify-content: space-between; } .foot .footer .flogo .tp img{ margin: 0 0 36px; } .foot .footer .flogo p{ font-size: 16px; color: #ffffff; line-height: 28px; padding-left: 30px; } .foot .footer .flogo h3{ font-size: 16px; color: #ffffff; line-height: 30px; padding-left: 30px; background: url(/static/web/images/icon000.png) no-repeat left center; margin: 20px 0; } .foot .footer .fcode h3 a{ display: block; color: #ffffff; text-align: center; font-size: 16px; line-height: 40px; } .foot .footer .fcode p{ color: #ffffff; text-align: center; font-size: 16px; line-height: 40px; } .foot .footer .flogo .fadd{ background: url(/static/web/images/icon2.png) no-repeat left center; } .foot .footer .flogo .ftel{ background: url(/static/web/images/icon3.png) no-repeat left center; } .foot .footer .flogo .ffax{ background: url(/static/web/images/icon4.png) no-repeat left center; } .foot .footer .fnav{ width: 60%; } .foot .footer .fnav ul{ display: flex; } .foot .footer .fnav ul>li>a{ font-size: 18px; color: #FFFFFF; line-height: 36px; font-weight: bold; } .foot .footer .fnav ul>li{ margin: 0 32px; text-align: center; } .foot .footer .flogo img{ margin-bottom: 20px; } .foot .footer .fnav .f_txt li a{ font-size: 16px; color: #ffffff; line-height: 36px; } .foot .footer .fnav .f_txt li a:hover{ color: #FFFFFF; } .foot .foot_db{ line-height: 90px; border-top: 1px solid #082A65; } .foot .foot_db .foot_ft{ display: flex; justify-content: space-between; } .foot .foot_db .foot_ft p{ font-size: 14px; color: #869CC2; } .foot .foot_db .foot_ft p a{ font-size: 14px; color: #869CC2; } .foot .foot_db .foot_ft ul{ display: flex; } .ndh .dh_txt img:nth-child(1){ margin: 0 0 0 20px; float: left; max-width: 600px; } .foot .foot_db .foot_ft ul li a{ font-size: 14px; color: #869CC2; border-right: 1px solid #869CC2; padding: 0 15px; } .foot .foot_db .foot_ft ul li:nth-last-child(1) a{ border: none; } .swiper_banner .swiper-button-next, .swiper_banner .swiper-button-prev{ position: absolute; background: url(/static/web/images/icon6.png) no-repeat center; width: 45px; height: 45px; top: 90%; background-size: 100% 100%; } .swiper_banner .swiper-button-next:hover, .swiper_banner .swiper-button-prev:hover{ background: url(/static/web/images/icon5.png) no-repeat center; background-size: 100% 100%; } .swiper_banner .swiper-button-next:after, .swiper_banner .swiper-button-prev:after{ display: none; } .swiper_banner .swiper-button-next{ right: 5%; left: auto; } .swiper_banner .swiper-button-prev{ transform: rotate(180deg); right: 8%; left: auto; } .icon_sb{ width: 74px; height: 74px; background: #2150A2; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; bottom: 70px; z-index: 20; overflow: hidden; } .swiper_case{ width: 90%; margin-top: 80px; } .swiper_case .icon_pro{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; top: 0; left: 0; z-index: 10; } .swiper_case .icon{ width: 72px; height: 72px; background: #00235F; border-radius: 50%; display: flex; transition: .5s; display: none; } .swiper_case .icon img{ width: 22px; } .swiper_case .fcase_pro{ width: 100%; } .swiper_case .fcase_pro .tp{ width: 100%; position: relative; } .swiper_case .fcase_pro a:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background: #000000; transition: .5s; } .swiper_case .fcase_pro a:hover:after{ opacity: 0.4; } .swiper_case .fcase_pro a:hover .icon{ width: 100px; height: 100px; } .swiper_case .fcase_pro p{ overflow: hidden; font-size: 24px; color: #6F6F6F; line-height: 30px; margin: 24px 0; white-space: nowrap; text-overflow: ellipsis; } .swiper_case .fcase_pro:hover p{ color: #000000; } .ftxt{ text-align: center; position: relative; z-index: 10; } .ftxt h4{ font-size: 48px; color: #343434; font-weight: bold; } .ftxt h3{ font-size: 120px; color: #E3E3E3; line-height: 20px; text-transform: uppercase; font-weight: bold; } .fnews_nr{ display: flex; justify-content: space-between; margin-bottom: 40px; } .fnews_pro .fnews_txt{ padding-left: 60px; padding-right: 100px; background: url(/static/web/images/icon_new.png) no-repeat center right; background-size: 48px 48px; width: 80%; } .fnews_nr .fnew_l{ width: 35.5%; } .fnews_nr .fnew_l .fnews_pro{ background: #f5f5f5; } .page_nr .page_txt{ max-width: 1200px; margin: 0 auto; } .fnews_nr .fnew_l .fnews_pro .fnews_txt{ padding: 30px 80px 30px 30px; margin-right: 30px; width: 96%; } .fnews_nr .fnew_r{ width: 62%; display: flex; flex-direction: column; justify-content: space-between; } .fnews_nr .fnew_r .fnews_pro a{ display: flex; background: #f5f5f5; padding: 24px; } .fnews_nr .fnew_r .fnews_pro .tp{ width: 20%; } .fnews_pro .fnews_txt h3{ color: #343434; line-height: 30px; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fnews_pro .fnews_txt h4{ font-size: 12px; color: #c0c0c0; line-height: 1; margin: 12px 0; } .fnews_pro .fnews_txt p{ line-height: 24px; font-size: 14px; color: #797979; max-height: 72px; overflow: hidden; text-overflow: ellipsis; } .fcase{ padding-top: 100px; margin-bottom: 60px; } .cur{ width: 160px; line-height: 48px; background: rgba(0, 35, 95, 0); border: 1px solid #000000; border-radius: 24px; text-align: center; font-weight: 400; color: #00235F; margin: 0 auto; clear: both; } .swiper_about .swiper-pagination-bullets{ bottom: 0; } .swiper-num { position: absolute; width: 100%; height: 100%; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 14px; color: #FFFFFF; } .swiper-num .active { display: inline-block; } .swiper-num .total { display: inline-block; margin-top: 174px; } .banner .swiper-slide{ line-height: 500px;text-align: center;font-size: 50px; } .fabout{ margin-top: 100px; } .fabout .fabout_l{ width: 37%; position: relative; } .fabout .fabout_l .bannerswiper{ width: 100%; margin: 0; } .fabout_nr{ display: flex; justify-content: space-between; } .ftxt:after{ content: ""; display: block; width: 42px; height: 4px; background: #00235f; margin: 24px auto 48px; } .fabout .fabout_l .bannerswiper .swiper-slide p{ position: absolute; font-size: 18px; color: #FFFFFF; line-height: 36px; bottom: 20px; } .fabout .fabout_l .faboutbj{ width: 15%; height: 384px; background: #00235F; margin-left: -1px; } .fnew_l .fnews_pro .fnews_txt p{ text-align: justify; } .fabout_l .botpage{ width: 15%; height: 384px; background: #00235F; position: relative; } .fabout .ftxt{ margin-bottom: -10px; } .fabout .fabout_r{ width: 58%; } .fabout .fabout_r h3{ font-size: 36px; color: #00235f; } .fabout .fabout_r span{ font-size: 24px; line-height: 36px; color: #b9b9b9; } .fabout_sum{ clear: both; display: flex; justify-content: center; } .fabout .swiper-pagination{ width: 120px; transform: rotate(-90deg); top: 50%; left: auto; height: 1px; } .fabout_l .botpage .page{ display: flex; justify-content: center; } .fabout .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: #FFFFFF; } .fabout .swiper-pagination-progressbar{ background: #4d4d4d; } .swiper-button-next1, .swiper-button-prev1{ position: absolute; background: url(/static/web/images/icon6.png) no-repeat center; width: 45px; height: 45px; z-index: 10; cursor: pointer; } .swiper-button-next1:hover, .swiper-button-prev1:hover{ background: url(/static/web/images/icon5.png) no-repeat center; } .swiper-button-next1{ top: 48%; transform: rotate(180deg); left: 5%; } .swiper-button-prev1{ top: 48%; right: 5%; } .cur:hover{ background: #00235F; } .cur:hover a{ color: #ffffff; } .fabout .fabout_r p{ font-size: 20px; font-family: Microsoft YaHei; font-weight: 400; color: #6F6F6F; line-height: 2; text-indent: 2em; margin-top: 10px; text-align: justify; } .fabout .fabout_r .cur{ margin: 40px 0 0 0; } .fabout_sum .fabout_sum1{ margin: 0 60px; } .fabout_sum .fabout_sum1 h3{ font-size: 72px; color: #000000; line-height: 1; } .fabout_sum .fabout_sum1 p{ font-size: 16px; color: #6F6F6F; text-align: center; } .fsp{ margin-bottom: 80px; position: relative; width: 100%; } .fsp .iconsp{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; top: 0; left: 0; z-index: 10; } .fsp .iconsp .iconsp1{ width: 96px; height: 96px; background: #00235F; border-radius: 50%; display: flex; transition: .5s; background: url(/static/web/images/icon10.png) no-repeat; background-size: 100% 100%; } .swiper_new { width: 90%; margin-top: 80px; } .swiper_new .fnews_pro .tp{ position: relative; height: 320px; } .swiper_new .fnews_pro .tp .icon_new{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; top: 0; left: 0; z-index: 10; opacity: 0; } .swiper_new .fnews_pro .tp .icon_new .icon_news{ width: 72px; height: 72px; background: #00235F; border-radius: 50%; display: flex; transition: .5s; } .swiper_new .fnews_pro .tp .icon_new .icon_news img{ width: 22px; } .swiper_new .fnews_pro .fnews_txt{ margin: 40px 0 60px 0; display: flex; align-items: center; } .swiper_new .fnews_pro .fnews_txt .fnews_txtl h3{ font-size: 48px; font-family: Arial; font-weight: 400; color: #343434; line-height: 1; } .swiper_new .fnews_pro .fnews_txt .fnews_txtl h4{ font-size: 16px; font-weight: bold; color: #777777; line-height: 30px; } .swiper_new .fnews_pro .fnews_txt .fnews_txtr{ padding-left: 40px; font-size: 18px; color: #343434; line-height: 30px; text-align: left; } .fnews{ margin-bottom: 80px; } .fcoop .fcoop_l{ margin-top: 200px; margin-left: 11.2%; width: 35%; } .fcoop .fcoop_l h3{ font-size: 24px; font-weight: bold; color: #343434; line-height: 30px; } .fcoop .fcoop_l p{ font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #6F6F6F; line-height: 36px; margin: 36px 0 125px; } .fcoop .fcoop_l .cur{ margin: 0; } .fcoop { padding-bottom: 184px; background: url(/static/web/images/coop_bj.png) no-repeat bottom; position: relative; } .fcoop .fcoop_r{ width: 100%; } .fcoop .fcoop_r .swiper_fcoop{ max-width: 645px; border-radius: 400px 400px 0 0; position: absolute; bottom: 96px; right: 15%; transition: .5s; } .fcoop .fcoop_r .swiper_fcoop .fcoop_pro{ position: relative; } .fcoop .fcoop_r .swiper_fcoop .fcoop_icon{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; top: 0; left: 0; z-index: 10; } .fcoop .fcoop_r .swiper_fcoop .fcoop_icon .icon_fcoop{ width: 72px; height: 72px; background: #00235F; border-radius: 50%; display: flex; transition: .5s; } .fcoop .fcoop_r .swiper_fcoop .fcoop_icon .icon_fcoop img{ width: 33px; } .fcoop .fcoop_r .swiper_fcoop:hover{ border-radius: 0; } .menu .ul-list > li > a{ font-size: 16px; color: #676666; line-height: 88px; } .crumbs .position .pos_ico { width: 6px; height: 6px; border-top: 1px solid #6D6D6D; border-right: 1px solid #6D6D6D; transform: rotate(45deg); margin-left: 6px; margin-right: 6px; } .crumbs .position { display: flex; line-height: 50px; justify-content: flex-start; align-items: center; color: #6D6D6D; } .pos_txt1 span { color: #00235F; } .cru_dh{ display: flex; justify-content: space-between; height: 64px; background: rgba(255, 255, 255, 0.9); position: relative; margin-top: -64px; padding-right: 26px; } .cru_dh .cur_nav ul{ display: flex; line-height: 64px; } .cru_dh .cur_nav ul li a{ padding: 0 58px; font-size: 16px; color: #676666; border-right: 1px solid #D0D0D0; } .cru_dh .cur_nav ul li:nth-last-child(1) a{ border: none; } .cur_dc{ background: #00235F; } .cru_dh .cur_nav ul .cur_dc a{ color: #ffffff; } .cru_dh .cur_nav ul li:hover{ background: #00235F; } .cru_dh .cur_nav ul li:hover a{ color: #ffffff; } .ntxt h3{ font-size: 36px; color: #343434; line-height: 36px; text-align: center; } .ntxt h3:after{ content: ""; display: block; width: 39px; height: 2px; background: #00235F; margin: 18px auto 0; } .nabout{ padding-top: 60px; padding-bottom: 200px; } .nabout .about_com{ margin: 48px 0 0 0; position: relative; } .page_nr .gysy_nr{ position: relative; margin-bottom: 80px; } .page_nr .gysy_nr .gysy_img{ position: absolute; display: flex; align-items: center; right: 0; width: 40%; top: 0; bottom: 0; } .page_nr .gysy_nr .gysy{ max-height: 720px; width: 56%; overflow: auto; } .nabout .about_com .about_txt .about_nr p{ font-size: 16px; color: #6F6F6F; line-height: 2; text-align: justify; } .nabout .about_com .about_tp{ width: 45%; float: right; margin-left: 40px; } .nabout .fabout_sum { padding: 40px 0 240px; display: none; } .nabout .swiper_about .swiper-pagination-bullets { bottom: 10px; right: 30px; left: auto; width: 10%; } .nabout .swiper-pagination-bullet { background: var(--swiper-pagination-bullet-inactive-color,#ffffff); opacity: var(--swiper-pagination-bullet-inactive-opacity, 1); } .nabout .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color,var(--swiper-theme-color)); } .about_tp .swiper-slide p { position: absolute; font-size: 18px; color: #FFFFFF; line-height: 36px; bottom: 20px; } .ncase{ margin: 60px 0 36px; } .ncase .case_com{ display: flex; flex-wrap: wrap; margin-top: 50px; } .ncase .case_com .case_pro{ width: 18%; margin: 0 1% 40px; } .ncase .case_com .case_pro .case_txt{ background: #FFFFFF; border: 1px solid #EAEAEA; padding: 30px; } .ncase .case_com .case_pro .case_txt h3{ font-size: 18px; color: #343434; padding-bottom: 24px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ncase .case_com .case_pro .case_txt p{ font-size: 16px; color: #929292; line-height: 30px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-align: justify; } .ncase .case_com .case_pro a:hover .case_txt{ background: #00235F; border: 1px solid #00235F; } .ncase .case_com .case_pro a:hover .case_txt h3{ color: #FFFFFF; } .ncase .case_com .case_pro a:hover .case_txt p{ color: #809BC9; } .npage{ margin-top: 60px; } .npage .page_nr{ margin-top: 50px; } .page_nr .page_txt p{ font-size: 16px; color: #929292; line-height: 30px; } .page_nr .paging{ padding: 100px 0 0; display: flex; justify-content: space-between; border-top: 1px dashed #E8E8E8; } .page_nr .paging .pag_l a{ font-size: 14px; color: #616161; line-height: 30px; } .page_nr .new_tp{ border-bottom: 1px dashed #E8E8E8; } .page_nr .paging .pag_r{ width: 160px; height: 44px; background: #00235F; border-radius: 5px; text-align: center; } .page_nr .paging .pag_r a{ font-size: 14px; color: #FFFFFF; line-height: 44px; padding-right: 60px; background: url(/static/web/images/icon11.png) no-repeat right; display: block; margin: 0 18px; } .relevant .swiper_rel .swiper-slide{ flex-direction: column; } .relevant .swiper_rel{ margin-bottom: 90px; } .relevant .swiper_rel .swiper-slide p{ font-size: 18px; color: #343434; margin-top: 30px; } .news_nr{ margin-top: 60px; margin-bottom: 90px; position: relative; } .news_nr .work_nr{ margin-top: 40px; } .fl ul{ margin: 20px; display: flex; justify-content: center; } .fl ul li{ background: #FFFFFF; border: 1px solid #DFDFDF; border-radius: 20px; margin: 0 25px; padding: 0 33px; font-size: 20px; color: #000000; line-height: 40px; cursor: pointer; } .fl ul .fl_cur{ background: #00235F; color: #ffffff; border: 1px solid #00235F; } .fl ul .fl_cur a{ color: #ffffff; } .fl ul li:hover{ background: #00235F; color: #ffffff; border: 1px solid #00235F; } .fl ul li:hover a{ color: #ffffff; } .news_nr .tnew_nr{ display: flex; justify-content: space-between; position: relative; align-items: center; } .news_nr .tnew_nr .hd{ width: 48% ; } .news_nr .tnew_nr .arrow .next, .news_nr .tnew_nr .arrow .prev{ width: 53px; height: 53px; position: absolute; top: 48%; background: url(/static/web/images/icon12.png) no-repeat center; cursor: pointer; z-index: 10; } .news_nr .tnew_nr .arrow .next{ left: 5%; } .news_nr .tnew_nr .arrow .prev{ right: 55%; transform: rotate(180deg); } .news_nr .tnew_nr .hd ul li{ padding: 15px 40px; } .news_nr .tnew_nr .hd ul li a{ display: flex; align-items: center; } .news_nr .tnew_nr .hd ul li a .new_l{ margin-right: 36px; } .news_nr .tnew_nr .hd ul li a .new_l h3{ font-size: 60px; color: #343434; line-height: 1; } .page_txt img{ max-width: 100%; } .news_nr .tnew_nr .hd ul li a .new_l h3:after{ content: ""; display: block; margin: 4px auto; width: 60px; height: 1px; background: #E0E0E0; } .news_nr .tnew_nr .hd ul li a .new_l p{ font-size: 16px; font-weight: bold; color: #AEAEAE; text-align: center; } .news_nr .tnew_nr .hd ul li a .new_r h3{ font-size: 22px; color: #343434; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .news_nr .tnew_nr .hd ul li a .new_r p{ font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #929292; line-height: 24px; max-height: 48px; overflow: hidden; } .news_com{ display: flex; flex-wrap: wrap; margin: 48px 0; } .news_com .news_pro{ width: 23%; margin: 0 1% 48px; } .news_com .news_pro a{ background: #FFFFFF; border: 1px solid #EAEAEA; display: block; padding: 40px 36px 50px; } .news_com .news_pro a h3{ font-size: 18px; color: #343434; line-height: 30px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 60px; } .news_com .news_pro a h4{ font-size: 14px; color: #ACACAC; margin: 28px 0 44px; } .news_com .news_pro a p{ font-size: 16px; color: #929292; line-height: 30px; margin-top: 36px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-align: justify; } .news_com .news_pro a:hover{ background: #00235F; } .news_com .news_pro a:hover h3{ color: #ffffff; } .news_com .news_pro a:hover h4{ color: #7387AA; } .news_com .news_pro a:hover p{ color: #7387AA; } .news_nr .tnew_nr .hd ul .on:hover{ background: #00235F; } .news_nr .tnew_nr .hd ul .on:hover .new_l h3{ color: #ffffff; } .news_nr .tnew_nr .hd ul .on:hover .new_l p{ color: #ffffff; } .news_nr .tnew_nr .hd ul .on:hover .new_r h3{ color: #ffffff; } .news_nr .tnew_nr .hd ul .on:hover .new_r p{ color: #ffffff; } .news_nr .tnew_nr .hd ul .on:hover .new_l h3:after{ background: #083885; } .page_nr .new_tp h3{ font-size: 24px; color: #616161; text-align: center; } .ncase .case_com .case_pro .tp{ height: 252px; } .page_nr .new_tp .new_icon{ display: flex; justify-content: center; padding: 30px 0; margin: 0 10px; padding-left: 25px; } .page_nr .new_tp .new_icon h4{ font-size: 13px; color: #818080; line-height: 22px; padding-left: 25px; margin: 0 10px; } .page_nr .new_tp .new_icon .date{ background: url(/static/web/images/icon15.png) no-repeat left center; } .page_nr .new_tp .new_icon .view{ background: url(/static/web/images/icon16.png) no-repeat left center; } .pos_txt1{ margin-left: 10px; } .news_nr .page_txt{ padding: 50px 0 80px; font-size: 16px; color: #6F6F6F; line-height: 30px; max-width: 1200px; margin: 0 auto; } .page_nr .relevant h3{ font-size: 24px; color: #000000; padding-bottom: 20px; border-bottom: 1px solid #E8E8E8; margin-bottom: 30px; } .news_nr .relevant .swiper-slide{ margin: 28px 0 40px; } .news_nr .relevant .swiper-slide a h4{ font-size: 18px; color: #343434; line-height: 30px; text-align: left; } .news_nr .relevant .swiper-slide a p{ font-size: 14px; color: #929292; line-height: 30px; margin-top: 16px; text-align: left; } .news_nr .relevant .swiper-slide a p span{ color: #00235F; } .page_nr .tec_txt h3{ font-size: 30px; color: #00235f; line-height: 36px; text-align: center; } .page_nr .tec_txt p { font-size: 18px; color: #6F6F6F; line-height: 36px; margin: 24px 0 40px; text-indent: 2em; } .page_nr .tec_txt ul{ margin: 10px 0 60px; display: flex; justify-content: center; flex-wrap: wrap; } .page_nr .tec_txt ul li{ display: flex; flex-direction: column; align-items: center; width: 23%; position: relative; margin: 0 1% 40px; } .page_nr .tec_txt ul li .tec_pro{ position: absolute; z-index: 10; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; } .page_nr .relevant{ display: none; } .page_nr .tec_txt ul li .tec_pro h4 a{ font-size: 30px; color: #fff; margin-top: 40px; } .tec_xqy p{ font-size: 16px; color: #6F6F6F; line-height: 28px; text-align: justify; } .tec_xqy{ max-width: 1200px; margin: 0 auto; } .tec_xqy h3{ font-weight: bold; } .tec_xqy ul{ display: flex; flex-wrap: wrap; } .tec_xqy ul li{ width: 50%; text-align: center; padding: 0 4%; } .page_nr .tec_txt ul li .tec_icon{ width: 76px; height: 76px; transition: .5s; text-align: center; margin: 0 auto; } .page_nr .tec_txt ul li:nth-child(1) .tec_icon{ background: url(/static/web/images/icon23.png) no-repeat center; background-size: 100% 100%; } .page_nr .tec_txt ul li:nth-child(2) .tec_icon{ background: url(/static/web/images/icon24.png) no-repeat center; background-size: 100% 100%; } .page_nr .tec_txt ul li:nth-child(3) .tec_icon{ background: url(/static/web/images/icon25.png) no-repeat center; background-size: 100% 100%; } .page_nr .tec_txt ul li:nth-child(4) .tec_icon{ background: url(/static/web/images/icon26.png) no-repeat center; background-size: 100% 100%; } .page_nr .tec_txt ul li:nth-child(5) .tec_icon{ background: url(/static/web/images/icon27.png) no-repeat center; background-size: 100% 100%; } .page_nr .tec_txt ul li:nth-child(6) .tec_icon{ background: url(/static/web/images/icon28.png) no-repeat center; background-size: 100% 100%; } .page_nr .pat_nr p{ font-size: 16px; color: #6F6F6F; line-height: 30px; } .page_nr .pat_nr .pat_txt{ font-size: 16px; color: #6F6F6F; line-height: 30px; display: flex; justify-content: space-between; margin-top: 70px; } .page_nr .pat_nr .pat_txt .pat_pro{ width: 48%; } .page_nr .pat_nr .pat_txt .pat_pro h3{ font-size: 24px; color: #343434; line-height: 30px; margin-bottom: 30px; } .page_nr .pat_nr .pat_txt .pat_pro .pat_bg{ max-height: 1020px; overflow:auto; margin-bottom: 90px; } ::-webkit-scrollbar { width:5px; } ::-webkit-scrollbar-thumb { background: #BBBBBB; } ::-webkit-scrollbar-track { background-color:#EEEEEE; } ::-webkit-scrollbar-button { display: none; } .new_r{ width: 80%; } .page_nr .pat_nr .pat_txt .pat_pro table tr{ line-height: 24px; height: 60px; } .page_nr .pat_nr .pat_txt .pat_pro table td{ padding: 10px 20px; border: 1px solid #E6E6E6; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ } .page_nr .pat_nr .pat_txt .pat_pro table tr:nth-child(odd){ background: #F5F5F5; } .page_nr .pat_nr .pat_txt .pat_pro table td:nth-child(1){ width: 7%; } .page_nr .pat_nr .pat_txt .pat_pro table td:nth-child(2){ width: 93%; } .ndh{ margin-bottom: 76px; } .ndh ul{ margin: 40px 0; display: flex; flex-wrap: wrap; } .ndh ul li{ display: flex; align-items: center; justify-content: center; width: 10%; position: relative; } .ndh ul li:before{ content: ""; display: block; width: 1px; height: 20px; background: #d4d6d3; position: absolute; right: 0; } .ndh ul li a{ line-height: 60px; display: block; font-size: 18px; color: #6C6B6B; position: relative; } .ndh ul li:hover a:after{ content: ""; display: block; width: 100%; height: 2px; position: absolute; bottom: 10px; background: #00235f; } .ndh ul .dh_cur a:after{ content: ""; display: block; width: 100%; height: 2px; position: absolute; bottom: 10px; background: #00235f; } .ndh ul li:hover a{ font-weight: bold; color: #00235f; } .ndh ul .dh_cur a{ font-weight: bold; color: #00235f; } .ndh .dh_txt p{ font-size: 16px; color: #6F6F6F; line-height: 36px; } .ndh .con_nr{ display: flex; justify-content: space-between; background: #F6F6F6; } .ndh .map{ margin: 50px 0 100px; width: 100%; overflow: hidden; height: 480px; } .ndh .con_nr .nr1{ padding: 70px 0 0 70px; } .ndh .con_nr .nr1 h3{ font-size: 24px; color: #004B8F; } .ndh .con_nr .nr1 span{ font-size: 12px; color: #949494; text-transform: uppercase; } .ndh .con_nr .nr1 .con_txt:before{ content: ""; display: block; width: 16px; height: 1px; margin: 10px 0; } .ndh .con_nr .nr1 .con_txt p{ font-size: 16px; color: #6C6B6B; line-height: 30px; } .ndh .con_nr .nr2{ margin-top: 70px; padding-left: 128px; position: relative; } .ndh .con_nr .nr2:before{ content: ""; display: block; width: 1px; height: 259px; background: #DADADA; position: absolute; left: 0; } .ndh .con_nr .nr2 h3{ font-size: 20px; color: #343434; line-height: 30px; } .ndh .con_nr .nr2 p{ font-size: 16px; color: #6C6B6B; line-height: 30px; height: 30px; } .ndh .con_nr .nr3{ padding: 70px 36px 55px 55px; background: #00235F; } .ndh .con_nr .nr3 .con_xx h3{ font-size: 16px; color: #FFFFFF; } .ndh .con_nr .nr3 .con_xx p{ font-size: 36px; font-weight: bold; color: #FFFFFF; } .ndh .con_nr .nr3 .con_xx:nth-child(2){ margin: 40px 0; } .work_txt h3{ font-size: 24px; color: #343434; line-height: 30px; text-align: center; } .work_txt p{ font-size: 16px; color: #6F6F6F; line-height: 30px; margin: 30px 0 80px; text-align: justify; } .work_nr>h3{ font-size: 24px; color: #343434; line-height: 30px; text-align: center; margin-bottom: 48px; } .work_nr .work_cp{ display: flex; flex-wrap: wrap; justify-content: space-between; } .gysy p{ font-size: 16px; color: #484848; line-height: 24px; background: url(/static/web/images/icon40.png) no-repeat left center; padding: 12px 20px 12px; } .work_nr .work_cp .work_pro{ width: 49%; } .work_nr .work_cp .work_pro a{ border: 1px solid #DFDFDF; display: flex; justify-content: space-between; padding: 32px; border-radius: 10px; margin-bottom: 32px; align-items: center; } .work_nr .work_cp .work_pro .workl{ width: auto; text-align: center; } .work_nr .work_cp .tra_pro .workl{ width: 30%; } .work_nr .work_cp .work_pro .workl h3{ font-size: 48px; font-weight: bold; color: #424242; line-height: 1; } .work_nr .work_cp .work_pro .workl p{ line-height: 30px; color: #AAAAAA; font-size: 18px; } .work_nr .work_cp .work_pro .workr{ width: 85%; } .work_nr .work_cp .tra_pro .workr{ width: 68%; } .work_nr .work_cp .work_pro .workr h3{ font-size: 18px; color: #000000; line-height: 1; margin-bottom: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .work_nr .work_cp .work_pro .workr p{ font-size: 16px; color: #6F6F6F; line-height: 30px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .work_nr .work_cp .work_pro a:hover{ box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.16); } .work_nr .work_cp .work_pro a:hover .workr h3{ color: #00235F; } .work_nr .work_cp .work_pro a:hover .workl p{ color: #00235F; } .work_nr .work_cp .work_pro a:hover .workl h3{ color: #00235F; } .work .new_tp{ margin-top: 40px; } .inv_xx{ margin: 48px 0 55px; } .inv_xx .inv_dm{ width: 418px; height: 80px; background: #FFFFFF; border: 3px solid #F0F0F0; margin: 0 auto; display: flex; justify-content: center; align-items: center; } .inv_xx .inv_dm p{ font-size: 20px; color: #343434; line-height: 80px; } .inv_xx .inv_dm span{ font-size: 40px; font-weight: bold; color: #00235F; line-height: 80px; } .inv_xx ul{ display: flex; justify-content: center; margin-top: 40px; align-items: center; } .inv_xx ul li{ border-right: 1px solid #F0F0F0; padding: 0 40px; color: #00235F; line-height: 48px; } .inv_xx ul li p{ font-size: 14px; } .inv_xx ul li h3{ font-size: 24px; } .inv_xx ul li:nth-child(1){ font-size: 48px; font-weight: bold; color: #CE0101; line-height: 96px; display: flex; } .inv_xx ul li:nth-child(1) span{ font-size: 14px; color: #CE0101; line-height: 96px; display: block; padding-left: 10px; } .inv_jj{ background: #F5F5F5; padding: 60px 0 88px; } .inv_jj .inv_txt{ display: flex; justify-content: center; margin-top: 90px; } .inv_jj .inv_txt .inv_txt1{ width: 30%; margin-left: 10%; font-size: 16px; color: #646464; line-height: 36px; } .inv_nr{ margin: 66px 0 154px; display: none; } .inv_nr .container{ position: relative; } .inv_nr .swiper_inv{ width: 90%; margin-top: 50px; } .inv_nr .swiper-button-next, .inv_nr .swiper-button-prev{ position: absolute; background: url(/static/web/images/icon29.png) no-repeat center; width: 42px; height: 42px; top: 60%; } .inv_nr .swiper-button-next:after, .inv_nr .swiper-button-prev:after{ display: none; } .inv_nr .swiper-button-next{ left: 0; right: auto; } .inv_nr .swiper-button-prev{ right: 0; left: auto; transform: rotate(180deg); } .inv_nr .swiper-button-next:hover, .inv_nr .swiper-button-prev:hover{ background: url(/static/web/images/icon30.png) no-repeat center; } .inv_nr .swiper_inv .swiper-slide{ border: 5px solid #D9D9D9; } .iss_bh table tr{ font-size: 16px; color: #6F6F6F; line-height: 48px; text-align: center; } .iss_bh table tr td{ border: 1px solid #E6E6E6; } .iss_bh table tr td:nth-child(1){ width: 42%; } .iss_bh table tr td:nth-child(2){ width: 18%; } .iss_bh table tr td:nth-child(3){ width: 40%; } .iss_bh table tr:nth-child(1){ background: #F5F5F5; font-weight: bold; color: #343434; } .fin tr td{ width: 11.1% !important; } .iss_bh h3{ font-size: 16px; font-weight: bold; color: #343434; margin: 40px 0 20px; } .manage{ display: flex; justify-content: space-between; align-items: center; } .manage .man_l{ width: 46.5%; } .manage .man_r{ width: 52%; font-size: 16px; color: #6F6F6F; line-height: 36px; } .menu .ol-list{ width: 120%; left: -10%; } .com_ly .com_pro{ margin-bottom: 40px; } .com_ly .com_pro .com_icon{ display: flex; margin-bottom: 16px; font-size: 16px; color: #747474; } .com_ly .com_pro .com_icon span{ font-size: 20px; color: #000000; } .com_ly .com_pro .com_icon h3{ padding-left: 36px; background: url(/static/web/images/icon32.png) no-repeat left; margin-right: 40px; } .com_ly .com_pro .com_icon h4{ padding-left: 36px; background: url(/static/web/images/icon31.png) no-repeat left; } .com_ly .com_pro .com_nr{ background: #F6F6F6; border-radius: 10px; padding: 24px 16px 24px 30px; font-size: 16px; color: #6F6F6F; line-height: 30px; } .com_ly .com_pro .com_nr p{ margin: 20px 54px 0; } .fh1{ border: 1px solid #ECECEC; margin: 72px 0 108px; padding: 64px 72px; display: flex; flex-wrap: wrap; justify-content: space-between; } .fh1 .fh1s{ width: 48%; } .fh1 label{ display: block; font-size: 16px; color: #525252; line-height: 48px; } .fh1 label span{ color: #BFBFBF; } .fh1 .fh1s input{ width: 100%; background: #F2F2F2; border: none; line-height: 46px; padding-left: 2em; font-size: 16px; } .fh1 .fh2{ width: 100%; } .fh1 .fh2 textarea{ width: 100%; background: rgb(242, 242, 242); border: none; line-height: 30px; font-size: 16px; padding: 20px 2em; } .fh1 .fh4{ width: 100%; text-align: center; } .fh1 .fh4 input{ width: 156px; height: 46px; background: #00235F; color: #fff; margin-top: 74px; } .cont2{ width: 64%; margin: 0 auto; font-size: 16px; color: #6F6F6F; line-height: 30px; } .cont2 p{ padding: 2em; } .cont2 h4{ color: #FF0000; margin-top: 40px; } .protect{ display: flex; flex-wrap: wrap; justify-content: space-between; } .protect .pro{ width: 48%; } .protect .pro a{ display: flex; justify-content: space-between; margin-bottom: 60px; } .protect .pro .tp{ position: relative; } .protect .pro .pro_txt{ width: 65%; display: flex; flex-direction: column; justify-content: space-between; margin-left: 20px; } .protect .pro .pro_txt h3{ font-size: 18px; color: #343434; line-height: 30px; } .protect .pro .pro_txt p{ font-size: 16px; color: #929292; line-height: 30px; max-height: 90px; overflow: hidden; } .protect .pro .pro_txt span{ font-size: 16px; color: #929292; } .protect .pro .sp:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; background: url(/static/web/images/icon33.png) no-repeat center; top: 0; z-index: 12; } .protect .pro .sp:before{ content: ""; display: block; background: #000000; opacity: 0.36; width: 100%; height: 100%; position: absolute; top: 0; z-index: 10; } .job_body{ margin-top: 40px; } .job_body .tr1{ font-size: 18px; font-weight: bold; color: #333333; line-height: 18px; margin-bottom: 20px; } .job_body .job_tit .tr2:nth-child(2) span{ width: 50%; } .job_body .job_tit{ display: flex; justify-content: space-between; padding-bottom: 30px; border-bottom: 1px solid #E3E3E3; } .job_body .job_tit .tr2{ font-size: 16px; color: #333333; width: 30%; display: flex; } .page_search{ width: 40%; margin: 20px auto; display: flex; } .page_search .form-control{ background: none; border: 1px solid #999; color: #333; width: 100%; height: 44px; padding: 0 24px; font-size: 16px; } .page_fl{ text-align: center; } .page_fl .plan{ font-size: 14px; color: #292c32; font-weight: 400; padding: 10px 20px; margin: 0 20px; width: 200px; text-align: center; appearance:none; -moz-appearance:none; -webkit-appearance:none; } .page_fl .plan .plan_xl{ text-align: left; } .altp{ display: flex; } .altp img{ width: 50%; } .page_search .btn{ background: #333 url(/static/web/images/icon00.png) no-repeat right 24px center; width: 60px; height: 44px; cursor: pointer; } .job_body .job_tit .tr2:nth-child(1){ width: 50%; } .job_body .job_tit .tr2 span{ color: #838383; display: block; width: 78%; } .job_body .job_tit .tr3{ font-size: 16px; color: #333333; background: url(/static/web/images/icon34.png) no-repeat right center; padding-right: 30px; } .job_body .con{ padding: 28px; color: #6F6F6F; line-height: 36px; border-bottom: 1px solid #E3E3E3; } .job_body .con h3{ font-size: 24px; color: #333333; } .job_body .con p{ font-size: 16px; } .job_body .con a{ width: 160px; background: #00235F; border-radius: 5px; display: block; text-align: center; line-height: 48px; color: #FFFFFF; font-size: 16px; margin: 40px 0; } .job_body .con .job_con{ background: #F3F3F3; padding: 60px; } .job_body .con .job_con h3{ font-size: 18px; margin-bottom: 20px; } .job_body .con .job_con .jon_al{ display: flex; margin-bottom: 64px; } .job_body .con .job_con .jon_al p{ font-size: 16px; color: #B1B1B1; line-height: 50px; padding-left: 30px; } .job_body .con .job_con .jon_al input{ width: 266px; background: #FFFFFF; font-size: 16px; color: #6F6F6F; line-height: 50px; } .job_body .con .job_con .job_nr{ display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; } .job_body .con .job_con .job_nr .job_al2{ width: 16%; } .job_body .con .job_con .job_nr .job_al2 input{ background: rgba(237, 237, 237, 0); border: 1px solid #C8C8C8; line-height: 48px; font-size: 16px; color: #B1B1B1; padding-left: 20px; width: 100%; } .job_body .con .job_con .job_nr .job_al2 label{ display: block; font-size: 16px; color: #6F6F6F; width: 100%; } .job_body .con .job_con .job_nr .job_al2 select{ background: rgba(237, 237, 237, 0); border: 1px solid #C8C8C8; line-height: 48px; width: 30%; text-align: center; font-size: 16px; color: #B1B1B1; } .job_body .con .job_con .job_nr .job_al2 .job_tj{ width: 10%; } .job_body .con .job_con .job_nr .job_al2 .job_tj input{ width: 100%; height: 50px; background: #00235F; font-size: 16px; font-weight: bold; color: #FFFFFF; } .job_body .con .job_con .job_nr .job_al2:nth-child(3){ display: flex; width: 12%; flex-wrap: wrap; justify-content: space-between; } .job_body .con .job_con .job_nr .job_al2:nth-child(4){ display: flex; flex-wrap: wrap; justify-content: space-between; width: 20%; } .job_body .con .job_con .job_nr .job_al2:nth-child(4) input{ width: 68%; } .abi_txt{ font-size: 16px; color: #6F6F6F; line-height: 2; text-indent: 2em; } .abi_yd ul{ display: flex; justify-content: space-evenly; margin: 60px 0 75px; } .abi_yd ul li{ width: 10.5%; } .abi_yd ul li .abi_sum{ background: url(/static/web/images/icon36.png) no-repeat center; background-size: 100%; padding: 56px 0 88px; margin-bottom: 30px; } .abi_yd ul li .abi_sum h3{ font-size: 55px; font-family: Arial; font-weight: bold; color: #FFFFFF; text-align: center; line-height: 1; } .abi_yd ul li .abi_sum sapn{ text-align: center; display: block; font-size: 24px; color: #FFFFFF; line-height: 1; } .abi_yd ul li p{ background: url(/static/web/images/icon37.png) no-repeat center; background-size: 100% 100%; font-size: 20px; color: #363636; padding: 8px 0; height: 76px; display: flex; justify-content: center; align-items: center; text-align: center; } .abi_nr{ background: #F8F8F8; padding: 85px 0; } .abi_nr .abi_lb{ display: flex; justify-content: space-between; } .abi_nr .abi_lb .abi_pro{ width: 100%; background: #FFFFFF; } .abi_nr .abi_lb .abi_pro h3{ font-size: 24px; color: #343434; margin: 32px 0; text-align: center; } .history-con{ margin-bottom: 40px; } .abi_nr .abi_lb .abi_pro p{ padding: 0 30px; margin-bottom: 30px; font-size: 14px; color: #6F6F6F; line-height: 30px; } .about .news_nr{ margin-bottom: 0; } .his_jd{ background: url(../images/bg_12.png) repeat-x left center; margin: 60px 0 100px; height: 360px; } .his_jd .swiper_his{ padding: 100px 0; } .his_jd .swiper-wrapper .swiper-slide{ display: flex; flex-direction: column; background: none; z-index: 10; font-size: 16px; color: #333333; line-height: 25px; position: relative; top: 11px; padding-left: 18px; padding-top: 90px; box-sizing: border-box; align-content: flex-start; text-align: left; align-items: flex-start; } .his_jd .swiper-wrapper .swiper-slide:nth-child(even){ margin-top: -45px; padding-top: 0px; } .his_jd .swiper-wrapper .swiper-slide:nth-child(odd){ margin-top: 75px; margin-left: 0; } .his_jd .swiper-wrapper .swiper-slide:nth-child(even) .words{ margin-top: -40px; } .his_jd .swiper-wrapper li:before { height: 120px; position: absolute; transition: .5s ease-in-out; content: ""; width: 1px; left: 0; top: 0; background: #dddddd; } .his_jd .swiper-wrapper li .g0 { font-size: 30px; font-family: "beba"; color: #8C8C8C; position: relative; margin-bottom: 15px; transition: .5s ease-in-out; font-weight: 600; } .his_jd .swiper-wrapper li:after { position: absolute; height: 10px; width: 10px; content: ""; left: -5px; top: 120px; transition: .5s ease-in-out; margin: auto; box-sizing: border-box; border-radius: 50%; box-shadow: 0 0 0 1px #606060; } .his_jd .swiper-wrapper li .p p { position: relative; box-sizing: border-box; } .his_jd .swiper-wrapper li .h0 { font-size: 20px; font-weight: bold; color: #C2C2C2; line-height: 26px; padding-bottom: 10px; } .his_jd .swiper-wrapper .swiper-slide:nth-child(even):after{ top: -10px; } .his_jd .swiper-button-next, .his_jd .swiper-button-prev{ display: block; width: 36px; height: 36px; position: absolute; top: 40%; margin-top: -30px; cursor: pointer; } .his_jd .swiper-button-next{ background: url(../images/ico_39.png) no-repeat center top; } .his_jd .swiper-button-prev{ background: url(../images/ico_40.png) no-repeat center top; } .his_jd .swiper-button-next:hover { background-position: center bottom; } .his_jd .swiper-button-prev:hover { background-position: center bottom; } .his_jd .swiper-button-next:after{ content: none; } .his_jd .swiper-button-prev:after{ content: none; } .his_jd .swiper-wrapper .swiper-slide .p p:after { content: ""; position: absolute; width: 5px; height: 5px; background: #999999; left: -10px; top: 11px; border-radius: 50%; } .his_jd .swiper-wrapper .swiper-slide:hover .g0 { font-size: 48px; color: #00235F; transition: .5s ease-in-out; } .his_jd .swiper-wrapper .swiper-slide:hover .h0 { color: #00235F; transition: .5s ease-in-out; } .his_jd .swiper-wrapper .swiper-slide:nth-child(1):after{ display: none; } .his_jd .swiper-wrapper .swiper-slide:nth-child(1) .words{ display: none; } .cer_nr{ margin-bottom: 90px; } .cer_nr .cer_pro{ display: flex; justify-content: space-between; padding-bottom: 40px; margin-top: 40px; border-bottom: 1px solid #e4e4e4; } .pagination input{ border: 1px solid #c6c6c6; color: #999999; width: 48px; text-align: center; margin-left: 20px; } .cer_nr .tp{ width: 30%; } .cer_nr ul{ display: flex; flex-wrap: wrap; width: 88%; overflow: auto; } .cer_nr ul li{ width: 25%; font-size: 16px; color: #484848; line-height: 52px; padding-left: 20px; background: url(/static/web/images/icon40.png) no-repeat left center; } .cus_nr{ margin-bottom: 48px; } .cus_nr ul{ display: flex; flex-wrap: wrap; } .cus_nr li{ width: 10%; margin: 0 0.5% 20px 0.5%; border: 1px solid #E4E4E4; display: flex; align-items: center; justify-content: center; } .cus_nr li:hover{ box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); } .cul_nr{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 80px; padding: 0 11.5%; align-items: center; } .cul_nr .cul_left{ width: 56%; } .cul_nr .cul_right{ width: 40%; } .cul_nr .cul_pro{ width: 100%; margin-bottom: 80px; border-radius: 10px; display: flex; } .cul_nr .cul_pro h4{ width: 76px; height: 76px; box-shadow: 0px 1px 20px 1px rgb(0 0 0 / 10%); border-radius: 50%; margin-right: 30px; } .cul_nr .cul_pro h3{ font-size: 30px; font-weight: bold; color: #363636; line-height: 26px; margin-bottom: 20px; } .cul_nr .cul_pro p{ font-size: 22px; color: #686868; line-height: 36px; } .cul_nr .cul_pro .cul_txt{ } .cul_nr .cul_pro .cul_txt p{ } .cul_nr .c1 h4{ background: #ffffff url(/static/web/images/icon51.png) no-repeat center; } .cul_nr .c2 h4{ background: #ffffff url(/static/web/images/icon52.png) no-repeat center; } .cul_nr .c3 h4{ background: #ffffff url(/static/web/images/icon53.png) no-repeat center; } .cul_nr .c4 h4{ background: #ffffff url(/static/web/images/icon54.png) no-repeat center; } .cul_nr .c5 h4{ background: #ffffff url(/static/web/images/icon55.png) no-repeat center; } .video-btn{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: none; z-index: 1001; overflow: hidden; } .video-area{ width: 100%; height: 100%; background: none; z-index: 10; display: flex; justify-content: center; align-items: center; } .video-shut{ height: 60px; width: 60px; display: block; z-index: 20; position: absolute; top: 10%; right: 10%; background: url(/static/web/images/icon48.png) no-repeat center; cursor: pointer; background-size: 100% 100%; } #shadow{ position: fixed; opacity: 0.8; filter:alpha(opacity=50); bottom:0; left: 0; right: 0; top: 0; background:black; z-index: 100; display: none; } #video-area video{ height: auto; max-width: 100%; } .cnav{ position: fixed; top: 0; left: -100%; z-index: 99; background: #FFFFFF; padding: 36px 100px 160px 100px; opacity: 0; transition: .5s; display: none; } .cnav .cnav_dl{ display: flex; justify-content: space-between; align-items: center; } .cnav .cnav_dl .cnavl{ display: flex; align-items: center; } .cnav .cnav_dl .cnavl p{ font-size: 16px; color: #939292; line-height: 24px; padding-left: 50px; } .cnav .cnav_dl .cnavr{ display: flex; font-size: 16px; color: #504F4F; line-height: 24px; } .cnav .cnav_dl .cnavr h3{ margin-left: 40px; padding-left: 32px; background: url(/static/web/images/icon49.png) no-repeat left center; } .cnav .cnav_dl .cnavr h4{ margin-left: 40px; padding-left: 32px; background: url(/static/web/images/icon50.png) no-repeat left center; cursor: pointer; } .cnav .cnav_nr{ margin-left: 0 0 0 230px; } .cnav ul>li{ display: flex; align-items: center; } .cnav ul>li>a{ font-size: 30px; font-family: Microsoft YaHei; font-weight: 400; color: #000000; line-height: 90px; width: 160px; } .cnav .cnav_nr .f_txt{ display: flex; margin-left: 24px; } .cnav .cnav_nr .f_txt li{ position: relative; padding-left: 12px; font-size: 16px; color: #898989; margin-left: 40px; } .cnav .cnav_nr .f_txt li a{ color: #898989; } .cer_nr .cer_bt{ color: #00235f; font-size: 30px; } .cnav .cnav_nr .f_txt li:before{ content: ""; display: block; width: 3px; height: 3px; background: #B2B2B2; position: absolute; left: 0; top: 40%; } .job_tj input{ width: 130px; line-height: 50px; background: #00235F; font-size: 16px; color: #FFFFFF; } @-webkit-keyframes scroll{0%{transform:translateY(-50px);pacity: 0.5 }25%,75%{transform:translateY(0);pacity: 1}to{transform:translateY(50px);pacity: 0 }} @keyframes scroll{0%{transform:translateY(-50px);opacity: 0.5 }25%,75%{transform:translateY(0);pacity: 1}to{transform:translateY(50px);pacity: 0}} .icon_sb a{ -webkit-animation: scroll 1.5s ease-in-out infinite; animation: scroll 1.5s ease-in-out infinite; } .pagination a { width: 36px; height: 36px; display: block; line-height: 36px; border: 1px solid #c6c6c6; color: #4d4d4d; box-sizing: border-box; text-align: center; } .pagination .active { border: none; color: #fff; background-color: #db2019; } .pagination { display: flex; justify-content: center; margin-bottom: 50px; } #mmenu li .home-search .keyword { text-align: left; width: 80%; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -mz-border-radius: 0; font-size: 14px; color: #999; line-height: 20px; vertical-align: top; padding: 6px 86px 6px 10px; -webkit-appearance: none; background-color: #fff; border: 1px solid #ccc; margin-left: 4%; } #mmenu li .home-search .btn-sub { top: 0; border: 0; right: 0; width: 34px; height: 34px; line-height: 34px; text-align: center; position: absolute; cursor: pointer; border-radius: 0; background: url(../images/icon.png) no-repeat center center; } .about{ position: relative; } #webgl{ position: absolute; bottom: -65px; max-height: 600px; width: 100%; } .iss .soc_tit { margin: 50px 0; text-align: center; font-size: 30px; } .iss .why ul { display: flex; justify-content: space-between; } .iss .why ul li { background: #f7f7f7; padding: 50px; width: 38%; } .iss .why ul li:nth-child(2){ width: 22%; } .iss .why ul li img { margin-bottom: 40px; width: 60px; } .iss .why ul li h3 { font-size: 24px; line-height: 36px; color: #202020; margin-bottom: 20px; } .soc_bt{ font-size: 48px; color: #00235F; margin-bottom: 40px; } .iss .why ul li p { font-size: 18px; line-height: 36px; padding-left: 20px; background: url(../images/icon66.png) no-repeat left 12px; } .iss .tiem ul li{ display: flex; } .iss .tiem ul li .td{ width: 33.3%; } .iss .tiem ul li .tie_txt{ width: 33.3%; padding: 4% 4% 0 4%; background: #f9f9f9; } .iss .tiem ul li .tie_txt h3{ font-size: 28px; margin-bottom: 20px; } .iss .tiem ul li .tie_txt p{ font-size: 18px; line-height: 26px; } .iss .marve ul{ display: flex; flex-wrap: wrap; justify-content: space-between; } .iss .marve ul li{ width: 23%; } .iss .marve ul li h3{ font-size: 18px; line-height: 70px; text-align: center; } .iss .marve ul li .td{ text-align: center; } .iss .tiem ul li .td img{ display: block; } .news_nr .tnew_nr .tempWrap .tp img{ margin: 0; width: 100%; } @media (min-width:2200px) and (max-width:3000px){ .swiper { width: 100%; } } @media (min-width:2200px) and (max-width:3000px){ .fabout .fabout_r p { font-size: 28px; margin-top: 40px; } .ndh .con_nr .nr1 .con_txt p { font-size: 20px; } .ndh .con_nr .nr1 h3 { font-size: 30px; } .ndh .con_nr .nr1 span { font-size: 16px; } .ndh .con_nr .nr2 p { font-size: 20px; } .ndh .con_nr .nr2 h3 { font-size: 24px; line-height: 2; } .ndh .map { text-align: center; } .abi_txt { font-size: 24px; } .news_com .news_pro a h3 { font-size: 24px; } .news_com .news_pro a p { font-size: 20px; } .news_com .news_pro a h4 { font-size: 16px; } .ncase .case_com .case_pro .tp { height: 337px; } .ncase .case_com .case_pro .case_txt h3 { font-size: 24px; } .ncase .case_com .case_pro .case_txt p { font-size: 20px; } .cru_dh .cur_nav ul li a { font-size: 20px; } .page_nr .tec_txt p { font-size: 20px; } .page_nr .pat_nr p { font-size: 20px; } .page_nr .pat_nr .pat_txt .pat_pro h3 { font-size: 30px; } .inv_jj .inv_txt .inv_txt1 { font-size: 20px; } .iss_bh table tr { font-size: 20px; } .iss_bh h3 { font-size: 20px; } .manage .man_r { font-size: 24px; } .com_ly .com_pro .com_nr { font-size: 20px; line-height: 2; } .fh1 label { font-size: 20px; } .page_nr .page_txt p { font-size: 20px; } .work_txt h3 { font-size: 30px; } .work_txt p { font-size: 20px; } .work_nr>h3 { font-size: 30px; } .job_body .job_tit .tr2 { font-size: 20px; } .job_body .con p { font-size: 20px; } .job_body .tr1 { font-size: 24px; } .iss .tiem ul li .td img{ width: 100%; } .work_nr .work_cp .work_pro .workr h3 { font-size: 24px; } .work_nr .work_cp .work_pro .workr p { font-size: 20px; } .news_nr .tnew_nr .hd { width: 58%; } .news_nr .tnew_nr .tempWrap { width: 40% !important; } .news_nr .tnew_nr .arrow .prev { right: 65%; } .news_nr .tnew_nr .hd ul li a .new_r h3 { font-size: 28px; } .news_nr .tnew_nr .hd ul li a .new_l h3 { font-size: 72px; } .news_nr .tnew_nr .hd ul li a .new_l p { font-size: 20px; } .news_nr .tnew_nr .hd ul li a .new_r p { font-size: 18px; line-height: 36px; max-height: 72px; } .news_pro .tp { height: 300px; } .news_nr .tnew_nr .hd ul li { padding: 20px 40px; } .abi_yd ul li .abi_sum { padding: 88px 0 128px; } .foot .footer .fnav ul>li>a { font-size: 24px; } .nabout .about_com .about_txt .about_nr p { font-size: 24px; } .menu .ol-list > li > a { font-size: 16px; } .menu .ul-list > li > a { font-size: 20px; } .fabout .fabout_r .cur{ font-size: 18px; width: 180px; border-radius: 30px; } .fabout .fabout_r h3{ font-size: 60px; margin-bottom: 10px; } .fabout .fabout_r span { font-size: 42px; line-height: 48px; } .fabout .fabout_l { width: 43%; } .fabout .fabout_r { width: 50%; } .fnews_pro .fnews_txt h3 { font-size: 24px; } .fnews_pro .fnews_txt h4 { font-size: 16px; line-height: 2; } .fnews_nr .fnew_l .fnews_pro .fnews_txt { padding: 30px 72px 30px 30px; } .fnews_nr .fnew_r .fnews_pro a { padding: 36px 30px; } .fnews_pro .fnews_txt p { line-height: 36px; font-size: 20px; } .ndh ul li a { line-height: 60px; display: block; font-size: 24px; color: #6C6B6B; position: relative; } .ndh .dh_txt p { font-size: 20px; } .cer_nr .cer_bt { color: #00235f; font-size: 40px; } .cer_nr ul li { font-size: 20px; } .cul_nr .cul_pro h3 { font-size: 36px; line-height: 36px; } .cul_nr .cul_pro p { font-size: 26px; color: #686868; line-height: 48px; } } @media (max-width: 1910px){ .menu .ul-list > li { padding: 0 16px; } .menu .ol-list { width: 140%; left: -20%; } .foot .footer .fnav ul>li { margin: 0 26px; } .cru_dh .cur_nav ul li a { padding: 0 40px; } } @media (max-width: 1720px){ .container{ width: 90%; } .news_nr .page_txt { padding: 50px 0; } .page_nr .paging { padding: 60px 0 0; } .menu .ul-list > li { padding: 0 16px; } .news_nr .tnew_nr .tempWrap .tp img { margin: 0; width: 95%; } .foot .footer .fnav ul>li { margin: 0 20px; } .daohang .head .logo { } .daohang .head .logo p { font-size: 20px; } .fcoop .fcoop_r .swiper_fcoop { right: 5%; } .abi_yd ul li p { font-size: 18px; } .cru_dh .cur_nav ul li a { padding: 0 20px; } .news_nr .tnew_nr .hd ul li a .new_l h3 { font-size: 50px; } .ncase .case_com .case_pro .tp { height: 224px; } .fl ul li{ margin: 0 15px; padding: 0 30px; } } @media (max-width: 1600px){ .menu .ul-list > li > a { font-size: 14px; } .daohang .head .logo a:after { margin: 0 16px; } .daohang .head .logo p { font-size: 16px; } .page_search { width: 60%; } .abi_yd ul li .abi_sum sapn { font-size: 20px; } .foot .footer .flogo h3{ font-size: 14px; } .abi_yd ul li .abi_sum h3 { font-size: 42px; } .swiper_case .fcase_pro p{ font-size: 20px; } .fnews_pro .fnews_txt p { max-height: 48px; } .sid_nr .sid_pro ul li{ font-size: 14px; width: 19.5%; } .sid_nr .sid_pro { padding: 60px 40px; } .sid_nr .sid_pro ul li h4 { font-size: 18px; } .cer_nr ul li { width: 33%; } .menu .ol-list > li > a { font-size: 12px; } .page_nr .tec_txt ul li { margin-bottom: 60px; } .ncase .case_com .case_pro .tp { height: 210px; } .news_pro .tp { height: 160px; } .fabout .fabout_r .cur { margin: 20px 0 0 0; } .fabout .fabout_r p { font-size: 18px; line-height: 32px; } .foot .footer .flogo p { font-size: 14px; } .iss .tiem ul li .tie_txt p { font-size: 16px; line-height: 20px; } .iss .tiem ul li .tie_txt h3 { font-size: 24px; margin-bottom: 10px; } .iss .why ul li { padding: 40px; } .iss .why ul li img { margin-bottom: 20px; } .iss .why ul li h3 { font-size: 20px; line-height: 30px; margin-bottom: 10px; } .iss .why ul li p { font-size: 16px; line-height: 30px; padding-left: 20px; } .foot .footer .fnav ul>li { margin: 0 12px; text-align: center; } .news_nr .tnew_nr .hd ul li a .new_r h3 { font-size: 20px; } .ncase .case_com .case_pro .case_txt { background: #FFFFFF; border: 1px solid #EAEAEA; padding: 20px; } } @media (max-width: 1520px){ .container{ width: 90%; } .news_pro .tp { height: 148px; } .job_body .job_tit .tr2 span { width: 76%; } .fnews_pro .fnews_txt { padding-left: 40px; padding-right: 80px; background-size: 42px 42px; } .fnews_pro .fnews_txt h4 { margin: 6px 0; } .fnews_nr .fnew_r .fnews_pro a { padding: 20px; } .fnews_nr .fnew_l .fnews_pro .fnews_txt { padding: 40px 60px 40px 30px; } .fabout .fabout_l { width: 40%; } .fabout .fabout_r { width: 55%; } .fabout .fabout_r p { font-size: 16px; line-height: 26px; } .menu .ul-list > li { padding: 0 10px; position: relative; } .daohang .head .logo p { font-size: 14px; } .daohang .head .logo a:after { margin: 0 10px; } .menu .ol-list > li > a { font-size: 12px; padding: 0 12px; } .fcoop .fcoop_r .swiper_fcoop { right: 5%; } .fabout_sum .fabout_sum1 h3 { font-size: 60px; } .fabout_sum .fabout_sum1 { margin: 0 40px; } .cru_dh .cur_nav ul li a { padding: 0 20px; } .bannre_txt h3 { font-size: 36px; line-height: 1; } .bannre_txt p { font-size: 20px; } .bannre_txt { top: 30%; } .abi_yd ul li p { font-size: 16px; } .abi_yd ul li { width: 12%; } .cus_nr li { width: 15.4%; } .cul_nr .cul_pro { margin-bottom: 40px; } .ndh .con_nr .nr2 { padding-left: 60px; } .ndh .con_nr .nr1 { padding: 70px 30px 0 40px; } .work_nr .work_cp .work_pro a { padding: 20px; margin-bottom: 20px; } .fh1 label span { display: none; } .cul_nr .cul_left { width: 48%; } .cul_nr .cul_right { width: 50%; } .sid_nr .sid_pro ul li { line-height: 28px; padding: 50px 6px; } .sid_nr .sid_pro ul li h4 { margin: 20px 0; font-size: 16px; } .ncase .case_com .case_pro .tp { height: 189px; } } @media (max-width: 1440px){ .job_body .job_tit .tr2 span { width: 72%; } } @media (max-width: 1400px){ .swiper-button-prev { right: 10%; } .ncase .case_com .case_pro .tp { height: 180px; } .cer_nr ul li { width: 50%; } .foot .footer .flogo p { font-size: 12px; } .foot .footer .flogo h3{ font-size: 12px; } .sid_nr .sid_pro { padding: 40px 30px; } .sid_nr .sid_pro ul li h4 { font-size: 16px; } .page_nr .tec_txt ul li { margin-bottom: 40px; } .foot .footer .fnav ul>li>a { font-size: 16px; color: #FFFFFF; line-height: 36px; } .daohang .head .logo p { font-size: 12px; } .menu .ul-list > li > a { font-size: 14px; } .ftxt h3 { font-size: 80px; } .fabout .fabout_r h3 { font-size: 30px; } .fabout .fabout_r span { font-size: 20px; } .cul_nr .cul_pro h3 { font-size: 26px; margin-bottom: 10px; } .cul_nr .cul_pro p { font-size: 16px; line-height: 24px; } .fcoop .fcoop_r .swiper_fcoop { right: 5%; top: 5%; bottom: auto; max-width: 600px; } .foot .link ul li a { padding: 0 10px; } .news_nr .tnew_nr .hd ul li a .new_l p { font-size: 14px; } .news_nr .tnew_nr .hd ul li a .new_l h3 { font-size: 42px; text-align: center; } .abi_yd ul li { width: 13%; } .abi_yd ul { flex-wrap: wrap; margin: 40px 0; justify-content: space-between; } .iss .tiem ul li .tie_txt { width: 33.3%; padding: 3% 3% 0 3%; background: #f9f9f9; } .ndh .con_nr .nr3 .con_xx p { font-size: 28px; } .foot .footer .fnav ul>li { margin: 0 10px; } .page_nr .tec_txt ul li .tec_pro h4 { font-size: 24px; } .ndh ul { margin: 40px 0; padding: 20px 30px; } .ndh ul li a { line-height: 48px; } .cer_nr ul li { font-size: 14px; } .iss .marve ul li h3 { font-size: 16px; line-height: 50px; } .sid_nr .sid_pro ul li img { width: 60px; } .sid_nr .sid_pro ul li { padding: 40px 10px; font-size: 12px; line-height: 24px; } .job_body .job_tit .tr2 span { width: 66%; } } @media (max-width: 1281px){ .foot .link ul li a { padding: 0 6px; } .news_nr .tnew_nr .hd ul li a .new_r h3 { font-size: 18px; } .page_nr .pat_nr .pat_txt { flex-wrap: wrap; } .page_nr .pat_nr .pat_txt .pat_pro { width: 100%; } .foot .footer .fnav { width: 56%; } .menu .ol-list > li > a { font-size: 12px; padding: 0 6px; } .fabout .fabout_r p { line-height: 24px; } .fabout .fabout_r span { font-size: 18px; line-height: 24px; } .fabout .fabout_r { width: 50%; } .fabout .fabout_l { width: 44%; } .news_pro .tp { height: 180px; } .foot .footer .fnav ul>li>a { font-size: 16px; color: #FFFFFF; line-height: 36px; } .news_com .news_pro { width: 31%; } .ndh .con_nr .nr1 .con_txt:before { margin: 10px 0; } .ndh .con_nr .nr1 .con_txt p { font-size: 14px; line-height: 24px; } .ndh .con_nr .nr2 { padding-left: 30px; margin-top: 40px; } .ndh .con_nr .nr1 { padding: 40px 30px 0 40px; } .ndh .con_nr .nr3 { padding: 40px 30px 30px 30px; background: #00235F; } .menu .ul-list > li > a { font-size: 12px; } .daohang .head .logo { width: 35%; } .daohang .head .dhl { width: 65%; } .cul_nr .cul_pro h4 { width: 66px; height: 66px; margin-right: 20px; } .ncase .case_com .case_pro .tp { height: 166px; } .fnews_pro .fnews_txt h3 { font-size: 16px; } .fnews_pro .fnews_txt { background-size: 36px 36px; } .fnews_nr .fnew_r .fnews_pro a { padding: 16px; } .foot .footer .flogo p { font-size: 12px; } .foot .footer .fnav .f_txt li a { font-size: 14px; } .foot .footer .fnav ul>li>a { font-size: 14px; } .iss .tiem ul li .tie_txt p { font-size: 14px; line-height: 20px; } .iss .tiem ul li .tie_txt h3 { font-size: 20px; margin-bottom: 20px; } .iss .why ul li { padding: 30px; } .iss .why ul li img { width: 50px; } .sid_nr .sid_pro ul li h4 { margin: 10px 0; } .swiper_banner .swiper-button-prev { right: 10%; } .foot .foot_db { line-height: 24px; padding: 24px 0; margin-top: 20px; } .foot .foot_db .foot_ft { justify-content: space-between; align-items: center; flex-wrap: wrap; } .foot .foot_db .foot_ft ul { justify-content: flex-end; width: 100%; } .foot .foot_db .foot_ft p { width: 100%; } .job_body .job_tit .tr2 span { width: 72%; } } @media (max-width: 1200px){ .phone-nav{ display: block; right: 5%; } .page_search { width: 80%; } .cer_nr ul { width: 100%; } .phone-nav img { margin-top: 40px; } .daohang .head{ display: none; } .fabout_sum .fabout_sum1 h3 { font-size: 48px; } .fcoop .fcoop_r .swiper_fcoop { max-width: 480px; } .foot .link ul { flex-wrap: wrap; padding: 20px 0; } .foot .link ul li { line-height: 32px; } .foot .footer .fnav { display: none; } .faboutnr{ margin-top: 60px; } .fabout_l .botpage { height: 360px; } .fabout_l .botpage { height: 360px; } .fabout .fabout_r p { line-height: 20px; font-size: 14px; } .fcoop { padding-bottom: 100px; } .cru_dh .cur_nav ul li a { padding: 0 10px; } .cer_nr .tp { width: 40%; } .cus_nr li { width: 23.8%; } .cul_nr .cul_left { width: 60%; } .cul_nr { justify-content: center; } .inv_xx ul li { padding: 0 20px; } .job_body .con .job_con .job_nr .job_al2 { width: 48% !important; } .work_nr .work_cp .work_pro { width: 100%; } .cer_nr .cer_pro { flex-direction: column; } .ftxt h3 { font-size: 60px; } .ftxt h4 { font-size: 36px; line-height: 30px; } .fabout .fabout_r span { font-size: 16px; line-height: 24px; } .fabout .fabout_r h3 { font-size: 24px; } .fabout .fabout_l { width: 46%; } .cur { width: 140px; line-height: 42px; } .fnews_pro { margin-bottom: 20px; } .fnews_nr .fnew_r { width: 100%; } .fnews_nr .fnew_l { width: 100%; } .fnews_nr { flex-wrap: wrap; } .icon_sb { width: 60px; height: 60px; } .ftxt:after { height: 2px; margin: 16px auto 32px; } .fnews_nr .fnew_l .fnews_pro .fnews_txt { padding: 30px 60px 30px 30px; } .fnew_l .fnews_pro .fnews_txt p { height: 48px; } .crumbs .position { display: none; } .abi_yd ul li { width: 30%; padding: 0 50px 40px; } .abi_yd ul li .abi_sum { padding: 72px 0 120px; } .job_body .con .job_con .jon_al p { padding-left: 0; } .job_body .con .job_con .jon_al { flex-direction: column; } .page_nr .gysy_nr .gysy { width: 100%; } .page_nr .gysy_nr .gysy_img { position: relative; width: 100%; justify-content: center; } } @media (max-width: 960px){ .ncase .case_com .case_pro { width: 31%; } .iss .why ul li { padding: 20px; } .iss .why ul li h3 { font-size: 16px; } .iss .why ul li p { font-size: 14px; line-height: 24px; } .altp{ flex-wrap: wrap; } .altp img{ width: 100%; } .news_com .news_pro { width: 48%; } .nabout .about_com .about_tp { width: 100%; position: relative; margin-bottom: 20px; } .nabout .about_com .about_txt { width: 100%; } .fabout_sum .fabout_sum1 { margin: 0 20px; } .cru_dh .cur_nav ul li a { padding: 0 10px; font-size: 14px; } .ndh ul li { width: 15%; } .news_nr .tnew_nr .hd { width: 100%; margin: 20px 0; } .news_nr .tnew_nr .tempWrap { width: 100% !important; } .news_nr .tnew_nr .arrow .prev { right: 5%; } .news_nr .tnew_nr { flex-wrap: wrap; } .news_nr .tnew_nr .arrow .next, .news_nr .tnew_nr .arrow .prev { top: 20%; } .news_nr .tnew_nr .arrow .prev { left: auto; right: 5%; } .news_nr .tnew_nr .arrow .next { left: 5%; } .page_nr .tec_txt ul li { width: 48%; } .ntxt h3 { font-size: 30px; } .page_nr .pat_nr .pat_txt .pat_pro table td { font-size: 14px; } .page_nr .pat_nr .pat_txt .pat_pro h3 { font-size: 20px; height: 60px; } .inv_xx ul li h3 { font-size: 20px; } .inv_xx ul li { padding: 0 10px; } .ndh .con_nr { flex-wrap: wrap; } .ndh .con_nr .nr3 { width: 100%; } .ndh .con_nr .nr2 { width: 100%; margin-top: 30px; margin-bottom: 30px; } .ndh .con_nr .nr1 { padding: 30px 0 0 30px; } .ndh .con_nr .nr2:before { display: none; } .job_body .job_tit .tr2 { font-size: 14px; line-height: 30px; width: 40%; } .job_body .job_tit .tr3 { font-size: 14px; width: 20%; } .job_body .con h3 { font-size: 20px; } .manage { flex-wrap: wrap; } .manage .man_l { width: 100%; } .manage .man_r { width: 100%; } .protect .pro { width: 100%; } .protect .pro a { flex-wrap: wrap; } .protect .pro .pro_txt { width: 100%; margin: 0; } .protect .pro .tp { margin: 0 auto 20px; } .cnav { display: none; } .fl ul { flex-wrap: wrap; } .fl ul li { margin: 10px 60px; } .news_pro .tp { height: 148px; } .cul_nr .cul_left { width: 80%; } .cul_nr .cul_right { width: 80%; } .fabout_nr { flex-wrap: wrap; } .fabout .fabout_l { width: 100%; } .fabout .fabout_r { width: 100%; margin-top: 40px; } .fcase { padding-top: 60px; margin-bottom: 40px; } .swiper_case { margin-top: 40px; } .abi_yd ul li { padding: 0 30px 40px; } }*/ @media (max-width: 768px){ .fcoop .fcoop_r .swiper_fcoop { max-width: 100%; position: relative; right: auto; margin-top: 40px; } .container{ width: 90%; } .page_nr .tec_txt ul li .tec_icon { width: 60px; height: 60px; } .fcoop .fcoop_l { margin-top: 40px; margin-left: 5%; width: 90%; } .ftxt h3 { font-size: 36px; } .ftxt h4 { font-size: 24px; } .fcoop .fcoop_l p { margin: 36px 0; } .npage .page_nr { margin-top: 30px; } .page_nr .tec_txt h3 { font-size: 24px; } .page_nr .tec_txt p { font-size: 16px; margin: 16px 0 20px; } .cul_nr { padding: 0 5%; } .side .sid_fc .side_com{ display: none; } .abi_yd ul li .abi_sum { padding: 50px 0 88px; } .cer_nr ul li { width: 100%; } .fl ul li { margin: 10px 20px; } .pagination { margin-bottom: 20px; } .iss .why ul li:nth-child(2) { width: 100%; } .iss .why ul li { width: 100%; margin: 20px 0; } .iss .why ul { flex-wrap: wrap; } .iss .tiem ul li .tie_txt { width: 100%; padding: 3%; } .iss .tiem ul li .td { width: 100%; } .iss .marve ul li { width: 48%; } .job_body .job_tit .tr2 span { width: 60%; } } @media (max-width: 600px){ .icon_sb { width: 40px; height: 40px; bottom: 20px; } .job_body .job_tit .tr2:nth-child(1) { width: 100%; } .cont2 { width: 100%; } .job_body .job_tit .tr3 { width: 100%; } .iss .why ul { flex-wrap: wrap; } .iss .why ul li { width: 100%; margin-bottom: 20px; } .iss .why ul li:nth-child(2) { width: 100%; } .iss .tiem ul li .tie_txt { width: 100%; padding: 6%; } .iss .tiem ul li .td { width: 100%; } .iss .marve ul li { width: 100%; } .page_nr .tec_txt h3 { font-size: 20px; } .page_nr .tec_txt p { font-size: 14px; line-height: 24px; } .job_body .con { padding: 28px 0; } .job_body .con .job_con .jon_al { margin-bottom: 20px; } .job_body .con .job_con h3 { margin-bottom: 10px; } .job_body .con .job_con .job_nr { flex-wrap: wrap; } .tec_xqy ul li { width: 100%; text-align: center; padding: 0; } .page_nr .pat_nr .pat_txt .pat_pro table tr { line-height: 24px; } .page_nr .pat_nr .pat_txt .pat_pro table td { font-size: 12px; padding: 10px 20px; } .iss_bh table tr { font-size: 12px; line-height: 24px; } .work_nr .work_cp .work_pro .workr h3 { font-size: 16px; margin-bottom: 10px; } .news_nr { margin-top: 40px; margin-bottom: 40px; } .page_nr .new_tp h3 { font-size: 20px; } .page_nr .new_tp .new_icon { padding: 10px 0; padding-left: 0; } .news_nr .page_txt { padding: 20px 0; } .page_nr .relevant h3 { margin-bottom: 0; } .job_body .con p { font-size: 14px; line-height: 24px; } .page_nr .page_txt p { font-size: 14px; line-height: 24px; } .ndh .dh_txt p img { padding: 10px 0; width: 100%; } .ndh .dh_txt img:nth-child(1) { margin: 0; float: none !important; max-width: 100%; } .cer_nr ul li { font-size: 14px; line-height: 24px; margin: 10px 0;width: 100%; } .cer_nr ul { padding: 0 20px; } .crumbs { display: none; } .swiper-button-next, .swiper-button-prev { width: 36px; height: 36px; top: 50%; background-size: 100% 100%; } .swiper-button-prev { right: 20%; } .fcase { padding-top: 40px; background-position: 0 -280px; } .swiper-button-prev { right: 20%; } .ftxt h3 { font-size: 36px; } .ftxt h4 { font-size: 24px; } .swiper_case { width: 95%; margin: 40px auto 20px; } .swiper_case .fcase_pro p { font-size: 18px; margin: 16px 0; } .fabout { margin-top: 40px; } .fabout .fabout_l { width: 100%; } .fabout_l .botpage { height: 200px; } .fabout .swiper-pagination { width: 80px; } .swiper-num .total { margin-top: 88px; } .fabout .fabout_r .cur { margin: 40px auto 0 auto } .fabout_sum { padding: 40px 0; flex-wrap: wrap; justify-content: space-around; } .fabout_sum .fabout_sum1 { margin: 10px 10px; } .fabout_sum .fabout_sum1 h3 { font-size: 36px; } .fsp { margin-bottom: 40px; } .swiper_new { margin-left: auto; margin-top: 40px; } .swiper_new .fnews_pro .fnews_txt .fnews_txtr { padding-left: 40px; font-size: 16px; } .swiper_new .fnews_pro .fnews_txt .fnews_txtl h3 { font-size: 48px; } .swiper_new .fnews_pro .fnews_txt { margin: 20px 0; } .fnews { margin-bottom: 60px; } .fcoop .fcoop_l { margin-top: 40px; margin-left: 5%; width: 90%; } .fcoop .fcoop_l p { margin: 36px 0; } .foot .foot_db .foot_ft { flex-wrap: wrap; } .fcode{ display: none; } .fsp .iconsp .iconsp1 { width: 60px; height: 60px; background: url(/static/web/images/icon10.png) no-repeat center; } .nabout { padding-top: 40px; } .nabout .fabout_sum { padding: 0 0 100px; } .ntxt h3 { font-size: 28px; line-height: 32px; }.nabout .about_com { margin: 20px 0 40px 0; } .phone-nav img { margin-top: 20px; } .bannre_txt h3 { font-size: 20px; } .bannre_txt p { font-size: 14px; } .bannre_txt { top: 40%; } .ndh ul li { width: 31.5%; } .abi_yd ul li .abi_sum { padding: 30px 0 50px; margin: 10px 0; } .abi_yd ul { margin: 40px 0 40px; } .abi_yd ul li .abi_sum h3 { font-size: 30px; } .abi_yd ul li .abi_sum sapn { font-size: 14px; } .abi_yd ul li { width: 33%; padding: 0 10px 20px; } .abi_yd ul li p { font-size: 12px; } .abi_nr .abi_lb .abi_pro h3 { font-size: 20px; margin: 16px 0; } .news_nr .fl ul { flex-wrap: wrap; margin: 30px 0; } .news_nr .fl ul li { margin: 16px 60px; } .cer_nr { flex-direction: column; } .cer_nr .tp { width: 100%; } .cer_nr ul { width: 100%; } .cus_nr li { width: 48.8%; } .cul_nr .cul_pro { width: 98%; } .ncase .case_com .case_pro { width: 43%; } .news_nr .tnew_nr{ display: none; } .news_nr .tnew_nr .arrow .next, .news_nr .tnew_nr .arrow .prev { top: 40%; } .news_com .news_pro { width: 98%; } .page_nr .tec_txt ul li { width: 48%; } .page_nr .pat_nr .pat_txt { flex-wrap: wrap; } .page_nr .pat_nr .pat_txt .pat_pro { width: 100%; } .page_nr .pat_nr .pat_txt .pat_pro h3 { height: 30px; } .inv_jj .inv_txt { flex-wrap: wrap; } .inv_jj .inv_txt .inv_txt1 { width: 80%; } .inv_xx ul { flex-wrap: wrap; } .inv_xx ul li:nth-child(1) { width: 100%; justify-content: center; } .inv_xx ul li h3 { font-size: 16px; } .inv_xx .inv_dm { width: 90%; } .job_body .job_tit { flex-wrap: wrap; } .job_body .con .job_con .jon_al p { display: none; } .job_body .con .job_con .job_nr .job_al2 { width: 100% !important; } .job_body .con .job_con { padding: 20px; } .job_nr .job_tj{ margin: 20px auto 0; } .work_nr .work_cp .work_pro .workl h3 { font-size: 32px; } .work_nr .work_cp .work_pro .workr p { font-size: 14px; line-height: 24px; max-height: 72px; overflow: hidden; text-overflow: ellipsis; } .work_nr .work_cp .work_pro .workl p { line-height: 20px; font-size: 14px; } .work_nr .work_cp .work_pro .workr { width: 70%; } .page_nr .paging { margin: 40px 0; flex-wrap: wrap; } .page_nr .paging .pag_r { margin-top: 20px; } .com_ly .com_pro .com_icon h3 { margin-right: 20px; } .com_ly .com_pro .com_icon span { font-size: 16px; } .fh1 .fh1s { width: 100%; } .fh1 { margin: 40px 0 40px; padding: 20px; } .fh1 .fh4 input { margin-top: 20px; } .swiper_new .fnews_pro .tp{ height: 300px; } .news_pro .tp { height: 200px; } .page_nr .tec_txt ul li .tec_pro h4 { font-size: 20px; margin-top: 20px; } .page_nr .tec_txt ul li .tec_pro { position: absolute; top: 20%; z-index: 10; } .page_nr .tec_txt ul li { width: 100%; } .cul_nr .cul_right { width: 100%; } .cul_nr .cul_left { width: 100%; } .cul_nr .cul_pro { display: block; text-align: center; } .cul_nr .cul_pro h3 { margin: 20px 0; } .cul_nr .cul_pro h4 { margin: 0 auto; } .fnews_nr .fnew_r .fnews_pro a { flex-wrap: wrap; } .fnews_nr .fnew_r .fnews_pro .tp { width: 100%; } .fnews_pro .fnews_txt { width: 100%; padding: 20px 50px 20px 20px; } .foot .foot_db .foot_ft ul li a { font-size: 12px; padding: 0 10px; } .swiper_banner .swiper-button-prev { right: 72px; } .swiper_banner .swiper-button-next, .swiper_banner .swiper-button-prev { width: 36px; height: 36px; top: 80%; } .soc_bt { font-size: 24px; margin-bottom: 10px; } .work_nr .work_cp .tra_pro a{ flex-direction: column; } .work_nr .work_cp .tra_pro .workl { width: 100%; margin-bottom: 20px; } .work_nr .work_cp .tra_pro .workr { width: 100%; } .sid_nr .sid_pro{ position: absolute; } .sid_nr .sid_pro ul { flex-wrap: wrap; } .sid_nr .sid_pro ul li{ padding: 20px 10px; width: 100%; } .iss .tiem ul li { flex-wrap: wrap; } .fabout .fabout_r span { display: block; text-align: center; } .fabout .fabout_r h3 { text-align: center; } .job_body .job_tit .tr2 { width: 100%; } .job_body .con p span{ font-size: 14px !important; line-height: 24px; } .page_search .btn { background: #333 url(/static/web/images/icon00.png) no-repeat right 17px center; width: 60px; height: 44px; cursor: pointer; } } @media (max-width: 414px){ .foot .link ul { display: none; } .fl ul li { margin: 10px 20px; } .foot .footer .flogo p { font-size: 12px; } .foot .foot_db .foot_ft p { font-size: 12px; } .foot .foot_db .foot_ft p a { font-size: 12px; } .swiper_new .fnews_pro .tp{ height: 240px; } .news_pro .tp { height: 200px; } .news_pro .tp { height: 180px; } .ncase .case_com .case_pro { width: 98%; } .ncase .case_com .case_pro .tp { height: 298px; } } @media (max-width: 375px){ .ftxt h3 { font-size: 24px; } .ftxt h4 { font-size: 20px; } .fcoop .fcoop_l h3 { font-size: 18px; } .fabout_sum .fabout_sum1 p { font-size: 12px; } .fabout_sum .fabout_sum1 h3 { font-size: 36px; } .fabout_sum .fabout_sum1 { margin: 10px 5px; } .fabout .swiper-pagination { width: 66px; left: -12%; } .ndh ul li { width: 48%; } .abi_yd ul li .abi_sum { padding: 50px 0 70px; } .abi_yd ul li p { font-size: 14px; } .abi_yd ul li { width: 44%; margin: 20px 0; } .fl ul li { margin: 10px 20px; } .swiper_new .fnews_pro .tp{ height: 240px; } .swiper_new .fnews_pro .tp{ height: 200px; } .news_pro .tp { height: 140px; } .ncase .case_com .case_pro .tp { height: 272px; } }