@charset "UTF-8"; .boxSizing { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* CSS Document */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, a, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input { margin: 0; padding: 0; outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } html { font-size: 10px; } body { background: #f2f2f2; color: #333; } body, input, button, select, optgroup, option, textarea, pre { font-family: "Microsoft YaHei", Arial, Roboto, "Droid Sans", "Hiragino Sans GB", "Simsun", STXihei, "sans-serif"; } ol, ul { list-style: none; } /* h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 13px; } */ a { text-decoration: none; color: #333; } img { vertical-align: top; border: none; } table { border-collapse: collapse; border-spacing: 0; } var, em, i { font-style: normal; } del { text-decoration: line-through; } input, textarea { outline: none; -webkit-appearance: none; -moz-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); font-size: 14px; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; } input:-moz-placeholder, textarea:-moz-placeholder { color: #999; } input::-moz-placeholder, textarea::-moz-placeholder { color: #999; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; } .clearfix:after { content: ""; display: table; clear: both; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 5px; } /****** 閫氱敤鏍峰紡 ******/ /****** 閫氱敤鏍峰紡 ******/ /****** 閫氱敤鏍峰紡 ******/ body { background: #fff; width: 100%; } .left { float: left; text-indent: 2.1rem; } .right { float: right; text-indent: 2.1rem; } /* 瀵艰埅鏉 */ header { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; } header.nav { width: 100%; position: relative; height: 45px; border-bottom: 1px solid #c30d23; background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .nav_logo { width: 70px; height: 25px; background-image: url(../../images/logo.png); background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 50%; left: 50%; margin-left: -35px; margin-top: -12px; } .nav_img { width: 86px; height: 16px; background-image: url(../../images/sh_qjf.png); background-position: center; background-repeat: no-repeat; background-size: cover; margin-top: 15px; margin-right: 3%; } .nav_toggle { position: relative; display: inline-block; margin: 14px 0 0 3%; width: 20px; height: 18px; } .nav_toggle .toggle_inner { position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; padding: 7px 0; transform: translate(-50%, -50%); background-clip: content-box; background-color: #c30d23; } .nav_toggle .toggle_inner:before, .nav_toggle .toggle_inner:after { position: absolute; left: 0; display: inline-block; content: ''; width: 100%; height: 2px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; background-color: #c30d23; transition: transform 0.3s, background-color 0.3s; } .nav_toggle .toggle_inner:before { top: 0; } .nav_toggle .toggle_inner:after { bottom: 0; } .nav_toggle .toggle_inner.active { background-color: transparent; } .nav_toggle .toggle_inner.active:before { transform: translateY(7px) rotate(45deg); } .nav_toggle .toggle_inner.active:after { transform: translateY(-7px) rotate(-45deg); } /* 瀵艰埅鏉″垪琛 */ .nav_list { padding-top: 45px; width: 160px; overflow: hidden; background-image: url("./../../images/sh_qjf_red.png"); background-repeat: no-repeat; background-position: 25px 12px; background-size: auto 20px; } .nav_list ul { width: 100%; overflow: hidden; } .nav_list ul > li { border-bottom: 1px solid #f2f2f2; } .nav_list ul > li > a { display: block; width: 100%; height: 36px; padding-left: 20px; font-size: 1.4rem; line-height: 36px; color: #666; position: relative; } .nav_list ul > li > a.active { color: #fff; background-color: #c30d23; } .nav_list ul > li > a:active { color: #c30d23; } .nav_list ul > li > a i.fa-angle-right { line-height: 36px; font-size: 23px; color: #d1d1d1; } /* 椤甸潰鍐呭閮ㄥ垎 */ section { width: 100%; overflow: hidden; padding: 0 3%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .section_swiper { width: 100%; padding: 0; overflow: hidden; } /* 椤甸潰搴曢儴 */ footer { width: 100%; background-color: #f7f7f7; overflow: hidden; } footer .footer_box { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 3% 15px 3%; overflow: hidden; } footer .footer_title { font-size: 1.6rem; margin: 30px 0 24px 0; position: relative; text-align: center; } footer .footer_title:after { content: ''; position: absolute; width: 30px; height: 1px; background-color: #b81c25; left: 50%; bottom: -8px; margin-left: -15px; } footer .common_qrcode { width: 120px; height: 120px; margin: auto; margin-bottom: 30px; } footer .common_qrcode img { width: 100%; height: 100%; } footer .footer_bottom { width: 100%; height: auto; overflow: hidden; background-color: #f1f1f1; text-align: center; padding: 6px 0; } footer .footer_bottom p { font-size: 1.2rem; line-height: 1.6rem; color: #666; display: inline; } footer .footer_bottom a { display: inline-block; width: 10px; height: 10px; vertical-align: middle; margin-left: 10px; background-image: url(../../images/icon_police.jpg); background-repeat: no-repeat; background-position: center; background-size: auto 100%; margin-top: -5px; } .modal_box { position: fixed; top: 45px; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); z-index: 10; display: none; } /* 鍥炲埌椤堕儴 */ .bottom_tools { position: fixed; right: 3%; bottom: 120px !important; z-index: 5; } .bottom_tools a { width: 30px; height: 30px; display: block; background-image: url(../../images/back_top.png); background-repeat: no-repeat; background-position: center; background-size: 30px; opacity: 0.7; display: none; } .bottom_tools a:hover { opacity: 1; } .slideout-menu { position: fixed; top: 0; bottom: 0; width: 100%; min-height: 100vh; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 0; display: none; } .slideout-menu-left { left: 0; } .slideout-menu-right { right: 0; } .slideout-panel { position: relative; z-index: 1; will-change: transform; background-color: #FFF; /* A background-color is required */ min-height: 100vh; } .slideout-open, .slideout-open body, .slideout-open .slideout-panel { overflow: hidden; } .slideout-open .slideout-menu { display: block; } .common_container { width: 100%; } .common_title { width: 100%; height: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 3%; border-bottom: 1px solid #f2f2f2; overflow: hidden; } .common_title .title_img { width: 80px; height: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 2px solid #666; background-repeat: no-repeat; background-position: left center; background-size: auto 18px; } .common_title .title_text { height: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 2px solid #666; display: inline-block; font-size: 1.6rem; font-weight: bold; line-height: 40px; font-family: Hiragino Sans GB, SimSun, STHeiti; } .common_title .search_box { width: 190px; height: 26px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #c30d23; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 7px; overflow: hidden; position: relative; } .common_title .search_box input { width: 158px; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; border: none; color: #c30d23; } .common_title .search_box .search_btn { display: block; position: absolute; right: 0; top: 0; width: 28px; height: 24px; background-image: url("./../../images/icon_search.png"); background-repeat: no-repeat; background-position: center; background-size: 15px; } .selector_bar { width: 100%; height: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 3%; border-bottom: 1px solid #d1d1d1; overflow: hidden; overflow-x: auto; display: flex; flex-wrap: nowrap; justify-content: start; } .selector_bar a { display: inline-block; width: 50%; height: 100%; padding: 0 13px; font-size: 1.5rem; text-align: center; line-height: 40px; position: relative; white-space: nowrap; } .selector_bar a.active { color: #c30d23; font-weight: 600; } .selector_bar a:after { content: ''; position: absolute; top: 10px; right: 0; width: 1px; height: 20px; background-color: #d1d1d1; } .selector_bar a:last-child::after { display: none; } .detail_box { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 3%; overflow: hidden; margin-bottom: 40px; } .detail_box h1 { font-size: 2.1rem; font-weight: bold; margin: 28px 0 18px 0; } .detail_box .source_time span { font-size: 1.2rem; color: #b5b5b5; } .detail_box .source_time span:first-child { margin-right: 15px; } .detail_box .labels { overflow: hidden; margin: 15px 0; } .detail_box .labels a { display: block; font-size: 1.3rem; line-height: 1.3rem; color: #666; padding: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #d1d1d1; margin-right: 5px; margin-bottom: 10px; float: left; } .detail_box .detail_content h3{ margin-bottom: 15px; } .detail_box .detail_content { margin-top: 30px; overflow: hidden; font-size: 1.6rem; line-height: 2.1rem; } .detail_box .detail_content img { max-width: 100%; height: auto; max-height: 70vh; display: block; margin: auto; margin-bottom: 30px; } .detail_box .detail_content p { font-size: 1.4rem; line-height: 1.7; /* text-indent: 2rem;*/ word-break: break-all; text-align: justify; margin-bottom: 15px; } .detail_box .detail_content h2 { font: 1.8rem/2.2rem "Microsoft Yahei"; font-weight: bold; margin-bottom: 15px; } .detail_box .detail_content h3 { font: 1.7rem/2rem "Microsoft Yahei"; font-weight: bold; margin-bottom: 25px; } .detail_box .detail_content div { font-size: 1.6rem; line-height: 2.1rem; text-align: justify; margin-bottom: 20px; } .detail_box .detail_content h4 { font-size: 1.4rem; text-align: center; margin: -20px 0 20px 0; } .detail_box .detail_content ul { padding-left: 30px; display: block; list-style-type: disc; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 30px; margin-bottom: 25px; } .detail_box .detail_content ul li { font-size: 1.4rem; line-height: 1.5; display: list-item; text-align: -webkit-match-parent; margin-bottom: 10px; } .detail_box .detail_content ul.style_ok { padding-left: 10px; list-style-type: none; } .detail_box .detail_content ul.style_ok li { background-image: url("./../../images/icon_ok.png"); background-repeat: no-repeat; background-position: left 5px; background-size: 12px; padding-left: 20px; list-style-type: none; } .detail_box .detail_content ol { padding-left: 30px; display: block; list-style-type: decimal; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 30px; margin-bottom: 25px; } .detail_box .detail_content ol li { font-size: 1.6rem; line-height: 2.1rem; display: list-item; text-align: -webkit-match-parent; margin-bottom: 10px; } .detail_box .detail_content .table_parent { width: 100%; overflow-x: scroll; } .detail_box .detail_content table { width: 100%; margin-bottom: 20px; font-size: 1.4rem; margin-left: inherit !important; width: 100% !important; } .detail_box .detail_content table tbody { width: 100%; } .detail_box .detail_content table tr th { font-weight: bold; } .detail_box .detail_content table tr td { padding: 10px 15px; background-color: #F7F7F7; border: 5px solid #fff; border-radius: 15px; min-width: 60px; } .detail_box .detail_content table tr td.head_td { width: 65px; } .detail_box .detail_content table tr:nth-child(odd) td { background-color: #FFEDEE; } .detail_box .detail_content table p { text-indent: 0; margin-bottom: 0; } .detail_box .detail_content table p strong { display: block; min-width: 60px; text-align: center; } .detail_box .detail_content.expert_detail_content img { max-height: none; } .list_view { width: 100%; margin-top: 20px; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 3%; } .list_view li { width: 100%; overflow: hidden; border-bottom: 1px dotted #d1d1d1; } .list_view li:last-child { border-bottom: none; } .list_view li a { display: block; width: 100%; padding: 15px 0; position: relative; overflow: hidden; } .list_view li a .img_box { width: 126px; height: 70px; overflow: hidden; float: left; margin-right: 20px; } .list_view li a .img_box img { width: 100%; height: 100%; object-fit: cover; } .list_view li a .list_content h3 { font-size: 1.4rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .list_view li a .list_content span { position: absolute; bottom: 12px; left: 153px; color: #7a7a7a; } .intro_head { width: 180px; height: 69px; margin: auto; margin-top: 40px; margin-bottom: 20px; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: cover; } .com_intro { overflow: hidden; } .com_intro .intro_head { background-image: url(./../../images/home/head_company.png); margin-top: 30px; } .com_intro .com_intro_box { width: 100%; overflow: hidden; } .com_intro .com_intro_box .about_us_section_title { font-size: 1.6rem; font-weight: bold; padding: 20px 0 10px; } .com_intro .com_intro_box .com_intro_desc { margin-top: 10px; } .com_intro .com_intro_box .com_intro_desc .left, .com_intro .com_intro_box .com_intro_desc .right { float: unset; } .com_intro .com_intro_box .com_intro_desc p { /* text-indent: 2rem;*/ text-align: justify; font-size: 1.4rem; color: #666; margin-bottom: 15px; line-height: 1.7; } .com_intro .com_intro_box .com_intro_desc strong { text-align: justify; font-size: 1.4rem; } .com_intro .com_intro_box .com_intro_desc .com_intro_desc_list p { position: relative; } .com_intro .com_intro_box .com_intro_desc .com_intro_desc_list p .icon_hand { display: block; width: 16px; height: 16px; background: url(./../../images/icon_hand.png) no-repeat center center; background-size: contain; position: absolute; left: 2px; top: 0; } .com_intro .com_intro_box .com_intro_images { width: 100%; overflow: hidden; } .com_intro .com_intro_box .com_intro_images img { display: block; max-width: 100%; margin: auto; margin-bottom: 10px; } /*****************************************************************************鍒嗛〉鏍峰紡******************************************************************************************/ .cc-pagination { text-align: center; margin: 30px auto; } .cc-pagination ul { width: 100%; margin: 0 auto; height: 40px; text-align: center; clear: both; font-size: 0; } .cc-pagination ul li { border: 0; padding: 0; font-size: 12px; list-style: none; display: inline-block; margin: 0 3px; text-align: center; height: 25px; vertical-align: middle; width: 25px; *display: inline; zoom: 1; } .cc-pagination ul li:first-child { margin-left: 0px; } .cc-pagination ul li a { border: solid 1px #b5b5b5; height: 25px; width: 25px; line-height: 25px; font-size: 12px; border-radius: 3px; -moz-border-radius: 3px; } .cc-pagination ul .next, .cc-pagination .next a, .cc-pagination .previous, .cc-pagination .previous a { font-weight: bold; width: 60px; } .cc-pagination ul .selectpage a { background: #b81d25; color: #FFFFFF; font-weight: bold; float: left; height: 25px; width: 25px; line-height: 25px; border: 1px solid #b81d25; } .cc-pagination ul a:link, .cc-pagination a:visited { color: #b5b5b5; display: inline-block; *display: inline; text-decoration: none; zoom: 1; } .cc-pagination ul a:hover { border: 1px solid #b81d25; color: #b81d25; } .cc-pagination ul .selectpage a:hover { color: #FFFFFF; } sub { font-size: 1.0rem; }