@font-face { font-family: 'bold'; src: url("/cn/template/page/index/font/SourceHanSansCN-Bold.otf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'hj'; src: url("/cn/template/page/index/font/SourceHanSansCN-Regular.otf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Heavy'; src: url("/cn/template/page/index/font/SourceHanSansCN-Heavy.otf") format("truetype"); font-weight: normal; font-style: normal; } body, ol, ul, h1, h2, h3, h4, h5, h6, p, pre, th, td, dl, dd, form, fieldset, legend, article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary { margin: 0; padding: 0; } body, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input, textarea{ font-size: 16px; font-family: "hj" !important; color:unset; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-size: 16px; position: relative; font-family: "hj" !important; } a { transition: 0.6s; background-color: transparent; text-decoration: none; color: #333; display: block; } h1, h2, h3, h4, h5 { font-weight: normal; } em, i { font-style: normal; } img { border: 0; display: inline-block; } table { border-collapse: collapse; } ol, dl, dt, dd, ul, li { list-style: none; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } .clear:after { content: ''; height: 0; visibility: hidden; display: block; clear: both; } .clear { zoom: 1; } .clear:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; } .clear1:after { content: ""; display: table; clear: both; } .clear2 { clear: both; } .left { float: left; } .right { float: right; } .container { width: 1450px; margin: auto; } .top74 { margin-top: 80px; } .scrollTop{ position: fixed; top: 0; left: 0; z-index: 12; } .header { width: 100%; background: #fff; height: 80px; box-shadow: 0 0 10px #eee; display: flex; justify-content: space-between; } .header_con { width: 100%; margin: auto; padding: 0px 76px; max-width: 1742px; display: flex; align-items: center; justify-content: space-between; } .h_nav ul { display: flex; } .h_nav ul .cur>a { border-bottom: 4px solid #00507C; } .h_nav ul > li { padding: 0 8px; } .h_nav ul > li:hover .header_second { display: block; } .h_nav ul > li > a { line-height: 50px; font-size: 18px; font-family: hj; padding: 12px 0px; display: block; border-bottom: 4px solid #fff; } .h_nav ul > li > a:hover { color: #00507C; border-bottom: 4px solid #00507C; } .h_nav ul > li .header_second { position: absolute; left: 0; width: 100%; z-index: 11; background: rgba(255, 255, 255, 0.8); display: none; } .h_nav ul > li .header_second .header_nr { display: flex; padding: 40px 60px; } .h_nav ul > li .header_second .header_nr .header_nr_left { width: 50%; padding-right: 140px; } .h_nav ul > li .header_second .header_nr .header_nr_left h3 { font-size: 28px; color: #00507C; font-family: bold; margin-bottom: 40px; } .h_nav ul > li .header_second .header_nr .header_nr_left p { font-family: hj; line-height: 30px; font-size: 16px; } .h_nav ul > li .header_second .header_nr .header_nr_right { width: 50%; padding-left: 170px; border-left: 2px solid #C3C3C3; } .h_nav ul > li .header_second .header_nr .header_nr_right ol { display: flex; flex-wrap: wrap; } .h_nav ul > li .header_second .header_nr .header_nr_right ol li { width: 50%; margin-bottom: 40px; } .h_nav ul > li .header_second .header_nr .header_nr_right ol li a { line-height: 30px; font-size: 20px; font-family: hj; display: inline-block; padding-right: 30px; } .h_nav ul > li .header_second .header_nr .header_nr_right ol li a:hover { color: #00507C; } .h_right { display: flex; align-items: center; } .search { border: 1px solid #e4e4e4; border-radius: 5px; padding: 0 8px; margin-right: 25px; height: 38px; } .search input { border: 0; outline: none; line-height: 36px; width: 128px; height: 36px; } .search .input_txt a { display: inline-block; } .search .input_txt img { top: 2px; position: relative; } .jf_box span { border: 1px solid #e4e4e4; width: 35px; height: 35px; text-align: center; line-height: 35px; display: inline-block; } .jf_box span:hover { cursor: pointer; color: #00507C; } .phone_menu { display: none; } .nav_btn_open span:before { top: 0; transform: rotate(45deg); background: #fff; } .nav_btn_open span:after { top: 0; transform: rotate(-45deg); background: #fff; } .nav_btn:hover { background: #00507C; border: 1px solid #00507C; } .mobile-nav-box { display: block; background: #00507C; position: fixed; top: 0; right: 0; z-index: 999; min-width: 250px; height: 100%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); transform: perspective(450px) rotateY(90deg); transform-origin: right; transition: 0.4s ease; } .mobile-nav-box .menu_logo { height: 50px; border-bottom: 1px solid #ccc; } .mobile-nav-box .menu_logo img { display: block; height: 100%; margin: 0 auto; padding: 4px 0; } .mobile-nav-box .bg { width: 100%; height: 100%; z-index: 10; top: 0; left: 0; position: absolute; background: rgba(0, 0, 0, 0.6); } .mobile-nav-box .mobile-menu-nav { padding: 0 20px 100px; z-index: 99999999; position: relative; overflow-y: scroll; height: 100%; background: #00507C; width: 250px; } .mobile-nav-box .mobile-menu-nav ul li { border-bottom: 1px solid #f2f2f2; } .mobile-nav-box .mobile-menu-nav ul li:last-child { border-bottom: 0px solid #f2f2f2; } .mobile-nav-box .mobile-menu-nav ul li .tit { position: relative; display: block; height: 70px; line-height: 70px; overflow: hidden; padding: 0 20px 0 40px; margin: 0; font-size: 14px; color: #fff; font-weight: normal; letter-spacing: 1px; cursor: pointer; transition: 0.3s; } .mobile-nav-box .mobile-menu-nav ul li .tit:before { content: ""; position: absolute; top: 50%; left: 15px; width: 10px; height: 10px; margin-top: -5px; border: 1px solid #fff; border-radius: 50%; transition: 0.3s; } .mobile-nav-box .mobile-menu-nav ul li .tit:hover { color: #fff; } .mobile-nav-box .mobile-menu-nav ul li .tit:hover:before { background: transparent; } .mobile-nav-box .mobile-menu-nav ul li .tit a { display: block; font-family: 'hj'; color: #fff; font-size: 18px; } .mobile-nav-box .mobile-menu-nav ul li .tit i { float: right; margin-top: 18px; font-size: 18px; } .mobile-nav-box .mobile-menu-nav ul li .tit.chose { color: #fff; } .mobile-nav-box .mobile-menu-nav ul li .tit.chose:before { background: #fff; } .mobile-nav-box .mobile-menu-nav ul li .tit.active { color: #fff; } .mobile-nav-box .mobile-menu-nav ul li .mobile-second-nav { display: none; margin-bottom: 0; } .mobile-nav-box .mobile-menu-nav ul li .mobile-second-nav dd a { display: block; height: 44px; line-height: 44px; overflow: hidden; padding: 0 10px 0 45px; font-size: 18px; color: #fff; letter-spacing: 1px; cursor: pointer; } .mobile-nav-box .mobile-menu-nav ul li .mobile-second-nav dd a:hover { color: #00507C; } .mobile-nav-box-show { display: block; transform: perspective(450px) rotateY(0deg); } .swiper-container_index { width: 100%; height: auto; } .swiper-container_index .swiper-slide { font-size: 18px; background: #fff; position: relative; /* Center slide text vertically */ display: flex; justify-content: center; align-items: center; } .swiper-container_index img { width: 100%; } .swiper-container_index .swiper-pagination { bottom: 25%; left: -34%; font-size: 16px; color: #555; } .swiper-container_index .current { font-family: bold; color: #00507C; font-size: 24px; padding-right: 10px; } .swiper-container_index .total { font-size: 16px; padding-left: 10px; } .swiper-container_index .swiper-slide_l { position: absolute; top: 0; left: 0; width: 52%; height: 100%; } .swiper-container_index .swiper-slide_r { width: 67%; margin-left: 33%; } .phone_banner { display: none; } .phone_banner .swiper-container_index .swiper-slide_l{ width: 100%; } .phone_back { color: #fff; font-size: 28px; margin-left: 15px; margin-top: 20px; } .phone_back img { width: 14px; } .boxmask { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 111; top: 0; display: none; } .maskshow { display: block; } .phone_banner .swiper-slide_txt { position: absolute; top: 8%; left: 4%; } .phone_banner .swiper-slide_txt .txt_bt { font-family: Heavy; font-size: 37.89px; color: #00507C; } .phone_banner .swiper-slide_txt .txt_en { font-family: hj; font-size: 20px; color: #555; margin-top: 4%; } .section { background: url(./page/index/sec_bj.jpg) no-repeat; background-size: 100% 100%; margin: 50px auto; } .index_column .column_bg,.index_column .column_bg a { font-size: 60px; font-family: bold; color: #00507C; line-height: 51px; opacity: 0.1; text-transform: Uppercase; } .index_column .column_bg a{ opacity: 1; } .index_column .column_txt { font-size: 32px; font-family: bold; color: #00507C; position: relative; top: -28px; } .sec1 { display: flex; padding: 50px 0 80px; } .sec1 .sec1_l { width: 53%; } .sec1 .sec1_l ul { display: flex; margin-top: 80px; } .sec1 .sec1_l ul li { width: 25%; text-align: center; } .sec1 .sec1_l ul li:hover img{ transform: scale(1.2); transition: all .5s; cursor: pointer; } .sec1 .sec1_l ul li .p_txt { line-height: 30px; font-size: 15px; font-family: hj; } .sec1 .sec1_r { width: 47%; text-align: center; padding-left: 40px; padding-top: 80px; } .sec1 .sec1_r img { width: 100%; } .sec1_l_txt { font-family: hj; line-height: 30px; font-size: 18px; text-align: justify; text-justify:distribute-all-lines; } .sec2 { padding: 30px 0; background: rgba(248, 248, 248, 0.5); position: relative; } .sec2 .sec2_top{ width: 45%; position: absolute; right: 20px; } .sec2 .swiper-pagination { text-align: right; left: -20px; bottom: 0px; font-size: 16px; color: #555; } .sec2 .swiper-pagination .current { font-family: bold; color: #00507C; font-size: 24px; padding-right: 10px; } .sec2 .swiper-pagination .total { font-size: 16px; padding-left: 10px; } .sec2 .sec2_l { width: 50%; height: 626px; } .sec2 .sec2_l img { width: 100%; height: 100%; object-fit: cover; } .sec2 .sec2_r { width: 50%; padding-left: 40px; position: relative; } .sec2 .sec2_r .sec2_r_con { padding: 55px 55px 38px 55px; background: #F8F8F8; box-shadow: 0px 2px 95px 0px rgba(0, 80, 124, 0.13); border-radius: 5px; position: absolute; right: 53px; top: 290px; width: 114%; } .sec2 .sec2_r .sec2_r_con .tit { font-size: 24px; font-family: hj; color: #00507C; } .sec2 .sec2_r .sec2_r_con .info { font-size: 18px; font-family: hj; color: #666666; line-height: 39px; padding: 30px 0; } .sec2 .sec2_r .sec2_r_con .more { font-size: 16px; font-family: hj; color: #666; } .sec2 .sec2_r .sec2_r_con .more a { display: inline-block; font-size: 16px; font-family: hj; } .sec2 .sec2_r .sec2_r_con .more:hover a { color: #00507C; opacity: 0.6; transform: translateX(10px); } .sec2 .sec2_r .sec2_r_con .x_img { position: absolute; right: -53px; bottom: 0; } .sec3 { display: flex; padding-top: 50px; } .sec3 .sec3_l { width: 40%; } .sec3 .sec3_l .swiper_gg, .sec3 .sec3_l .swiper_gg1 { height: 60px; } .sec3 .sec3_l ul li { width: 80%; } .index_new { font-size: 16px; font-family: hj; display: flex; justify-content: space-between; line-height: 26px; //margin-bottom: 10px; } .index_new .dian { color: #00507C; padding-right: 10px; } .index_new a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; font-family: hj; display: block; padding-right: 10px; width: calc(100% - 90px); } .index_new a:hover { color: #00507C; } .sec4 { display: flex; padding-top: 50px; } .sec4 .sec4_l { /*width: 60%;*/ } .sec4 .sec4_l img { width: 100%; /* height: 488px;*/ } .sec4 .sec4_l .sec4_l_video { position: relative; } .sec4 .sec4_l .sec4_l_video .play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(/uiFramework/commonResource/image/2022092911132941819.png) no-repeat; background-size: 100% 100%; border-radius: 50%; opacity: 0.7; width: 100px; height: 100px; display: block; cursor: pointer; } .sec4 .sec4_l .sec4_l_video .play:hover { opacity: 1; } .sec4 .sec4_l .sec4_l_video .mask { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 111; display: none; } .sec4 .sec4_l .sec4_l_video .mask .mask_con { width: 60%; margin: auto; position: relative; top: 50%; transform: translateY(-50%); } .sec4 .sec4_l .sec4_l_video .mask .mask_con .close { position: absolute; top: 0; right: -30px; width: 30px; height: 30px; cursor: pointer; } .sec4 .sec4_l .sec4_l_video_txt { text-align: center; font-family: hj; font-size: 18px; color: #333; } .sec4 .sec4_l .sec4_l_video_txt a{ font-size: 18px; margin-top: 10px; } .sec4 .sec4_l .sec4_l_video_txt a:hover { color: #00507C; } .sec4 .sec4_r { width: 40%; padding-left: 90px; } .sec4 .sec4_r img { width: 100%; height: 488px; } .footer { width: 100%; background: url(./page/index/footer.png) no-repeat; background-size: 100% 100%; } .footer .footer_con { padding: 70px 0 50px; display: flex; justify-content: space-between; } .footer .footer_con ul { display: flex; justify-content: space-between; width: 75%; } .footer .footer_con ul > li > a { color: #00507C; font-size: 18px; font-family: hj; line-height: 51px; } .footer .footer_con ul > li > a:hover { opacity: 0.8; } .footer .footer_con ul > li ol li a { color: #333; font-size: 16px; font-family: hj; line-height: 39px; } .footer .footer_con ul > li ol li a:hover { color: #00507C; } .footer .footer_con .footer_r { width: 20%; text-align: center; } .footer .footer_con .footer_r .ewm{ display: flex; } .footer .footer_con .footer_r .ewm div{ width:50%; } .footer .footer_con .footer_r .ewm img{ width:100%; } .footer .footer_con .footer_r .ewm div:first-child{ margin-right: 20px; } .footer .footer_con .footer_r .ewm p { text-align: center; margin-top: 10px; font-family: hj; color: #666; } .footer .footer_con .footer_r .lx { width: 172px; margin: 50px auto 0; max-width: 100%; } .footer .footer_con .footer_r .lx a { font-size: 18px; font-family: hj; color: #FFFFFF; line-height: 39px; background: #00507C; text-align: center; border-radius: 5px; } .footer .footer_d { color: #B6B6B6; background: #00507C; line-height: 50px; text-align: center; } .footer .footer_d a { display: inline-block; font-size: 16px; font-family: hj; color: #B6B6B6; line-height: 30px; } .footer .footer_d a:hover { color: #fff; } .footer .footer_d p { display: inline-block; padding-left: 20PX; } .banner { position: relative; } .banner img { width: 100%; } .banner .text { color: white; position: absolute; top: 50%; transform: translateY(-50%); left: 28%; } .banner .text h4 { font-size: 48px; color: white; } .banner .text p { font-size: 24px; margin-top: 20px; padding-bottom:10px; } .nav { background: #255AD4; background: linear-gradient(90deg, #255AD4, #4B87E4); } .nav ul { align-items: baseline; } .nav ul li { margin-left: 50px; padding: 13px 0; display: inline-block; } .nav ul li:first-child { margin-left: 0; } .nav ul li a { display: block; color: rgba(255, 255, 255, 0.8); font-size: 18px; } .nav ul li .act { color: #ffffff; } .nav ul li a:hover { color: #ffffff; } .section_v { margin: 50px auto; } .left1 { width: 22%; float: left; min-height: 742px; background: url(./page/index/s_r2.jpg) no-repeat; background-size: 100% 100%; } .left1 .l1_tit { font-size: 24px; font-family: 'bold'; padding: 30px 25px; } .left1 .l1_tit span { border-bottom: 2px solid #00507C; padding-bottom: 10px; } .left1 .l1_tit .more { float: right; font-size: 16px; color: #00507C; line-height: 39px; } .left1 .s_r1 { padding: 0 35px; font-size: 16px; color: #333333; line-height: 36px; text-align: justify; text-justify:distribute-all-lines; } .right1 { width: 73%; float: right; } .right1 .s_rswiper1 { background: #F5FAFF; } .right1 .s_rswiper1 a { display: block; } .right1 .s_rswiper1 a .img { width: 370px; height: 200px; float: left; } .right1 .s_rswiper1 a .img img { width: 100%; height: 100%; object-fit: cover; padding-left: 1px; } .right1 .s_rswiper1 a .news { width: calc(100% - 370px); padding: 30px; float: left; } .right1 .s_rswiper1 a .news p { font-size: 20px; color: #00507C; line-height: 34px; } .right1 .s_rswiper1 a .news time { font-size: 16px; color: #888888; line-height: 39px; } .right1 .s_rswiper1 a:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; } .right1 .s_rswiper1 .s_rpag1 { text-align: right; padding-right: 17px; bottom: 17px; } .right1 .s_rswiper1 .s_rpag1 .swiper-pagination-bullet { width: 16px; height: 16px; background: #DCDCDC; border-radius: 50%; } .right1 .s_rswiper1 .s_rpag1 .swiper-pagination-bullet-active { background: #0068B7; } .newsul a { padding: 15px 0; border-bottom: 1px solid #E3E3E3; } .newsul a p { font-size: 18px; color: #333333; line-height: 30px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .newsul a p:hover { color: #00507C; } .newsul a time { font-size: 16px; color: #888888; line-height: 30px; } .newsul_pag { width: 100%; text-align: center; margin-top: 50px; } .newsul_pag a, .newsul_pag font { width: 35.5px; display: inline-block; padding: 0; border: 1px solid #ECECEC; line-height: 35.5px; margin: 0 6px; font-size: 14px; color: #888888; } .newsul_pag a:hover, .newsul_pag font { background: #00507C; border-color: #00507C; color: #ffffff; } .gsjj { display: flex; justify-content: space-between; } .gsjj .gsjj_l { width: 70%; background: #FAFAFA; border: 1px solid #E6E6E6; box-shadow: 3px 0px 27px 0px rgba(0, 80, 124, 0.13); border-radius: 8px; position: relative; padding: 20px 35px; text-align: justify; text-justify:distribute-all-lines; } .gsjj .gsjj_l .gsjj_bg { position: absolute; bottom: 0; right: 0; width: 35%; } .gsjj .gsjj_l .tit { font-size: 32px; font-weight: bold; color: #00507C; line-height: 26px; text-align: center; } .gsjj .gsjj_l .gsjj_l_info { padding-top: 20px; } .gsjj .gsjj_l .gsjj_l_info p { font-size: 18px; font-weight: 400; color: #333333; line-height: 36px; margin-top: 30px; } .gsjj .gsjj_l .gsjj_l_info p:first-child { margin-top: 0px; } .gsjj_l_info img{ max-width:100%; } .gsjj .gsjj_l .gsjj_l_info strong{font-size: 18px;} .gsjj .gsjj_r { width: 22%; } .gsjj .gsjj_r img { width: 100%; display: block; margin-bottom: 10px; } .zzjg_con { border: 1px solid #E6E6E6; box-shadow: 3px 0px 27px 0px rgba(0, 80, 124, 0.13); border-radius: 8px; background: url(./page/index/zzjg1.png) no-repeat top right; text-align: center; padding: 20px 0; } .zzjg_con img { position: relative; z-index: -1; width: 90%; } .ldjs_item { display: flex; background: #FAFAFA; border: 1px solid #E6E6E6; box-shadow: 0px 1px 48px 0px rgba(0, 80, 124, 0.13); border-radius: 3px; margin-bottom: 20px; } .ldjs_item .ldjs_item_l { width: 290px; min-height: 251px; padding: 22px 0; background: linear-gradient(0deg, #006CB2, #65B1E0); text-align: center; display: flex; align-items: center; justify-content: center; } .ldjs_item .ldjs_item_l p { font-size: 20px; color: #fff; } .ldjs_item .ldjs_item_l img { width: 130px; height: 130px; border-radius: 50%; } .ldjs_item .ldjs_item_r { padding: 44px; width: calc(100% - 290px); } .ldjs_item .ldjs_item_r .ld_name { color: #00507C; font-weight: bold; font-size: 14px; } .ldjs_item .ldjs_item_r .ld_name span { font-size: 18px; } .ldjs_item .ldjs_item_r .ld_txt { margin-top: 14px; line-height: 30px; font-size: 16px; } .fzlc.section_v { margin: 50px auto 0; } .fzlc_txt { padding: 15px 26px; background: #FAFAFA; border: 1px solid #E6E6E6; box-shadow: 0px 1px 48px 0px rgba(0, 80, 124, 0.13); border-radius: 8px; } .fzlc_txt p { font-size: 16px; font-weight: 400; color: #333333; line-height: 28px; } .fzlc_swiper { background: url(./page/index/fzlc.png) no-repeat; background-size: 100% 100%; padding: 47px 0 120px; margin-top: 30px; } .fzlc_swiper .swiper-slide { text-align: center; } .fzlc_swiper .swiper-slide img { width: 90%; } .fzlc_swiper .swiper-button-next, .fzlc_swiper .swiper-button-prev { top: 53%; } .fzlc_swiper .swiper-button-next { background-image: url(./page/index/fzlc_lj.png); background-size: 100% 100%; transform: rotate(180deg); } .fzlc_swiper .swiper-button-next:hover { background-image: url(./page/index/fzlc_lj_h.png); transform: rotate(180deg); } .fzlc_swiper .swiper-button-prev { background-image: url(./page/index/fzlc_lj.png); background-size: 100% 100%; } .fzlc_swiper .swiper-button-prev:hover { background-image: url(./page/index/fzlc_lj_h.png); } .fzzl_ul { display: flex; justify-content: space-between; } .fzzl_ul li { width: 33.33%; } .fzzl_ul li .fzzl_ul_div { margin-bottom: 50px; min-height: 250px; } .fzzl_ul li .fzzl_ul_div .fzzl_ul_img { position: relative; background: url(./page/index/fzzl_g1.png) no-repeat 100% 100%; background-size: 100% 100%; width: 60%; left: 40%; padding: 45px 0; margin: 0 0 20px; } .fzzl_ul li .fzzl_ul_div .fzzl_ul_img img { width: 100%; } .fzzl_ul li .fzzl_ul_div .fzzl_ul_img p { text-align: center; font-size: 30px; font-family: bold; font-weight: bold; color: #FFFFFF; line-height: 30px; } .fzzl_ul li .fzzl_ul_div > p { line-height: 30px; width: 100%; font-size: 16px; position: relative; font-family: "hj" !important; } .fzzl_ul li .fzzl_ul_div .fzzl_ul_text1 { display: flex; font-size: 16px; position: relative; font-family: "hj" !important; } .fzzl_ul li .fzzl_ul_div .fzzl_ul_text1 span:nth-child(2) { width: 97%; display: inline-block; } .fzzl_ul li .fzzl_ul_div .fzzl_ul_img2 { background: url(./page/index/fzzl_d.png) no-repeat 100% 100%; background-size: 100% 100%; } .fzzl_ul li .fzzl_ul_div .fzzl_ul_img3 { background: url(./page/index/fzzl_g.png) no-repeat 100% 100%; background-size: 100% 100%; } .fzzl_ul .fzzl_ul_li1 .fzzl_ul_div > p { padding-left: 30px; font-size: 16px; font-family: "hj" !important; } .fzzl_ul .fzzl_ul_li2 { margin-top: 130px; } .fzzl_ul .fzzl_ul_li2 .fzzl_ul_div .fzzl_ul_img2 { left: 0; margin: 0 auto 20px; padding: 65px 0; } .fzzl_ul .fzzl_ul_li2 .fzzl_ul_div > p { padding: 0 70px; font-size: 16px; font-family: "hj" !important; text-align: center; } .fzzl_ul .fzzl_ul_li3 .fzzl_ul_div .fzzl_ul_img { left: 0; } .jzg .jzg_tit { display:none; font-size: 48px; font-family: bold; font-weight: bold; line-height: 48px; text-align: center; color: #4B87E4; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#22a7fd), to(#0d7cfa)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .jzg .jzg_tit span { display: inline-block; width: 18px; height: 18px; background: #B8DFFA; transform: rotate(45deg); margin: 0 20px; position: relative; top: -8px; } .jzg .jzg_list { display: flex; justify-content: space-between; margin-top: 30px; } .jzg .jzg_list li { background: #22A7FD; background: linear-gradient(0deg, #22A7FD, #0D7CFA); max-width: 30%; } .jzg .jzg_list li .jzg_list_img { padding-bottom: 10px; text-align: center; background: #fff; width: 101%; position: relative; left: -0.5%; top: -1px; } .jzg .jzg_list li .jzg_list_img img { display: block; margin: auto; height: 111px; } .jzg .jzg_list li .jzg_list_txt { padding: 20px 40px; font-size: 20px; line-height: 36px; color: #fff; } /*.ser_nav { display: flex; padding: 50px 0 0; }*/ .ser_nav span{ display: flex; /*padding: 50px 0 0;*/ } .ser_nav span a{ font-size:16px; } .ser_nav a:hover { color: #00507C; } .ser { display: flex; justify-content: space-between; } .ser .ser_ul1 { width: 63%; } .ser ul { display: flex; justify-content: space-between; } .ser ul .ser_ul11 { width: 45%; margin-right: 20px; } .ser ul .ser_ul11 .ser_img { height: 736px; } .ser ul .ser_ul11 .ser_img img{ object-fit: cover; } .ser ul .ser_ul12 { margin-right: 0px; width: 53%; } .ser ul .ser_ul12 .ser_img { height: 358px; } .ser ul li .ser_img { position: relative; margin-bottom: 20px; overflow: hidden; } .ser ul li .ser_img:hover img { transform: scale(1.1); } .ser ul li .ser_img p { position: absolute; bottom: 40px; left: 36px; color: #fff; border-bottom: 2px solid #fff; padding-bottom: 10px; font-size: 32px; font-weight: bold; cursor: pointer; } .ser ul li .ser_img p:hover { color: #00507C; } .ser ul li .ser_img img { width: 100%; height: 100%; display: block; transition: all 0.5s; } /*.ser ul li .ser_img:last-child { margin-bottom: 0; }*/ .ser .ser_ul2 { width: 37%; } .ser .ser_ul2 .ser_ul21 { margin-left: 20px; } .ser .ser_ul2 .ser_ul21:first-child { width: 100%; } .ser .ser_ul2 .ser_ul21 .ser_img { height: 358px; } .serdl_con1 { display: flex; justify-content: space-between; } .serdl_con1 .serdl_con1_img { position: relative; min-height:350px; max-height: 600px; } .serdl_con1 .serdl_con1_img a { position: absolute; bottom: 70px; left: 36px; color: #fff; border-bottom: 2px solid #fff; padding-bottom: 10px; font-size: 32px; font-weight: bold; } .serdl_con1 img { width: 420px; height: 100%; } .serdl_con1 .txt_con { width: calc(100% - 450px); text-align: justify; text-justify:distribute-all-lines; } .serdl_con1 .txt_con p { color: #666; text-indent: 0; line-height: 30px; font-size: 18px !important; font-family: "hj" !important; } .serdl_con1 .txt_con p span{font-size: 18px !important;font-family: "hj" !important;} .serdl_con1 .txt_con .tit1 { color: #333; text-indent: 2em; } .serdl_con2 { margin-top: 35px; } .serdl_con2 h3 { padding: 30px 0 20px; border-top: 1px solid #E3E3E3; } .serdl_con2 h3 span { font-size: 24px; border-bottom: 2px solid #00507C; padding-bottom: 10px; font-family: 'bold'; font-weight: bold; color: #333; } .ser_dl_r { padding: 20px; margin-bottom: 40px; } .ser_dl_r h3 span { font-size: 24px; border-bottom: 2px solid #00507C; padding-bottom: 10px; font-family: 'bold'; font-weight: bold; color: #333; } .ser_dl_r .ser_dl_item { margin-top: 10px; line-height: 30px; } .ser_dl_r .ser_dl_item:nth-of-type(1){ margin-top:30px; } .ser_dl_r .ser_dl_item img { width: 100%; margin-bottom: 5px; } .ser_dl_r .ser_dl_item a:hover { color: #00507C; } .ser_dl_r .ser_dl_txt { margin-top: 20px; } .ser_dl_r .ser_dl_txt a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; line-height: 36px; } .ser_dl_r .ser_dl_txt a:hover { color: #00507C; } .news_l { width: 100%; /*float: left;*/ } .news_l .news_l_item { display: flex; padding: 30px 0; border-bottom: 1px solid #E3E3E3; } .news_l .news_l_item:first-child { padding: 0 0 30px; } .news_l .news_l_item .img { display: block; width: 336px; height: 200px; position: relative; cursor: pointer; overflow: hidden; } .news_l .news_l_item .img a{ height: 100%; } .news_l .news_l_item .img:hover a .img_bg { transform: scale(1.1); } .news_l .news_l_item .img img { width: 100%; height: 100%; transition: 0.5s; object-fit:cover; } .news_l .news_l_item .img .play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 68px; height: 68px; opacity: 0.9; cursor: pointer; } .news_l .news_l_item .img .play:hover { opacity: 1; } .news_l .news_l_item .news_con { width: calc(100% - 336px); padding-left: 30px; } .news_con .tit { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /* autoprefixer: off*/ -webkit-box-orient: vertical; /* autoprefixer: on*/ -webkit-line-clamp: 2; color: #333; font-size: 20px; } .news_con .tit:hover { color: #00507C; } .news_con .time { color: #888; padding-top: 5px; } .news_con .txt { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /* autoprefixer: off*/ -webkit-box-orient: vertical; /* autoprefixer: on*/ -webkit-line-clamp: 3; color: #888; line-height: 28px; padding-top: 10px; } .news_r { display:none; width: 22%; float: right; background: #F5FAFF; border-radius: 3px; padding: 20px; } .news_r .news_r_tit { font-size: 24px; font-weight: bold; color: #333333; } .news_r .news_con { margin-top: 20px; line-height: 25px; } .news_r .news_con .tit { font-size: 18px; color: #555; } .news_r .news_con .tit:hover { color: #00507C; } .news_info { box-shadow: 0px 1px 48px 0px rgba(0, 80, 124, 0.13); border-radius: 8px; padding: 60px; } .news_info .news_info_tit { font-size: 30px; font-weight: bold; color: #333333; line-height: 30px; text-align: center; } .news_info_tith4{ color: #333333; line-height: 30px; text-align: center; margin-top: 10px; } .news_info .news_info_time { font-size: 14px; font-weight: 400; color: #999999; text-align: center; margin-top: 36px; } .news_info .news_info_time span:first-child { /*padding-right: 60px;*/ display: inline-block; } .news_info .news_info_con { margin-top: 46px; border-top: 1px solid #CCCCCC; line-height: 30px; padding-top: 46px; } .news_info .news_info_con p[align="center"] { text-align: center !important; text-align-last: auto; } .news_info .news_info_con p { font-size: 22px !important; font-weight: 400; color: #333333; line-height: 38px; font-family: "hj" !important; /*text-indent: 17px;*/ text-align: justify; text-justify:distribute-all-lines; } .news_info .news_info_con span{ font-size: 22px !important; font-family: "hj" !important; } .news_info .news_info_con font{ font-size: 22px !important; font-family: "hj" !important; } .news_info .news_info_con a{ font-size: 22px !important; font-family: "hj" !important;display: inline-block;text-decoration: underline; } .news_info .news_info_con b{ font-size: 22px !important; font-family: "hj" !important; } .news_info .news_info_con strong{ font-size: 22px !important; font-family: "hj" !important; } .news_info .news_info_con img { max-width: 70%; display: block; margin: 20px auto; height: unset !important; } .news_info .news_info_con table { max-width: 100%; overflow-x: auto; border: 1px solid; margin: auto; } .news_info .news_info_con table td{ border: 1px solid; } .news_info .news_info_con video { max-width: 60%; display: block; margin: auto; } .news_info .news_info_sx { display: flex; margin-top: 46px; } .news_info .news_info_sx li { width: 50%; display: flex; } .news_info .news_info_sx li span { width: calc(100% - 80px); color: #00507C; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /* autoprefixer: off*/ -webkit-box-orient: vertical; /* autoprefixer: on*/ -webkit-line-clamp: 1; display: block; } .news_info .news_info_sx li span a{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .news_info .news_info_sx li a:hover { opacity: 0.8; } .job_l .job_top { /* background: #f7f7f7; padding: 40px;*/ display: flex; justify-content: space-between; color: #333; } .job_l .job_top .job_top_l { padding-right: 30px; width: 65%; line-height: 30px; } .job_l .job_top .job_top_r { padding-left: 20px; border-left: 2px solid #cccccc; } .job_l .job_top .job_top_r span { color: #00507C; } .job_l .job_list { margin-top: 40px; } .job_l .job_list li { background: #f7f9fc; margin-bottom: 20px; padding: 20px 70px; border-radius: 3px; } .job_l .job_list li h3 { display: flex; justify-content: space-between; font-size: 20px; } .job_l .job_list li h3 span{ display: block; } .job_l .job_list li h3 > span:hover { color: #00507C; } .job_l .job_list li .job_item_time { display: flex; justify-content: space-between; margin-top: 40px; color: #666; } .job_l .job_list li .job_item_time span{ display:block; } .job_l .job_list li .job_item_time > span:hover { color: #00507C; } .job_l .job_list li .job_item_jn { margin-top: 25px; } .job_l .job_list li .job_item_jn span { display: inline-block; padding: 5px 10px; border: 1px solid #dadde2; border-radius: 3px; color: #888; margin: 0 10px 10px 0; } .job_r { background: transparent; padding: 0; } .job_r img { width: 100%; } .bgcolor_l { background: #98D3FD; border-radius: 5px; background-image: linear-gradient(0deg, #f5faff 0%, #f5faff 0%, #98d3fd 100%); } .bgcolor_l1 { background: #F5FAFF; } .pub_l { width: 22%; } .pub_r { width: 73%; } .in_l { padding: 20px; } .in_l .in_l_tit { font-size: 24px; font-family: 'bold'; padding: 10px 0px 30px; } .in_l .in_l_tit span { border-bottom: 2px solid #00507C; padding-bottom: 10px; } .in_l .in_l_tit .more { float: right; font-size: 16px; color: #00507C; line-height: 39px; } .in_l .in_l_txt a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; line-height: 36px; } .in_l .in_l_txt a:hover { color: #00507C; } .in_r { padding: 45px 38px; position: relative; z-index: 1; } .in_r h3 { font-size: 24px; color: #00507c; font-weight: bold; } .in_r p { margin-top: 25px; font-size: 18px; } .in_r .in_r_img { position: absolute; right: 38px; top: 50%; transform: translateY(-50%); z-index: -1; } .zx_r_list { display: flex; justify-content: space-between; flex-wrap: wrap; } .zx_r_list li { background: #dceffe; padding: 45px 37px; width: 49%; margin-bottom: 30px; position: relative; z-index: 1; } .zx_r_list li p { margin-top: 20px; } .zx_r_list li .tit a { font-size: 24px; color: #00507C; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; opacity: 0.8; } .zx_r_list li .tit a:hover { opacity: 1; } .zx_r_list li .txt { font-size: 18px; color: #555; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .zx_r_list li .time { color: #888; } .zx_r_list li .gszl_img { position: absolute; right: 0; bottom: 0; z-index: -1; width: 17%; } .gp_r { padding: 45px 38px; } .gp_r .gp_r_top .gp_r_con { display: flex; margin-top: 20px; } .gp_r .gp_r_top .gp_r_con ul { display: flex; } .gp_r .gp_r_top .gp_r_con ul .gp_red { color: #e62b1e; } .gp_r .gp_r_top .gp_r_con ul .gp_green { color: green; } .gp_r .gp_r_top .gp_r_con ul li { width: 180px; } .gp_r .gp_r_top .gp_r_con ul .gp_txt1 { color: #e62b1e; font-size: 40px; } .gp_r .gp_r_top .gp_r_con ul .gp_txt1 img { height: 12px; margin-left: 5px; } .gp_r .gp_r_top .gp_r_con ul .gp_txt2 { font-size: 18px; } .gp_r .gp_r_top .gp_r_con ul .gp_txt2 span:first-child { margin-right: 10px; } .gp_r .gp_r_top .gp_r_con .gp_r_ul2 { justify-content: space-between; } .gp_r .gp_r_top .gp_r_con .gp_r_ul2 li p { padding-bottom: 6px; } .gp_r .gp_r_top .gp_r_ul3 { display: flex; margin-top: 5px; } .gp_r .gp_r_top .gp_r_ul3 li { width: 180px; } .gp_r .gp_r_top .gp_r_ul3 .time { color: #555; font-size: 14px; } .gp_r .gp_tu { padding: 20px; } .gp_r .gp_tu img { width: 100%; } .szsu table { border-collapse: collapse; } em { font-style: normal; } .red { color: red; } .gre { color: green; } .warp { width: 100%; position: relative; } .szs .szsu { margin: 0 0px 0 0; position: relative; } .szs .szsu div { margin: 8px 0 0 275px; } .szs li { float: left; display: inline-table; margin: 8px 0; } .szs li.name { width: 121px; text-align: center; } .szs li.name h1 { font-size: 12px; font-weight: normal; } .szs li.name h1 strong { font-size: 27px; margin: 11px 0 7px; } .szs li.num { width: 145px; height: 82px; } .szs li.num strong { font-size: 40px; margin: 2px 0 0; } .szs li.num strong img { margin-left: 10px; } .loadding { position: absolute; top: 22px; left: 0px; _left: 0px; color: #f00; line-height: 22px; _width: 100%; } .szs .tr { font-size: 16px; margin: 0 6px; overflow: hidden; zoom: 1; } .szs .tr b:first-child { margin-right: 10px; } .szs table { line-height: 28px; } .szs table td { width: 180px; } .szs .fr { width: 217px; height: 95px; margin: -100px 0 0; padding: 3px 0 0; } .szs .fr p { height: 22px; overflow: hidden; line-height: 22px; } .szs .fr input { margin: 0 8px 0 6px; *margin: 0 5px 0 2px; } .szs .bar { display: inline; float: left; background: #e70c0c; height: 9px; padding: 1px; overflow: hidden; margin: 5px 5px 0 5px; } .szs .fr em { float: left; } .szs .bar b { display: block; border: 1px solid #ffa2a2; border-width: 1px 0 0 1px; } .szs .bar2 .bar { background: #b5b5b5; } .szs .bar2 .bar b { border-color: #ececec; } .szs .bar3 .bar { background: #00a22a; } .szs .bar3 .bar b { border-color: #aaffc0; } .szs .fr .tc { margin: 3px 0 0; } .zbzzimg{ display: flex; justify-content: space-around; } .zbzzimg a{ width: 46%;} .zbzzimg img{ width: 100%; } .zbzz_ul { margin-bottom: 50px; border: 1px solid #E3E3E3; padding: 30px; } .zbzz_ul:last-child { margin-bottom: 0px; } .zbzz_ul .swiper_zbzz { height: 400px; margin-top: 10px; } .zbzz_ul h3 a { display: inline-block; border-left: 4px solid #00507C; padding: 0px 10px; margin-bottom: 10px; border-bottom: 0; color: #00507C; font-size: 30px; line-height: 30px; font-weight: bold; } .zbzz_ul .swiper-container-vertical > .swiper-wrapper { transition-timing-function: linear; margin: 0 auto; } .zbzz_ul .swiper-slide:last-child a { border-bottom: 0; } .zbzz_r { padding: 0; } .zbzz_r img { width: 100%; display: block; margin-bottom: 10px; } .advise .tit { font-size: 24px; color: #00507C; font-weight: bold; margin-bottom:20px; } .advise .advise_con { padding: 30px 0; } .advise .advise_con p { line-height: 30px; } .advise .advise_ul { display: flex; margin: 20px 0; } .advise .advise_ul li { margin-right: 3%; max-width: 30%; } .advise .advise_ul li p { font-size: 18px; } .advise .advise_ul li input { width: 360px; line-height: 45px; margin-top: 10px; height: 45px; max-width: 100%; padding-left: 5px; border-radius: 3px; outline: none; border: 1px solid #666; } .advise form h3 { font-size: 18px; } .advise textarea { border: 1px solid #666; width: 100%; border-radius: 3px; padding: 5px; } .advise .sub_con { display: flex; align-items: flex-end; margin-top: 20px; } .advise .sub_con .yzm { display: flex; align-items: flex-end; } .advise .sub_con .yzm p { font-size: 18px; } .advise .sub_con input { width: 150px; line-height: 40px; margin-top: 10px; height: 40px; border: 1px solid #666; } .advise .sub_con .menu { display: flex; margin-left: 20px; } .advise .sub_con button { padding: 0px 40px; margin-left: 30px; height: 40px; line-height: 40px; cursor: pointer; border: 1px solid #666; border-radius: 5px; } .code { display: flex; align-items: center; justify-content: center; color: #00507C; font-size: 30px; border: 0; letter-spacing: 3px; font-weight: bolder; float: left; cursor: pointer; width: 150px; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; border: 1px solid #666; background: #F5FAFF; margin-left: 30px; } .alert { display: block; } .alert-success { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 80, 124, 0.5); color: #fff; padding: 10px 30px; border-radius: 5px; } /*建言献策*/ .easysite-board-title{ background-color:#00507C !important; } .adv2{margin-top: 50px;} .adv_btn .easysite-label,.adv_list p,.easysite-board-page-title{ font-size:18px !important; } .adv_list p{ margin-bottom:5px; } /*搜索页*/ .search.search1 { height: 50px; width: 50%; margin: auto; } .search1 input{ height: 48px; font-size: 20px; width:80%; } .search1 .input_txt a{ width: 18%; text-align: right; } .search .input_txt img { width: 20px; } @media screen and (max-width: 1720px) { .header_con .logo { width: 300px; } .header_con .logo img { width: 100%; } .h_right .search input { width: 90px; } } @media screen and (max-width: 1600px) { .h_nav ul li a { font-size: 16px; } .h_nav ul > li .header_second .header_nr .header_nr_right ol li a { font-size: 18px; } } @media screen and (max-width: 1460px) { .container { width: 1200px; margin: auto; } .section_v { margin: 50px auto; } .h_nav ul li { padding: 0 3px; } .sec2 .sec2_r .sec2_r_con { top: 250px; padding: 20px 55px; } .sec2 .sec2_r .sec2_r_con .info { line-height: 30px; padding: 10px 0; } } @media screen and (max-width: 1400px) { .h_nav ul li a { font-size: 15px; } .h_nav ul li { padding: 0 2px; } } @media screen and (max-width: 1300px) { .h_nav ul li a { font-size: 14px; } .header_con .logo { width: 220px; } .header_con .logo img { width: 100%; } } @media screen and (max-width: 1200px) { .h_nav { display: none; } .phone_menu { display: block; } .header_con .logo { width: auto; } .header_con .logo img { width: 100%; } .h_right .search input { width: 128px; height: 48px; } .jf_box { margin-right: 20px; } .h_right .search { height: 50px; } .h_right .search input { line-height: 49px; } .jf_box span { width: 50px; height: 50px; line-height: 50px; font-size: 18px; } .header_con { padding: 0 20px; } .container { width: 96%; margin: auto; } .sec2 .sec2_r .sec2_r_con { top: 200px; } .sec4 .sec4_l img, .sec4 .sec4_r img { height: 399px; } .section_v { margin: 50px auto; } .left1 .l1_tit { font-size: 20px; } .left1 .l1_tit .more { font-size: 14px; } .left1 { width: 25%; } .ser ul .ser_ul11 .ser_img { height: 576px; } .ser ul .ser_ul12 .ser_img, .ser .ser_ul2 .ser_ul21 .ser_img { height: 278px; } } @media screen and (max-width: 1000px) { .search_none, .jf_box { display: none !important; } } @media screen and (max-width: 992px) { .phone_menu { text-align: right; } .phone_menu img { width: 80%; } .header_con .logo { width: 80%; } .header_con .logo img { width: auto; height: 100%; } .header { height: 79px; } .top74 { margin-top: 79px; } .header_con { padding: 2% 2% 2% 1%; height: 100%; } .index_banner { display: none; } .phone_banner { display: block; } .index_column .column_bg { font-size: 50px; } .sec1 { display: block; } .sec1 .sec1_l, .sec2 .sec2_l { width: 100%; /*height: 300px;*/ object-fit: cover; } .sec1 .sec1_r, .sec2 .sec2_r { width: 100%; } .sec2 .sec2_r { padding-left: 0px; padding-top: 20px; } .sec2 .sec2_r .sec2_r_con { width: 100%; background: transparent; position: relative; top: 0px; margin-top: 20px; left: 0; padding: 0; box-shadow: 0px 2px 95px 0px rgba(255, 255, 255, 0.13); } .sec2 .sec2_r .sec2_r_con .x_img { right: 0px; bottom: 23px; } .sec2 .sec2_top{     position: relative;     right: 0;     width: 100%; } .sec3 { display: block; padding-top: 40px; } .sec3 .sec3_l { width: 100%; padding-top: 30px; } .sec3 .sec3_l ul { margin-top: -20px; } .sec3 .sec3_l ul li { width: 100%; } .sec4 { display: block; } .sec4 .sec4_l { width: 100%; } .sec4 .sec4_r { width: 100%; padding-left: 0px; padding-top: 40px; } .sec4 .sec4_l img, .sec4 .sec4_r img { height: auto; } .footer .footer_con ul > li ol li a { max-width: 200px; } .left1 { width: 100%; float: unset; min-height: unset; padding-bottom: 30px; background: #F5FAFF; } .right1 { width: 100%; float: unset; margin-top: 20px; } .right1 .s_rswiper1 a .img { width: 100%; height: unset; float: unset; } .right1 .s_rswiper1 a .news { width: 100%; padding: 30px; float: unset; } .nav { background: none; margin-top: 20px; } .nav ul { display: block; text-align: center; } .nav ul li { background: #255AD4; padding: 5px 9px; border-radius: 5px; margin-top: 10px; margin-left: 0; } .section_v { margin: 30px auto; } .gsjj { display: block; } .gsjj .gsjj_l { width: 100%; } .gsjj .gsjj_r { display:none; width: 100%; margin-top: 20px; } .jzg .jzg_list { display: block; } .jzg .jzg_list li { width: 100%; max-width: 100%; margin-bottom: 30px; } .jzg .jzg_list li .jzg_list_img img { width: 50%; height: auto; } .fzzl_ul { display: block; } .fzzl_ul li { width: 100%; } .fzzl_ul li .fzzl_ul_div .fzzl_ul_img { width: 100%; left: 0; margin: 0 auto 20px; padding: 30px 0; border-radius: 30px; } .fzzl_ul li .fzzl_ul_div { margin-bottom: 30px; min-height: auto; } .fzzl_ul .fzzl_ul_li2 { margin-top: 30px; } .fzzl_ul li .fzzl_ul_div > p { padding: 0 20px; } .fzzl_ul .fzzl_ul_li2 .fzzl_ul_div > p { padding: 0 20px; } .ldjs_item { display: block; } .ldjs_item .ldjs_item_l { width: 100%; padding: 10px 0; min-height: auto; } .ldjs_item .ldjs_item_l img { display: none; } .ldjs_item .ldjs_item_r { width: 100%; } .news_l { width: 100%; } .news_r { width: 100%; margin-top: 20px; } .job { display: flex; flex-direction: column-reverse; } .job_l .job_top { display: block; padding: 20px; } .job_l .job_top .job_top_l { width: 100%; padding-right: 0px; } .job_l .job_top .job_top_r { padding-left: 0px; border-left: 0px solid #cccccc; margin-top: 10px; } .job_l .job_list li { padding: 20px; } .job_l .job_list li h3 { font-size: 18px; display: block; } .job_l .job_list li h3 span { display: block; } .job_l .job_list li h3 span:nth-child(2) { font-size: 16px; } .job_l .job_list li .job_item_time { margin-top: 20px; } .job_l .job_list li .job_item_jn { margin-top: 10px; } .ser { display: block; } .ser .ser_ul1 { width: 100%; } .ser ul .ser_ul11 .ser_img { height: 736px; } .ser .ser_ul2 { margin-top: 20px; width: 100%; } .ser .ser_ul2 .ser_ul21 { display: flex; margin-left: 0; } .ser .ser_ul2 .ser_ul21>div{width:50%} .ser .ser_ul2 .ser_ul21 .ser_img { margin-left: 0; } .ser .ser_ul2 .ser_ul21 .ser_img:last-child { margin-left: 20px; } .ser .ser_ul2 .ser_ul21>div:first-child .ser_img{ margin-left: 0px; } .ser .ser_ul2 .ser_ul21 .ser_img, .ser ul .ser_ul12 .ser_img { height: 358px; } .pub_l, .pub_r { width: 100%; } .in_l { float: none; } .in_r { float: none; padding: 20px; margin-top: 20px; } .zbzz_r { margin-top: 20px; } .zbzz_ul { padding: 20px; } .advise .advise_ul { display: block; } .advise .advise_ul li { margin-right: 0; margin-top: 10px; max-width: 100%; } .advise .advise_ul li input { width: 100%; border: 1px solid #cccccc; outline: none; margin-top: 10px; } .advise textarea { width: 100%; } .serdl_con1 { display: block; } .serdl_con1 img { object-fit: cover; width: 100%; height: 350px; } .serdl_con1 .txt_con { width: 100%; } } @media screen and (max-width: 768px) { .gsjj .gsjj_l .tit{ font-size: 28px; line-height: 32px; } .footer .footer_con { display: none; } .footer .footer_d { line-height: 30px; padding: 10px 0; } .footer .footer_d p { display: block; padding-left: 0; } .banner .text h4 { font-size: 24px; } .banner .text p { font-size: 16px; margin-top: 10px; } .news_l .news_l_item .news_con { width: 100%; padding-left: 0; margin-top:10px; } .news_l .news_l_item:first-child { padding: 0 0 20px; } .news_l .news_l_item { display: block; padding: 20px 0; } .news_l .news_l_item .img { width: 100%; height: auto; } .news_info { padding: 20px; } .news_info .news_info_time span:first-child { display: block; padding-right: 0; } .news_info .news_info_time { margin-top: 20px; } .news_info .news_info_con { margin-top: 10px; padding-top: 10px; } .news_info .news_info_con video { max-width: 100%; } .news_info .news_info_sx { display: block; } .news_info .news_info_sx li { width: 100%; } .ser ul .ser_ul11 .ser_img { height: 300px; } .ser ul .ser_ul12 .ser_img, .ser .ser_ul2 .ser_ul21 .ser_img { height: auto; } .ser ul, .ser .ser_ul2 .ser_ul21 { display: block; } .ser .ser_ul2 .ser_ul21 > div{width:100%} .ser .ser_ul2 .ser_ul21 :last-child.ser_img{margin-left: 0px;} .ser ul li .ser_img img { object-fit: cover; } .ser ul .ser_ul11 { width: 100%; margin-bottom: 20px; } .ser ul .ser_ul12 { width: 100%; } .ser .ser_ul2 .ser_ul21 .ser_img:last-child .ser_img { margin-left: 0px; } .zx_r_list { display: block; margin-top: 20px; } .zx_r_list li { width: 100%; padding: 20px; margin-bottom: 20px; } .gp_r { padding: 20px; } .gp_r .gp_r_top .gp_r_con .gp_r_ul2 li { width: 33%; } .gp_r .gp_r_top table .gp_txt1 { font-size: 30px; } .gp_r .gp_r_top table .gp_txt2 { font-size: 12px; } .gp_r .gp_r_top .gp_r_con { display: block; } .gp_r .gp_tu { padding: 20px 0; } .gp_r .gp_r_top .gp_r_con .gp_r_ul2 li p { font-size: 14px; } .szs table td { font-size: 14px; } .advise .sub_con { display: block; } .advise .sub_con .menu { margin-top: 20px; margin-left: 0; } .advise .sub_con button { margin-left: 0; margin-right: 20px; } .advise .sub_con input { width: 250px; } } @media screen and (max-width: 440px) { .header_con .logo img { width: 100%; } .banner .text h4 { font-size: 16px; } .banner .text p { font-size: 12px; margin-top: 5px; } .nav ul li { font-size: 16px; } .fzlc_swiper .swiper-button-next, .fzlc_swiper .swiper-button-prev { top: 56%; width: 17px; height: 32px; } .jzg .jzg_tit { font-size: 40px; } .jzg .jzg_tit span { width: 14px; height: 14px; margin: 0 10px; } .advise .sub_con input { width: 150px; } .fzlc_swiper{ padding: 47px 0 60px; } .search1 input{ width:60%; } .search1 .input_txt a{ width: 37%; } .newsul_pag a, .newsul_pag font{margin:0 2px;} } .eps-portlet-header{ position:relative; } .eps-dn{ position: absolute; left:0px !important; top:15px !important; } .ser ul li .ser_img .float_list_ul{ display:block; } .ser ul li .ser_img .float_list_ul a{ position: static; } .ser ul li .ser_img .float_list_ul a img{ width:auto; } .ser .eps-shadow .float_list_ul{ display: block; } /*修改*/ .footer .footer_con ul>li:first-child{ display: none; } .footer .footer_con ul>li:nth-child(n+6){ display: none; } .rczc_news{ width:100%; } .newsul_pag span{width:0px !important;display:inline !important;} .eps-portlet-header img{width:auto;} .gsimg{ width: 50px; position: absolute; z-index:999999999; } .ywmore{display: inline-block;color: #00507C;} .eps-module-menu img{width: auto !important;} .advise{ position: relative;} .advise h3,span{display: inline-block;} .advise .sy { width: 100px; position: absolute; left: 30%; bottom: 27px; } .advise .sy:last-child{ left: 55%; } .advise .sy img{width: 100%;}