*{ word-break: break-word; font-family: "PingFang SC Medium","寰蒋闆呴粦","arial", sans-serif; text-indent: 0px; } html { overflow-y: scroll; } :root { overflow-y: auto; overflow-x: hidden; } :root body { position: absolute; } body { width: 100vw; overflow: hidden; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 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, mark, audio, video { margin: 0; padding: 0; border: 0; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a:active,a:hover, a:focus { color: #1e5fc3; text-decoration: none } /*delighter animate */ .delighter { overflow: hidden; position: relative; transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s; } .h_UpShow.delighter:before { width: 100%; position: absolute; height: 100%; top: 0; left: 0; transform: translateY(0%); display: block; background: #fff; z-index: 10; content: ""; transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s; } .h_UpShow.started.delighter:before { transform: translateY(100%); } .h_LeftShow.delighter:before { width: 100%; position: absolute; height: 100%; top: 0; left: 0; transform: translateX(0%); display: block; background: #fff; z-index: 10; content: ""; transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s; } .h_LeftShow.started.delighter:before { transform: translateX(100%); } .h_RightShow.delighter:before { width: 100%; position: absolute; height: 100%; top: 0; left: 0; transform: translateX(0%); display: block; background: #fff; z-index: 10; content: ""; transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s; } .h_RightShow.started.delighter:before { transform: translateX(-100%); } .h_DownShow.delighter:before { width: 100%; position: absolute; height: 100%; top: 0; left: 0; transform: translateX(0%); display: block; background: #fff; z-index: 10; content: ""; transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s; } .h_DownShow.started.delighter:before { transform: translateY(-100%); } /*homeTit*/ .h_homeTitBox { text-align: center; margin-bottom: 30px; } .h_homeTit { font-size: 32px; color: #222; font-weight: normal; position: relative; margin-bottom: 16px; } .h_homeLine { display: block; width: 40px; height: 2px; background: #1e5fc3; } .h_homeTit:after { content: ''; position: absolute; bottom: 0; width: 21px; height: 10px; background: url(/img/hTitAft.png); vertical-align: text-bottom; } .h_homeTitSum { font-size: 16px; color: #9e9e9e; margin-top: 16px; } @media only screen and (max-width: 768px){ .h_homeTitBox{ margin-bottom:24px !important; } .h_homeTit { font-size: 24px; } .h_homeTitSum { font-size: 14px; } .h_homeTitSum br { display: none; } } /*img*/ .h_imgBox{ overflow:hidden; } img{ max-width:100%; } .h_imgBox:hover img{ transform:scale(1.1); } /*homeTitEnd*/ /*transition*/ .h_transition *,.h_transition{ transition: all 0.5s ease; -moz-transition: all 0.5s ease; /* Firefox 4 */ -webkit-transition: all 0.5s ease; /* Safari and Chrome */ -o-transition: all 0.5s ease; /* Opera */ } /*maxwidth*/ .h_maxwidth { max-width: 1400px; padding: 0; margin: 0 auto; width:94%; } /*flex*/ .h_flexBox { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } /*position*/ .h_relative{ position:relative; } .h_absolute{ position:absolute; } /*footerNav*/ .footerCateTit { font-size: 22px; color: #fff; font-weight: 700; margin-bottom: 36px; } .footerCateLink { display: block; font-size: 16px; color: #ccc; line-height: 30px; transition: all 0.5s ease; } .footerCateLink a { font-size: 16px; color: #ccc; transition: all 0.5s ease; } a.footerCateLink:hover { color: #1e5fc3; } .footerCateLink a:hover { color: #1e5fc3; } /*button*/ .h_btnMore { display: block; width: 210px; height: 60px; background: #515151; color: #fff; font-size: 16px; margin: 0 auto; text-align: center; line-height: 60px; transition: all 0.5s ease; } /*cateButton*/ .btn-primary { background-color: #3a3a3a !important; border-color: #3a3a3a !important; } .btn-primary:hover { background-color: #1e5fc3 !important; border-color: #1e5fc3 !important; } /*page*/ .p_page .pageNum.active, .p_page .pageNum:hover, .p_page .next:hover, .p_page .pre:hover, .p_pagebox .next, .p_pagebox .pre { background-color: #1e5fc3 !important; color: #fff; border-color: #1e5fc3 !important; border-radius: 0px; } .p_page .pageNum, .p_page .pre, .p_page .next { border-radius: 0px; } .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active { background: #f5f5f5 !important; border-color: #d9d9d9 !important; color: #bfbfbf !important; } /* input */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc !important; font-size: 14px !important; font-family: MicrosoftYaHei; } input:-moz-placeholder, textarea:-moz-placeholder { color: #ccc !important; font-size: 14px !important; font-family: MicrosoftYaHei; } input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc !important; font-size: 14px !important; font-family: MicrosoftYaHei; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc !important; font-size: 14px !important; font-family: MicrosoftYaHei; } /* listCol */ .listCol_1 { display: inline-block; width: 100%; } .listCol_2 { display: inline-block; width: 50%; } .listCol_3 { display: inline-block; width: 33.333%; } .listCol_4 { display: inline-block; width: 25%; } .listCol_5 { display: inline-block; width: 20%; } .listCol_6 { display: inline-block; width: 16.667%; } .listCol_7 { display: inline-block; width: 14.29%; } .listCol_8 { display: inline-block; width: 12.5%; } .listCol_9 { display: inline-block; width: 11.111%; } @media only screen and (max-width: 768px) { div[class*="listCol_"] { width: 100%; } span[style*="font-size:40px"]{ font-size:28px !important; } span[style*="font-size:38px"]{ font-size:24px !important; } span[style*="font-size:36px"]{ font-size:24px !important; } span[style*="font-size:32px"]{ font-size:22px !important; } span[style*="font-size:24px"]{ font-size:18px !important; } span[style*="font-size:20px"]{ font-size:16px !important; } span[style*="font-size:18px"]{ font-size:16px !important; } span[style*="font-size:16px"]{ font-size:14px !important; } } /* Grid End */ @keyframes scaleDrew { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100%{ transform: scale(1); } } /*btnHover*/ .hvr-radial-out:before{ background: #1e5fc3 !important; } /*neiTit*/ .h_neiTitBox { text-align: center; margin-bottom: 20px; } .h_neiTit { font-size: 28px; color: #000; font-weight: 700; } .h_neiTit:after { content: ''; display: block; width: 44px; height: 2px; background: #1e5fc3; margin: 12px auto; } .h_neiTitSum { font-size: 16px; color: #666; } @media only screen and (max-width: 768px){ .h_neiTit { font-size: 24px; } .h_neiTitSum { font-size: 14px; } } /*neiTit End*/ /*swiperPage*/ .swiper-pagination { width: 100%; text-align: center; } .swiper-pagination-bullet { display: inline-block; width: 12px; height: 12px; border: 2px solid #fff; margin: 0 5px; border-radius: 50%; background: transparent; } .swiper-pagination-bullet-active { background: #1e5fc3; border-color: #1e5fc3; } /*渚ц竟婊戝潡*/ ::-webkit-scrollbar{ width:5px; height:2px; } /*鎸囨粴鍔ㄦ潯鏁翠綋閮ㄥ垎锛屽畠鐨勫睘鎬ф湁width,height,background绛?/ ::-webkit-scrollbar-track{ background-color:#eee; } /*鎸囧灞傝建閬撻儴鍒嗭紝褰撲笉闇€瑕佹椂鍙互鐢╠isplay:none灏嗗叾闅愯棌锛屼篃鍙互娣诲姞浣犳兂瑕佺殑棰滆壊*/ ::-webkit-scrollbar-thumb{ background-color:#1e5fc3; } /*鎸囨粴鍔ㄦ潯閲岄潰鍙互鎷栧姩鐨勯儴鍒嗭紝涔熷氨鏄粦鍧?/ .h_jaz{ animation-name: fa_jazani; animation-direction: normal; animation-duration: 1s; animation-delay: 1s; } @keyframes h_jazani { from { -webkit-clip-path: polygon(0 100%, 0% 100%, 100% 0%, 100% 0%); clip-path: polygon(0 100%, 0% 100%, 100% 0%, 100% 0%); } to { -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0%, 0% 0%); clip-path: polygon(0 100%, 100% 100%, 100% 0%, 0% 0%); } }