/* @font-face{ font-family: "BEBAS"; src: url('../font/BEBAS.ttf'),url('../font/BEBAS.eot'); font-weight: normal; font-style: normal; } */ /** 清除内外边距 **/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ th, td /* table elements 表格元素 */ { margin: 0; padding: 0; } /** 设置默认字体 **/ body,button, input, select, textarea /* for ie */ { font: 14px/1.0 "Arial","PingFangSC-Regular","Source Han Sans CN","Microsoft YaHei","黑体","宋体","KaiTi",sans-serif; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;} address, cite, dfn, em, var, i { font-style: normal; } /* 将斜体扶正 */ code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */ small { font-size: 12px; } /* 小于 12px 的中文很难阅读, 让 small 正常化 */ /** 重置列表元素 **/ ul, ol { list-style: none; } /** 重置文本格式元素 **/ a { color: #333; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0);} a:hover { text-decoration: none; cursor: pointer; } sup { vertical-align: text-top; font-size: 0.5em;} /* 重置, 减少对行高的影响 */ sub { vertical-align: text-bottom; } /** 重置表单元素 **/ legend { color: #000; } /* for ie6 */ fieldset, img { border: 0; } /* img 搭车:让链接里的 img 无边框 */ button, input, select, textarea { font-size: 100%; outline: none; border: none; background: none;} /* 使得表单元素在 ie 下能继承字体大小 */ button, input[type="button"] { cursor: pointer;-webkit-appearance: none;} input::-ms-clear{display:none;}/*隐藏文本框叉子*/ input::-ms-reveal{display:none;}/*隐藏密码框小眼睛*/ /* 注:optgroup 无法扶正 */ /** 重置表格元素 **/ table { border-collapse: collapse; border-spacing: 0; } /* 重置 HTML5 元素 */ article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary, time, mark, audio, video { display: block; margin: 0; padding: 0; } strong{ font-weight: normal; } img{ vertical-align: top; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; /* -ms-interpolation-mode: nearest-neighbor; image-rendering: pixelated; */ } html{ font-size: 100px; } body{ color: #333; background: #fff; overflow-x: hidden; } .clear-both::after{ content: "."; display: block; height: 0; visibility: hidden; clear: both; } .w1500{ /* max-width: 1500px; width: 78%; */ max-width: 1300px; width: 67.6%; display: block; margin: 0 auto; box-sizing: border-box; } .w1300{ max-width: 1300px; width: 67.6%; display: block; margin: 0 auto; box-sizing: border-box; } .head-box{ position: fixed; width: 100%; z-index: 9; top: 0; left: 0; background-color: #fff; } .head-box .diva{ height: 1.0rem; display: flex; align-items: center; justify-content: space-between; transition: all 0.5s; } .head-box .a{ flex-shrink: 0; width: 2.4rem; } .head-box .a img{ width: 100%; } .head-box .div{ display: flex; align-items: center; } .head-box .div form{ flex-shrink: 0; width: 2.46rem; height: 0.3rem; border: 1px solid #ccc; border-radius: 0.16rem; position: relative; box-sizing: border-box; padding: 0 0.4rem 0 0.12rem; } .head-box .div form input{ width: 100%; height: 100%; } .head-box .div form button{ position: absolute; width: 0.4rem; height: 100%; line-height: 0.28rem; top: 0; right: 0; font-size: 0.22rem; color: #666; } .head-box .div form button::after{ content: "\eafe"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; } .head-box .div .h6{ position: relative; font-size: 0.12rem; color: #999; display: flex; align-items: center; padding-left: 0.1rem; border-left: 1px solid #ccc; margin-left: 0.1rem; /* padding-right: 0.14rem; */ } .head-box .div .h6::before{ content: "\e85f"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; margin-right: 4px; font-size: 0.14rem; } /* .head-box .div .h6::after{ content: "\e6b5"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; position: absolute; top: 1px; right: 0; } */ .head-box .div .h6 p{ height: 0.14rem; overflow: hidden; } .head-box .div .h6 a{ display: block; line-height: 0.14rem; color: #999; } .head-box .div .a1, .head-box .div .a2{ font-size: 0.12rem; color: #999; padding-left: 0.1rem; border-left: 1px solid #ccc; margin-left: 0.1rem; display: flex; align-items: center; } .head-box .div .a1::before{ content: "\e638"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; margin-right: 4px; font-size: 0.14rem; } .head-box .div .a2::before{ content: "\e60f"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; margin-right: 4px; font-size: 0.14rem; } .menu-dl{ display: none; position: absolute; width: 0.7rem; height: 0.7rem; top: 0; left: 0; justify-content: center; align-items: center; background-color: #fff; cursor: pointer; z-index: 12; transition: all 0.5s ease; } .menu-dl dt{ width: 25px; font-size: 0; text-align: right; } .menu-dl dt i{ display: inline-block; vertical-align: top; width: 100%; height: 2px; background-color: #004EA2; margin: 3px 0; transition: all 0.5s ease; } .menu-active{ } .menu-active dt i:nth-of-type(1){ transform: rotate(45deg) translate(5.5px, 6px); } .menu-active dt i:nth-of-type(2){ opacity: 0; } .menu-active dt i:nth-of-type(3){ transform: rotate(-45deg) translate(5.5px, -6px); } .head-box .divb{ background-color: #414141; } .head-box .divb ul{ font-size: 0; text-align: center; height: 0.6rem; line-height: 0.6rem; display: flex; justify-content: space-between; transition: all 0.5s; } .head-box .divb ul li{ position: relative; /* display: inline-block; vertical-align: top; margin-right: 3%; */ } /* .head-box .divb ul li:last-of-type{ margin-right: 0; } */ .head-box .divb ul li>a{ display: block; font-size: 0.18rem; color: #fff; padding: 0 0.2rem; transition: all 0.5s; } .head-box .divb ul li.active>a{ background-color: #004EA2; } .head-box .divb ul li>a small { display: none; float: right; transition: all 0.5s; } .head-box .divb ul li.active>a small { transform: rotate(-135deg); } .head-box .divb ul li p{ position: absolute; width: auto; min-width: 100%; top: 100%; left: 50%; transform: translateX(-50%); background-color: #fff; padding: 0.1rem 0; display: none; box-shadow: 0 0 0.1rem rgba(0,0,0,0.2); } .head-box .divb ul li p a{ display: block; white-space: nowrap; line-height: 2.0; font-size: 0.16rem; padding: 0 0.1rem; transition: all 0.5s; } .headh-box .diva{ height: 0.9rem; } .headh-box .divb ul{ height: 0.5rem; line-height: 0.5rem; } .foot-box{ background-color: #414141; color: #fff; } .foot-box .diva{ padding: 0.4rem 0 0.32rem; border-bottom: 1px solid #6e6e6e; } .foot-box .diva .w1500{ display: flex; align-items: center; justify-content: space-between; } .foot-box .diva .a{ flex-shrink: 0; width: 4.49rem; } .foot-box .diva .a img{ width: 100%; }.foot-box .diva dl{ display: flex; align-items: center; font-size: 0.14rem; }.foot-box .diva dl dt{ margin-right: 0.14rem; }.foot-box .diva dl dd{ position: relative; flex-shrink: 0; width: 2.6rem; height: 0.4rem; line-height: 0.4rem; position: relative; background-color: #343434; cursor: pointer; } .foot-box .diva dl dd::after{ content: "\e6b5"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; position: absolute; top: 0; right: 0.14rem; font-size: 0.12rem; transition: all 0.5s; } .foot-box .diva dl dd.active::after{ transform: rotate(-180deg); } .foot-box .diva dl h6{ width: 100%; height: 100%; box-sizing: border-box; padding: 0 0.2rem; color: #999; }.foot-box .diva dl p{ position: absolute; width: 100%; top: 100%; left: 0; background-color: #fff; box-sizing: border-box; padding: 0.1rem 0.2rem; display: none; }.foot-box .diva dl a{ display: block; color: #666; line-height: 1.6; margin-bottom: 0.06rem; transition: all 0.5s; } .foot-box .diva dl a:last-of-type{ margin-bottom: 0; } .foot-box .divb{ padding: 0.32rem 0 0.9rem; font-size: 0.16rem; color: #b8b8b8; border-bottom: 0.1rem solid #004ea2; } .foot-box .divb .w1500{ display: flex; justify-content: space-between; } .foot-box .divb .dl{ flex-shrink: 0; width: 35%; } .foot-box .divb .dl dt{ } .foot-box .divb .dl dt p{ line-height: 1.6; } .foot-box .divb .dl dd{ display: flex; margin-top: 0.46rem; } .foot-box .divb .dl dd p{ flex-shrink: 0; width: 1.18rem; margin-right: 0.28rem; } .foot-box .divb .dl dd p:last-of-type{ margin-right: 0; } .foot-box .divb .dl dd p img{ width: 100%; } .foot-box .divb .dl dd p span{ display: block; text-align: center; font-size: 0.14rem; margin-top: 0.12rem; } .foot-box .divb .ul{ flex-shrink: 0; width: 60%; display: flex; justify-content: space-between; } .foot-box .divb .ul li{ } .foot-box .divb .ul li a{ display: block; color: #b8b8b8; line-height: 1.4; margin-top: 0.18rem; transition: all 0.5s; } .foot-box .divb .ul li a:first-of-type{ font-size: 0.2rem; color: #fff; margin-top: 0; margin-bottom: 0.3rem; } .foot-box .divc{ padding: 0.2rem 0; border-top: 0.06rem solid #009fe9; } .foot-box .divc h6{ text-align: center; font-size: 0.14rem; line-height: 1.4; color: #b8b8b8; } .foot-box .divc h6 a{ color: #b8b8b8; transition: all 0.5s; } .banner-box{ height: 20.8vw; background-size: cover; background-position: center; margin-top: 1.6rem; display: flex; justify-content: center; align-items: center; } .banner-box h6{ font-size: 0.5rem; color: #fff; font-weight: bold; } .banner-box h6::after{ content: ""; display: block; width: 0.5rem; height: 5px; background-color: #fff; margin: 0.2rem auto 0; } .box{ position: relative; z-index: 3; background-color: #fff; } .boxs{ margin-top: 1.7rem; } .menu-box{ display: flex; justify-content: center; background-color: #f2f2f2; }.menu-box a{ flex-shrink: 0; white-space: nowrap; padding: 0 0.4rem; height: 0.6rem; line-height: 0.6rem; text-align: center; font-size: 0.16rem; position: relative; transition: all 0.5s; }.menu-box a::before{ content: ""; position: absolute; left: 0; top: 0.15rem; width: 1px; height: 0.3rem; background-color: #dfdfdf; }.menu-box a:first-of-type::before{ display: none; }.menu-box a::after{ content: ""; position: absolute; margin: auto; left: 0; right: 0; bottom: 0; width: 0; height: 2px; background-color: #004ea2; opacity: 0; transition: all 0.5s; } .menu-box a.active{ color: #004EA2; } .menu-box a.active::after{ width: 100%; opacity: 1; }.pd{ padding: 0.6rem 0 1.0rem; } .title-h5{ font-size: 0.3rem; text-align: center; margin-bottom: 0.56rem; } .title-h5::after{ content: ""; display: block; width: 0.3rem; height: 3px; margin: 0.12rem auto 0; background-color: #004EA2; } .paging-box{ font-size: 0; text-align: center; margin-top: 0.6rem; } .paging-box a{ display: inline-block; vertical-align: top; width: 0.38rem; height: 0.38rem; line-height: 0.38rem; border: 1px solid #656565; border-radius: 0.06rem; line-height: 0.38rem; font-size: 0.14rem; margin: 0 0.06rem; transition: all 0.5s; } .paging-box a.prev, .paging-box a.next{ width: 0.8rem; } .paging-box a.active{ background-color: #004EA2; border-color: #004EA2; color: #fff; } .swiper-button{ z-index: 3; width: 0.6rem; height: 0.6rem; font-size: 0.6rem; margin-top: -0.3rem; opacity: 1; outline: none; background: none; color: #0093d7; } .swiper-button-prev{ left: 0; } .swiper-button-next{ right: 0; } .swiper-button-prev::after{ content: "\eb15"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; } .swiper-button-next::after{ content: "\eb16"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; } .schd-box{ } .schd-box .module1{ } .schd-box .module1 li{ background-color: #f2f2f2; margin-top: 0.38rem; transition: all 0.5s; } .schd-box .module1 li a{ display: flex; align-items: center; height: 3.6rem; } .schd-box .module1 li em{ flex-shrink: 0; width: 38.5%; height: 100%; overflow: hidden; } .schd-box .module1 li em i{ display: block; width: 100%; height: 100%; background-size: cover; background-position: center; transition: all 0.5s; } .schd-box .module1 li div{ flex-shrink: 0; width: 61.5%; box-sizing: border-box; padding: 0 0.5rem; } .schd-box .module1 li div h6{ font-size: 0.2rem; transition: all 0.5s; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .schd-box .module1 li div p{ font-size: 0.16rem; line-height: 1.8; color: #666; height: 0.88rem; overflow: hidden; margin: 0.22rem 0 0.38rem; } .schd-box .module1 li div span{ display: block; font-size: 0.16rem; margin-bottom: 0.16rem; } .schd-box .module1 li div span:last-of-type{ margin-bottom: 0; } .gsdt-box{ } .gsdt-box .module1{ display: flex; height: 4.0rem; align-items: center; background-color: #f2f2f2; margin-bottom: 0.6rem; } .gsdt-box .module1 em{ flex-shrink: 0; width: 50%; height: 100%; overflow: hidden; } .gsdt-box .module1 em i{ display: block; width: 100%; height: 100%; background-size: cover; background-position: center; transition: all 0.5s; } .gsdt-box .module1 div{ flex-shrink: 0; width: 50%; box-sizing: border-box; padding: 0 0.5rem; } .gsdt-box .module1 div h6{ font-size: 0.2rem; line-height: 1.4; transition: all 0.5s; } .gsdt-box .module1 div span{ display: block; font-size: 0.14rem; color: #999; margin-top: 0.2rem; } .gsdt-box .module1 div p{ font-size: 0.16rem; line-height: 1.8; color: #666; height: 0.86rem; overflow: hidden; margin: 0.32rem 0; } .gsdt-box .module1 div strong{ display: block; font-size: 0.16rem; color: #004EA2; line-height: 0.28rem; } .gsdt-box .module1 div strong::after{ content: "\eb08"; font-size: 0.26rem; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; display: inline-block; vertical-align: top; line-height: 1; margin-left: 0.04rem; transition: all 0.5s; } .gsdt-box .module2{ margin-top: -0.36rem; } .gsdt-box .module2 li{ float: left; width: 32%; margin-right: 2%; background-color: #f2f2f2; margin-top: 0.36rem; transition: all 0.5s; } .gsdt-box .module2 li:nth-of-type(3n){ margin-right: 0; } .gsdt-box .module2 li a{ display: block; } .gsdt-box .module2 li em{ display: block; width: 100%; padding-bottom: 62%; position: relative; overflow: hidden; } .gsdt-box .module2 li em i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.5s; } .gsdt-box .module2 li div{ padding: 0.24rem 0.24rem 0.28rem; background-image: url(../img/sk5.png); background-size: 100% 100%; transition: all 0.5s; } .gsdt-box .module2 li div h6{ font-size: 0.2rem; height: 0.56rem; overflow: hidden; line-height: 1.4; margin-bottom: 0.22rem; transition: all 0.5s; } .gsdt-box .module2 li div span{ font-size: 0.14rem; color: #999; transition: all 0.5s; } .gsdt-box .return-a{ display: block; margin: 0.5rem auto 0; width: 1.12rem; height: 0.42rem; background-image: url(../img/sk3.png); background-size: 100% 100%; color: #fff; text-align: center; line-height: 0.42rem; font-size: 0.14rem; } .zczc-box{ } .zczc-box .module1{ } .zczc-box .module1 li{ background-image: url(../img/sk5.png); background-size: 100% 100%; transition: all 0.5s; margin-top: 0.38rem; } .zczc-box .module1 li a{ padding: 0.38rem; display: block; } .zczc-box .module1 li h6{ font-size: 0.2rem; line-height: 1.4; margin-bottom: 0.22rem; transition: all 0.5s; } .zczc-box .module1 li p{ font-size: 0.16rem; line-height: 1.8; color: #666; height: 0.59rem; overflow: hidden; margin: 0.16rem 0 0.38rem; transition: all 0.5s; } .zczc-box .module1 li span{ font-size: 0.14rem; color: #999; transition: all 0.5s; } .xpfb-box{ } .xpfb-box .module1{ display: flex; height: 4.5rem; align-items: center; background-color: #f2f2f2; margin-bottom: 0.6rem; } .xpfb-box .module1 em{ flex-shrink: 0; width: 50%; height: 100%; overflow: hidden; } .xpfb-box .module1 em i{ display: block; width: 100%; height: 100%; background-size: cover; background-position: center; transition: all 0.5s; } .xpfb-box .module1 div{ flex-shrink: 0; width: 50%; box-sizing: border-box; padding: 0 0.5rem; } .xpfb-box .module1 div span{ display: block; height: 0.5rem; width: 1.66rem; line-height: 0.5rem; text-align: center; font-weight: bold; background-image: url(../img/sk2.png); background-size: 100% 100%; font-size: 0.24rem; color: #fff; margin-bottom: 0.32rem; } .xpfb-box .module1 div h6{ font-size: 0.2rem; line-height: 1.4; transition: all 0.5s; } .xpfb-box .module1 div p{ font-size: 0.16rem; line-height: 1.8; color: #666; height: 0.88rem; overflow: hidden; margin: 0.32rem 0 0.46rem; } .xpfb-box .module1 div strong{ display: block; font-size: 0.16rem; color: #004EA2; line-height: 0.28rem; } .xpfb-box .module1 div strong::after{ content: "\eb08"; font-size: 0.26rem; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; display: inline-block; vertical-align: top; line-height: 1; margin-left: 0.04rem; transition: all 0.5s; } .xpfb-box .module2{ } .xpfb-box .module2 li{ margin-top: 0.38rem; box-sizing: border-box; border: 1px solid #e6e6e6; transition: all 0.5s; } .xpfb-box .module2 li a{ width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0.2rem; box-sizing: border-box; } .xpfb-box .module2 li h5{ flex-shrink: 0; width: 1.2rem; height: 1.2rem; display: flex; align-items: center; justify-content: center; font-size: 0.34rem; background-image: url(../img/sk2.png); background-size: 100% 100%; color: #fff; transition: all 0.5s; } .xpfb-box .module2 li h5 strong{ text-align: right; font-weight: bold; } .xpfb-box .module2 li h5 small{ display: block; font-size: 0.2rem; margin-bottom: 0.1rem; font-weight: normal; } .xpfb-box .module2 li div{ flex: 1; min-width: 0; margin: 0 0.5rem; } .xpfb-box .module2 li div h6{ font-size: 0.2rem; line-height: 1.4; transition: all 0.5s; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .xpfb-box .module2 li div p{ font-size: 0.16rem; line-height: 1.8; color: #666; height: 0.59rem; overflow: hidden; margin-top: 0.2rem; } .xpfb-box .module2 li em{ flex-shrink: 0; width: 3.0rem; height: 1.9rem; overflow: hidden; } .xpfb-box .module2 li em i{ display: block; width: 100%; height: 100%; background-size: cover; background-position: center; transition: all 0.5s; } .xpfb-box .swiper-container{ margin-bottom: 0.6rem; } .xpfb-box .swiper-slide{ background-size: cover; background-position: center; padding-bottom: 20%; transform: scale(0.8); opacity: 0.6; transition: all 0.5s; } .xpfb-box .swiper-slide-active{ opacity: 1; transform: scale(1); } .xpfb-box .swiper-button{ color: #fff; background-color: #004EA2; width: 0.5rem; height: 0.6rem; margin-top: -0.3rem; font-size: 0.4rem; text-align: center; line-height: 0.6rem; } .xpfb-box .swiper-button-prev{ left: calc(30% - 0.8rem); } .xpfb-box .swiper-button-next{ right: calc(30% - 0.8rem); } .nxjl-box{ } .nxjl-box .module1{ position: relative; width: 100%; padding-bottom: 46.6%; margin-bottom: 0.6rem; } .nxjl-box .module1 a{ position: absolute; width: 50%; height: 100%; top: 0; left: 0; overflow: hidden; } .nxjl-box .module1 a:nth-of-type(2){ height: 50%; top: 0; left: 50%; } .nxjl-box .module1 a:nth-of-type(3){ height: 50%; top: 50%; left: 50%; } .nxjl-box .module1 a i{ display: block; width: 100%; height: 100%; background-size: cover; background-position: center; transition: all 0.5s; } .nxjl-box .module1 a h6{ position: absolute; left: 0; bottom: 0; width: 100%; height: 0.74rem; line-height: 0.74rem; background-color: rgba(0,0,0,0.68); font-size: 0.2rem; color: #fff; box-sizing: border-box; padding: 0 0.32rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .nxjl-box .module2{ margin-top: -0.36rem; } .nxjl-box .module2 li{ float: left; width: 32%; margin-right: 2%; margin-top: 0.36rem; transition: all 0.5s; } .nxjl-box .module2 li:nth-of-type(3n){ margin-right: 0; } .nxjl-box .module2 li a{ display: block; } .nxjl-box .module2 li em{ display: block; width: 100%; padding-bottom: 62%; position: relative; overflow: hidden; } .nxjl-box .module2 li em i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.5s; } .nxjl-box .module2 li div{ box-sizing: border-box; padding: 0.24rem 0 0.24rem; background-image: url(../img/sk0.png); background-size: 100% 100%; transition: all 0.5s; } .nxjl-box .module2 li div h6{ font-size: 0.2rem; transition: all 0.5s; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 0.14rem; } .nxjl-box .module2 li div p{ font-size: 0.16rem; line-height: 1.8; color: #666; height: 0.88rem; overflow: hidden; } .nxjl-box .module2 li div span{ display: block; padding-top: 0.14rem; margin-top: 0.14rem; border-top: 1px solid #f2f2f2; font-size: 0.14rem; color: #999; transition: all 0.5s; } .mtgz-box .module2 li div{ padding: 0.24rem; background-image: url(../img/sk5.png); } .mtgz-box .module2 li div span{ border-top: none; } .nxjl-box .module3{ } .nxjl-box .module3 li{ display: flex; padding: 0.36rem; background-color: #F2F2F2; margin-top: 0.6rem; } .nxjl-box .module3 li h5{ flex-shrink: 0; width: 1.2rem; height: 1.2rem; display: flex; align-items: center; justify-content: center; font-size: 0.34rem; background-image: url(../img/sk2.png); background-size: 100% 100%; color: #fff; transition: all 0.5s; } .nxjl-box .module3 li h5 strong{ text-align: right; font-weight: bold; } .nxjl-box .module3 li h5 small{ display: block; font-size: 0.2rem; margin-bottom: 0.1rem; font-weight: normal; } .nxjl-box .module3 li .div{ flex: 1; min-width: 0; margin-left: 0.36rem; padding-top: 0.18rem; } .nxjl-box .module3 li .div h6{ font-size: 0.26rem; line-height: 1.4; margin-bottom: 0.46rem; } .nxjl-box .module3 li .swiper-container{ padding-bottom: 0.46rem; } .nxjl-box .module3 li .swiper-pagination{ top: auto; bottom: 0 !important; } .nxjl-box .module3 li .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color: #004EA2; } .nxjl-box .module3 li .swiper-slide img{ width: 100%; } .preview-box{ position: fixed; z-index: 11; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.8); display: none; } .preview-box .module1{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 50%; max-width: 960px; } .preview-box .module1 .out-i{ position: absolute; width: 0.4rem; height: 0.4rem; cursor: pointer; top: -0.4rem; right: -0.4rem; text-align: center; line-height: 0.4rem; color: #fff; font-size: 0.34rem; } .preview-box .module1 .out-i::after{ content: "\eaf4"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; } .preview-box .gallery-top{ } .preview-box .gallery-top .swiper-slide{ padding-bottom: 60%; background-size: cover; background-position: center; } .preview-box .thumbs-div{ position: relative; padding: 0 0.5rem; margin-top: 0.4rem; } .preview-box .gallery-thumbs{ } .preview-box .gallery-thumbs .swiper-slide{ padding-bottom: 14%; background-size: cover; background-position: center; opacity: 0.6; } .preview-box .gallery-thumbs .swiper-slide-thumb-active{ opacity: 1; } .preview-box .swiper-button{ width: 0.5rem; height: 0.5rem; margin-top: -0.25rem; font-size: 0.5rem; color: #fff; } .preview-box .swiper-button-next{ right: -0.1rem; } .preview-box .swiper-button-prev{ left: -0.1rem; } .swiper-pagination{ bottom: 0 !important; } .swiper-pagination span{ width: 0.12rem; height: 0.12rem; opacity: 1; background-color: #ccc; } .swiper-pagination .swiper-pagination-bullet-active{ background-color: #004EA2; } .gywm-box{ } .gywm-box .module1{ display: flex; } .gywm-box .module1 dt{ flex-shrink: 0; width: 50%; background-size: cover; background-position: center; } .gywm-box .module1 dd{ flex-shrink: 0; width: 45%; margin-left: 5%; } .gywm-box .module1 dd h6{ font-size: 0.26rem; line-height: 1.4; font-weight: bold; } .gywm-box .module1 dd p{ font-size: 0.18rem; line-height: 2; text-align: justify; margin-top: 0.24rem; } .gywm-box .swiper-container{ margin-top: 0.6rem; padding-bottom: 0.8rem; } .gywm-box .swiper-slide{ padding-bottom: 20%; background-size: cover; background-position: center; } .gywm-box .module2{ margin-top: 0.6rem; } .gywm-box .module2 p{ font-size: 0.16rem; line-height: 1.8; color: #666; } .qyyj-box{ } .qyyj-box .module1{ display: flex; justify-content: space-between; } .qyyj-box .module1 li{ flex-shrink: 0; width: 23.8%; box-sizing: border-box; padding: 0.46rem 0.46rem 0.7rem; background-color: #f2f2f2; text-align: center; } .qyyj-box .module1 li img{ width: 1.1rem; height: 1.1rem; background-color: #fff; border-radius: 50%; } .qyyj-box .module1 li h6{ font-size: 0.26rem; font-weight: bold; margin: 0.22rem 0 0.18rem; } .qyyj-box .module1 li p{ font-size: 0.18rem; line-height: 1.6; color: #666; } .qyyj-box .module2{ width: 100%; margin-top: 0.6rem; } .lggs-box{ } .lggs-box .module1{ display: flex; justify-content: space-between; align-items: center; } .lggs-box .module1 dt{ flex-shrink: 0; width: 32%; background-color: #f2f2f2; padding: 0.64rem; text-align: center; box-sizing: border-box; } .lggs-box .module1 img{ width: 2.42rem; max-width: 100%; } .lggs-box .module1 dd{ flex-shrink: 0; width: 63%; font-size: 0.18rem; line-height: 2; text-align: justify; } .lggs-box .module2{ margin-top: 0.6rem; } .lggs-box .module2 dt{ width: 44%; padding-bottom: 24%; position: relative; background-image: url(../img/tp16.jpg); background-size: cover; background-position: center; } .lggs-box .module2 dt video{ position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; background-color: #111; opacity: 0; transition: all 0.5s; } .lggs-box .module2 dt::after{ content: ""; position: absolute; top: 50%; left: 50%; margin: -0.34rem 0 0 -0.34rem; width: 0.68rem; height: 0.68rem; background-image: url(../img/tb5.png); background-size: 100% 100%; transition: all 0.5s; } .lggs-box .module2 dd{ width: 51%; } .lggs-box .module2 .show video{ opacity: 1; } .lggs-box .module2 .show::after{ opacity: 0; transform: scale(1.4); } .jszc-box{ } .jszc-box .module1{ display: flex; background-color: #F2F2F2; } .jszc-box .module1 dt{ flex-shrink: 0; width: 4.28rem; background-position: center; background-size: cover; } .jszc-box .module1 dd{ flex-shrink: 0; flex: 1; box-sizing: border-box; padding: 0.56rem 0.62rem; } .jszc-box .module1 dd p{ font-size: 0.18rem; line-height: 1.6; text-align: justify; margin-bottom: 0.16rem; } .jszc-box .module1 dd p:last-of-type{ margin-bottom: 0; } .jszc-box .swiper-container{ margin: 0.6rem 0; padding-bottom: 0.6rem; } .jszc-box .swiper-slide{ padding-bottom: 20%; background-size: cover; background-position: center; } .jszc-box .module2{ margin-top: -0.36rem; display: flex; flex-wrap: wrap; justify-content: space-between; } .jszc-box .module2 li{ flex-shrink: 0; width: calc(50% - 0.18rem); box-sizing: border-box; padding: 0.24rem 0 0.24rem 0.3rem; background-color: #F2F2F2; display: flex; align-items: center; margin-top: 0.36rem; } .jszc-box .module2 li i{ flex-shrink: 0; width: 2.0rem; height: 2.0rem; background-position: center; background-size: cover; } .jszc-box .module2 li dl{ flex: 1; margin-left: 0.3rem; } .jszc-box .module2 li dt{ font-size: 0.20rem; margin-bottom: 0.14rem; line-height: 1.4; } .jszc-box .module2 li dd{ } .jszc-box .module2 li dd p{ font-size: 0.16rem; height: 0.2rem; line-height: 0.2rem; color: #666; margin-bottom: 0.14rem; padding-left: 0.3rem; background-size: 0.2rem; background-repeat: no-repeat; display: flex; } .jszc-box .module2 li dd p:last-of-type{ margin-bottom: 0; } .jszc-box .module2 li dd .p1{ background-image: url(../img/tb20.png); } .jszc-box .module2 li dd .p2{ background-image: url(../img/tb21.png); } .jszc-box .module2 li dd .p3{ background-image: url(../img/tb22.png); } .jszc-box .module2 li dd .p4{ background-image: url(../img/tb23.png); } .jszc-box .module2 li dd p em{ display: inline-block; vertical-align: top; position: relative; width: 0.24rem; height: 0.24rem; cursor: pointer; } .jszc-box .module2 li dd p em img{ position: absolute; left: 0; bottom: 0; width: 0.3rem; height: 0.3rem; transition: all 0.5s; } .jszc-box .box2{ margin-top: 0.8rem; } .jszc-box .module3{ font-size: 0; } .jszc-box .module3 p{ display: inline-block; vertical-align: top; width: 32%; margin-right: 2%; font-size: 0; position: relative; margin-bottom: 0.3rem; } .jszc-box .module3 p:nth-of-type(3n){ margin-right: 0; } .jszc-box .module3 .length-p{ width: 100%; } .jszc-box .module3 p span{ display: inline-block; vertical-align: top; width: 1.1rem; height: 0.44rem; line-height: 0.44rem; font-size: 0.18rem; } .jszc-box .module3 p input{ display: inline-block; vertical-align: top; width: calc(100% - 1.1rem); height: 0.44rem; box-sizing: border-box; border: 1px solid #ccc; padding: 0 16px; font-size: 0.18rem; } .jszc-box .module3 p select{ display: inline-block; vertical-align: top; width: calc(100% - 1.1rem); height: 0.44rem; box-sizing: border-box; border: 1px solid #ccc; padding: 0 12px; font-size: 0.18rem; } .jszc-box .module3 p textarea{ display: inline-block; vertical-align: top; width: calc(100% - 1.1rem); height: 1.7rem; line-height: 0.3rem; box-sizing: border-box; border: 1px solid #ccc; padding: 0.06rem 12px; font-size: 0.18rem; resize: none; } .jszc-box .module3 .bt-p::after{ content: "*"; position: absolute; font-size: 0.2rem; height: 0.44rem; line-height: 0.44rem; right: 0.1rem; top: 0; color: #fe0000; } .jszc-box .module3 button{ display: block; margin: 0.1rem auto 0; width: 1.42rem; height: 0.53rem; background-image: url(../img/sk4.png); background-size: 100% 100%; color: #fff; font-size: 0.18rem; } .hzxq-box .module3 p{ width: 48%; margin-right: 4%; } .hzxq-box .module3 p:nth-of-type(3n){ margin-right: 4%; } .hzxq-box .module3 p:nth-of-type(2n){ margin-right: 0; } .shfw-box{ padding-bottom: 0; } .shfw-box .module1{ display: flex; } .shfw-box .module1 dt{ flex-shrink: 0; width: 40%; background-size: cover; background-position: center; } .shfw-box .module1 dd{ flex: 1; margin-left: 0.56rem; } .shfw-box .module1 dd h6{ font-size: 0.18rem; line-height: 1.6; margin-bottom: 0.2rem; } .shfw-box .module1 dd ul{ padding-bottom: 0.06rem; } .shfw-box .module1 dd li{ display: flex; align-items: center; background-color: #f2f2f2; padding: 0.05rem 0.07rem; font-size: 0.18rem; line-height: 1.6; margin-top: 0.14rem; } .shfw-box .module1 dd li img{ flex-shrink: 0; width: 0.53rem; } .shfw-box .module1 dd li strong{ flex-shrink: 0; width: 1.8rem; margin: 0 0.16rem; } .shfw-box .module1 dd li p{ flex: 1; min-width: 0; } .shfw-box .module2{ padding: 0.8rem 0; margin-top: 0.6rem; background-image: url(../img/tp42.jpg); background-size: cover; background-position: center; } .shfw-box .module2 .w1500{ } .shfw-box .module2 .div{ width: 51%; box-sizing: border-box; padding: 0.9rem 0.75rem; background-image: url(../img/sk2.png); background-size: 100% 100%; color: #fff; } .shfw-box .module2 h6{ font-size: 0.2rem; margin-bottom: 0.18rem; } .shfw-box .module2 h5{ font-size: 0.5rem; font-weight: bold; margin-bottom: 0.36rem; } .shfw-box .module2 p{ font-size: 0.2rem; line-height: 1.6; margin-bottom: 0.24rem; } .shfw-box .module2 ul{ } .shfw-box .module2 li{ display: flex; font-size: 0.2rem; line-height: 1.6; margin-top: 0.06rem; } .shfw-box .module2 li span{ flex-shrink: 0; width: 1.1rem; } .shfw-box .module2 li em{ flex: 1; min-width: 0; } .zlxz-box{ } .zlxz-box .module1{ display: flex; align-items: flex-start; } .zlxz-box .divl{ flex-shrink: 0; width: 26.6%; box-sizing: border-box; padding: 0.18rem 0.2rem; background-color: #f2f2f2; margin-right: 1.1rem; position: relative; } .zlxz-box .divl::after{ content: ""; position: absolute; width: 1px; height: 100%; top: 0; right: -0.55rem; background-color: #fafafa; } .zlxz-box .divl h6{ height: 0.5rem; line-height: 0.5rem; color: #fff; font-size: 0.24rem; text-align: center; background-image: url(../img/sk2.png); background-size: 100% 100%; margin-bottom: 0.4rem; } .zlxz-box .divl div{ } .zlxz-box .divl div a{ display: block; font-size: 0.18rem; line-height: 1.6; color: #666; margin-bottom: 0.4rem; transition: all 0.5s; } .zlxz-box .divr{ flex: 1; } .zlxz-box .divr .ul{ display: flex; justify-content: space-between; } .zlxz-box .divr .ul li{ } .zlxz-box .divr .ul li a{ display: block; } .zlxz-box .divr .ul li em{ display: block; width: 0.98rem; height: 0.92rem; background-color: #e5f2ff; border-radius: 0.05rem; position: relative; transition: all 0.5s; } .zlxz-box .divr .ul li em img{ position: absolute; top: 50%; left: 50%; width: 0.4rem; transform: translate(-50%,-50%); transition: all 0.5s; } .zlxz-box .divr .ul li em img:nth-of-type(1){ opacity: 1; } .zlxz-box .divr .ul li em img:nth-of-type(2){ opacity: 0; } .zlxz-box .divr .ul li.active em{ background-color: #004EA2; } .zlxz-box .divr .ul li.active em img:nth-of-type(1){ opacity: 0; } .zlxz-box .divr .ul li.active em img:nth-of-type(2){ opacity: 1; } .zlxz-box .divr .ul li span{ display: block; text-align: center; font-size: 0.18rem; margin-top: 0.24rem; } .zlxz-box .divr .div{ margin-top: 0.56rem; } .zlxz-box .divr .div a{ display: block; font-size: 0.2rem; height: 0.7rem; line-height: 0.7rem; border-bottom: 1px solid #f2f2f2; position: relative; padding-right: 0.5rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.5s; } .zlxz-box .divr .div a::after{ content: "\e8c6"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; position: absolute; font-size: 0.26rem; line-height: 1; right: 0; top: 50%; margin-top: -0.13rem; } .hzhb-box{ } .hzhb-box .box1{ padding: 0.6rem 0; } .hzhb-box .module1{ display: flex; flex-wrap: wrap; } .hzhb-box .module1 li{ float: left; width: 14.28%; text-align: center; padding: 0.2rem 0.12rem; box-sizing: border-box; position: relative; } .hzhb-box .module1 li img{ height: 0.71rem; } .hzhb-box .module1 li span{ display: block; font-size: 0.16rem; line-height: 1.4; margin-top: 0.24rem; } .hzhb-box .module1 li::before{ content: ""; position: absolute; top: 0; left: 0.12rem; width: calc(100% - 0.24rem); height: 1px; background-color: #ccc; } .hzhb-box .module1 li::after{ content: ""; position: absolute; right: 0; top: 0.12rem; width: 1px; height: calc(100% - 0.24rem); background-color: #ccc; } .hzhb-box .module1 li:nth-of-type(7n)::after{ opacity: 0; } .hzhb-box .module1 li:nth-of-type(1)::before, .hzhb-box .module1 li:nth-of-type(2)::before, .hzhb-box .module1 li:nth-of-type(3)::before, .hzhb-box .module1 li:nth-of-type(4)::before, .hzhb-box .module1 li:nth-of-type(5)::before, .hzhb-box .module1 li:nth-of-type(6)::before, .hzhb-box .module1 li:nth-of-type(7)::before{ opacity: 0; } .hzhb-box .box2{ background-color: #F2F2F2; } .hzhb-box .module2{ position: relative; } .hzhb-box .module2 .swiper-button-prev{ left: -0.8rem; } .hzhb-box .module2 .swiper-button-next{ right: -0.8rem; } .hzhb-box .module2 .swiper-slide{ } .hzhb-box .module2 .swiper-slide em{ display: block; width: 100%; padding-bottom: 62%; position: relative; overflow: hidden; } .hzhb-box .module2 .swiper-slide em i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.5s; } .hzhb-box .module2 .swiper-slide div{ padding: 0.24rem 0.24rem 0.28rem; background-image: url(../img/sk0.png); background-size: 100% 100%; transition: all 0.5s; } .hzhb-box .module2 .swiper-slide div h6{ font-size: 0.2rem; line-height: 1.4; height: 0.56rem; overflow: hidden; margin-bottom: 0.22rem; transition: all 0.5s; } .hzhb-box .module2 .swiper-slide div span{ font-size: 0.14rem; color: #999; transition: all 0.5s; } .spzx-box{ } .spzx-box .module1{ margin-top: -0.42rem; } .spzx-box .module1 li{ float: left; width: 32%; margin-right: 2%; margin-top: 0.42rem; cursor: pointer; } .spzx-box .module1 li:nth-of-type(3n){ margin-right: 0; } .spzx-box .module1 li em{ display: block; width: 100%; padding-bottom: 62%; position: relative; overflow: hidden; } .spzx-box .module1 li em::before{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; background-color: rgba(0,0,0,0.34); } .spzx-box .module1 li em::after{ content: ""; position: absolute; width: 0.62rem; height: 0.62rem; z-index: 4; background-image: url(../img/tb5.png); background-size: 100% 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); } .spzx-box .module1 li em i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.5s; } .spzx-box .module1 li p{ margin-top: 0.26rem; text-align: center; font-size: 0.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.5s; } .jsyf-box{ } .jsyf-box .module1{ position: relative; padding: 0.8rem 0.64rem 0.8rem 0.84rem; background-color: #F2F2F2; margin-top: 1.26rem; } .jsyf-box .module1 dt{ position: absolute; left: 0.84rem; top: -0.7rem; width: 4.9rem; height: 5.9rem; background-size: cover; background-position: center; } .jsyf-box .module1 dd{ margin-left: 5.74rem; height: 4.3rem; } .jsyf-box .module1 dd p{ font-size: 0.18rem; line-height: 2.0 !important; } .mCustomScrollBox{ padding-right: 0.2rem; } .mCSB_inside>.mCSB_container{ margin-right: 0; } .mCSB_scrollTools{ width: 2px; right: 0.15rem; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #ddd !important; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #004EA2 !important; width: 2px !important; } .jsyf-box .module2{ } .jsyf-box .module2 li{ display: flex; align-items: center; padding: 0.34rem; background-color: #F2F2F2; margin-top: 0.4rem; } .jsyf-box .module2 li em{ flex-shrink: 0; width: 30%; max-width: 4.89rem; height: 2.17rem; background-size: cover; background-position: center; } .jsyf-box .module2 li div{ flex: 1; margin-left: 0.56rem; } .jsyf-box .module2 li div h5{ font-size: 0.24rem; line-height: 1.4; } .jsyf-box .module2 li div p{ font-size: 0.16rem; color: #666; line-height: 1.6; margin: 0.2rem 0 0.16rem; } .jsyf-box .module2 li div h6{ font-size: 0; } .jsyf-box .module2 li div h6 span{ display: inline-block; vertical-align: top; font-size: 0.16rem; width: 48%; margin-right: 4%; line-height: 0.3rem; margin-top: 0.05rem; cursor: pointer; transition: all 0.5s; } .jsyf-box .module2 li div h6 span:nth-of-type(2n){ margin-right: 0; } .jsyf-box .module2 li div h6 span::before{ content: "● "; color: #004EA2; } .jsyf-box .module2 li div h6 span::after{ content: "\eb08"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; display: inline-block; vertical-align: middle; margin-top: -2px; font-size: 0.24rem; opacity: 0; transition: all 0.5s; } .jsyf-box .module2 li:nth-of-type(2n){ flex-direction: row-reverse; } .jsyf-box .module2 li:nth-of-type(2n) div{ margin-left: 0; margin-right: 0.56rem; } .rydd-box{ } .rydd-box .swiper-container{ } .rydd-box .swiper-slide{ transform: scale(0.8); transition: all 0.5s; } .rydd-box .swiper-slide-active{ transform: scale(1); } .rydd-box .swiper-slide img{ width: 100%; } .rydd-box .module1{ display: flex; background-color: #F2F2F2; padding: 0.6rem; margin-top: 0.6rem; } .rydd-box .module1 dt{ flex-shrink: 0; width: 38%; position: relative; } .rydd-box .module1 dt img{ position: absolute; width: 100%; top: 0; left: 0; } .rydd-box .module1 dd{ flex: 1; min-width: 0; margin-left: 0.56rem; } .rydd-box .module1 dd h5{ height: 0.64rem; background-color: #d9d9d9; line-height: 0.64rem; padding: 0 0.26rem; font-size: 0.26rem; font-weight: bold; } .rydd-box .module1 dd h6{ height: 2.6rem; overflow-y: auto; } .rydd-box .module1 dd p{ position: relative; padding: 0 0.7rem 0 0.26rem; height: 0.64rem; line-height: 0.64rem; border-bottom: 1px solid #ccc; font-size: 0.18rem; color: #666; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .rydd-box .module1 dd p::after{ content: "\eb46"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; position: absolute; right: 0.26rem; top: 0; font-size: 0.24rem; } .rydd-box .module1 dd p.active{ color: #004EA2; } .cplb-box{ } .cplb-box .swiper-container{ margin-bottom: 0.66rem; } .cplb-box .swiper-slide{ box-sizing: border-box; padding: 0 0.5rem; opacity: 0.5; transition: all 0.5s; } .cplb-box .swiper-slide em{ display: block; width: 100%; padding-bottom: 60%; background-size: cover; background-position: center; } .cplb-box .swiper-slide dl{ margin-top: 0.24rem; opacity: 0; transform: translateY(0.4rem); transition: all 0.5s; } .cplb-box .swiper-slide dt{ font-size: 0.26rem; margin-bottom: 0.12rem; font-weight: bold; line-height: 1.4; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .cplb-box .swiper-slide dd{ font-size: 0.16rem; line-height: 1.6; color: #666; height: 0.52rem; overflow: hidden; } .cplb-box .swiper-slide-active{ opacity: 1; } .cplb-box .swiper-slide-active dl{ transform: translateY(0); opacity: 1; } .cplb-box .swiper-button{ color: #fff; background-color: #004EA2; width: 0.5rem; height: 0.6rem; margin-top: -0.3rem; font-size: 0.4rem; text-align: center; line-height: 0.6rem; top: calc(50% - 0.61rem); } .cplb-box .swiper-button-prev{ left: calc(25% - 1rem); } .cplb-box .swiper-button-next{ right: calc(25% - 1rem); } .cplb-box .module1{ margin-top: -0.5rem; } .cplb-box .module1 li{ float: left; width: 48%; margin-right: 4%; margin-top: 0.5rem; } .cplb-box .module1 li a{ display: block; } .cplb-box .module1 li:nth-of-type(2n){ margin-right: 0; } .cplb-box .module1 li em{ display: block; width: 100%; padding-bottom: 57%; position: relative; overflow: hidden; } .cplb-box .module1 li em i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.5s; } .cplb-box .module1 li h6{ font-size: 0.24rem; line-height: 1.4; margin-top: 0.24rem; font-weight: bold; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.5s; } .cplb-box .return-a{ display: block; margin: 0.5rem auto 0; width: 1.12rem; height: 0.42rem; background-image: url(../img/sk3.png); background-size: 100% 100%; color: #fff; text-align: center; line-height: 0.42rem; font-size: 0.14rem; } .jxfw-box{ } .jxfw-box .box1{ margin-bottom: 0.56rem; } .jxfw-box .module3{ font-size: 0.18rem; line-height: 1.6; text-align: justify; margin-top: 0.24rem; } .jxfw-box .swiper-container{ margin-top: 0.5rem; padding-bottom: 0.6rem; } .jxfw-box .swiper-slide{ padding-bottom: 20%; background-size: cover; background-position: center; } .jjfa-box{ padding-bottom: 0; } .jjfa-box .gallery-thumbs{ } .jjfa-box .gallery-thumbs .swiper-slide{ text-align: center; font-size: 0.18rem; color: #666; cursor: pointer; } .jjfa-box .gallery-thumbs .swiper-slide-thumb-active{ color: #004EA2; } .jjfa-box .gallery-top{ height: 38vw; margin-top: 0.5rem; } .jjfa-box .gallery-top .swiper-slide{ display: flex; background-color: #F2F2F2; } .jjfa-box .gallery-top .swiper-slide dt{ flex-shrink: 0; width: 37%; height: 100%; box-sizing: border-box; padding: 5% 5% 0; } .jjfa-box .gallery-top .swiper-slide dt h6{ font-size: 0.28rem; padding-bottom: 0.18rem; border-bottom: 1px solid #ccc; font-weight: bold; } .jjfa-box .gallery-top .swiper-slide dt h6 img{ width: 0.38rem; margin-right: 0.12rem; margin-top: -0.04rem; } .jjfa-box .gallery-top .swiper-slide dt div{ } .jjfa-box .gallery-top .swiper-slide dt a{ display: block; width: 100%; height: 0.54rem; line-height: 0.54rem; box-sizing: border-box; border-bottom: 1px solid #004EA2; color: #004EA2; padding: 0 0.12rem; font-size: 0.18rem; margin-top: 0.3rem; background-image: url(../img/sk5.png); background-size: 100% 100%; transition: all 0.5s; } .jjfa-box .gallery-top .swiper-slide dd{ flex-shrink: 0; width: 63%; height: 100%; background-size: cover; background-position: center; } .faxq-box{ } .faxq-box .module1{ text-align: center; } .faxq-box .module1 h6{ font-size: 0.32rem; line-height: 1.4; font-weight: bold; } .faxq-box .module1 span{ display: block; font-size: 0.14rem; margin-top: 0.22rem; } .faxq-box .module2{ margin: 0.3rem 0; padding: 0.34rem 4%; box-sizing: border-box; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .faxq-box .module2 p{ font-size: 0.16rem; line-height: 1.8; color: #666; text-align: justify; } .faxq-box .module2 p:last-of-type{ margin-bottom: 0; } .faxq-box .module2 p video{ margin: 0 auto; max-width: 100%; } .faxq-box .module2 strong{ font-weight: bold; } .faxq-box .module2 img{ display: block; margin: 0 auto; max-width: 100%; height: auto !important; } .faxq-box .module3{ display: flex; justify-content: space-between; align-items: center; } .faxq-box .module3 .link{ flex-shrink: 0; width: 40%; font-size: 0.16rem; color: #666; line-height: 1.4; /* white-space: nowrap; text-overflow: ellipsis; overflow: hidden; */ } /* .faxq-box .module3 .link:last-of-type{ text-align: right; } */ .faxq-box .module3 .return{ flex-shrink: 0; width: 0.98rem; height: 0.37rem; background-image: url(../img/sk6.png); background-size: 100% 100%; text-align: center; line-height: 0.37rem; color: #fff; } .cpxq-box{ padding-top: 0; } .cpxq-box .module1{ position: relative; } .cpxq-box .module1 dt{ position: absolute; top: 0; left: 0; width: 50%; height: 100%; } .cpxq-box .module1 dt .swiper-container{ width: 100%; height: 100%; } .cpxq-box .module1 dt .swiper-slide{ background-size: 70%; background-position: center; background-repeat: no-repeat; } .cpxq-box .module1 dt .swiper-pagination{ bottom: 0.6rem !important; } .cpxq-box .module1 dd{ margin-left: 50%; min-height: 34vw; width: 44%; box-sizing: border-box; padding: 0.4rem 4%; } .cpxq-box .module1 dd h6{ font-size: 0.3rem; font-weight: bold; padding-bottom: 0.18rem; border-bottom: 1px solid #ccc; margin-bottom: 0.3rem; } .cpxq-box .module1 dd h6::before{ content: ""; display: inline-block; vertical-align: top; width: 4px; height: 0.28rem; border-radius: 2px; background-color: #004EA2; margin-right: 0.14rem; } .cpxq-box .module1 dd p{ font-size: 0.16rem; line-height: 2.0 !important; text-align: justify; } .cpxq-box .thumbs-div{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .cpxq-box .gallery-thumbs{ width: 10.0rem; } .cpxq-box .gallery-thumbs .swiper-slide{ height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.22rem; color: #666; cursor: pointer; } .cpxq-box .gallery-thumbs .swiper-slide-thumb-active{ color: #004EA2; } .cpxq-box .gallery-top{ } .cpxq-box .gallery-top .swiper-slide{ padding-bottom: 0.6rem; } .cpxq-box .module2{ } .cpxq-box .module2 a{ display: block; margin: 0 auto; width: 1.12rem; height: 0.42rem; background-image: url(../img/sk3.png); background-size: 100% 100%; color: #fff; text-align: center; line-height: 0.42rem; font-size: 0.14rem; } .cpxq-box .gallery-top .slide1{ } .cpxq-box .gallery-top .slide1 img{ width: auto; height: auto; display: block; margin: 0 auto; max-width: 100%; } .cpxq-box .gallery-top .slide3 ul{ margin-top: -0.32rem; } .cpxq-box .gallery-top .slide3 ul li{ float: left; width: 32%; margin-right: 2%; margin-top: 0.32rem; } .cpxq-box .gallery-top .slide3 ul li:nth-of-type(3n){ margin-right: 0; } .cpxq-box .gallery-top .slide3 ul li em{ display: block; width: 100%; padding-bottom: 60%; background-size: cover; background-position: center; } .cpxq-box .gallery-top .slide3 ul li h6{ font-size: 0.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; margin-top: 0.22rem; } .cpxq-box .gallery-top .slide4 div{ } .cpxq-box .gallery-top .slide4 div a{ display: block; background-color: #f2f2f2; padding: 0 0.8rem 0 0.36rem; height: 0.7rem; line-height: 0.7rem; font-size: 0.2rem; margin-top: 0.2rem; position: relative; transition: all 0.5s; } .cpxq-box .gallery-top .slide4 div a::after{ content: "\e8c6"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; position: absolute; font-size: 0.26rem; line-height: 1; right: 0.36rem; top: 50%; margin-top: -0.13rem; } .cpxq-box .gallery-top .slide5{ } .cpxq-box .gallery-top .slide5 ul{ } .cpxq-box .gallery-top .slide5 ul li{ display: flex; align-items: center; background-color: #F2F2F2; padding: 0.24rem; margin-top: 0.3rem; } .cpxq-box .gallery-top .slide5 ul li em{ flex-shrink: 0; width: 3.08rem; height: 1.96rem; background-size: cover; background-position: center; } .cpxq-box .gallery-top .slide5 ul li dl{ flex: 1; min-width: 0; margin-left: 0.36rem; } .cpxq-box .gallery-top .slide5 ul li dt{ font-size: 0.2rem; margin-bottom: 0.26rem; } .cpxq-box .gallery-top .slide5 ul li dd{ font-size: 0.16rem; line-height: 1.6; color: #666; } .rcg-box{ } .rcg-box .box1{ padding-bottom: 0; } .rcg-box .module1{ display: flex; align-items: center; width: 86%; margin: 0 auto; } .rcg-box .module1 dt{ flex-shrink: 0; width: 5.0rem; } .rcg-box .module1 dt img{ width: 100%; } .rcg-box .module1 dd{ flex: 1; min-width: 0; margin-left: 0.58rem; } .rcg-box .module1 dd p{ font-size: 0.16rem; line-height: 1.6; margin-bottom: 0.2rem; padding-left: 0.2rem; position: relative; } .rcg-box .module1 dd p::before{ content: "● "; color: #004EA2; position: absolute; top: -1px; left: 0; } .rcg-box .box2{ background-color: #F2F2F2; } .rcg-box .module2{ display: flex; flex-wrap: wrap; justify-content: center; margin-top: -0.2rem; } .rcg-box .module2 li{ flex-shrink: 0; width: 18%; text-align: center; margin-top: 0.2rem; } .rcg-box .module2 li img{ width: 76%; } .xyzy-box{ } .xyzy-box .module1{ margin-top: -0.3rem; } .xyzy-box .module1 li{ float: left; width: 32%; margin-right: 2%; margin-top: 0.3rem; background-color: #F2F2F2; } .xyzy-box .module1 li:nth-of-type(3n){ margin-right: 0; } .xyzy-box .module1 li a{ display: block; padding: 0.26rem 0 0.38rem; text-align: center; } .xyzy-box .module1 li img{ width: 2.8rem; } .xyzy-box .module1 li h6{ font-size: 0.24rem; margin-top: 0.34rem; transition: all 0.5s; } .xyxq-box{ } .xyxq-box .module1{ display: flex; align-items: flex-start; justify-content: space-between; } .xyxq-box .divl{ flex-shrink: 0; width: 65%; box-sizing: border-box; background-color: #F2F2F2; padding: 0 0.42rem 0.42rem; } .xyxq-box .dl1{ padding: 0.52rem 0; display: flex; } .xyxq-box .dl1 dt{ flex-shrink: 0; width: 1.46rem; margin-right: 0.3rem; } .xyxq-box .dl1 dt img{ width: 100%; } .xyxq-box .dl1 dd{ flex: 1; min-width: 0; } .xyxq-box .dl1 dd h5{ font-size: 0.24rem; font-weight: bold; } .xyxq-box .dl1 dd h6{ font-size: 0; margin: 0.32rem 0 0.4rem; } .xyxq-box .dl1 dd h6 span{ font-size: 0.16rem; color: #999; display: inline-block; vertical-align: top; padding-right: 0.24rem; margin-right: 0.24rem; border-right: 1px solid #ccc; } .xyxq-box .dl1 dd h6 span:last-of-type{ margin-right: 0; padding-right: 0; border: none; } .xyxq-box .dl1 dd a{ display: block; width: 1.42rem; height: 0.53rem; background-image: url(../img/sk4.png); background-size: 100% 100%; text-align: center; line-height: 0.53rem; color: #fff; font-size: 0.16rem; } .xyxq-box .dl2{ display: flex; padding: 0.42rem 0; border-top: 1px solid #dfdfdf; } .xyxq-box .dl2 dt{ flex-shrink: 0; width: 1.76rem; font-size: 0.18rem; line-height: 1.5; } .xyxq-box .dl2 dd{ font-size: 0.16rem; line-height: 1.6; color: #666; } .xyxq-box .dl2 dd p{ margin-bottom: 0.06rem; } .xyxq-box .dl2 dd p:last-of-type{ margin-bottom: 0; } .xyxq-box .dl3{ padding: 0.52rem 0; display: flex; align-items: center; justify-content: space-between; } .xyxq-box .dl3 dt{ flex: 1; min-width: 0; margin-right: 0.5rem; } .xyxq-box .dl3 dt h5{ font-size: 0.24rem; font-weight: bold; } .xyxq-box .dl3 dt h6{ font-size: 0; margin: 0.32rem 0 0; } .xyxq-box .dl3 dt h6 span{ font-size: 0.16rem; color: #999; display: inline-block; vertical-align: top; padding-right: 0.24rem; margin-right: 0.24rem; border-right: 1px solid #ccc; } .xyxq-box .dl3 dt h6 span:last-of-type{ margin-right: 0; padding-right: 0; border: none; } .xyxq-box .dl3 dd{ flex-shrink: 0; width: 1.42rem; } .xyxq-box .dl3 dd a{ display: block; width: 100%; height: 0.53rem; background-image: url(../img/sk4.png); background-size: 100% 100%; text-align: center; line-height: 0.53rem; color: #fff; font-size: 0.16rem; } .xyxq-box .return-a{ display: block; margin: 0 auto; width: 1.12rem; height: 0.42rem; background-image: url(../img/sk3.png); background-size: 100% 100%; color: #fff; text-align: center; line-height: 0.42rem; font-size: 0.14rem; } .xyxq-box .divr{ flex-shrink: 0; width: 32.4%; box-sizing: border-box; background-color: #F2F2F2; padding: 0.38rem 0.42rem; } .xyxq-box .divr h5{ font-size: 0.24rem; font-weight: bold; margin-bottom: 0.2rem; } .xyxq-box .divr h6{ flex: 1; min-width: 0; } .xyxq-box .divr h6 a{ display: block; font-size: 0.18rem; color: #666; padding: 0.18rem 0; border-bottom: 1px solid #dfdfdf; transition: all 0.5s; } .shyl-box{ } .shyl-box .module1{ margin-top: -0.3rem; } .shyl-box .module1 li{ float: left; width: 32%; margin-right: 2%; margin-top: 0.3rem; background-image: url(../img/sk5.png); background-size: 100% 100%; transition: all 0.5s; } .shyl-box .module1 li:nth-of-type(3n){ margin-right: 0; } .shyl-box .module1 li a{ display: block; width: 100%; height: 2.1rem; box-sizing: border-box; padding: 0.32rem 0.36rem 0; } .shyl-box .module1 li h5{ font-size: 0.24rem; margin-bottom: 0.2rem; transition: all 0.5s; } .shyl-box .module1 li h6{ } .shyl-box .module1 li h6 span{ display: inline-block; vertical-align: top; font-size: 0.18rem; line-height: 1.6; margin-top: 0.08rem; color: #666; margin-right: 0.6rem; transition: all 0.5s; } .zwkq-box{ } .zwkq-box .module1{ } .zwkq-box .module1 li{ margin-top: 0.3rem; } .zwkq-box .module1 li .h5{ display: flex; align-items: center; justify-content: space-between; height: 0.7rem; box-sizing: border-box; padding: 0 0.3rem 0 0.38rem; background-image: url(../img/sk2.png); background-size: 100% 100%; color: #fff; font-size: 0.24rem; cursor: pointer; } .zwkq-box .module1 li .h5::after{ content: "\eb17"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; font-size: 0.32rem; transition: all 0.5s; } .zwkq-box .module1 .active .h5::after{ transform: rotate(-180deg); } .zwkq-box .module1 li .div{ background-color: #e5f5ff; padding: 0 0.42rem; display: none; } .zwkq-box .module1 li .dl{ display: flex; justify-content: space-between; padding: 0.42rem 0 0.36rem; } .zwkq-box .module1 li .dl dd{ flex-shrink: 0; width: 47%; font-size: 0.16rem; line-height: 1.6; } .zwkq-box .module1 li .dl dd h6{ margin-bottom: 0.12rem; } .zwkq-box .module1 li .dl dd p{ color: #666; } .zwkq-box .module1 li .h6{ display: flex; padding-bottom: 0.42rem; } .zwkq-box .module1 li .h6 a{ flex-shrink: 0; width: 1.29rem; height: 0.52rem; background-image: url(../img/sk4.png); background-size: 100% 100%; color: #fff; text-align: center; line-height: 0.52rem; font-size: 0.16rem; margin-right: 0.24rem; } .resume-box{ position: fixed; z-index: 9; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.8); display: none; } .resume-box form{ position: absolute; width: 10.0rem; background-color: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%); box-sizing: border-box; padding: 0.66rem 0.56rem; } .resume-box form .out-i{ position: absolute; width: 0.4rem; height: 0.4rem; cursor: pointer; top: -0.4rem; right: -0.4rem; text-align: center; line-height: 0.4rem; color: #fff; font-size: 0.34rem; } .resume-box form .out-i::after{ content: "\eaf4"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; } .resume-box form ul{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -0.22rem; } .resume-box form ul li{ position: relative; flex-shrink: 0; width: 48%; font-size: 0; margin-top: 0.22rem; } .resume-box form ul li>span{ display: inline-block; vertical-align: top; width: 1.4rem; height: 0.32rem; line-height: 0.32rem; font-size: 0.16rem; } .resume-box form ul li>input{ display: inline-block; vertical-align: top; width: calc(100% - 1.4rem); box-sizing: border-box; height: 0.32rem; border: 1px solid #ccc; padding: 0 0.2rem; font-size: 0.16rem; } .resume-box form button{ width: 1.42rem; height: 0.53rem; background-image: url(../img/sk4.png); background-size: 100% 100%; color: #fff; text-align: center; line-height: 0.53rem; font-size: 0.16rem; display: block; margin: 0.56rem auto 0; } .apply-box form ul{ flex-direction: column; } .apply-box form ul li{ margin: 0.22rem auto 0; } .upload-div{ display: inline-block; vertical-align: top; width: calc(100% - 1.4rem); box-sizing: border-box; height: 0.32rem; border: 1px solid #ccc; position: relative; } .upload-div .controls h6{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0.14rem; text-align: center; line-height: 0.32rem; color: #666; } .upload-div .controls, .upload-div .btn-group, .upload-div .controls .btn-success, .upload-div .controls .file{ position: relative; z-index: 3; display: block; width: 100%; height: 100%; } .upload-div .controls .btn-success{ opacity: 0; padding: 0; } .upload-div .js-img-list-f{ position: absolute; top: 0; left: 106%; height: 0.32rem; line-height: 0.32rem; } .upload-div .photos-list{ display: flex; align-items: center; } .upload-div .js-img-list-f .fancybox-img{ display: block; white-space: nowrap; font-size: 0.16rem; color: #0093d7; } .upload-div .js-img-list-f .btn-del{ font-size: 0.16rem; color: red; white-space: nowrap; margin-left: 0.2rem; } .gzhj-box{ } .gzhj-box .module1{ width: calc(50% + 50vw); } .gzhj-box .module1 li{ display: flex; align-items: center; justify-content: space-between; padding-bottom: 0.4rem; margin-bottom: 0.4rem; border-bottom: 1px solid #ccc; } .gzhj-box .module1 li:last-of-type{ margin-bottom: 0; } .gzhj-box .module1 li .div{ flex-shrink: 0; width: 2.8rem; } .gzhj-box .module1 li .div h6{ font-size: 0.26rem; margin-bottom: 0.22rem; } .gzhj-box .module1 li .div p{ font-size: 0.16rem; line-height: 1.6; color: #666; height: 1.56rem; } .gzhj-box .module1 li .div dl{ display: flex; } .gzhj-box .module1 li .div dl .swiper-button{ position: static; width: 0.34rem; height: 0.34rem; border-radius: 50%; text-align: center; line-height: 0.34rem; margin-top: 0; font-size: 0.22rem; background-color: #004EA2; color: #fff; margin-right: 0.14rem; } .gzhj-box .module1 li .swiper-container{ flex-shrink: 0; width: calc(100% - 3.2rem); height: 2.55rem; } .gzhj-box .module1 li .swiper-slide{ background-size: cover; background-position: center; } .hzs-box{ } .hzs-box .module1{ display: flex; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 0.5rem; } .hzs-box .module1 a{ flex-shrink: 0; padding: 0 0.2rem; height: 0.78rem; line-height: 0.78rem; font-size: 0.2rem; color: #666; transition: all 0.5s; } .hzs-box .module1 a.active{ font-size: 0.26rem; color: #004EA2; font-weight: bold; } .hzs-box .module2{ padding-bottom: 58%; position: relative; } .hzs-box .module2 .gallery-top{ position: absolute; width: 46%; height: 100%; top: 0; left: 0; box-sizing: border-box; padding: 0 0.4rem; /* background-color: #F2F2F2; */ } .hzs-box .module2 .gallery-top .swiper-slide{ background-size: cover; background-repeat: no-repeat; background-position: center; } .hzs-box .module2 .swiper-button{ color: #004EA2; width: 0.4rem; height: 0.4rem; margin-top: -0.3rem; font-size: 0.4rem; text-align: center; line-height: 0.6rem; } .hzs-box .module2 .div{ position: absolute; width: 50%; height: 100%; top: 0; right: 0; } .hzs-box .module2 .gallery-thumbs{ /* height: 35%; */ } .hzs-box .module2 .gallery-thumbs .swiper-slide{ /* display: flex; */ /* background-color: #f2f2f2; */ } .hzs-box .module2 .gallery-thumbs .swiper-slide dt{ flex-shrink: 0; width: 1.5rem; height: 100%; background-color: #e6e6e6; display: none; align-items: center; justify-content: center; } .hzs-box .module2 .gallery-thumbs .swiper-slide dt img{ flex-shrink: 0; width: 100%; } .hzs-box .module2 .gallery-thumbs .swiper-slide dd{ height: 100%; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; } .hzs-box .module2 .gallery-thumbs .swiper-slide dd h5{ } .hzs-box .module2 .gallery-thumbs .swiper-slide dd h5 strong{ display: block; font-size: 0.28rem; font-weight: bold; } .hzs-box .module2 .gallery-thumbs .swiper-slide dd h5 strong:nth-of-type(2){ letter-spacing: 0.06rem; margin-top: 0.12rem; } .hzs-box .module2 .gallery-thumbs .swiper-slide dd h6{ margin-top: 0.24rem; text-align: left; } .hzs-box .module2 .gallery-thumbs .swiper-slide dd h6 span{ display: block; font-size: 0.16rem; color: #666; line-height: 1.6; } .hzs-box .module2 .gallery-thumbs .swiper-slide dd h6 strong{ font-weight: bold; } .hzs-box .module2 .ul{ width: 100%; height: calc(65% - 0.2rem); margin-top: 0.2rem; } .hzs-box .module2 .ul li{ height: calc(50% - 0.1rem); margin-bottom: 0.2rem; background-color: #F2F2F2; } .hzs-box .module2 .ul li:last-of-type{ margin-bottom: 0; } .hzs-box .module2 .ul li a{ display: flex; height: 100%; width: 100%; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 0.24rem; } .hzs-box .module2 .ul li div{ flex-shrink: 0; width: 48%; } .hzs-box .module2 .ul li div h6{ font-size: 0.2rem; line-height: 1.5; height: 0.9rem; overflow: hidden; transition: all 0.5s; } .hzs-box .module2 .ul li div span{ font-size: 0.16rem; color: #999; display: block; margin-top: 14%; } .hzs-box .module2 .ul li em{ flex-shrink: 0; width: 48%; height: 100%; overflow: hidden; } .hzs-box .module2 .ul li em i{ display: block; width: 100%; height: 100%; background-size: cover; background-position: center; transition: all 0.5s; } .hzs-box .more-a{ display: block; width: 1.12rem; height: 0.42rem; margin: 0.6rem auto 0; background-image: url(../img/sk4.png); background-size: 100% 100%; text-align: center; line-height: 0.42rem; color: #fff; font-size: 0.14rem; } .hzx-box{ } .hzx-box .swiper1{ } .hzx-box .swiper1 .swiper-slide{ box-sizing: border-box; padding: 0 0.5rem; } .hzx-box .swiper1 .swiper-slide em{ display: block; width: 100%; padding-bottom: 60%; background-size: cover; background-position: center; opacity: 0.5; transition: all 0.5s; } .hzx-box .swiper1 .swiper-slide-active em{ opacity: 1; } .hzx-box .swiper-button{ color: #fff; background-color: #004EA2; width: 0.5rem; height: 0.6rem; margin-top: -0.3rem; font-size: 0.4rem; text-align: center; line-height: 0.6rem; top: 50%; } .hzx-box .swiper-button-prev{ left: calc(25% - 1rem); } .hzx-box .swiper-button-next{ right: calc(25% - 1rem); } .hzx-box .module1{ margin-top: 0.6rem; display: flex; background-color: #F2F2F2; } .hzx-box .module1 .em{ flex-shrink: 0; width: 4.6rem; height: 7.2rem; background-size: cover; background-position: center; } .hzx-box .module1 .div{ flex-shrink: 0; width: calc(100% - 5.8rem); margin-left: 0.6rem; padding-top: 0.4rem; box-sizing: border-box; } .hzx-box .module1 .div .nr-a{ display: block; height: 4.2rem; overflow: hidden; } .hzx-box .module1 .div h6{ font-size: 0.2rem; margin-left: -0.1rem; } .hzx-box .module1 .div h5{ font-size: 0.26rem; margin: 0.24rem 0; line-height: 1.4; transition: all 0.5s; } .hzx-box .module1 .div .ps{ } .hzx-box .module1 .div .more-a{ display: block; margin: 0.2rem 0 0.4rem; width: 1.12rem; height: 0.42rem; background-image: url(../img/sk3.png); background-size: 100% 100%; color: #fff; text-align: center; line-height: 0.42rem; font-size: 0.14rem; } .hzx-box .module1 .div div p{ font-size: 0.16rem; line-height: 1.8; color: #666; } .hzx-box .module1 .div div p img{ width: 100% !important; height: auto !important; } .hzx-box .module1 .div .swiper2{ padding-bottom: 0.4rem; width: calc(100% + 0.6rem); } .hzx-box .module1 .div .swiper2 .swiper-slide{ } .hzx-box .module1 .div .swiper2 .swiper-slide em{ display: block; width: 100%; padding-bottom: 60%; background-size: cover; background-position: center; } .hzx-box .module1 .div .swiper-pagination{ top: auto; bottom: 0 !important; } .hzx-box .module1 .div .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color: #004EA2; } .welcome-box{ position: relative; z-index: 3; background-color: #f2f2f2; margin-top: 1.6rem; padding-top: 0.6rem; } .welcome-box .pds{ padding: 1.6rem 0; } .welcome-box .title-div{ position: relative; } .welcome-box .title-div a{ position: absolute; top: 1px; right: 0; width: 0.75rem; height: 0.28rem; background-image: url(../img/sk4.png); background-size: 100% 100%; color: #fff; line-height: 0.28rem; text-align: center; font-size: 0.12rem; } .welcome-box .module3{ position: relative; } .welcome-box .module3 .divl{ display: block; width: 79%; margin: 0; position: relative; overflow: hidden; } .welcome-box .module3 .divl .swiper-slide{ } .welcome-box .module3 .divl .swiper-pagination{ bottom: 1.0rem !important; width: auto; left: auto; right: 0.2rem; font-size: 0; } .welcome-box .module3 .divl .swiper-slide em{ display: block; width: 100%; padding-bottom: 64%; overflow: hidden; position: relative; } .welcome-box .module3 .divl .swiper-slide em i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.5s; } .welcome-box .module3 .divl .swiper-slide h6{ width: 100%; height: 0.84rem; line-height: 0.84rem; color: #fff; background-color: #333; font-size: 0.22rem; box-sizing: border-box; padding: 0 0.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.5s; } .welcome-box .module3 .divr{ position: absolute; width: calc(21% - 0.2rem); height: 100%; background-color: #fff; top: 0; right: 0; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box; padding: 0.4rem; } .welcome-box .module3 .divr a{ flex-shrink: 0; width: 100%; height: 21%; display: flex; flex-direction: column; justify-content: space-between; } .welcome-box .module3 .divr a em{ display: block; width: 100%; padding-bottom: 60%; position: relative; overflow: hidden; } .welcome-box .module3 .divr a i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.5s; } .welcome-box .module3 .divr a h6{ font-size: 0.14rem; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.5s; } .welcome-box .module4{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -0.22rem; } .welcome-box .module4 li{ flex-shrink: 0; width: calc(33.33% - 0.14rem); background-color: #fff; margin-top: 0.22rem; } .welcome-box .module4 li a{ display: block; padding: 0.34rem; box-sizing: border-box; } .welcome-box .module4 li em{ display: block; width: 100%; padding-bottom: 76%; background-size: contain; background-position: center; background-repeat: no-repeat; transition: all 0.5s; } .welcome-box .module4 li dl{ text-align: center; margin-top: 0.2rem; } .welcome-box .module4 li dt{ font-size: 0.22rem; font-weight: bold; line-height: 1.4; transition: all 0.5s; } .welcome-box .module4 li dd{ font-size: 0.14rem; line-height: 1.6; height: 0.68rem; overflow: hidden; margin-top: 0.14rem; text-align: justify; } .welcome-box .module4 .li1{ width: 66%; } .welcome-box .module4 .li1 a{ display: flex; padding: 0; height: 100%; align-items: center; } .welcome-box .module4 .li1 small{ flex-shrink: 0; width: 60%; height: 100%; padding-bottom: 0; position: relative; overflow: hidden; } .welcome-box .module4 .li1 small i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.4s; } /* .welcome-box .module4 .li1 i::after{ content: ""; position: absolute; width: 0.68rem; height: 0.68rem; background-image: url(../img/tb5.png); background-size: 100% 100%; top: 50%; left: 50%; margin: -0.34rem 0 0 -0.34rem; } */ .welcome-box .module4 .li1 div{ flex-shrink: 0; width: 40%; box-sizing: border-box; padding: 0 0.34rem; } .welcome-box .module4 .li1 h6{ font-size: 0.22rem; font-weight: bold; line-height: 1.4; text-align: center; transition: all 0.4s; } .welcome-box .module4 .li1 p{ font-size: 0.14rem; line-height: 1.6; margin-top: 0.14rem; text-align: justify; } .video-box{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9; background-color: rgba(0,0,0,0.8); display: none; } .video-box div{ position: absolute; width: 10.0rem; height: 70vh; top: 50%; left: 50%; transform: translate(-50%,-50%); } .video-box video{ width: 100%; height: 100%; background-color: #111; } .video-box .out-i{ position: absolute; width: 0.4rem; height: 0.4rem; cursor: pointer; top: -0.4rem; right: -0.4rem; text-align: center; line-height: 0.4rem; color: #fff; font-size: 0.34rem; } .video-box .out-i::after{ content: "\eaf4"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; } .register-box{ position: fixed; z-index: 11; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.6); display: none; } .register-box .div{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 7.8rem; height: 5.0rem; background-color: #fff; border-radius: 0.1rem; display: flex; overflow: hidden; } .register-box .div .em{ flex-shrink: 0; width: 3.2rem; height: 100%; background-size: 100% 100%; } .register-box .div .form{ flex-shrink: 0; width: 4.6rem; height: 100%; box-sizing: border-box; padding-top: 0.46rem; position: relative; } .register-box .div .out-i{ position: absolute; width: 0.3rem; height: 0.3rem; cursor: pointer; top: 0; right: 0; text-align: center; line-height: 0.3rem; color: #999; font-size: 0.2rem; } .register-box .div .out-i::after{ content: "\eaf4"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; } .register-box .div .logo-img{ width: 56%; margin: 0 auto; display: block; } .register-box .div .h5{ display: flex; justify-content: center; margin: 0.28rem 0 0.26rem; } .register-box .div .h5 span{ font-size: 0.16rem; color: #999; position: relative; padding-bottom: 0.1rem; cursor: pointer; margin: 0 0.24rem; transition: all 0.5s; } .register-box .div .h5 span::after{ content: ""; position: absolute; margin: auto; left: 0; right: 0; bottom: 0; height: 2px; width: 0; opacity: 0; background-color: #004EA2; transition: all 0.5s; } .register-box .div .h5 .active{ color: #004EA2; } .register-box .div .h5 .active::after{ width: 100%; opacity: 1; } .register-box .div .ds{ font-size: 0; padding: 0 0.45rem; } .register-box .div .ds input{ display: inline-block; vertical-align: top; width: 100%; height: 0.46rem; box-sizing: border-box; border-radius: 0.05rem; border: 1px solid #ccc; padding: 0 0.16rem; font-size: 0.16rem; margin-bottom: 0.14rem; } .register-box .div .ds .yzm-text{ width: 62%; margin-right: 3%; } .register-box .div .ds .form2{ display: none; } .register-box .div .ds .yzm-btn{ display: inline-block; vertical-align: top; width: 35%; height: 0.46rem; box-sizing: border-box; border-radius: 0.05rem; border: 1px solid #ccc; color: #777; background-color: #f2f2f2; font-size: 0.16rem; margin-bottom: 0.14rem; } .register-box .div .ds .wjmm-a{ display: block; font-size: 0.16rem; color: #004EA2; text-align: right; } .register-box .div .ds .zc-btn{ display: inline-block; vertical-align: top; margin-top: 0.24rem; width: 100%; height: 0.46rem; border-radius: 0.23rem; background-color: #004EA2; color: #fff; font-size: 0.16rem; } .register-box .div .h6{ position: absolute; white-space: nowrap; bottom: 0.22rem; right: 0.22rem; font-size: 0.16rem; color: #999; } .register-box .div .h6 span{ color: #004EA2; cursor: pointer; } .fixed-box{ position: fixed; z-index: 9; width: 0.76rem; right: 0; bottom: 5%; } .fixed-box a{ display: flex; width: 100%; height: 0.6rem; background-color: #009fe9; border-top-left-radius: 3px; border-bottom-left-radius: 3px; flex-direction: column; align-items: center; justify-content: center; margin-top: 1px; position: relative; } .fixed-box a .img{ width: 0.26rem; } .fixed-box a span{ font-size: 0.12rem; color: #fff; margin-top: 0.08rem; } .fixed-box a .img2{ position: absolute; width: 1.4rem; top: 0; left: 0; z-index: -1; transform: translateX(0); box-shadow: 0 0 0.15rem rgba(0,0,0,0.2); opacity: 0; transition: all 0.5s; } .fixed-box a p{ position: absolute; width: 1.6rem; height: 100%; line-height: 0.6rem; background-color: #004ea2; color: #fff; font-size: 0.2rem; font-weight: bold; text-align: center; top: 0; left: 0; z-index: -1; transform: translateX(0); box-shadow: 0 0 0.15rem rgba(0,0,0,0.2); opacity: 0; transition: all 0.5s; } .wjmm-box{ display: block; margin: 0 auto; width: 6.0rem; text-align: center; } .wjmm-box .logo-img{ width: 3.18rem; } .wjmm-box form{ padding-top: 0.48rem; margin-top: 0.42rem; border-top: 1px solid #ccc; } .wjmm-box form h5{ font-size: 0.2rem; margin-bottom: 0.42rem; } .wjmm-box form div{ font-size: 0; margin-bottom: 0.2rem; } .wjmm-box form div span{ display: inline-block; vertical-align: top; font-size: 0.16rem; width: 0.82rem; text-align: right; height: 0.46rem; line-height: 0.46rem; margin-right: 0.2rem; } .wjmm-box form div input{ display: inline-block; vertical-align: top; width: 3.38rem; height: 0.46rem; box-sizing: border-box; border-radius: 0.05rem; border: 1px solid #ccc; padding: 0 0.16rem; font-size: 0.16rem; } .wjmm-box form div:nth-of-type(3) input{ width: 1.96rem; } .wjmm-box form div:nth-of-type(3) button{ display: inline-block; vertical-align: top; margin-left: 0.14rem; width: 1.3rem; height: 0.46rem; box-sizing: border-box; border-radius: 0.05rem; border: 1px solid #ccc; padding: 0 0.16rem; font-size: 0.16rem; background-color: #F2F2F2; color: #777; } .wjmm-box form .tj-btn{ display: inline-block; vertical-align: top; margin-top: 0.2rem; margin-left: 1.02rem; width: 3.38rem; height: 0.46rem; border-radius: 0.05rem; background-color: #004EA2; color: #fff; font-size: 0.16rem; } .ui-pnotify{ display: none !important; } @media (min-width: 992px) { .foot-box .divc h6 a:hover{ color: #fff; } .hzx-box .module1 .div .nr-a:hover h5{ color: #004EA2; } .welcome-box .module4 .li1:hover small i{ transform: scale(1.1); } .welcome-box .module4 .li1:hover h6{ color: #004EA2; } .zlxz-box .divr .ul li:hover em{ background-color: #004EA2; } .zlxz-box .divr .ul li:hover em img:nth-of-type(1){ opacity: 0; } .zlxz-box .divr .ul li:hover em img:nth-of-type(2){ opacity: 1; } .foot-box .diva dl a:hover{ color: #004EA2; } .head-box .divb ul li:hover>a{ background-color: #004EA2; } .head-box .divb ul li p a:hover{ color: #004EA2; } .welcome-box .module4 li:hover em{ transform: scale(1.1); } .welcome-box .module4 li:hover dt{ color: #004EA2; } .fixed-box a:hover .img2{ opacity: 1; transform: translateX(-100%); } .fixed-box a:hover p{ opacity: 1; transform: translateX(-100%); } .register-box .div .h5 span:hover{ color: #004EA2; } .register-box .div .h5 span:hover::after{ width: 100%; opacity: 1; } .hzs-box .module2 .ul li:hover div h6{ color: #004EA2; } .hzs-box .module2 .ul li:hover em i{ transform: scale(1.1); } .welcome-box .module3 .divl .swiper-slide:hover em i{ transform: scale(1.1); } .welcome-box .module3 .divl .swiper-slide:hover h6{ background-color: #004EA2; } .welcome-box .module3 .divr a:hover h6{ color: #004EA2; } .welcome-box .module3 .divr a:hover i{ transform: scale(1.1); } .hzs-box .module1 a:hover{ color: #004EA2; } .shyl-box .module1 li:hover{ background-image: url(../img/sk2.png); box-shadow: 0 0 0.15rem rgba(0,0,0,0.3); } .shyl-box .module1 li:hover h5{ color: #fff; } .shyl-box .module1 li:hover h6 span{ color: #fff; } .xyxq-box .divr h6 a:hover{ color: #004EA2; } .xyzy-box .module1 li:hover h6{ color: #004EA2; } .cpxq-box .gallery-top .slide4 div a:hover{ color: #004EA2; } .jjfa-box .gallery-top .swiper-slide dt a:hover{ background-image: url(../img/sk2.png); color: #fff; } .cplb-box .module1 li:hover em i{ transform: scale(1.1); } .cplb-box .module1 li:hover h6{ color: #004EA2; } .jsyf-box .module2 li div h6 span:hover::after{ opacity: 1; margin-left: 0.1rem; } .jsyf-box .module2 li div h6 span:hover{ color: #004EA2; } .spzx-box .module1 li:hover p{ color: #004EA2; } .spzx-box .module1 li:hover em i{ transform: scale(1.1); } .hzhb-box .module2 .swiper-slide:hover div h6{ color: #fff; } .hzhb-box .module2 .swiper-slide:hover div span{ color: #fff; } .hzhb-box .module2 .swiper-slide:hover div{ background-image: url(../img/sk2.png); } .hzhb-box .module2 .swiper-slide:hover em i{ transform: scale(1.1); } .zlxz-box .divr .div a:hover{ color: #004EA2; } .zlxz-box .divl div a:hover{ color: #004EA2; } .jszc-box .module2 li dd p em:hover img{ width: 1.8rem; height: 1.8rem; box-shadow: 0 0 0.1rem rgba(0,0,0,0.2); } .nxjl-box .module2 li:hover div h6{ color: #fff; } .nxjl-box .module2 li:hover div p{ color: #fff; } .nxjl-box .module2 li:hover div span{ color: #fff; border-color: #aad4f0; } .nxjl-box .module2 li:hover div{ background-image: url(../img/sk2.png); padding: 0.24rem; } .nxjl-box .module2 li:hover{ box-shadow: 0 0 0.15rem rgba(0,0,0,0.3); } .nxjl-box .module2 li:hover em i{ transform: scale(1.1); } .nxjl-box .module1 a:hover i{ transform: scale(1.1); } .xpfb-box .module2 li:hover em i{ transform: scale(1.1); } .xpfb-box .module2 li:hover div h6{ color: #004EA2; } .xpfb-box .module2 li:hover{ box-shadow: 0 0 0.15rem rgba(0,0,0,0.3); } .xpfb-box .module1:hover em i{ transform: scale(1.1); } .xpfb-box .module1:hover div strong::after{ margin-left: 0.14rem; } .xpfb-box .module1:hover div h6{ color: #004EA2; } .zczc-box .module1 li:hover span{ color: #fff; } .zczc-box .module1 li:hover p{ color: #fff; } .zczc-box .module1 li:hover h6{ color: #fff; } .zczc-box .module1 li:hover{ box-shadow: 0 0 0.15rem rgba(0,0,0,0.3); background-image: url(../img/sk2.png); } .gsdt-box .module2 li:hover{ box-shadow: 0 0 0.15rem rgba(0,0,0,0.3); } .gsdt-box .module2 li:hover div h6{ color: #fff; } .gsdt-box .module2 li:hover div span{ color: #fff; } .gsdt-box .module2 li:hover div{ background-image: url(../img/sk2.png); } .gsdt-box .module2 li:hover em i{ transform: scale(1.1); } .gsdt-box .module1:hover div strong::after{ margin-left: 0.14rem; } .gsdt-box .module1:hover div h6{ color: #004EA2; } .gsdt-box .module1:hover em i{ transform: scale(1.1); } .schd-box .module1 li:hover em i{ transform: scale(1.1); } .schd-box .module1 li:hover div h6{ color: #004EA2; } .schd-box .module1 li:hover{ box-shadow: 0 0 0.2rem rgba(0,0,0,0.3); } .paging-box a:hover{ background-color: #004EA2; border-color: #004EA2; color: #fff; } .menu-box a:hover{ color: #004ea2; } .menu-box a:hover::after{ width: 100%; opacity: 1; } .foot-box .divb .ul li a:hover{ color: #fff; } } @media (max-width: 1600px) { html{ font-size: 90px; } } @media (max-width: 1500px) { } @media (max-width: 1400px) { html { font-size: 80px; } /* .w1500{ width: 80%; } */ } @media (max-width: 1200px) { .w1500{ width: 92%; } .fixed-box{ display: none; } .menu-dl{ display: flex; } .head-box{ box-shadow: 0 0 0.2rem rgba(0,0,0,0.2); } .head-box .diva{ height: 0.7rem; justify-content: center; } .head-box .a{ width: 50%; } .head-box .div{ position: absolute; right: 4%; top: 0; height: 100%; } .head-box .div .a1{ font-size: 0; } .head-box .div .a1::before{ font-size: 0.24rem; } .head-box .div form, .head-box .div .h6, .head-box .div .a2{ display: none; } .head-box .divb{ display: none; position: absolute; background-color: #fff; border-top: 1px solid #e5e5e5; width: 100%; top: 100%; left: 0; margin-right: 0; box-sizing: border-box; padding: 0.1rem 4%; box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2); } .head-box .divb ul{ height: auto; display: block; width: 100%; } .head-box .divb ul li{ display: block; padding: 0; border-bottom: 1px solid #e5e5e5; margin-right: 0; } .head-box .divb ul li:last-of-type{ border-bottom: none; } .head-box .divb ul li>a{ line-height: 0.56rem; height: 0.56rem; font-size: 0.20rem; color: #333; padding: 0; text-align: left; } .head-box .divb ul li.active>a{ color: #004EA2; background-color: #fff; } .head-box .divb ul li>a small{ display: block; } .head-box .divb ul li p{ position: static; background-color: #f7f7f7; text-align: left; transform: none; box-shadow: none; /* padding: 0.2rem 0; */ } .head-box .divb ul li p a{ padding: 0 0.2rem; line-height: 2.2; } .banner-box{ margin-top: 0.7rem; height: 54vw; } .banner-box h6{ font-size: 0.4rem; } .menu-box{ justify-content: flex-start; overflow-x: auto; } .menu-box a{ padding: 0 0.24rem; } .foot-box .diva dl{ display: none; } .foot-box .divb .ul{ display: none; } .foot-box .diva .a{ display: block; width: 100%; } .foot-box .divb .dl{ width: 100%; } .foot-box .divb{ padding: 0.32rem 0; } .pd{ padding: 0.6rem 0; } .title-h5{ margin-bottom: 0.5rem; } .paging-box{ margin-top: 0.5rem; } .jszc-box .module1{ display: block; } .jszc-box .module2{ display: block; margin-top: 0; } .jszc-box .module1 dd{ padding: 0.3rem; } .jszc-box .swiper-container{ margin: 0.5rem 0; } .jszc-box .swiper-slide{ padding-bottom: 50%; } .jszc-box .module2 li{ width: 100%; padding: 0.2rem; display: block; } .jszc-box .module2 li i{ display: block; width: 100%; height: 80vw; } .jszc-box .module2 li dl{ margin-left: 0; margin-top: 0.2rem; } .shfw-box{ padding-bottom: 0; } .shfw-box .module1{ display: block; } .shfw-box .module1 dt{ width: 100%; height: 54vw; } .shfw-box .module1 dd{ margin-left: 0; margin-top: 0.2rem; } .shfw-box .module1 dd li{ display: block; padding: 0.2rem; font-size: 0; } .shfw-box .module1 dd li strong{ display: inline-block; vertical-align: top; line-height: 0.48rem; font-size: 0.2rem; width: calc(100% - 0.73rem); margin: 0 0 0 0.2rem; } .shfw-box .module1 dd li p{ margin-top: 0.14rem; font-size: 0.16rem; } .shfw-box .module2{ margin-top: 0.5rem; padding: 0.6rem 0; } .shfw-box .module2 .div{ width: 100%; padding: 0.3rem; } .shfw-box .module2 p{ font-size: 0.18rem; } .shfw-box .module2 li{ font-size: 0.18rem; } .nxjl-box .module1{ padding-bottom: 0; margin-bottom: 0.5rem; } .nxjl-box .module1 a{ position: static; display: block; width: 100%; height: 54vw; } .nxjl-box .module1 a:nth-of-type(2), .nxjl-box .module1 a:nth-of-type(3){ display: none; } .nxjl-box .module3 li{ margin-top: 0.5rem; padding: 0.2rem; display: block; } .nxjl-box .module3 li h5{ flex-direction: row; width: auto; height: 0.8rem; } .nxjl-box .module3 li h5 small{ display: inline-block; vertical-align: top; font-size: 0.34rem; font-weight: bold; margin-right: 0.1rem; margin-bottom: 0; } .nxjl-box .module3 li .div{ margin-left: 0; } .nxjl-box .module3 li .div h6{ font-size: 0.24rem; margin-bottom: 0.3rem; } .zlxz-box .module1{ flex-direction: column-reverse; } .zlxz-box .divl{ width: 100%; margin-right: 0; padding: 0.2rem; margin-top: 0.3rem; } .zlxz-box .divl::after{ display: none; } .zlxz-box .divl h6{ margin-bottom: 0.2rem; } .zlxz-box .divl div a{ margin-bottom: 0.2rem; } .zlxz-box .divl div a:last-of-type{ margin-bottom: 0; } .zlxz-box .divr .ul{ flex-wrap: wrap; margin-top: -0.2rem; } .zlxz-box .divr .ul li{ flex-shrink: 0; width: 30%; margin-top: 0.2rem; } .zlxz-box .divr .ul li em{ margin: 0 auto; } .zlxz-box .divr .div{ margin-top: 0.3rem; } .hzhb-box .module1 li{ width: 33.33%; } .hzhb-box .module1 li::before{ opacity: 1 !important; } .hzhb-box .module1 li:nth-of-type(3n)::after{ opacity: 0 !important; } .hzhb-box .module1 li:nth-of-type(7n)::after{ opacity: 1; } .hzhb-box .module1 li:nth-of-type(1)::before, .hzhb-box .module1 li:nth-of-type(2)::before, .hzhb-box .module1 li:nth-of-type(3)::before{ opacity: 0 !important; } .hzhb-box .module2 .swiper-slide div{ padding: 0.2rem; } .hzhb-box .box2{ overflow: hidden; } .hzxq-box .module3 p{ width: 100%; margin-right: 0; } .hzxq-box .module3 p:nth-of-type(3n){ margin-right: 0; } .jszc-box .box2{ margin-top: 0.5rem; } .jszc-box .module3 p{ width: 100%; margin-right: 0; } .rcg-box .module1{ width: 100%; display: block; } .rcg-box .module1 dt{ width: 100%; } .rcg-box .module1 dd{ width: 100%; margin-left: 0; margin-top: 0.2rem; } .rcg-box .module2 li{ width: 32%; } /* .hzs-box .module1{ margin-bottom: 0.4rem; } */ .hzs-box .module2{ padding-bottom: 0; } .hzs-box .module2 .gallery-top{ position: relative; height: 116vw; width: 100%; } .hzs-box .module2 .div{ position: static; width: 100%; margin-top: 0.3rem; } .hzs-box .module2 .gallery-thumbs{ height: auto; } .hzs-box .module2 .gallery-thumbs .swiper-slide dt{ width: 1.4rem; } .hzs-box .module2 .gallery-thumbs .swiper-slide dd{ flex-direction: column; } .hzs-box .module2 .gallery-thumbs .swiper-slide dd h5 strong:nth-of-type(2){ margin-top: 0.1rem; } .hzs-box .module2 .ul{ } .hzs-box .module2 .ul li{ height: 2.0rem; } .hzs-box .module2 .ul li a{ padding: 0.2rem; } .hzs-box .module2 .ul li div h6{ height: 0.9rem; } .hzs-box .more-a{ margin: 0.5rem auto 0; } .hzx-box .swiper1{ width: 92%; margin: 0 auto; } .hzx-box .swiper-button{ background-color: rgba(0,78,162,0.6); } .hzx-box .swiper-button-prev{ left: 0; } .hzx-box .swiper-button-next{ right: 0; } .hzx-box .swiper1 .swiper-slide{ padding: 0; } .hzx-box .module1{ display: block; margin-top: 0.5rem; } .hzx-box .module1 .em{ display: none; } .hzx-box .module1 .div{ width: 100%; margin-left: 0; padding: 0.3rem; } .hzx-box .module1 .div .ps{ height: auto; } .hzx-box .module1 .div .swiper2{ width: 100%; margin-top: 0.3rem; } .xyzy-box .module1 li{ width: 100%; margin-right: 0; } .xyzy-box .module1 li a{ padding: 0.2rem 0 0.3rem; } .xyzy-box .module1 li img{ width: 100%; } .xyzy-box .module1 li h6{ font-size: 0.2rem; margin-top: 0.2rem; } .xyxq-box .divr{ display: none; } .xyxq-box .divl{ width: 100%; padding: 0 0.3rem 0.3rem; } .xyxq-box .dl2 dt{ width: 1.0rem; } .xyxq-box .dl2{ padding: 0.3rem 0; } .xyxq-box .dl1{ padding: 0.3rem 0; display: block; } .xyxq-box .dl1 dt{ margin: 0 auto; } .xyxq-box .dl1 dd{ margin-top: 0.3rem; text-align: center; } .xyxq-box .dl1 dd h6 span{ padding-right: 0.12rem; margin-right: 0.12rem; line-height: 1.6; } .xyxq-box .dl1 dd h6{ margin: 0.28rem 0 0.3rem; } .xyxq-box .dl1 dd a{ width: 1.12rem; height: 0.42rem; line-height: 0.42rem; margin: 0 auto; } .shyl-box .module1{ margin-top: -0.2rem; } .shyl-box .module1 li{ width: 100%; margin-right: 0; margin-top: 0.2rem; } .shyl-box .module1 li a{ height: auto; padding: 0.3rem; } .xyxq-box .dl3{ padding: 0.3rem 0; display: block; } .xyxq-box .dl3 dt h6 span{ padding-right: 0.18rem; margin-right: 0.18rem; line-height: 1.6; } .xyxq-box .dl3 dd{ margin-top: 0.3rem; } .xyxq-box .dl3 dt h6{ margin: 0.28rem 0 0; } .gzhj-box .module1 li{ display: block; } .gzhj-box .module1 li .div{ width: 100%; margin-bottom: 0.3rem; } .gzhj-box .module1 li .div p{ height: auto; margin-bottom: 0.2rem; } .gzhj-box .module1 li .div dl{ display: none; } .gzhj-box .module1 li .swiper-container{ width: 100%; } .gzhj-box .module1 li .swiper-container{ height: 30vw; } .zwkq-box .module1 li .h5{ padding: 0 0.2rem; height: 0.64rem; } .zwkq-box .module1 li .div{ padding: 0 0.3rem; } .zwkq-box .module1 li .dl{ padding: 0.3rem 0; display: block; } .zwkq-box .module1 li .dl dd{ width: 100%; } .resume-box form{ width: 100%; padding: 0.5rem; } .resume-box form .out-i{ right: 0; } .resume-box form ul{ display: block; } .resume-box form ul li{ width: 100%; } .resume-box form ul li span{ height: 0.4rem; line-height: 0.4rem; } .resume-box form ul li input{ height: 0.4rem; } .resume-box form button{ margin: 0.3rem auto 0; } .gywm-box .module1{ display: block; } .gywm-box .module1 dt{ width: 100%; height: 50vw; } .gywm-box .module1 dd{ width: 100%; margin: 0; margin-top: 0.2rem; } .gywm-box .swiper-container{ margin-top: 0.5rem; padding-bottom: 0.6rem; } .gywm-box .swiper-slide{ padding-bottom: 50%; } .qyyj-box .module1{ flex-wrap: wrap; margin-top: -0.2rem; } .qyyj-box .module1 li{ width: 49%; margin-top: 0.2rem; padding: 0.3rem 0.2rem; } .qyyj-box .module2{ margin-top: 0.5rem; } .lggs-box .module1{ flex-direction: column; } .lggs-box .module2{ flex-direction: column-reverse; } .lggs-box .module1 dt{ width: 100%; } .lggs-box .module1 dd{ width: 100%; margin-top: 0.2rem; } .lggs-box .module2 dt{ padding-bottom: 40%; } .rydd-box .module1{ margin-top: 0.5rem; padding: 0.3rem; display: block; } .rydd-box .module1 dt{ width: 100%; height: 56vw; } .rydd-box .module1 dt img{ } .rydd-box .module1 dd{ width: 100%; margin: 0; margin-top: 0.2rem; } .rydd-box .module1 dd h6{ height: auto; } .jsyf-box .module1{ padding: 0.24rem; } .jsyf-box .module1 dt{ position: static; width: 100%; height: 94vw; } .jsyf-box .module1 dd{ margin-left: 0; margin-top: 0.2rem; height: auto; } .jsyf-box .module2 li{ display: block; padding: 0.24rem; } .jsyf-box .module2 li em{ display: block; width: 100%; max-width: 100%; height: 34vw; } .jsyf-box .module2 li div{ margin-left: 0; margin-top: 0.2rem; } .jsyf-box .module2 li div h6 span{ width: 100%; } .xpfb-box .swiper-container{ margin-bottom: 0.5rem; } .xpfb-box .swiper-slide{ transform: scale(1); padding-bottom: 60%; } .xpfb-box .swiper-button{ background-color: rgba(0,78,162,0.5); } .xpfb-box .swiper-button-prev{ left: 0; } .xpfb-box .swiper-button-next{ right: 0; } .xpfb-box .module2 li a{ flex-direction: column-reverse; } .xpfb-box .module2 li div{ margin: 0.2rem 0 0; flex: none; width: 100%; } .xpfb-box .module2 li em{ display: block; width: 100%; height: 40vw; } .xpfb-box .module2 li h5{ display: none; } .faxq-box .module2{ padding: 0.3rem 0; } .spzx-box .module1 li{ width: 49%; } .spzx-box .module1 li:nth-of-type(3n){ margin-right: 2%; } .spzx-box .module1 li:nth-of-type(2n){ margin-right: 0; } .spzx-box .module1 li p{ margin-top: 0.2rem; } .video-box div{ width: 100%; } .video-box .out-i{ right: 0; } .gsdt-box .module1{ display: block; height: auto; margin-bottom: 0; } .gsdt-box .module1 em{ display: block; height: 50vw; width: 100%; } .gsdt-box .module1 div{ width: 100%; padding: 0.24rem; } .gsdt-box .module1 div p{ margin: 0.3rem 0; } .gsdt-box .module2{ margin-top: 0; } .gsdt-box .module2 li{ width: 100%; margin-top: 0.3rem; margin-right: 0; } .gsdt-box .module2 li div{ padding: 0.24rem; } .xpfb-box .module1{ display: block; height: auto; margin-bottom: 0.5rem; } .xpfb-box .module1 em{ display: block; width: 100%; height: 50vw; } .xpfb-box .module1 div{ width: 100%; padding: 0.3rem; } .xpfb-box .module1 div p{ margin: 0.3rem 0; } .schd-box .module1 li a{ display: block; height: auto; } .schd-box .module1 li a em{ display: block; width: 100%; height: 50vw; } .schd-box .module1 li div{ width: 100%; padding: 0.3rem; } .schd-box .module1 li div p{ margin: 0.3rem 0; } .nxjl-box .module2{ margin-top: -0.3rem; } .nxjl-box .module2 li{ width: 100%; margin-right: 0; margin-top: 0.3rem; } .zczc-box .module1 li a{ padding: 0.3rem; } .cplb-box .swiper-container{ width: 92%; margin: 0 auto 0.5rem; } .cplb-box .swiper-button{ background-color: rgba(0,78,162,0.5); } .cplb-box .swiper-button-next{ right: 0; } .cplb-box .swiper-button-prev{ left: 0; } .cplb-box .swiper-slide{ padding: 0; } .cplb-box .module1{ margin-top: -0.3rem; } .cplb-box .module1 li{ width: 49%; margin-right: 2%; margin-top: 0.3rem; } .cplb-box .module1 li h6{ font-size: 0.2rem; } .jxfw-box .swiper-slide{ padding-bottom: 50%; } .jjfa-box{ padding-bottom: 0; } .jjfa-box .gallery-top{ height: auto; margin-top: 0.3rem; } .jjfa-box .gallery-top .swiper-slide{ flex-direction: column-reverse; } .jjfa-box .gallery-top .swiper-slide dd{ width: 100%; height: 50vw; } .jjfa-box .gallery-top .swiper-slide dt{ width: 100%; padding: 0.3rem; } .jjfa-box .gallery-top .swiper-slide dt a{ margin-top: 0.2rem; } .cpxq-box .module1{ display: block; height: auto; width: 92%; margin: 0 auto; } .cpxq-box .module1 dt{ position: static; width: 100%; height: 50vw; background-size: cover; } .cpxq-box .module1 dt .swiper-slide{ background-size: contain; } .cpxq-box .module1 dt .swiper-pagination{ bottom: 0 !important; } .cpxq-box .module1 dd{ width: 100%; margin-left: 0; margin-top: 0.3rem; padding: 0; } .cpxq-box .module1 dd h6{ margin-bottom: 0.3rem; } .cpxq-box .thumbs-div{ margin-top: 0.4rem; } .cpxq-box .gallery-thumbs{ width: 100%; } .cpxq-box .gallery-thumbs .swiper-slide{ height: 0.7rem; line-height: 0.7rem; } .cpxq-box .gallery-top .swiper-slide{ padding-top: 0.5rem; } .cpxq-box .gallery-top .slide1 img{ width: 100% !important; height: auto !important; } .cpxq-box .gallery-top .slide3 ul li{ width: 49%; } .cpxq-box .gallery-top .slide3 ul li:nth-of-type(3n){ margin-right: 2%; } .cpxq-box .gallery-top .slide3 ul li:nth-of-type(2n){ margin-right: 0; } .cpxq-box .gallery-top .slide4 div a{ padding: 0 0.6rem 0 0.2rem; } .cpxq-box .gallery-top .slide4 div a::after{ right: 0.2rem; } .cpxq-box .gallery-top .slide5 ul li{ display: block; } .cpxq-box .gallery-top .slide5 ul li em{ width: 100%; height: 50vw; display: block; } .cpxq-box .gallery-top .slide5 ul li dl{ width: 100%; margin-left: 0; margin-top: 0.3rem; } .boxs{ margin-top: 0.7rem; } .welcome-box{ margin-top: 0.7rem; } .welcome-box .module3 .divl{ width: 100%; } .welcome-box .module3 .divl .swiper-slide h6{ font-size: 0.2rem; height: 0.7rem; line-height: 0.7rem; } .welcome-box .module3 .divr{ position: static; width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; padding: 0 0.24rem 0.24rem; } .welcome-box .module3 .divr a{ display: block; flex-shrink: 0; width: 48%; height: auto; margin-top: 0.24rem; } .welcome-box .module3 .divr a h6{ margin-top: 0.14rem; font-size: 0.18rem; } .welcome-box .module3 .divl .swiper-pagination{ bottom: 0.9rem !important; } .welcome-box .pds{ padding: 0.6rem 0; } .welcome-box .module4{ display: block; } .welcome-box .module4 .li1{ width: 100%; display: block; } .welcome-box .module4 .li1 a{ display: block; } .welcome-box .module4 .li1 small{ display: block; width: 100%; height: 50vw; } .welcome-box .module4 .li1 div{ width: 100%; padding: 0.24rem; } .welcome-box .module4 li{ width: 100%; } .wjmm-box{ width: 100%; } .register-box .div{ width: 100%; height: auto; display: block; } .register-box .div .em{ display: none; } .register-box .div .form{ width: 100%; padding: 0.5rem 0 0.7rem; } .preview-box .module1{ width: 100%; } .preview-box .module1 .out-i{ right: 0; } .preview-box .thumbs-div{ margin-top: 0.2rem; } .preview-box .gallery-thumbs .swiper-slide{ padding-bottom: 20%; } .faxq-box .module3{ justify-content: center; } .faxq-box .module3 .link{ display: none; } .upload-div .js-img-list-f{ left: 0; top: 0.3rem; } } @media (max-width: 380px) { html { font-size: 70px; } }