@charset "UTF-8"; .wow { opacity: 0; } html, body { margin: 0; padding: 0; width: 100%; height: 100%; position: relative; } body { overflow-x: hidden; -webkit-text-size-adjust: none; height: 100%; width: 100%; overflow-y: scroll; font-size: 3.73332vw; } body * { font-size: 3.73332vw; } @media screen and (max-width: 991px) { .index-swiper .ani { visibility: revert !important; } } @media screen and (min-width: 992px) { body, body * { font-size: 0.83334vw; } .index-swiper .ani { opacity: 0; } .index-swiper .wow { opacity: 1 !important; visibility: revert !important; } } @font-face { font-family: roboto-b; src: url("../font/Roboto-Bold.ttf"); } @font-face { font-family: roboto-r; src: url("../font/Roboto-Regular.ttf"); } .roboto-b { font-family: roboto-b; } .roboto-r { font-family: roboto-r; } .ellipsis-01 { overflow: hidden; white-space: nowrap; display: block; text-overflow: ellipsis; } .ellipsis-02 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ellipsis-03 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .ellipsis-04 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } /*--鍒嗛〉--*/ @media screen and (min-width: 320px) { div.pages { text-align: center; width: 100%; padding: 7.99998vw 0 0 0; margin: 0; line-height: 1.7; } div.pages * { line-height: 1.7; } div.pages a, div.pages span { text-decoration: none; background: #fff; border: 0.26667vw solid #F5F5F5; padding: 0 2.93333vw; margin: 0.53333vw; color: #888888; font-size: 3.73332vw; display: inline-flex; font-weight: normal; height: 8.53331vw; min-width: 8.53331vw; align-items: center; justify-content: center; border-radius: 4.26666vw; } div.pages a.on, div.pages a.hover, div.pages a:hover, div.pages a:active, div.pages span.current, div.pages span.disabled { background: #B6002A; color: #fff; border: 0.26667vw solid #B6002A; } } @media screen and (min-width: 992px) { div.pages { padding: 3.12504vw 0 0 0; } div.pages a, div.pages span { border-width: 0.05208vw; padding: 0 0.67709vw; margin: 0.15625vw; font-size: 0.72918vw; height: 2.08336vw; min-width: 2.08336vw; border-radius: 1.04168vw; } div.pages a.on, div.pages a.hover, div.pages a:hover, div.pages a:active, div.pages span.current, div.pages span.disabled { border-width: 0.05208vw; } } /*=================layout===================*/ @media screen and (min-width: 320px) { .container { padding: 0 3.99999vw; margin: 0 auto; width: 100%; } .container:after { content: " "; display: block; clear: both; width: 0; height: 0; overflow: hidden; } /*瀹氫箟婊氬姩鏉¢珮瀹藉強鑳屾櫙 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ ::-webkit-scrollbar { width: 10px; height: 10px; background-color: #f7f7f7; } /*瀹氫箟婊氬姩鏉¤建閬 鍐呴槾褰?鍦嗚*/ ::-webkit-scrollbar-track { background-color: #e6e6e6; } /*瀹氫箟婊戝潡 鍐呴槾褰?鍦嗚*/ ::-webkit-scrollbar-thumb { background-color: #aaa; } } @media screen and (min-width: 992px) { .container { width: 86.45944vw; padding: 0 0.52084vw; } .container-max { width: 90.62616vw; } .container-min { width: 77.08432vw; } .container-min-02 { width: 73.95928vw; } .container-max-960 { max-width: 960px; } .container-max-1290 { max-width: 1290px; } } @media screen and (min-width: 1920px) { .container-max-1290 { max-width: 67.18836vw; } .container-max-960 { max-width: 50.00064vw; } } /*=================header===================*/ @media screen and (min-width: 320px) { .nav-box { height: 14.66663vw; width: 100%; z-index: 100; /* box-shadow: 0 0 5px rgba(0,0,0,.1); */ left: 0; top: 0; position: absolute; } .nav-box .container-header { position: relative; } .nav-box .header-box { height: 14.66663vw; display: block; } .nav-box .nav-box-bg { height: 14.66663vw; width: 100%; position: absolute; left: 0; top: 0; z-index: 8; } .logo { float: left; position: relative; z-index: 9; height: 14.66663vw; padding: 4.79999vw 0; } .logo a { display: flex; height: 100%; } .logo a img { height: 100%; display: block; } .nav-btn { display: flex; align-items: center; padding: 0 2.66666vw; margin-right: -2.66666vw; float: right; cursor: pointer; position: relative; z-index: 9; } .nav-btn .ico { position: relative; } .nav-btn .ico i { line-height: 14.66663vw; font-size: 5.86665vw; width: 6.39998vw; text-align: center; color: #B6002A; } .nav-btn span { padding-left: 1.33333vw; color: #000; font-size: 4.26666vw; } .nav-btn .nav-hide-btn { display: none; } .nav-btn.nav-btn-show .nav-hide-btn { display: block; } .nav-btn.nav-btn-show .nav-show-btn { display: none; } .nav { position: absolute; top: 14.66663vw; left: 0; right: 0; background: #0c0c0c; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); padding: 2.66666vw 3.99999vw; box-shadow: 0 3.99999vw 3.99999vw rgba(0, 0, 0, 0.2); border-bottom-left-radius: 1.6vw; border-bottom-right-radius: 1.6vw; z-index: 8; backdrop-filter: blur(30px); } .nav::before { content: ' '; position: absolute; border-bottom: 2.66666vw solid rgba(0, 0, 0, 0.4); border-left: 2.39999vw solid transparent; border-right: 2.39999vw solid transparent; right: 5.59999vw; top: -2.39999vw; } .nav.e-anim-on { animation: nav-anim-on .3s; animation-fill-mode: both; } .nav.e-anim-off { animation: nav-anim-off .5s; animation-fill-mode: both; } .nav-list { visibility: visible !important; } .nav-list li { border-bottom: solid 0.26667vw rgba(255, 255, 255, 0.2); } .nav-list li:nth-last-child(2) { border-bottom: none; } .nav-list li a { display: block; } .nav-list li a b { font-weight: normal; line-height: 12.79997vw; position: relative; color: #fff; display: block; text-align: center; opacity: 0.7; } .nav-list li a.on b { opacity: 1; } .nav-list li.nav-on { border-color: transparent; position: relative; z-index: 9; } .nav-list li.nav-on a { border-bottom: none; } .nav-list li.nav-on a b { opacity: 1; } .nav-list li.nav-off { position: relative; z-index: 1; } .nav-list li .nav-list-sub { overflow: hidden; background: rgba(255, 255, 255, 0.2); -webkit-border-radius: 1.06666vw; -moz-border-radius: 1.06666vw; border-radius: 1.06666vw; overflow: hidden; } .nav-list li .nav-list-sub > div { padding: 2.66666vw 3.99999vw; } .nav-list li .nav-list-sub a { line-height: 12.26664vw; border-bottom: solid 0.26667vw rgba(128, 128, 128, 0.1); color: #eee; font-size: 3.19999vw; text-align: center; } .nav-list li .nav-list-sub a span { color: #fff; opacity: 0.7; } .nav-list li .nav-list-sub a:hover span, .nav-list li .nav-list-sub a.on-02 span { color: #fff; } .nav-list li .nav-list-sub .sub-btn:nth-last-of-type(2) a { border: none; } .nav-list li .nav-list-sub.e-anim-hide { display: block; } .nav-list li .nav-list-sub div.btn-sub-bg { display: none; } .nav-list div.nav-btn-bg, .nav-list div.nav-btn-bg-02 { opacity: 0; filter: Alpha(opacity=0); width: 100%; left: 0; top: 0; height: 12.26664vw; background: #202020; z-index: -1; position: absolute; display: none; } .nav-list div.nav-btn-bg-02 { width: auto; left: auto; } .nav-list div.nav-btn-bg-02-show { opacity: 1; filter: Alpha(opacity=100); } .search-box { display: flex; padding: 2.66666vw 0; } .search-box .search-bg { flex: 1; } .search-box .search-bg .inp { width: 100%; border-radius: 0; height: 9.59998vw; border: none; padding: 0 2.66666vw; border-radius: 1.6vw 0 0 1.6vw; opacity: 0.9; } .search-box .search-bg .inp i::before { color: #fff; font-size: 4.79999vw; } .search-box .btn { width: 9.59998vw; height: 9.59998vw; background: #B6002A; border: none; border-radius: 0 1.6vw 1.6vw 0; cursor: pointer; } .search-box .btn i::before { color: #fff; font-size: 4.79999vw; } } @keyframes nav-anim-on { from { opacity: 0; transform: translateY(-2.66666vw); filter: blur(0.53333vw); } to { opacity: 1; transform: translateY(0); } } @keyframes nav-anim-off { from { opacity: 1; transform: translateY(0); filter: blur(0); } to { opacity: 0; transform: translateY(-2.66666vw); filter: blur(0.53333vw); } } @keyframes nav-list-anim-on { from { opacity: 0; transform: translateY(-2.66666vw); } to { opacity: 1; transform: translateY(0); } } @keyframes nav-list-anim-off { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(2.66666vw); } } @media screen and (min-width: 992px) { .nav-box { height: 4.68756vw; transition: .5s; } .nav-box .nav { height: 4.68756vw; } .nav-box .nav.e-anim-on { animation: nav-anim-on-pc .5s; animation-fill-mode: both; } .nav-box .nav.e-anim-off { animation: nav-anim-off-pc .5s; animation-fill-mode: both; } .nav-box .nav-box-bg { height: 4.68756vw; transform: translateY(-100%); opacity: 0; background: #fff; filter: blur(1.04168vw); transition: .5s; } .logo { height: 4.68756vw; padding: 1.3021vw 0; } .logo a { width: 100%; height: 100%; display: block; padding: 0; } .logo a img { margin: 0 auto; height: 100%; } .nav-btn { padding: 1.04168vw 0.52084vw; margin-right: -0.52084vw; transition: .3s; } .nav-btn .ico { position: relative; } .nav-btn .ico i { line-height: 2.6042vw; font-size: 1.56252vw; width: 1.56252vw; } .nav-btn span { padding-left: 0.78126vw; color: #000; font-size: 1.14585vw; } .nav-box-on, .nav-box-on-02 { position: fixed; left: 0; right: 0; } .nav-box-on .nav-box-bg, .nav-box-on-02 .nav-box-bg { height: 4.68756vw; transform: translateY(0); opacity: 1; filter: blur(0); } .nav-box-off { background: transparent; } .nav-btn { position: absolute; right: 0.52084vw; } .nav-btn .nav-show-btn { display: block !important; } .nav-btn .nav-hide-btn { display: none !important; } .nav-box-on .nav-btn, .nav-box-on-02 .nav-btn { pointer-events: none; opacity: 0; transform: translateX(0.52084vw); } .nav-box-on-02 .e-anim-hide { display: block; } .nav { float: right; position: relative; -webkit-transform: none; transform: none; opacity: 1; filter: Alpha(opacity=100); z-index: 9; box-shadow: none; padding: 0; border-top: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; overflow: visible; background: none; top: 0; padding-left: 0; padding-right: 0; left: auto; right: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; backdrop-filter: blur(0px); /*PC浜岀骇涓嬫媺鑳屾櫙鑹?/ /*.nav-list-sub-bg-show{ opacity: .9; filter:Alpha(opacity=90); top: 70px;}*/ } .nav::before { display: none; } .nav .top-r { float: right; } .nav .nav-list { position: relative; float: right; margin: 0; } .nav .nav-list li { float: left; border-bottom: none; position: relative; border: none; } .nav .nav-list li a { height: 4.68756vw; line-height: 4.68756vw; padding: 0 1.56252vw; font-size: 0.93751vw; position: relative; } .nav .nav-list li a b { line-height: 4.68756vw; height: 4.68756vw; color: #202020; overflow: hidden; font-size: 0.93751vw; } .nav .nav-list li a.on b { color: #B6002A; } .nav .nav-list li.nav-on > a b { background: none; color: #B6002A; } .nav .nav-list li.nav-off > a b { color: #202020; } .nav .nav-list li .nav-list-sub { position: absolute; top: 4.68756vw; height: auto !important; box-shadow: 0 0.26042vw 0.41667vw rgba(0, 0, 0, 0.3); width: auto; background: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding-top: 0; left: -1.3021vw; right: -1.3021vw; overflow: visible; } .nav .nav-list li .nav-list-sub .nav-list-height { padding: 0.52084vw 0; float: left; position: relative; width: 100%; overflow: visible; background: #fff; border-radius: 0.3125vw; box-shadow: 0 0 0.52084vw rgba(0, 0, 0, 0.1); } .nav .nav-list li .nav-list-sub .nav-list-height a { height: auto; border: none; padding: 0.26042vw 0.52084vw; text-align: center; float: left; position: relative; z-index: 2; /* background: rgba(21, 21, 21, .5); */ width: 100%; border-bottom: 0.05208vw solid rgba(255, 255, 255, 0.5); } .nav .nav-list li .nav-list-sub .nav-list-height a span { color: #666; padding: 0.52084vw 0; font-size: 0.83334vw; line-height: 1.2; display: block; } .nav .nav-list li .nav-list-sub .nav-list-height a:hover, .nav .nav-list li .nav-list-sub .nav-list-height a.on { /* background: #fff; */ } .nav .nav-list li .nav-list-sub .nav-list-height a:hover span { color: #B6002A; } .nav .nav-list li .nav-list-sub .nav-list-height.e-anim-hide { display: none; } .nav .nav-list li .nav-list-sub .nav-list-height.e-anim-on { animation: nav-list-anim-on-pc .3s; animation-fill-mode: both; display: block; } .nav .nav-list li .nav-list-sub .nav-list-height.e-anim-off { animation: nav-list-anim-off-pc .3s; animation-fill-mode: both; display: block; } .nav .nav-list li .nav-list-sub .nav-list-height::before { content: ' '; border-bottom: 0.46876vw solid #fff; border-left: 0.41667vw solid transparent; border-right: 0.41667vw solid transparent; position: absolute; left: 50%; margin-left: -0.41667vw; top: -0.41667vw; } .nav .nav-list li .nav-list-sub .nav-list-height div.btn-sub-bg { display: block; position: absolute; width: 0; left: 0; height: 2.70837vw; padding: 0; border-bottom: solid 0.10417vw #202020; display: none; } .nav .nav-list div.nav-btn-bg, .nav .nav-list div.nav-btn-bg-02 { height: 4.68756vw; background: #fff; overflow: hidden; display: none; } .nav .nav-list-sub-bg { display: block; position: absolute; top: -100%; height: 2.70837vw; width: 100%; left: 0; background: #fff; opacity: 0; filter: Alpha(opacity=0); box-shadow: 0 0.15625vw 0.15625vw rgba(0, 0, 0, 0.1); border-top: solid 0.05208vw #f4f4f4; } .ind-nav-box .nav { margin-right: 4.68756vw; } .header-btn-box { float: right; } .header-btn-box .btn-box { display: flex; /* margin-right: -$m*30; */ height: 4.68756vw; align-items: center; } .header-btn-box .btn-box .btn { padding: 0 0; height: 2.2917vw; width: 2.2917vw; border-radius: 0.72918vw; border: 0.05208vw solid #F3F3F3; display: flex; align-items: center; justify-content: center; cursor: pointer; } .header-btn-box .btn-box .btn i::before { color: #B6002A; font-size: 1.25002vw; } .header-btn-box .btn-box .btn:hover i::before { color: #B6002A; } .search-box { display: flex; height: 2.2917vw; align-items: center; margin: 1.19793vw 0; padding: 0; width: 2.2917vw; position: relative; border-radius: 0.72918vw; overflow: hidden; border: 0.05208vw solid #f3f3f3; } .search-box .search-bg { position: absolute; left: 0; right: 0; height: 2.2917vw; opacity: 0; } .search-box .search-bg .inp { width: 100%; height: 2.2917vw; padding: 0 1.04168vw; opacity: 1; background: #fff; border-radius: 0; } .search-box .btn { width: 2.2917vw; height: 2.2917vw; border-radius: 0; position: absolute; background: #fff; right: 0; z-index: 2; } .search-box .btn i::before { color: #B6002A; font-size: 1.14585vw; } .search-box.search-box-on { width: 10.4168vw; } .search-box.search-box-on .search-bg { opacity: 1; } .search-box.search-box-on .search-bg .inp { padding: 0 3.33338vw 0 1.04168vw; } } @keyframes nav-anim-on-pc { from { opacity: 0; } to { opacity: 1; } } @keyframes nav-anim-off-pc { from { opacity: 1; } to { opacity: 0; } } @keyframes nav-list-anim-on-pc { from { transform: translateY(-0.52084vw); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes nav-list-anim-off-pc { from { transform: translateY(0); opacity: 1; } to { transform: translateY(0.52084vw); opacity: 0; } } @media screen and (min-width: 320px) { .pc-box { display: none; } } @media screen and (min-width: 992px) { .m-box { display: none; } .pc-box { display: block; } } @media screen and (min-width: 320px) { .banner { position: relative; } .banner::before { content: ' '; height: 26.6666vw; position: absolute; left: 0; right: 0; top: 0; background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)); z-index: 2; } .banner .tit-box { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; display: flex; align-items: center; justify-content: center; } .banner .tit-box .tit { text-align: center; font-weight: 100; color: #fff; font-size: 4.79999vw; letter-spacing: 1.6vw; text-shadow: 0 0.8vw 0 rgba(0, 0, 0, 0.1); } .banner .more-box { position: absolute; left: 50%; bottom: 2.66666vw; margin-left: -5.33332vw; z-index: 3; } .banner .more-box .more { width: 10.66664vw; height: 10.66664vw; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); cursor: pointer; } .banner .more-box .more i, .banner .more-box .more i::before { color: #fff; font-size: 3.19999vw; line-height: 1; } .banner .more-box .more:hover { background: #B6002A; transform: translateY(10%); } .banner i.pic-scale-banner { padding-bottom: 100vh; } .banner .pic-box { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; } .banner .pic-box::before { content: ' '; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; background: #000; opacity: .2; } .banner .pic-box .ico { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 14.9333vw; z-index: 2; color: #B6002A; opacity: .8; } .banner .video-box { opacity: 0; } .banner .video-box .video { height: 100vh; width: 100%; } } @media screen and (min-width: 992px) { .banner::before { height: 5.2084vw; } .banner .tit-box .tit { font-size: 3.54171vw; letter-spacing: 1.04168vw; text-shadow: 0 0.15625vw 0 rgba(0, 0, 0, 0.1); } .banner .more-box { bottom: 2.08336vw; margin-left: -1.56252vw; } .banner .more-box .more { width: 3.12504vw; height: 3.12504vw; } .banner .more-box .more i, .banner .more-box .more i::before { font-size: 1.04168vw; } .banner .video-box { opacity: 1; } .banner .video-box .video { object-fit: cover; } } @media screen and (min-width: 320px) { .ind-box-01 { padding: 7.99998vw 0; background: url(../img/ind-box-bg-01.jpg); background-size: cover; background-position: center; } .ind-box-01 .box { position: relative; } .ind-box-01 .cont { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 7.99998vw 5.33332vw; } .ind-box-01 .cont .pic { height: 7.99998vw; } .ind-box-01 .cont .pic img { height: 100%; } .ind-box-01 .cont .pic-02 { height: 26.6666vw; } .ind-box-01 .cont .tit { padding-top: 2.66666vw; color: #fff; font-size: 3.73332vw; } .ind-box-01 .cont .en { padding-top: 2.66666vw; color: #EED1A7; font-size: 3.19999vw; font-weight: bold; text-transform: uppercase; letter-spacing: 0.8vw; } .ind-box-01 .cont .list { padding-top: 2.66666vw; display: flex; color: #fff; margin: -1.33333vw; } .ind-box-01 .cont .list dl { padding: 1.33333vw; } .ind-box-01 .cont .list dl dt { display: flex; align-items: center; } .ind-box-01 .cont .list dl dt .num { font-size: 6.39998vw; } .ind-box-01 .cont .list dl dt span { font-size: 3.19999vw; } .ind-box-01 .cont .list dl dd { font-size: 3.19999vw; padding-top: 1.33333vw; } .ind-box-01 .cont .txt { padding-top: 5.33332vw; display: flex; align-items: center; color: #eed1a7; font-size: 3.19999vw; } .ind-box-01 .cont .txt::before { content: ' '; border-top: 1.33333vw solid transparent; border-bottom: 1.33333vw solid transparent; border-left: 2.13333vw solid #eed1a7; margin-right: 2.66666vw; } .ind-box-01 .bg { width: 100%; } .ind-box-01 .bdm-box { background: #fff; padding: 7.99998vw 5.33332vw; height: 63.99984vw; display: flex; flex-direction: column; justify-content: space-between; } .ind-box-01 .bdm-box .bdm { position: relative; } .ind-box-01 .bdm-box .tit { line-height: 1.2; font-size: 4.26666vw; } .ind-box-01 .bdm-box .page { color: #e6d6bc; font-size: 3.19999vw; padding-top: 2.66666vw; } .ind-box-01 .bdm-box .en { color: #F6F5F3; font-size: 4.26666vw; padding-top: 2.66666vw; text-transform: uppercase; } .ind-box-01 .bdm-box .switch-btn { display: flex; margin: 0 -8px; } .ind-box-01 .bdm-box .switch-btn .btn { flex: 1; display: flex; align-items: center; padding: 0 8px; cursor: pointer; } .ind-box-01 .bdm-box .switch-btn .btn .line { flex: 1; height: 2px; background: #b9b9b9; position: relative; } .ind-box-01 .bdm-box .switch-btn .btn i, .ind-box-01 .bdm-box .switch-btn .btn i::before { font-size: 24px; color: #b9b9b9; } .ind-box-01 .bdm-box .switch-btn .btn:hover .line { background: #B6002A; } .ind-box-01 .bdm-box .switch-btn .btn:hover i, .ind-box-01 .bdm-box .switch-btn .btn:hover i::before { color: #B6002A; } .ind-box-01 .bdm-box .switch-btn .prev-btn .line { left: -2px; } .ind-box-01 .bdm-box .switch-btn .next-btn .line { right: -2px; } .ind-box-01 .bdr-box { padding-top: 2.66666vw; } .ind-box-01 .bdr-box .flex .l { display: flex; flex-wrap: wrap; margin: -1.33333vw; } .ind-box-01 .bdr-box .flex .l .btn-bd { flex-basis: 50%; flex-shrink: 0; padding: 1.33333vw; } .ind-box-01 .bdr-box .flex .r { padding-top: 2.66666vw; } .ind-box-01 .bdr-box .btn { display: flex; flex-direction: column; align-items: center; background: #fcfbf8; padding: 5.33332vw; position: relative; cursor: pointer; } .ind-box-01 .bdr-box .btn::before { content: ' '; background-image: url(../img/category-btn-bg.jpg); background-size: contain; background-position: center; background-color: #B6002A; background-repeat: no-repeat; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 0; opacity: 0; } .ind-box-01 .bdr-box .btn i, .ind-box-01 .bdr-box .btn i::before { font-size: 10.66664vw; color: #374770; position: relative; z-index: 2; } .ind-box-01 .bdr-box .btn .tit { padding-top: 2.66666vw; color: #343538; font-size: 3.73332vw; position: relative; z-index: 2; } .ind-box-01 .bdr-box .btn .txt { color: #c6c6c6; font-size: 2.13333vw; padding-top: 2.66666vw; position: relative; z-index: 2; } .ind-box-01 .bdr-box .btn.on::before { opacity: 1; } .ind-box-01 .bdr-box .btn.on i, .ind-box-01 .bdr-box .btn.on i::before { color: #fff; } .ind-box-01 .bdr-box .btn.on .tit { color: #fff; } .ind-box-01 .bdr-box .btn.on .txt { color: #fff; } } @media screen and (min-width: 992px) { .ind-box-01 { padding: 6.77092vw 0; } .ind-box-01 .box { overflow: hidden; border-radius: 0 0 0 4.16672vw; } .ind-box-01 .cate-tabs { display: flex; } .ind-box-01 .cate-tabs .bdl-box { flex-basis: 32.29208vw; flex-shrink: 0; } .ind-box-01 .cate-tabs .bdm-box { flex-basis: 15.6252vw; flex-shrink: 0; } .ind-box-01 .cont { padding: 2.6042vw 2.08336vw; } .ind-box-01 .cont .pic { height: 2.81254vw; } .ind-box-01 .cont .pic-02 { height: 8.59386vw; } .ind-box-01 .cont .tit { padding-top: 0.78126vw; font-size: 1.56252vw; } .ind-box-01 .cont .en { padding-top: 0.78126vw; font-size: 0.72918vw; letter-spacing: 0.15625vw; } .ind-box-01 .cont .list { padding-top: 2.08336vw; margin: -1.04168vw; } .ind-box-01 .cont .list dl { padding: 1.04168vw; } .ind-box-01 .cont .list dl dt .num { font-size: 2.6042vw; } .ind-box-01 .cont .list dl dt span { font-size: 0.83334vw; padding-left: 0.52084vw; } .ind-box-01 .cont .list dl dd { font-size: 0.83334vw; padding-top: 0.52084vw; } .ind-box-01 .cont .txt { padding-top: 2.39586vw; font-size: 0.93751vw; } .ind-box-01 .cont .txt::before { content: ' '; border-top: 0.26042vw solid transparent; border-bottom: 0.26042vw solid transparent; border-left: 0.41667vw solid #eed1a7; margin-right: 0.52084vw; } .ind-box-01 .bg { width: 100%; } .ind-box-01 .bdm-box { padding: 2.6042vw 1.56252vw; height: auto; } .ind-box-01 .bdm-box .tit { font-size: 1.35418vw; line-height: 1.25; } .ind-box-01 .bdm-box .page { font-size: 1.14585vw; padding-top: 1.56252vw; } .ind-box-01 .bdm-box .en { font-size: 1.45835vw; padding-top: 1.56252vw; } .ind-box-01 .bdm-box .switch-btn { display: flex; margin: 0 -8px; } .ind-box-01 .bdm-box .switch-btn .btn { flex: 1; display: flex; align-items: center; padding: 0 8px; cursor: pointer; } .ind-box-01 .bdm-box .switch-btn .btn .line { flex: 1; height: 2px; background: #b9b9b9; position: relative; } .ind-box-01 .bdm-box .switch-btn .btn i, .ind-box-01 .bdm-box .switch-btn .btn i::before { font-size: 24px; color: #b9b9b9; } .ind-box-01 .bdm-box .switch-btn .btn:hover { flex: 2; } .ind-box-01 .bdm-box .switch-btn .btn:hover .line { background: #B6002A; } .ind-box-01 .bdm-box .switch-btn .btn:hover i, .ind-box-01 .bdm-box .switch-btn .btn:hover i::before { color: #B6002A; } .ind-box-01 .bdm-box .switch-btn .prev-btn .line { left: -2px; } .ind-box-01 .bdm-box .switch-btn .next-btn .line { right: -2px; } .ind-box-01 .bdr-box { padding-top: 0; padding-left: 0.52084vw; } .ind-box-01 .bdr-box .flex { display: flex; } .ind-box-01 .bdr-box .flex .l { flex-basis: 66.66667%; flex-shrink: 0; margin: -0.26042vw; } .ind-box-01 .bdr-box .flex .l .btn-bd { padding: 0.26042vw; } .ind-box-01 .bdr-box .flex .r { padding-top: 0; padding-left: 0.52084vw; flex-basis: 33.333333%; flex-shrink: 0; } .ind-box-01 .bdr-box .flex .r .btn { height: 24.47948vw; } .ind-box-01 .bdr-box .btn { padding: 1.04168vw; height: 11.97932vw; justify-content: center; } .ind-box-01 .bdr-box .btn i, .ind-box-01 .bdr-box .btn i::before { font-size: 4.16672vw; } .ind-box-01 .bdr-box .btn .tit { padding-top: 0.52084vw; font-size: 1.14585vw; } .ind-box-01 .bdr-box .btn .txt { font-size: 0.72918vw; padding-top: 0.52084vw; } } @media screen and (min-width: 320px) { i.pic-scale-news { padding-bottom: 50.071%; } .ind-box-02 { padding: 7.99998vw 0; } .ind-box-02 .bdl a { display: none; } .ind-box-02 .bdl a.on { display: block; } .ind-box-02 .t { display: flex; justify-content: space-between; align-items: center; padding-bottom: 5.33332vw; } .ind-box-02 .t .hd { display: flex; margin: -1.33333vw; } .ind-box-02 .t .hd .btn-bd { margin: 1.33333vw; } .ind-box-02 .t .hd .btn-bd .btn { display: flex; align-items: center; cursor: pointer; } .ind-box-02 .t .hd .btn-bd .btn .ico { padding: 1.06666vw; border-radius: 50%; border: 0.26667vw dashed #F0CCD4; width: 10.66664vw; height: 10.66664vw; position: relative; z-index: 2; background: #fff; } .ind-box-02 .t .hd .btn-bd .btn .ico i { background: linear-gradient(#FFF1F4, #F4D9DF); border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 7.99998vw; height: 7.99998vw; } .ind-box-02 .t .hd .btn-bd .btn .ico i::before { color: #E3708B; font-size: 3.73332vw; } .ind-box-02 .t .hd .btn-bd .btn span { margin-left: -2.66666vw; padding: 0 2.66666vw 0 5.33332vw; display: flex; align-items: center; justify-content: center; height: 7.99998vw; background: linear-gradient(45deg, #FFF1F4, #F4D9DF); font-size: 3.19999vw; border-radius: 0 3.99999vw 0 0; color: #b6002a; } .ind-box-02 .t .hd .btn-bd.on .btn .ico { border-color: #B6002A; } .ind-box-02 .t .hd .btn-bd.on .btn .ico i { background: linear-gradient(#E3708B, #B6002A); } .ind-box-02 .t .hd .btn-bd.on .btn .ico i::before { color: #fff; } .ind-box-02 .t .hd .btn-bd.on .btn span { background: linear-gradient(45deg, #E3708B, #B6002A); color: #fff; } .ind-box-02 .t .bdl a span { font-size: 3.19999vw; padding-right: 1.33333vw; color: #222; } .ind-box-02 .t .bdl a i, .ind-box-02 .t .bdl a i::before { background-image: linear-gradient(#E3708B, #B6002A); color: transparent; -webkit-background-clip: text; font-size: 4.79999vw; } .ind-box-02 .t .bdl .on { display: flex; align-items: center; } .ind-box-02 .mess .flex .l a dd { padding-top: 2.66666vw; } .ind-box-02 .mess .flex .l a dd .tit { font-size: 3.73332vw; color: #000; } .ind-box-02 .mess .flex .l a dd .txt { color: #888; font-size: 3.19999vw; line-height: 1.4; padding-top: 2.66666vw; } .ind-box-02 .mess .flex .l a dd .time { font-size: 3.19999vw; color: #B6002A; font-weight: bold; padding-top: 2.66666vw; } .ind-box-02 .mess .flex .l a:hover dd .tit { color: #B6002A; } .ind-box-02 .mess .flex .r { padding-top: 5.33332vw; } .ind-box-02 .mess .flex .r a { display: flex; padding: 3.99999vw 2.66666vw; border-bottom: 0.26667vw dotted #B5B5B5; white-space: nowrap; background: #fff; } .ind-box-02 .mess .flex .r a .time .md { color: #333; font-size: 4.79999vw; } .ind-box-02 .mess .flex .r a .time .y { color: #333; font-size: 2.66666vw; padding-top: 1.33333vw; } .ind-box-02 .mess .flex .r a .cont { min-width: 0; flex: 1; padding: 0 2.66666vw 0 0; } .ind-box-02 .mess .flex .r a .cont .tit { color: #000; font-size: 3.73332vw; } .ind-box-02 .mess .flex .r a .cont .txt { padding-top: 1.33333vw; color: #888; font-size: 3.19999vw; } .ind-box-02 .mess .flex .r a .more i, .ind-box-02 .mess .flex .r a .more i::before { color: #999; font-size: 5.33332vw; } .ind-box-02 .mess .flex .r a:hover { background: #f8f8f8; border-bottom-style: solid; border-bottom-color: #B6002A; } .ind-box-02 .mess .flex .r a:hover .time .md { color: #B6002A; } .ind-box-02 .mess .flex .r a:hover .time .y { color: #B6002A; } .ind-box-02 .mess .flex .r a:hover .cont .tit { font-weight: bold; } .ind-box-02 .mess .flex .r a:hover .more i, .ind-box-02 .mess .flex .r a:hover .more i::before { color: #B6002A; } .ind-box-02 .ad-box { padding-top: 7.99998vw; } .ind-box-02 .ad-box img { width: 100%; } } @media screen and (min-width: 992px) { .ind-box-02 { padding: 3.12504vw 0; } .ind-box-02 .t { padding-bottom: 2.6042vw; } .ind-box-02 .t .hd { margin: -1.3021vw; } .ind-box-02 .t .hd .btn-bd { margin: 1.3021vw; } .ind-box-02 .t .hd .btn-bd .btn .ico { padding: 0.41667vw; border: 0.10417vw dashed #F0CCD4; width: 5.41674vw; height: 5.41674vw; } .ind-box-02 .t .hd .btn-bd .btn .ico i { width: 4.37506vw; height: 4.37506vw; } .ind-box-02 .t .hd .btn-bd .btn .ico i::before { font-size: 2.50003vw; } .ind-box-02 .t .hd .btn-bd .btn span { margin-left: -1.3021vw; padding: 0 1.3021vw 0 2.6042vw; height: 3.12504vw; font-size: 1.14585vw; border-radius: 0 1.56252vw 0 0; } .ind-box-02 .t .bdl a span { font-size: 0.93751vw; padding-right: 0.52084vw; } .ind-box-02 .t .bdl a i, .ind-box-02 .t .bdl a i::before { font-size: 2.08336vw; } .ind-box-02 .mess .flex { display: flex; } .ind-box-02 .mess .flex .l { padding-right: 1.3021vw; flex-shrink: 0; flex-basis: 50%; } .ind-box-02 .mess .flex .l a dd { padding-top: 1.66669vw; } .ind-box-02 .mess .flex .l a dd .tit { font-size: 0.93751vw; } .ind-box-02 .mess .flex .l a dd .txt { font-size: 0.83334vw; padding-top: 0.78126vw; line-height: 1.6; } .ind-box-02 .mess .flex .l a dd .time { font-size: 0.72918vw; padding-top: 1.56252vw; } .ind-box-02 .mess .flex .l a:hover dd .tit { color: #B6002A; } .ind-box-02 .mess .flex .r { padding-top: 0; padding-left: 1.3021vw; flex-shrink: 0; flex-basis: 50%; min-width: 0; } .ind-box-02 .mess .flex .r a { padding: 1.97919vw 1.04168vw; border-bottom-width: 0.05208vw; } .ind-box-02 .mess .flex .r a .time .md { font-size: 1.56252vw; } .ind-box-02 .mess .flex .r a .time .y { font-size: 0.83334vw; padding-top: 0.26042vw; } .ind-box-02 .mess .flex .r a .cont { padding: 0 1.04168vw 0 0; } .ind-box-02 .mess .flex .r a .cont .tit { font-size: 0.93751vw; } .ind-box-02 .mess .flex .r a .cont .txt { padding-top: 0.78126vw; font-size: 0.83334vw; } .ind-box-02 .mess .flex .r a .more i, .ind-box-02 .mess .flex .r a .more i::before { font-size: 1.14585vw; } .ind-box-02 .ad-box { padding-top: 2.86462vw; } } @media screen and (min-width: 320px) { .footer { padding: 7.99998vw 0; background: #000; position: relative; z-index: 2; } .footer .r .link-btn dl { position: relative; } .footer .r .link-btn dl dt { display: flex; cursor: pointer; } .footer .r .link-btn dl dt .tit { height: 10.66664vw; border-radius: 1.06666vw 0 0 1.06666vw; background: #fff; flex: 1; display: flex; align-items: center; padding: 0 2.66666vw; min-width: 0; } .footer .r .link-btn dl dt i { background: #B6002A; border-radius: 0 1.06666vw 1.06666vw 0; width: 10.66664vw; display: flex; align-items: center; justify-content: center; } .footer .r .link-btn dl dt i::before { color: #fff; font-size: 4.26666vw; transition: .3s; } .footer .r .link-btn dl dd { position: absolute; left: 0; right: 0; bottom: 10.66664vw; padding-bottom: 0.53333vw; } .footer .r .link-btn dl dd div { background: #fff; padding: 2.66666vw; border-radius: 1.06666vw; box-shadow: 0 0 5.33332vw rgba(182, 0, 42, 0.2); } .footer .r .link-btn dl dd a { display: block; padding: 2.66666vw 0; line-height: 1.4; } .footer .r .link-btn.on dl dt i::before { transform: rotate(180deg); } .footer .l { padding-top: 5.33332vw; } .footer .l .list ul li { display: flex; align-items: center; justify-content: center; padding: 1.33333vw 0; } .footer .l .list ul li i { border: 0.53333vw solid #B6002A; width: 6.39998vw; height: 6.39998vw; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 2.66666vw; } .footer .l .list ul li i::before { color: #B6002A; } .footer .l .list ul li span { color: #fff; font-size: 3.19999vw; line-height: 1.4; } .footer .l .txt { text-align: center; color: #888; margin: 0 -1.33333vw; display: flex; flex-wrap: wrap; justify-content: center; font-size: 3.19999vw; } .footer .l .txt span { padding: 1.33333vw; line-height: 1.4; } .footer .l .txt a { color: #888; } .footer .l .txt a:hover { color: #B6002A; } .footer .e-anim-on { animation: float-anim-on .3s; animation-fill-mode: both; display: block; } .footer .e-anim-off { animation: float-anim-off .3s; animation-fill-mode: both; display: block; } } @media screen and (min-width: 992px) { .footer { padding: 1.56252vw; } .footer .flex { display: flex; flex-direction: row-reverse; justify-content: space-between; } .footer .r { flex-basis: 10.4168vw; } .footer .r .link-btn dl dt .tit { height: 2.08336vw; border-radius: 0.20834vw 0 0 0.20834vw; padding: 0 0.52084vw; } .footer .r .link-btn dl dt i { border-radius: 0 0.20834vw 0.20834vw 0; width: 2.08336vw; } .footer .r .link-btn dl dt i::before { font-size: 0.72918vw; } .footer .r .link-btn dl dd { bottom: 2.08336vw; padding-bottom: 0.10417vw; } .footer .r .link-btn dl dd div { padding: 0.52084vw; border-radius: 0.20834vw; box-shadow: 0 0 1.04168vw rgba(182, 0, 42, 0.2); } .footer .r .link-btn dl dd a { padding: 0.52084vw 0; } .footer .r .wechat-btn { padding-bottom: 1.56252vw; display: flex; justify-content: flex-end; } .footer .r .wechat-btn dl { position: relative; } .footer .r .wechat-btn dl dt { cursor: pointer; } .footer .r .wechat-btn dl dt i, .footer .r .wechat-btn dl dt i::before { color: #fff; font-size: 1.45835vw; } .footer .r .wechat-btn dl dd { position: absolute; margin-left: 0.72918vw; left: -3.12504vw; overflow: hidden; border-radius: 0.20834vw; background: #fff; width: 6.25008vw; box-shadow: 0 0 1.04168vw rgba(182, 0, 42, 0.2); bottom: 2.08336vw; } .footer .r .wechat-btn dl dd::before { content: ' '; position: absolute; left: 50%; border-left: 0.26042vw solid transparent; border-right: 0.26042vw solid transparent; border-top: 0.41667vw solid #fff; bottom: -0.36459vw; margin-left: -0.26042vw; } .footer .r .wechat-btn dl dd img { width: 100%; } .footer .l { padding-top: 0; } .footer .l .list { padding-bottom: 0.52084vw; } .footer .l .list ul { margin: -0.41667vw; display: flex; } .footer .l .list ul li { padding: 0.41667vw; } .footer .l .list ul li i { border-width: 0.10417vw; width: 1.56252vw; height: 1.56252vw; margin-right: 0.52084vw; } .footer .l .list ul li i::before { font-size: 0.83334vw; } .footer .l .list ul li span { font-size: 0.83334vw; } .footer .l .txt { justify-content: flex-start; margin: 0 -0.26042vw; font-size: 0.83334vw; } .footer .l .txt span { padding: 0.26042vw; } } @keyframes float-anim-on { from { opacity: 0; transform: translateY(5%); } to { opacity: 1; transform: translateY(0); } } @keyframes float-anim-off { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(5%); } } @media screen and (min-width: 320px) { .float { position: fixed; right: 0; box-shadow: 0 0.15625vw 1.04168vw rgba(0, 0, 0, 0.1); bottom: 10.4168vw; border-radius: 0.52084vw 0 0 0.52084vw; width: 4.16672vw; overflow: hidden; } .float .btn { display: flex; flex-direction: column; align-items: center; padding: 1.04168vw 1.04168vw; background: #fff; cursor: pointer; } .float .btn i, .float .btn i::before { font-size: 1.77086vw; color: #ccc; } .float .btn span { line-height: 1.2; font-size: 0.83334vw; color: #707070; padding-top: 0.26042vw; text-align: center; display: block; } .float .btn + .btn { border-top: 0.05208vw solid #EDEDED; } .float .on { background: linear-gradient(#E3708B, #B6002A); } .float .on i, .float .on i::before { color: #fff; } .float .on span { color: #fff; } } @media screen and (min-width: 320px) { .banner-min-pt { background: #fff; padding-top: 14.66663vw; } .banner-min { background-size: cover; background-position: center; height: 37.33324vw; padding-bottom: 10.66664vw; display: flex; align-items: center; justify-content: center; position: relative; z-index: 9; } .banner-min .tit { flex-basis: 80%; flex-shrink: 0; } .banner-min .tit img { width: 100%; } .banner-min .menu-box { position: absolute; left: 0; right: 0; bottom: 0; } .banner-min .menu-box .bg { height: 10.66664vw; background: linear-gradient(rgba(255, 255, 255, 0.8), #fff); border-radius: 3.99999vw 3.99999vw 0 0; padding: 0 2.66666vw; border-bottom: 0.26667vw solid #DADADA; } .banner-min .menu-box .swiper-slide { width: auto; } .banner-min .menu-box .swiper-slide::after { content: ' '; width: 0.26667vw; height: 3.73332vw; background: #dadada; position: absolute; right: 0; top: 50%; margin-top: -1.86666vw; } .banner-min .menu-box .swiper-slide:nth-child(1)::before { content: ' '; width: 0.26667vw; height: 3.73332vw; background: #dadada; position: absolute; left: 0; top: 50%; margin-top: -1.86666vw; } .banner-min .menu-box .swiper-slide a { padding: 0 5.33332vw; height: 10.66664vw; display: flex; align-items: center; position: relative; } .banner-min .menu-box .swiper-slide.on a::before { content: ' '; position: absolute; left: 0; right: 0; bottom: 0; height: 0.53333vw; background: #B6002A; } .banner-min-02 { padding-bottom: 0; } } @media screen and (min-width: 992px) { .banner-min-pt { padding-top: 4.68756vw; } .banner-min { height: 12.50016vw; padding-bottom: 3.43754vw; } .banner-min .tit { flex-basis: 30.62539vw; } .banner-min .menu-box .bg { height: 3.43754vw; border-radius: 1.04168vw 1.04168vw 0 0; padding: 0 1.04168vw; border-bottom-width: 0.05208vw; } .banner-min .menu-box .flex { display: flex; } .banner-min .menu-box .flex .menu { flex: 1; } .banner-min .menu-box .flex .menu ul { display: flex; position: relative; } .banner-min .menu-box .flex .menu ul::before { content: ' '; width: 0.05208vw; height: 1.25002vw; background: #dadada; position: absolute; left: 0; top: 50%; margin-top: -0.62501vw; } .banner-min .menu-box .flex .menu ul li { position: relative; } .banner-min .menu-box .flex .menu ul li::before { content: ' '; width: 0.05208vw; height: 1.25002vw; background: #dadada; position: absolute; right: 0; top: 50%; margin-top: -0.62501vw; } .banner-min .menu-box .flex .menu ul li a { height: 3.43754vw; display: flex; align-items: center; justify-content: center; position: relative; font-size: 0.93751vw; width: 14.06268vw; color: #202020; } .banner-min .menu-box .flex .menu ul li a:hover { color: #B6002A; } .banner-min .menu-box .flex .menu ul li a.on::before { content: ' '; position: absolute; left: 0; right: 0; bottom: 0; height: 0.10417vw; background: #B6002A; } .banner-min .menu-box .flex .crumbs { height: 3.43754vw; display: flex; align-items: center; justify-content: center; } .banner-min .menu-box .flex .crumbs i { padding-right: 0.52084vw; } .banner-min .menu-box .flex .crumbs i::before { color: #ccb48c; font-size: 0.83334vw; } .banner-min .menu-box .flex .crumbs a { color: #8f8f8f; font-size: 0.72918vw; } .banner-min .menu-box .flex .crumbs a:hover { color: #B6002A; } .banner-min .menu-box .flex .crumbs span { padding: 0 0.36459vw; color: #8f8f8f; font-size: 0.72918vw; } .banner-min-02 { padding-bottom: 0; } } @media screen and (min-width: 320px) { .content-box, .content-box * { font-size: 3.73332vw; line-height: 1.75; color: #464646; } .content-box .pic { padding-top: 2.66666vw; } .info-content, .info-content * { font-size: 3.19999vw; line-height: 2; } .info-content-bd { padding: 7.99998vw 0; } .content-box p + p { margin-top: 2.66666vw; } .no-tips { height: 79.9998vw; display: flex; align-items: center; justify-content: center; font-size: 3.73332vw; color: #999; } } @media screen and (min-width: 992px) { .content-box, .content-box * { font-size: 0.83334vw; } .content-box .pic { padding-top: 1.04168vw; } .info-content, .info-content * { font-size: 0.72918vw; } .info-content-bd { padding: 4.16672vw 0; } .no-tips { height: 20.8336vw; font-size: 0.93751vw; } .content-box p + p { margin-top: 1.04168vw; } } @media screen and (min-width: 320px) { .anchor { position: relative; top: -14.66663vw; } .gsjj-box-01 { padding: 13.3333vw 0 7.99998vw 0; background-image: url(../img/gsjj-box-01-bg.jpg); background-size: cover; background-position: center; } .gsjj-box-01 .en img { width: 100%; } .gsjj-box-01 .tit { padding-top: 5.33332vw; font-weight: bold; font-size: 5.33332vw; color: #222; line-height: 1; } .gsjj-box-01 .flex { padding-top: 5.33332vw; } .gsjj-box-01 .pic { padding-top: 5.33332vw; } } @media screen and (min-width: 992px) { .anchor { top: -4.68756vw; } .gsjj-box-01 { padding: 5.2084vw 0 3.12504vw 0; } .gsjj-box-01 .en { width: 29.84413vw; } .gsjj-box-01 .tit { padding-top: 1.56252vw; font-size: 2.18753vw; } .gsjj-box-01 .flex { padding-top: 0; display: flex; align-items: flex-end; } .gsjj-box-01 .flex .l { padding-right: 3.38546vw; flex: 1; font-size: 0.93751vw; } .gsjj-box-01 .flex .r { flex-basis: 23.54197vw; flex-shrink: 0; } .gsjj-box-01 .pic { width: 42.6568vw; margin: 0 auto; } } @media screen and (min-width: 320px) { .gsjj-box-02 { padding: 7.99998vw 0 53.3332vw 0; background-image: url(../img/gsjj-box-02-bg.jpg); background-size: cover; background-position: center bottom; overflow: hidden; position: relative; } .gsjj-box-02 .hd { width: 213.3328vw; height: 213.3328vw; border-radius: 50%; border: 1.6vw solid #EBE8E4; position: absolute; left: 50%; transform: translateX(-58%); bottom: 26.6666vw; } .gsjj-box-02 .hd .btn { position: absolute; width: 12.79997vw; height: 12.79997vw; border: 1.06666vw solid #fff; border-radius: 50%; background: #D9B279; display: flex; align-items: center; justify-content: center; left: 50%; top: 50%; margin-left: -6.39998vw; margin-top: -6.39998vw; cursor: pointer; transform: rotate(0deg) translateY(105.8664vw); } .gsjj-box-02 .hd .btn span { font-size: 3.73332vw; color: #fff; padding-top: 0.53333vw; } .gsjj-box-02 .hd .btn.on { border-color: #D9B279; background: #fff; } .gsjj-box-02 .hd .btn.on span { color: #202020; } .gsjj-box-02 .hd .btn-l { opacity: 0; pointer-events: none; transform: rotate(20deg) translateY(105.8664vw); } .gsjj-box-02 .hd .btn-l span { transform: rotate(-20deg); } .gsjj-box-02 .hd .btn-01 { transform: rotate(10deg) translateY(105.8664vw); } .gsjj-box-02 .hd .btn-01 span { transform: rotate(-10deg); } .gsjj-box-02 .hd .btn-02 { transform: rotate(0deg) translateY(105.8664vw); } .gsjj-box-02 .hd .btn-02 span { transform: rotate(0deg); } .gsjj-box-02 .hd .btn-03 { transform: rotate(-10deg) translateY(105.8664vw); } .gsjj-box-02 .hd .btn-03 span { transform: rotate(10deg); } .gsjj-box-02 .hd .btn-04 { transform: rotate(-20deg) translateY(105.8664vw); } .gsjj-box-02 .hd .btn-04 span { transform: rotate(20deg); } .gsjj-box-02 .hd .btn-05 { transform: rotate(-30deg) translateY(105.8664vw); } .gsjj-box-02 .hd .btn-05 span { transform: rotate(30deg); } .gsjj-box-02 .hd .btn-r { opacity: 0; pointer-events: none; transform: rotate(-40deg) translateY(105.8664vw); } .gsjj-box-02 .hd .btn-r span { transform: rotate(40deg); } .gsjj-box-02 .box-bd { padding-bottom: 2.66666vw; } .gsjj-box-02 .bd { position: relative; z-index: 2; background: #fff; border-radius: 0 5.33332vw 0 5.33332vw; box-shadow: 0 2.66666vw 7.99998vw rgba(204, 204, 204, 0.3); } .gsjj-box-02 .bd .box { padding: 5.33332vw; } .gsjj-box-02 .bd .box .time { color: #B6002A; display: flex; align-items: center; padding-bottom: 2.66666vw; } .gsjj-box-02 .bd .box .time i { padding-right: 1.33333vw; } .gsjj-box-02 .bd .box .time i, .gsjj-box-02 .bd .box .time i::before { font-size: 5.33332vw; } .gsjj-box-02 .bd .box .time span { font-size: 4.79999vw; } .gsjj-box-02 .bd .box .txt { line-height: 1.4; color: #000; font-size: 3.19999vw; } } @media screen and (min-width: 992px) { .gsjj-box-02 { padding: 4.16672vw 0 23.4378vw 0; } .gsjj-box-02 .hd { width: 177.0856vw; height: 177.0856vw; border: 0.93751vw solid #EBE8E4; transform: translateX(-57%); bottom: 10.4168vw; } .gsjj-box-02 .hd .btn { width: 4.47922vw; height: 4.47922vw; border-width: 0.41667vw; background: #D9B279; margin-left: -2.23961vw; margin-top: -2.23961vw; transform: rotate(0deg) translateY(88.07404vw); } .gsjj-box-02 .hd .btn span { font-size: 1.04168vw; padding-top: 0.10417vw; } .gsjj-box-02 .hd .btn-l { transform: rotate(16deg) translateY(88.07404vw); } .gsjj-box-02 .hd .btn-l span { transform: rotate(-16deg); } .gsjj-box-02 .hd .btn-01 { transform: rotate(8deg) translateY(88.07404vw); } .gsjj-box-02 .hd .btn-01 span { transform: rotate(-8deg); } .gsjj-box-02 .hd .btn-02 { transform: rotate(0deg) translateY(88.07404vw); } .gsjj-box-02 .hd .btn-02 span { transform: rotate(0deg); } .gsjj-box-02 .hd .btn-03 { transform: rotate(-8deg) translateY(88.07404vw); } .gsjj-box-02 .hd .btn-03 span { transform: rotate(8deg); } .gsjj-box-02 .hd .btn-04 { transform: rotate(-16deg) translateY(88.07404vw); } .gsjj-box-02 .hd .btn-04 span { transform: rotate(16deg); } .gsjj-box-02 .hd .btn-05 { transform: rotate(-24deg) translateY(88.07404vw); } .gsjj-box-02 .hd .btn-05 span { transform: rotate(24deg); } .gsjj-box-02 .hd .btn-r { transform: rotate(-32deg) translateY(88.07404vw); } .gsjj-box-02 .hd .btn-r span { transform: rotate(32deg); } .gsjj-box-02 .box-bd { padding: 0 5.2084vw 1.56252vw 0; position: relative; } .gsjj-box-02 .bd { border-radius: 0 2.6042vw 0 2.6042vw; box-shadow: 0 0.52084vw 1.56252vw rgba(204, 204, 204, 0.3); } .gsjj-box-02 .bd .box { padding: 2.6042vw 3.64588vw; } .gsjj-box-02 .bd .box .time { padding-bottom: 1.56252vw; } .gsjj-box-02 .bd .box .time i { padding-right: 0.52084vw; } .gsjj-box-02 .bd .box .time i, .gsjj-box-02 .bd .box .time i::before { font-size: 1.56252vw; } .gsjj-box-02 .bd .box .time span { font-size: 1.87502vw; } .gsjj-box-02 .bd .box .txt { font-size: 0.93751vw; } .gsjj-box-02 .switch-btn { position: absolute; z-index: 3; right: 2.08336vw; top: 2.86462vw; display: flex; margin: 0 -8px; width: 7.29176vw; } .gsjj-box-02 .switch-btn .btn { flex: 1; display: flex; align-items: center; padding: 0 8px; cursor: pointer; } .gsjj-box-02 .switch-btn .btn .line { flex: 1; height: 2px; background: #b9b9b9; position: relative; } .gsjj-box-02 .switch-btn .btn i, .gsjj-box-02 .switch-btn .btn i::before { font-size: 24px; color: #b9b9b9; } .gsjj-box-02 .switch-btn .btn:hover { flex: 2; } .gsjj-box-02 .switch-btn .btn:hover .line { background: #B6002A; } .gsjj-box-02 .switch-btn .btn:hover i, .gsjj-box-02 .switch-btn .btn:hover i::before { color: #B6002A; } .gsjj-box-02 .switch-btn .prev-btn .line { left: -2px; } .gsjj-box-02 .switch-btn .next-btn .line { right: -2px; } } @media screen and (min-width: 320px) { .gsjj-tit-box .en { color: #B6002A; text-transform: uppercase; font-size: 3.73332vw; } .gsjj-tit-box .tit { padding-top: 1.33333vw; font-size: 5.86665vw; color: #202020; } .gsjj-box-03 { padding: 7.99998vw 0; background-image: url(../img/gsjj-box-03-bg.jpg); background-size: cover; background-position: center; overflow: hidden; position: relative; } .gsjj-box-03 .tips { display: flex; flex-direction: column; align-items: center; } .gsjj-box-03 .tips img { width: 4.26666vw; } .gsjj-box-03 .tips span { padding-top: 1.33333vw; color: #737373; font-size: 3.73332vw; } .gsjj-box-03 .hd { display: flex; flex-wrap: wrap; padding: 1.33333vw 0; margin: 0 -1.33333vw; } .gsjj-box-03 .hd .btn { margin: 1.33333vw; } .gsjj-box-03 .hd .btn span { display: flex; border: 0.26667vw solid #C6C6C6; padding: 1.33333vw 3.99999vw; font-size: 3.73332vw; cursor: pointer; } .gsjj-box-03 .hd .btn.on span { background: #B6002A; color: #fff; border-color: #B6002A; } .gsjj-box-03 .bd .ovy { overflow-y: visible; /*瀹氫箟婊氬姩鏉¢珮瀹藉強鑳屾櫙 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ } .gsjj-box-03 .bd .ovy::-webkit-scrollbar { width: 3px; height: 3px; } .gsjj-box-03 .bd .ovy::-webkit-scrollbar-track { background-color: #C6C6C6; } .gsjj-box-03 .bd .ovy::-webkit-scrollbar-thumb { background-color: #B6002A; } .gsjj-box-03 .bd dl { border-bottom: 0.26667vw solid #979797; padding: 5.33332vw; } .gsjj-box-03 .bd dl dt { font-size: 3.73332vw; padding-bottom: 2.66666vw; line-height: 1.6; color: #202020; } .gsjj-box-03 .bd dl dd { font-size: 3.73332vw; line-height: 1.6; color: #202020; } .gsjj-box-03 .bd dl dd b { color: #d6a050; } } @media screen and (min-width: 992px) { .gsjj-tit-box .en { font-size: 0.93751vw; } .gsjj-tit-box .tit { padding-top: 1.3021vw; font-size: 2.18753vw; } .gsjj-box-03 { padding: 5.2084vw 0 3.64588vw 0; } .gsjj-box-03 .flex { display: flex; } .gsjj-box-03 .flex .r { flex: 1; padding-left: 5.72924vw; } .gsjj-box-03 .tips { padding-top: 4.68756vw; } .gsjj-box-03 .tips img { width: 0.83334vw; } .gsjj-box-03 .tips span { padding-top: 1.04168vw; font-size: 0.83334vw; } .gsjj-box-03 .hd { display: block; padding: 3.12504vw 0 0 0; margin: -1.56252vw 0; } .gsjj-box-03 .hd .btn { margin: 1.56252vw 0; } .gsjj-box-03 .hd .btn span { align-items: center; justify-content: center; border: 0.05208vw solid #C6C6C6; padding: 0.26042vw 0.78126vw; font-size: 0.93751vw; height: 2.6042vw; width: 9.37512vw; } .gsjj-box-03 .bd .ovy { overflow-y: scroll; padding-right: 3.12504vw; max-height: 27.70869vw; /*瀹氫箟婊氬姩鏉¢珮瀹藉強鑳屾櫙 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ } .gsjj-box-03 .bd .ovy::-webkit-scrollbar { width: 3px; height: 3px; } .gsjj-box-03 .bd .ovy::-webkit-scrollbar-track { background-color: #C6C6C6; } .gsjj-box-03 .bd .ovy::-webkit-scrollbar-thumb { background-color: #B6002A; } .gsjj-box-03 .bd dl:nth-child(1) { border-top: 0.05208vw solid #979797; } .gsjj-box-03 .bd dl { border-bottom-width: 0.05208vw; padding: 0; display: flex; } .gsjj-box-03 .bd dl dt { padding: 1.97919vw 3.12504vw; font-size: 0.93751vw; padding-bottom: 0; flex-basis: 45%; flex-shrink: 0; } .gsjj-box-03 .bd dl dd { padding: 1.97919vw 3.12504vw; font-size: 0.93751vw; } } @media screen and (min-width: 320px) { i.pic-scale-team { padding-bottom: 125%; } .gsjj-box-04 { padding: 7.99998vw 0; background-image: url(../img/gsjj-box-04-bg.jpg); background-size: cover; background-position: center; overflow: hidden; position: relative; } .gsjj-box-04 .list ul li { display: flex; padding: 5.33332vw 0; border-bottom: 0.26667vw solid #979797; align-items: center; } .gsjj-box-04 .list ul li .pic { padding-right: 2.66666vw; flex-basis: 31.99992vw; flex-shrink: 0; } .gsjj-box-04 .list ul li .cont { flex: 1; flex-wrap: wrap; display: flex; align-items: center; } .gsjj-box-04 .list ul li .name { min-width: 0; white-space: nowrap; font-weight: bold; padding-right: 5.33332vw; font-size: 4.26666vw; } .gsjj-box-04 .list ul li .job { color: #666; font-size: 3.19999vw; } .gsjj-box-04 .list ul li .txt { flex-basis: 100%; flex-shrink: 0; padding-top: 1.33333vw; font-size: 2.66666vw; line-height: 1.8; color: #333; } } @media screen and (min-width: 992px) { .gsjj-box-04 { padding: 3.64588vw 0 2.6042vw 0; } .gsjj-box-04 .list ul li { padding: 2.86462vw 0; border-bottom-width: 0.05208vw; } .gsjj-box-04 .list ul li .pic { padding-right: 1.04168vw; flex-basis: 13.54184vw; } .gsjj-box-04 .list ul li .name { padding-right: 2.6042vw; font-size: 1.66669vw; } .gsjj-box-04 .list ul li .job { font-size: 1.14585vw; } .gsjj-box-04 .list ul li .txt { padding-top: 0.78126vw; font-size: 0.93751vw; } } @media screen and (min-width: 320px) { .gsjj-box-05 { padding: 7.99998vw 0; } } @media screen and (min-width: 992px) { .gsjj-box-05 { padding: 3.12504vw 0; } } @media screen and (min-width: 320px) { i.pic-scale-djyl { padding-bottom: 71.25%; } .djyl-box-t { background: #fcf3f5; padding: 7.99998vw 0; } .djyl-box-t dd { background: #fff; padding: 2.66666vw; } .djyl-box-t dd span { line-height: 1.4; color: #000; font-size: 3.73332vw; } .djyl-box-t a:hover dd span { color: #B6002A; } .djyl-box-t .djyl-swiper-box { position: relative; } .djyl-box-t .djyl-swiper-box .btn { position: absolute; top: 50%; margin-top: -5.33332vw; cursor: pointer; z-index: 2; background: rgba(0, 0, 0, 0.5); } .djyl-box-t .djyl-swiper-box .btn i, .djyl-box-t .djyl-swiper-box .btn i::before { font-size: 10.66664vw; color: #979797; transition: .3s; } .djyl-box-t .djyl-swiper-box .btn:hover i, .djyl-box-t .djyl-swiper-box .btn:hover i::before { color: #B6002A; } .djyl-box-t .djyl-swiper-box .djyl-prev { left: 0; } .djyl-box-t .djyl-swiper-box .djyl-next { right: 0; } } @media screen and (min-width: 992px) { .djyl-box-t { padding: 3.12504vw 0; } .djyl-box-t dd { padding: 1.04168vw 1.3021vw; } .djyl-box-t dd span { font-size: 0.93751vw; } .djyl-box-t .djyl-swiper-box .btn { margin-top: -1.04168vw; background: none; } .djyl-box-t .djyl-swiper-box .btn i, .djyl-box-t .djyl-swiper-box .btn i::before { font-size: 2.08336vw; color: #979797; } .djyl-box-t .djyl-swiper-box .djyl-prev { left: -4.68756vw; } .djyl-box-t .djyl-swiper-box .djyl-next { right: -4.68756vw; } } @media screen and (min-width: 320px) { .news-list-01 { padding: 7.99998vw 0; } .news-list-01 ul { margin: -2.66666vw 0; } .news-list-01 ul li { padding: 2.66666vw 0; } .news-list-01 ul li a { padding: 3.99999vw; border: 0.26667vw solid #EBE8E4; display: block; } .news-list-01 ul li a dl dd.cont { padding-top: 2.66666vw; } .news-list-01 ul li a dl dd.cont .tit { font-weight: bold; font-size: 4.26666vw; color: #000; line-height: 1.4; } .news-list-01 ul li a dl dd.cont .mess { padding: 2.66666vw 0; display: flex; flex-wrap: wrap; margin: -2.66666vw; } .news-list-01 ul li a dl dd.cont .mess .item { display: flex; align-items: center; padding: 2.66666vw; color: #555; } .news-list-01 ul li a dl dd.cont .mess .item i { padding-right: 1.33333vw; } .news-list-01 ul li a dl dd.cont .mess .item i, .news-list-01 ul li a dl dd.cont .mess .item i::before { font-size: 5.33332vw; } .news-list-01 ul li a dl dd.cont .txt { line-height: 1.4; color: #555; } .news-list-01 ul li a dl dd.cont .btn { padding: 0 5.33332vw; height: 12.79997vw; border: 0.26667vw solid #979797; display: flex; align-items: center; justify-content: center; position: relative; margin-top: 2.66666vw; } .news-list-01 ul li a dl dd.cont .btn span { padding-right: 5.33332vw; color: #555; white-space: nowrap; position: relative; z-index: 2; } .news-list-01 ul li a dl dd.cont .btn i, .news-list-01 ul li a dl dd.cont .btn i::before { font-size: 4.26666vw; color: #555; position: relative; z-index: 2; } .news-list-01 ul li a dl dd.cont .btn::before { content: ' '; background: linear-gradient(45deg, #E3708B, #B6002A); position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; } .news-list-01 ul li a:hover dl dd .tit { color: #B6002A; } .news-list-01 ul li a:hover dl dd .btn { position: relative; box-shadow: 0 5.33332vw 7.99998vw rgba(182, 0, 42, 0.1); border-color: transparent; } .news-list-01 ul li a:hover dl dd .btn span, .news-list-01 ul li a:hover dl dd .btn i, .news-list-01 ul li a:hover dl dd .btn i::before { color: #fff; } .news-list-01 ul li a:hover dl dd .btn::before { opacity: 1; } } @media screen and (min-width: 992px) { .news-list-01 { padding: 3.12504vw 0; } .news-list-01 ul { margin: -1.04168vw 0; } .news-list-01 ul li { padding: 1.04168vw 0; } .news-list-01 ul li a { border-width: 0.05208vw; padding: 1.3021vw 1.56252vw; } .news-list-01 ul li a dl { display: flex; } .news-list-01 ul li a dl dt { flex-shrink: 0; flex-basis: 14.58352vw; } .news-list-01 ul li a dl dd.cont { padding-top: 0; padding-left: 1.56252vw; display: flex; justify-content: center; flex-direction: column; flex: 1; } .news-list-01 ul li a dl dd.cont .tit { font-size: 1.14585vw; } .news-list-01 ul li a dl dd.cont .mess { padding: 1.3021vw 0; margin: -0.78126vw; } .news-list-01 ul li a dl dd.cont .mess .item { padding: 0.78126vw; } .news-list-01 ul li a dl dd.cont .mess .item i { padding-right: 0.26042vw; } .news-list-01 ul li a dl dd.cont .mess .item i, .news-list-01 ul li a dl dd.cont .mess .item i::before { font-size: 1.04168vw; } .news-list-01 ul li a dl dd.cont .txt { font-size: 0.83334vw; } .news-list-01 ul li a dl dd.cont .flex { display: flex; width: 100%; } .news-list-01 ul li a dl dd.cont .flex .l { flex: 1; min-width: 0; } .news-list-01 ul li a dl dd.cont .flex .r { padding-left: 3.02087vw; } .news-list-01 ul li a dl dd.cont .btn { padding: 0 1.77086vw; height: 3.02087vw; border-width: 0.05208vw; margin-top: 0; } .news-list-01 ul li a dl dd.cont .btn span { padding-right: 2.08336vw; font-size: 0.93751vw; } .news-list-01 ul li a dl dd.cont .btn i, .news-list-01 ul li a dl dd.cont .btn i::before { font-size: 1.04168vw; } .news-list-01 ul li a:hover dl dd .btn { box-shadow: 0 1.04168vw 1.56252vw rgba(182, 0, 42, 0.1); } } @media screen and (min-width: 320px) { i.pic-scale-gw { padding-bottom: 64.516%; } .gw-box-01 { padding: 7.99998vw 0; background-image: url(../img/gw-box-01-bg.jpg); background-size: cover; background-position: center; overflow: hidden; position: relative; } .gw-box-01 .ico { width: 60%; margin: 0 auto; } .gw-box-01 .ico img { width: 100%; } .gw-box-01 .list { padding-top: 5.33332vw; } .gw-box-01 .list ul { margin: -2.66666vw; } .gw-box-01 .list ul li { padding: 2.66666vw; } .gw-box-01 .list ul li .box { padding: 3.99999vw; border-radius: 1.6vw; background: linear-gradient(#F1F6F8, #FFFFFF); border: 1.06666vw solid #F1F6F8; display: flex; } .gw-box-01 .list ul li .box .pic { flex-basis: 40%; flex-shrink: 0; overflow: hidden; border-radius: 2.66666vw; } .gw-box-01 .list ul li .box .pic img { width: 100%; } .gw-box-01 .list ul li .box .pic-02 { border-radius: 0; } .gw-box-01 .list ul li .box .cont { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-left: 2.66666vw; } .gw-box-01 .list ul li .box .cont .txt { color: #374770; font-size: 3.19999vw; line-height: 1.4; text-align: center; } .gw-box-01 .list ul li .box .cont .tit { font-weight: bold; color: #374770; font-size: 4.79999vw; line-height: 1.4; padding-top: 1.33333vw; text-align: center; } } @media screen and (min-width: 992px) { .gw-box-01 { padding: 9.37512vw 0; position: relative; } .gw-box-01 .ico { z-index: 2; width: 26.09408vw; position: absolute; left: 50%; top: 50%; margin: -13.28142vw 0 0 -13.28142vw; } .gw-box-01 .line { z-index: 1; width: 37.70882vw; position: absolute; left: 50%; top: 50%; margin: -8.69803vw 0 0 -18.85441vw; } .gw-box-01 .line img { width: 100%; } .gw-box-01 .list { padding-top: 0; position: relative; z-index: 3; } .gw-box-01 .list ul { margin: 0; display: flex; flex-wrap: wrap; margin: -2.6042vw 0; justify-content: space-between; } .gw-box-01 .list ul li { padding: 2.6042vw 0; flex-shrink: 0; } .gw-box-01 .list ul li .box { padding: 1.3021vw; border-radius: 0.3125vw; border-width: 0.20834vw; width: 30.46914vw; height: 11.56265vw; } .gw-box-01 .list ul li .box .pic { flex-basis: 12.91683vw; border-radius: 0.52084vw; } .gw-box-01 .list ul li .box .pic img { width: 100%; } .gw-box-01 .list ul li .box .pic-02 { border-radius: 0; } .gw-box-01 .list ul li .box .cont { padding-left: 0.93751vw; } .gw-box-01 .list ul li .box .cont .txt { font-size: 1.04168vw; line-height: 1.4; } .gw-box-01 .list ul li .box .cont .tit { font-size: 1.25002vw; padding-top: 1.25002vw; } .gw-box-01 .list ul li:nth-child(even) .box { flex-direction: row-reverse; } .gw-box-01 .list ul li:nth-child(even) .box .cont { padding-left: 0; padding-right: 0.93751vw; } } @media screen and (min-width: 320px) { .gw-box-02 { position: relative; } .gw-box-02 .btn-bd { position: absolute; left: 50%; top: 50%; z-index: 3; cursor: pointer; } .gw-box-02 .btn-bd .btn { position: absolute; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; flex-direction: column; white-space: nowrap; } .gw-box-02 .btn-bd .btn .ico { width: 15.99996vw; } .gw-box-02 .btn-bd .btn .ico img { width: 100%; } .gw-box-02 .btn-bd .btn .txt { padding-top: 3.19999vw; color: #fff; font-size: 3.73332vw; } .gw-box-02 i.pic-scale-video { padding-bottom: 50%; } .gw-box-02 i.pic-scale-video::before { content: ' '; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 2; } } @media screen and (min-width: 992px) { .gw-box-02 .btn-bd .btn .ico { width: 6.77092vw; } .gw-box-02 .btn-bd .btn .txt { padding-top: 2.50003vw; font-size: 0.93751vw; } .gw-box-02 i.pic-scale-video { padding-bottom: 27.083%; } } @media screen and (min-width: 320px) { .sub-menu { padding-top: 7.99998vw; } .sub-menu ul { margin: -1.33333vw; display: flex; flex-wrap: wrap; } .sub-menu ul li { padding: 1.33333vw; flex-basis: 50%; flex-shrink: 0; } .sub-menu ul li a { display: flex; align-items: center; justify-content: center; height: 11.19997vw; background: #f5f3f1; border: 0.26667vw solid #EBE8E4; } .sub-menu ul li a.on { background: #B6002A; border-color: #B6002A; color: #fff; } } @media screen and (min-width: 992px) { .sub-menu { padding-top: 3.12504vw; } .sub-menu ul { margin: -0.52084vw; align-items: center; justify-content: center; } .sub-menu ul li { padding: 0.52084vw; flex-basis: 15.6252vw; } .sub-menu ul li a { height: 3.12504vw; border-width: 0.05208vw; } .sub-menu ul li a.on { font-size: 0.93751vw; } } @media screen and (min-width: 320px) { i.pic-scale-xmzs { padding-bottom: 70.094%; } .news-list-02 { padding: 7.99998vw 0; } .news-list-02 ul { margin: -2.66666vw; } .news-list-02 ul li { padding: 2.66666vw; } .news-list-02 ul .layui-flow-more { flex: 1; padding: 2.66666vw; font-size: 4.26666vw; } .news-list-02 ul .layui-flow-more a cite { display: flex; align-items: center; justify-content: center; height: 11.19997vw; font-size: 3.73332vw; color: #999; } .news-list-02 ul .layui-flow-more a:hover cite { background: #B6002A; color: #fff; } .news-list-02 a dl dd { padding: 3.99999vw; border: 0.26667vw solid #EBE8E4; } .news-list-02 a dl dd .tit { color: #000; font-size: 4.26666vw; } .news-list-02 a dl dd .txt { color: #676767; font-size: 3.19999vw; margin-top: 2.66666vw; line-height: 1.6; height: 10.66664vw; } .news-list-02 a dl dd .more { margin-top: 2.66666vw; display: flex; align-items: center; } .news-list-02 a dl dd .more span { color: #B6002A; padding-right: 1.33333vw; font-size: 3.73332vw; } .news-list-02 a dl dd .more i, .news-list-02 a dl dd .more i::before { color: #B6002A; font-size: 3.73332vw; } } @media screen and (min-width: 992px) { .news-list-02 { padding: 3.12504vw 0; } .news-list-02 ul { margin: -1.3021vw -1.51044vw; display: flex; flex-wrap: wrap; } .news-list-02 ul li { padding: 1.3021vw 1.51044vw; flex-shrink: 0; flex-basis: 33.3333%; min-width: 0; } .news-list-02 ul .layui-flow-more { padding: 1.3021vw 1.51044vw; font-size: 0.83334vw; } .news-list-02 ul .layui-flow-more a cite { height: 3.12504vw; font-size: 0.83334vw; } .news-list-02 a dl dd { padding: 1.56252vw; border-width: 0.05208vw; } .news-list-02 a dl dd .tit { font-size: 1.14585vw; } .news-list-02 a dl dd .txt { font-size: 0.83334vw; margin-top: 0.52084vw; height: 2.70837vw; } .news-list-02 a dl dd .more { margin-top: 1.04168vw; } .news-list-02 a dl dd .more span { padding-right: 0.26042vw; font-size: 0.78126vw; } .news-list-02 a dl dd .more i, .news-list-02 a dl dd .more i::before { font-size: 0.83334vw; } } @media screen and (min-width: 320px) { i.pic-scale-xmzs-02 { padding-bottom: 50%; } .xmzx-info-box-01 { padding: 7.99998vw 0; position: relative; overflow: hidden; } .xmzx-info-box-01 .swiper-xmzs { overflow: visible; } .xmzx-info-box-01 .swiper-xmzs .swiper-slide { opacity: 0.5; } .xmzx-info-box-01 .swiper-xmzs .swiper-slide-active { opacity: 1; } .xmzx-info-box-01 .switch-btn { position: absolute; z-index: 3; right: -2.66666vw; bottom: 2.66666vw; display: flex; margin: 0 -8px; width: 21.33328vw; } .xmzx-info-box-01 .switch-btn .btn { flex: 1; display: flex; align-items: center; padding: 0 8px; cursor: pointer; } .xmzx-info-box-01 .switch-btn .btn .line { flex: 1; height: 2px; background: #b9b9b9; position: relative; } .xmzx-info-box-01 .switch-btn .btn i, .xmzx-info-box-01 .switch-btn .btn i::before { font-size: 24px; color: #b9b9b9; } .xmzx-info-box-01 .switch-btn .btn:hover { flex: 2; } .xmzx-info-box-01 .switch-btn .btn:hover .line { background: #B6002A; } .xmzx-info-box-01 .switch-btn .btn:hover i, .xmzx-info-box-01 .switch-btn .btn:hover i::before { color: #B6002A; } .xmzx-info-box-01 .switch-btn .prev-btn .line { background: #fff; left: -2px; } .xmzx-info-box-01 .switch-btn .prev-btn i, .xmzx-info-box-01 .switch-btn .prev-btn i::before { color: #fff; } .xmzx-info-box-01 .switch-btn .next-btn .line { right: -2px; } } @media screen and (min-width: 992px) { .xmzx-info-box-01 { padding: 3.12504vw 0; } .xmzx-info-box-01 .switch-btn { right: -2.08336vw; bottom: 2.34378vw; margin: 0 -8px; width: 7.29176vw; } } @media screen and (min-width: 320px) { .xmzx-info-box-02 { padding: 7.99998vw 0; } .xmzx-info-box-02 .flex .l .tit { color: #202020; font-size: 6.39998vw; } .xmzx-info-box-02 .flex .l .txt { color: #202020; font-size: 3.19999vw; padding-top: 2.66666vw; line-height: 1.4; } .xmzx-info-box-02 .flex .r { padding-top: 5.33332vw; } .xmzx-info-box-02 .flex .r .list ul { display: flex; margin: -2.66666vw; } .xmzx-info-box-02 .flex .r .list ul li { padding: 2.66666vw; display: flex; flex-direction: column; justify-content: space-between; } .xmzx-info-box-02 .flex .r .list ul li .tit { color: #202020; font-size: 2.66666vw; } .xmzx-info-box-02 .flex .r .list ul li .txt { display: flex; align-items: flex-end; padding-top: 2.66666vw; } .xmzx-info-box-02 .flex .r .list ul li .txt .num { color: #202020; font-size: 4.79999vw; padding-right: 1.33333vw; line-height: 0.8; } .xmzx-info-box-02 .flex .r .list ul li .txt .unit { color: #202020; font-size: 2.66666vw; } } @media screen and (min-width: 992px) { .xmzx-info-box-02 { padding: 1.56252vw 0 3.12504vw 0; } .xmzx-info-box-02 .flex { display: flex; justify-content: space-between; align-items: flex-end; } .xmzx-info-box-02 .flex .l { flex: 1; } .xmzx-info-box-02 .flex .l .tit { font-size: 2.50003vw; } .xmzx-info-box-02 .flex .l .txt { font-size: 1.25002vw; padding-top: 1.3021vw; } .xmzx-info-box-02 .flex .r { padding-left: 3.12504vw; padding-top: 0; padding-bottom: 0.26042vw; } .xmzx-info-box-02 .flex .r .list ul { margin: 0 -3.12504vw; } .xmzx-info-box-02 .flex .r .list ul li { padding: 0 3.12504vw; } .xmzx-info-box-02 .flex .r .list ul li .tit { font-size: 0.83334vw; } .xmzx-info-box-02 .flex .r .list ul li .txt { padding-top: 1.04168vw; } .xmzx-info-box-02 .flex .r .list ul li .txt .num { font-size: 2.08336vw; padding-right: 0.26042vw; } .xmzx-info-box-02 .flex .r .list ul li .txt .unit { font-size: 0.83334vw; } } @media screen and (min-width: 320px) { .xmzx-info-box-03 { background: #f9f9f9; min-height: 79.9998vw; padding: 7.99998vw 0; display: flex; align-items: center; } .xmzx-info-box-03 .txt { color: #231815; } .xmzx-info-box-03 .txt, .xmzx-info-box-03 .txt * { font-size: 3.73332vw; line-height: 1.75; } } @media screen and (min-width: 992px) { .xmzx-info-box-03 { min-height: 13.021vw; padding: 3.12504vw 0; } .xmzx-info-box-03 .txt, .xmzx-info-box-03 .txt * { font-size: 0.93751vw; } } @media screen and (min-width: 320px) { .xmzx-info-box-04 { padding: 7.99998vw 0; } .xmzx-info-box-04 .box-tit { text-align: center; font-size: 6.39998vw; color: #222; } .xmzx-info-box-04 .xmxz-box-por { position: relative; } .xmzx-info-box-04 .xmxz-box-por .btn { position: absolute; top: 50%; margin-top: -5.33332vw; cursor: pointer; z-index: 2; background: rgba(0, 0, 0, 0.5); } .xmzx-info-box-04 .xmxz-box-por .btn i, .xmzx-info-box-04 .xmxz-box-por .btn i::before { font-size: 10.66664vw; color: #979797; transition: .3s; } .xmzx-info-box-04 .xmxz-box-por .btn:hover i, .xmzx-info-box-04 .xmxz-box-por .btn:hover i::before { color: #B6002A; } .xmzx-info-box-04 .xmxz-box-por .prev-btn-02 { left: 0; } .xmzx-info-box-04 .xmxz-box-por .next-btn-02 { right: 0; } } @media screen and (min-width: 992px) { .xmzx-info-box-04 { padding: 4.68756vw 0 3.12504vw 0; } .xmzx-info-box-04 .box-tit { font-size: 2.18753vw; } .xmzx-info-box-04 .xmxz-box-por .btn { margin-top: -1.56252vw; background: none; } .xmzx-info-box-04 .xmxz-box-por .btn i, .xmzx-info-box-04 .xmxz-box-por .btn i::before { font-size: 3.12504vw; color: #979797; } .xmzx-info-box-04 .xmxz-box-por .prev-btn-02 { left: -6.25008vw; } .xmzx-info-box-04 .xmxz-box-por .next-btn-02 { right: -6.25008vw; } } @media screen and (min-width: 320px) { i.pic-scale-gsxw-01 { padding-bottom: 59.375%; } .xwzx-box-t { padding: 7.99998vw 0; background: #f9f9f9; } .xwzx-box-t .xwzx-swiper a dl dd { background: #fff; padding: 3.99999vw; } .xwzx-box-t .xwzx-swiper a dl dd .time { color: #B6002A; } .xwzx-box-t .xwzx-swiper a dl dd .tit { font-weight: bold; color: #000; font-size: 4.26666vw; } .xwzx-box-t .xwzx-swiper a dl dd .txt { font-size: 3.19999vw; color: #464646; line-height: 1.75; margin-top: 2.66666vw; } .xwzx-box-t .xwzx-swiper a dl dd .more { margin-top: 2.66666vw; display: flex; align-items: center; } .xwzx-box-t .xwzx-swiper a dl dd .more span { color: #464646; padding-right: 1.33333vw; font-size: 3.73332vw; } .xwzx-box-t .xwzx-swiper a dl dd .more i { background: #d4d4d4; border-radius: 50%; width: 6.39998vw; height: 6.39998vw; display: flex; align-items: center; justify-content: center; } .xwzx-box-t .xwzx-swiper a dl dd .more i, .xwzx-box-t .xwzx-swiper a dl dd .more i::before { display: flex; align-items: center; justify-content: center; color: #fff; font-size: 3.19999vw; } .xwzx-box-t .xwzx-swiper a:hover dl dd .tit { color: #B6002A; } .xwzx-box-t .xwzx-swiper a:hover dl dd .more span { color: #B6002A; } .xwzx-box-t .xwzx-swiper a:hover dl dd .more i { background: #B6002A; } .xwzx-box-t .xwzx-pagination { display: flex; align-items: center; justify-content: center; padding-top: 2.66666vw; } .xwzx-box-t .xwzx-pagination .swiper-pagination-bullet { width: 2.66666vw; height: 2.66666vw; background: #d4d4d4; opacity: 1; margin: 0 1.33333vw; border-radius: 1.33333vw; } .xwzx-box-t .xwzx-pagination .swiper-pagination-bullet-active { width: 5.33332vw; background: #B6002A; } } @media screen and (min-width: 992px) { .xwzx-box-t { padding: 3.64588vw 0; } .xwzx-box-t .xwzx-swiper a dl { display: flex; flex-direction: row-reverse; } .xwzx-box-t .xwzx-swiper a dl dt { flex-basis: 35.00045vw; flex-shrink: 0; } .xwzx-box-t .xwzx-swiper a dl dd { flex: 1; background: #fff; padding: 2.70837vw 3.12504vw; min-width: 0; } .xwzx-box-t .xwzx-swiper a dl dd .time { color: #B6002A; font-size: 0.83334vw; } .xwzx-box-t .xwzx-swiper a dl dd .tit { font-size: 1.25002vw; } .xwzx-box-t .xwzx-swiper a dl dd .txt { font-size: 0.93751vw; margin-top: 1.56252vw; } .xwzx-box-t .xwzx-swiper a dl dd .more { margin-top: 1.56252vw; } .xwzx-box-t .xwzx-swiper a dl dd .more span { padding-right: 0.52084vw; font-size: 0.83334vw; } .xwzx-box-t .xwzx-swiper a dl dd .more i { width: 1.56252vw; height: 1.56252vw; } .xwzx-box-t .xwzx-swiper a dl dd .more i, .xwzx-box-t .xwzx-swiper a dl dd .more i::before { font-size: 0.83334vw; } .xwzx-box-t .xwzx-pagination { padding-top: 0; position: absolute; left: 2.6042vw; bottom: 2.70837vw; z-index: 2; width: auto; } .xwzx-box-t .xwzx-pagination .swiper-pagination-bullet { width: 0.52084vw; height: 0.52084vw; margin: 0 0.26042vw; border-radius: 0.26042vw; } .xwzx-box-t .xwzx-pagination .swiper-pagination-bullet-active { width: 1.04168vw; } } @media screen and (min-width: 320px) { .xwzx-tit { padding-top: 7.99998vw; position: relative; z-index: 9; } .xwzx-tit .tit { font-size: 5.33332vw; color: #000; } .xwzx-tit .search { padding-top: 5.33332vw; margin: -1.33333vw; } .xwzx-tit .search .por { position: relative; } .xwzx-tit .search .item { padding: 1.33333vw; position: relative; } .xwzx-tit .search .search-btn { position: absolute; right: 0; top: 0; height: 10.13331vw; width: 10.13331vw; display: flex; align-items: center; justify-content: center; border: none; background: none; cursor: pointer; } .xwzx-tit .search .search-btn i, .xwzx-tit .search .search-btn i::before { font-size: 4.79999vw; color: #B6002A; } .xwzx-tit .search .inp { padding-right: 13.3333vw; } .layui-input, .layui-select, .layui-textarea { height: 10.13331vw; border-radius: 0.53333vw; border-width: 0.26667vw; padding-left: 2.66666vw; } .layui-form-select .layui-input { padding-right: 7.99998vw; } .layui-form-select .layui-edge { border-width: 1.6vw; margin-top: -0.8vw; right: 2.66666vw; } .layui-form-selected .layui-edge { margin-top: -2.39999vw; } .layui-form-select dl { top: 11.19997vw; padding: 1.33333vw 0; border-width: 0.26667vw; border-radius: 0.53333vw; max-height: 79.9998vw; } .layui-form-selectup dl { top: auto; bottom: 11.19997vw; } .layui-form-select dl dd, .layui-form-select dl dt { line-height: 9.59998vw; } .layui-form-select dl dd.layui-this { background-color: #B6002A; } .layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed > i { color: #B6002A; } .layui-form-radio > i { margin-right: 2.13333vw; font-size: 5.86665vw; } .layui-form-radio { line-height: 7.46665vw; margin: 1.6vw 2.66666vw 0 0; padding-right: 2.66666vw; } .layui-form-radio * { font-size: 3.73332vw; color: #666; } .layui-form-radioed * { color: #B6002A; } } @media screen and (min-width: 992px) { .xwzx-tit { padding-top: 3.12504vw; display: flex; justify-content: space-between; align-items: center; } .xwzx-tit .tit { font-size: 1.45835vw; } .xwzx-tit .search { padding-top: 0; display: flex; margin: -0.78126vw; } .xwzx-tit .search .item { padding: 0.78126vw; width: 17.18772vw; } .xwzx-tit .search .search-btn { height: 2.6042vw; width: 2.6042vw; } .xwzx-tit .search .search-btn i, .xwzx-tit .search .search-btn i::before { font-size: 1.14585vw; } .xwzx-tit .search .inp { padding-right: 2.6042vw; } .layui-input, .layui-select, .layui-textarea { height: 2.6042vw; border-radius: 0.10417vw; border-width: 0.05208vw; padding-left: 0.52084vw; } .layui-form-select .layui-input { padding-right: 1.56252vw; } .layui-form-select .layui-edge { border-width: 0.3125vw; margin-top: -0.15625vw; right: 0.52084vw; } .layui-form-selected .layui-edge { margin-top: -0.46876vw; } .layui-form-select dl { top: 2.81254vw; padding: 0.26042vw 0; border-width: 0.05208vw; border-radius: 0.10417vw; max-height: 15.6252vw; } .layui-form-selectup dl { bottom: 2.81254vw; } .layui-form-select dl dd, .layui-form-select dl dt { line-height: 1.87502vw; } .layui-form-radio > i { margin-right: 0.41667vw; font-size: 1.14585vw; } .layui-form-radio { line-height: 1.45835vw; margin: 0.57292vw 0.52084vw 0.57292vw 0; padding-right: 0.52084vw; } .layui-form-radio * { font-size: 0.83334vw; } } @media screen and (min-width: 320px) { i.pic-scale-news-02 { padding-bottom: 65.421%; } .news-list-03 { padding: 7.99998vw 0; } .news-list-03 ul { margin: -2.66666vw; } .news-list-03 ul li { padding: 2.66666vw; } .news-list-03 ul li a dl dd { padding: 5.33332vw; border: 0.26667vw solid #EBE8E4; } .news-list-03 ul li a dl dd .tit { font-size: 4.26666vw; color: #000; line-height: 1.6; } .news-list-03 ul li a dl dd .time { color: #B6002A; font-size: 3.19999vw; padding-top: 2.66666vw; } .news-list-03 ul li a:hover dl dd .tit { color: #B6002A; } } @media screen and (min-width: 992px) { .news-list-03 { padding: 3.12504vw 0; } .news-list-03 ul { margin: -1.51044vw; display: flex; flex-wrap: wrap; } .news-list-03 ul li { flex-shrink: 0; flex-basis: 33.333333%; padding: 1.51044vw; min-width: 0; } .news-list-03 ul li a dl dd { padding: 1.56252vw; border-width: 0.05208vw; } .news-list-03 ul li a dl dd .tit { font-size: 1.25002vw; } .news-list-03 ul li a dl dd .time { font-size: 0.72918vw; padding-top: 1.56252vw; } } @media screen and (min-width: 320px) { .info-box { background: #f4f4f4; } .info-box .flex { position: relative; margin-top: -10.66664vw; padding-bottom: 7.99998vw; z-index: 9; } .info-box .flex .l .info-bg-l { background: #fff; padding: 5.33332vw 3.99999vw; } .info-box .flex .l .info-bg-l .tit-box .tit { color: #000; font-weight: bold; font-size: 5.33332vw; line-height: 1.4; } .info-box .flex .l .info-bg-l .mess-box { display: flex; justify-content: space-between; padding: 5.33332vw 0; border-bottom: 0.26667vw solid #C6C6C6; } .info-box .flex .l .info-bg-l .mess-box .mess-l { font-size: 2.66666vw; display: flex; } .info-box .flex .l .info-bg-l .mess-box .mess-l .view { padding-right: 2.66666vw; color: #555; display: flex; align-items: center; } .info-box .flex .l .info-bg-l .mess-box .mess-l .view i { padding-right: 1.33333vw; } .info-box .flex .l .info-bg-l .mess-box .mess-l .view i, .info-box .flex .l .info-bg-l .mess-box .mess-l .view i::before { font-size: 3.19999vw; } .info-box .flex .l .info-bg-l .mess-box .mess-l .time { color: #555; } .info-box .flex .l .info-bg-l .mess-box .mess-r { font-size: 2.66666vw; } .info-box .flex .l .info-bg-l .content-bd { padding: 7.99998vw 0; } .info-box .flex .l .info-bg-l .info-link { display: flex; align-items: center; justify-content: center; padding-bottom: 7.99998vw; } .info-box .flex .l .info-bg-l .info-link a { border: 0.26667vw solid #B6002A; display: inline-flex; align-items: center; padding: 2.66666vw 5.33332vw; border-radius: 1.33333vw; } .info-box .flex .l .info-bg-l .info-link a i { padding-right: 1.33333vw; } .info-box .flex .l .info-bg-l .info-link a i, .info-box .flex .l .info-bg-l .info-link a i::before { font-size: 4.26666vw; color: #B6002A; } .info-box .flex .l .info-bg-l .info-link a span { font-size: 3.19999vw; color: #B6002A; } .info-box .flex .l .info-bg-l .info-link a:hover { background: #B6002A; } .info-box .flex .l .info-bg-l .info-link a:hover i, .info-box .flex .l .info-bg-l .info-link a:hover i::before, .info-box .flex .l .info-bg-l .info-link a:hover span { color: #fff; } .info-box .flex .l .info-bg-l .info-btn-box { border-top: 0.26667vw dashed #D4D4D4; border-bottom: 0.26667vw dashed #D4D4D4; } .info-box .flex .l .info-bg-l .info-btn-box .info-btn .btn { padding: 2.66666vw 0; font-size: 3.19999vw; line-height: 1.4; } .info-box .flex .r { padding-top: 5.33332vw; } .info-box .flex .r .info-bg-r { background: #fff; padding: 5.33332vw 3.99999vw; } .info-box .flex .r .info-bg-r .tit-box { font-size: 5.33332vw; color: #000; border-bottom: 0.26667vw solid #C6C6C6; padding-bottom: 5.33332vw; } .info-box .flex .r .info-bg-r .list ul li a { border-bottom: 0.26667vw dotted #C6C6C6; padding: 5.33332vw 0; display: block; } .info-box .flex .r .info-bg-r .list ul li a .time { color: #B6002A; font-size: 3.19999vw; padding-bottom: 1.33333vw; } .info-box .flex .r .info-bg-r .list ul li a .tit { color: #000; font-size: 3.73332vw; line-height: 1.75; } .info-box .flex .r .ad-pic { width: 100%; padding-top: 5.33332vw; } .info-box .flex .r .ad-pic a { display: block; } .info-box .flex .r .ad-pic a img { width: 100%; } } @media screen and (min-width: 992px) { .info-box .flex { margin-top: -3.12504vw; padding-bottom: 3.12504vw; display: flex; } .info-box .flex .l { flex: 1; flex-shrink: 0; min-width: 0; } .info-box .flex .l .info-bg-l { padding: 2.08336vw; } .info-box .flex .l .info-bg-l .tit-box .tit { font-size: 1.66669vw; } .info-box .flex .l .info-bg-l .mess-box { padding: 1.82294vw 0 1.04168vw 0; border-bottom-width: 0.05208vw; } .info-box .flex .l .info-bg-l .mess-box .mess-l { font-size: 0.83334vw; } .info-box .flex .l .info-bg-l .mess-box .mess-l .view { padding-right: 1.3021vw; } .info-box .flex .l .info-bg-l .mess-box .mess-l .view i { padding-right: 0.26042vw; } .info-box .flex .l .info-bg-l .mess-box .mess-l .view i, .info-box .flex .l .info-bg-l .mess-box .mess-l .view i::before { font-size: 1.04168vw; } .info-box .flex .l .info-bg-l .mess-box .mess-l .time { font-size: 0.83334vw; } .info-box .flex .l .info-bg-l .mess-box .mess-r { font-size: 0.83334vw; } .info-box .flex .l .info-bg-l .content-bd { padding: 2.6042vw 0; } .info-box .flex .l .info-bg-l .info-link { padding-bottom: 3.12504vw; } .info-box .flex .l .info-bg-l .info-link a { height: 2.81254vw; border-width: 0.05208vw; padding: 0.52084vw 1.56252vw; border-radius: 0.26042vw; } .info-box .flex .l .info-bg-l .info-link a i { padding-right: 0.52084vw; } .info-box .flex .l .info-bg-l .info-link a i, .info-box .flex .l .info-bg-l .info-link a i::before { font-size: 1.04168vw; } .info-box .flex .l .info-bg-l .info-link a span { font-size: 0.83334vw; } .info-box .flex .l .info-bg-l .info-btn-box { border-top-width: 0.05208vw; border-bottom-width: 0.05208vw; } .info-box .flex .l .info-bg-l .info-btn-box .info-btn { display: flex; justify-content: space-between; margin: 0 -1.04168vw; } .info-box .flex .l .info-bg-l .info-btn-box .info-btn .btn { padding: 1.45835vw 1.04168vw; font-size: 0.83334vw; flex-basis: 50%; flex-shrink: 0; } .info-box .flex .r { flex-basis: 19.79192vw; flex-shrink: 0; padding-top: 0; padding-left: 1.04168vw; } .info-box .flex .r .info-bg-r { padding: 1.04168vw 1.56252vw; } .info-box .flex .r .info-bg-r .tit-box { font-size: 1.14585vw; border-bottom-width: 0.05208vw; padding-bottom: 1.04168vw; } .info-box .flex .r .info-bg-r .list ul li a { border-bottom-width: 0.05208vw; padding: 1.04168vw 0; } .info-box .flex .r .info-bg-r .list ul li a .time { font-size: 0.72918vw; padding-bottom: 0.52084vw; } .info-box .flex .r .info-bg-r .list ul li a .tit { font-size: 0.83334vw; } .info-box .flex .r .ad-pic { padding-top: 1.04168vw; } } @media screen and (min-width: 320px) { i.pic-scale-yyyds { padding-bottom: 42.553%; } .yyyds-box { background-image: linear-gradient(#FDFAF5, #fff 40%); } .yyyds-box .bg { margin: -7.99998vw 0 0 0; padding: 7.99998vw 0; background-image: url(../img/yyyds-bg.png); background-size: cover; background-position: center bottom; position: relative; background-repeat: no-repeat; } .yyyds-box .tips { background-image: linear-gradient(45deg, #B6002A, #E3708B); width: 18.13329vw; height: 18.13329vw; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; z-index: 2; top: 61.33318vw; margin-left: -9.06664vw; pointer-events: none; } .yyyds-box .tips span { font-size: 3.19999vw; color: #fff; } .yyyds-box .tips i, .yyyds-box .tips i::before { color: #fff; font-size: 5.33332vw; } .yyyds-box .container { overflow: visible; } .yyyds-box .swiper-yyyds { overflow: visible; margin: 0 -3.99999vw; } .yyyds-box .swiper-yyyds .swiper-slide { padding: 7.99998vw 3.99999vw; } .yyyds-box .swiper-yyyds .swiper-slide a { background: #fff; border: 0.26667vw solid #FFE2E9; box-shadow: 0 2.66666vw 3.99999vw rgba(182, 0, 42, 0.1); padding: 5.33332vw; display: block; border-radius: 2.66666vw; position: relative; overflow: hidden; } .yyyds-box .swiper-yyyds .swiper-slide a .tit { display: block; padding-bottom: 5.33332vw; font-weight: bold; text-align: center; font-size: 4.79999vw; color: #202020; } .yyyds-box .swiper-yyyds .swiper-slide a .btn { position: absolute; left: 0; right: 0; bottom: 0; height: 11.19997vw; display: flex; align-items: center; justify-content: center; background: rgba(182, 0, 42, 0.95); transform: translateY(100%); } .yyyds-box .swiper-yyyds .swiper-slide a .btn i { width: 6.39998vw; height: 6.39998vw; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; margin-right: 1.33333vw; } .yyyds-box .swiper-yyyds .swiper-slide a .btn i::before { color: #B6002A; font-size: 3.19999vw; } .yyyds-box .swiper-yyyds .swiper-slide a .btn span { color: #fff; } .yyyds-box .swiper-yyyds .swiper-slide a:hover .tit { color: #B6002A; } .yyyds-box .swiper-yyyds .swiper-slide a:hover .btn { transform: translateY(0); } .yyyds-box .hd-b { position: relative; } .yyyds-box .hd-b::before { content: ' '; background: #c6c6c6; width: 100%; height: 0.26667vw; display: block; position: absolute; left: 0; bottom: 2.26666vw; right: 0; } .yyyds-box .hd-b .hd { display: flex; align-items: center; justify-content: center; padding-top: 2.66666vw; } .yyyds-box .hd-b .hd .btn { display: flex; flex-direction: column; align-items: center; padding: 0 5.33332vw; cursor: pointer; } .yyyds-box .hd-b .hd .btn .year { height: 5.33332vw; display: flex; align-items: flex-end; color: #979797; } .yyyds-box .hd-b .hd .btn .ico { width: 4.79999vw; height: 4.79999vw; border-radius: 50%; position: relative; } .yyyds-box .hd-b .hd .btn .ico::before { box-sizing: border-box; content: ' '; position: absolute; left: 0; right: 0; width: 100%; height: 100%; border-radius: 50%; border: 0.53333vw solid #B6002A; opacity: 0; transform: scale(0); background: #fff; } .yyyds-box .hd-b .hd .btn .ico::after { content: ' '; width: 1.6vw; height: 1.6vw; border-radius: 50%; background: #979797; position: absolute; left: 50%; top: 50%; margin-top: -0.8vw; margin-left: -0.8vw; } .yyyds-box .hd-b .hd .btn.on .year { color: #B6002A; font-size: 5.33332vw; } .yyyds-box .hd-b .hd .btn.on .ico::before { opacity: 1; transform: scale(1); } .yyyds-box .hd-b .hd .btn.on .ico::after { background: #B6002A; } } @media screen and (min-width: 992px) { .yyyds-box .bg { padding: 5.2084vw 0; margin: -2.6042vw 0 0 0; background-image: url(../img/yyyds-bg.png); background-size: cover; background-position: center bottom; } .yyyds-box .tips { width: 4.06255vw; height: 4.06255vw; top: 21.87528vw; margin-left: -2.03128vw; } .yyyds-box .tips span { font-size: 0.83334vw; } .yyyds-box .tips i, .yyyds-box .tips i::before { font-size: 1.04168vw; } .yyyds-box .swiper-yyyds { margin: 0 -1.04168vw; } .yyyds-box .swiper-yyyds .swiper-slide { padding: 2.6042vw 1.04168vw; width: 28.12536vw; } .yyyds-box .swiper-yyyds .swiper-slide a { border-width: 0.05208vw; box-shadow: 0 1.04168vw 1.56252vw rgba(182, 0, 42, 0.1); padding: 1.87502vw; border-radius: 0.52084vw; } .yyyds-box .swiper-yyyds .swiper-slide a .tit { padding-bottom: 1.71877vw; font-size: 1.14585vw; } .yyyds-box .swiper-yyyds .swiper-slide a .btn { height: 3.54171vw; } .yyyds-box .swiper-yyyds .swiper-slide a .btn i { width: 1.56252vw; height: 1.56252vw; margin-right: 0.52084vw; } .yyyds-box .swiper-yyyds .swiper-slide a .btn i::before { font-size: 0.83334vw; } .yyyds-box .hd-b::before { height: 0.05208vw; bottom: 0.59897vw; } .yyyds-box .hd-b .hd { padding-top: 3.64588vw; } .yyyds-box .hd-b .hd .btn { padding: 0 3.12504vw; } .yyyds-box .hd-b .hd .btn .year { height: 3.02087vw; font-size: 1.77086vw; margin-bottom: 1.3021vw; } .yyyds-box .hd-b .hd .btn .ico { width: 1.25002vw; height: 1.25002vw; } .yyyds-box .hd-b .hd .btn .ico::before { border-width: 0.10417vw; } .yyyds-box .hd-b .hd .btn .ico::after { width: 0.3125vw; height: 0.3125vw; margin-top: -0.15625vw; margin-left: -0.15625vw; } .yyyds-box .hd-b .hd .btn.on .year { font-size: 3.02087vw; } } @media screen and (min-width: 320px) { .qywh-box { padding: 7.99998vw 0; background-image: url(../img/whln-bg.jpg); background-size: cover; background-position: center; } .qywh-box .flex { margin-top: 7.99998vw; border-radius: 7.99998vw 0 0 0; overflow: hidden; box-shadow: 0 0 5.33332vw rgba(103, 164, 245, 0.1); } .qywh-box .flex .l img { width: 100%; } .qywh-box .flex .r { background: #fff; padding: 5.33332vw; } .qywh-box .flex .r .list ul { margin: -2.66666vw 0; } .qywh-box .flex .r .list ul li { padding: 2.66666vw 0; } .qywh-box .flex .r .list ul li dl { display: flex; align-items: center; } .qywh-box .flex .r .list ul li dl dt { padding-right: 2.66666vw; } .qywh-box .flex .r .list ul li dl dt .ico { width: 10.66664vw; display: block; } .qywh-box .flex .r .list ul li dl dt .ico img { width: 100%; } .qywh-box .flex .r .list ul li dl dd .tit { font-weight: bold; color: #374770; font-size: 4.26666vw; } .qywh-box .flex .r .list ul li dl dd .txt { color: #202020; font-size: 3.19999vw; padding-top: 1.33333vw; } } @media screen and (min-width: 992px) { .qywh-box { padding: 4.16672vw 0; } .qywh-box .flex { margin-top: 3.12504vw; border-radius: 4.16672vw 0 0 0; box-shadow: 0 0 1.04168vw rgba(103, 164, 245, 0.1); display: flex; } .qywh-box .flex .l { flex-shrink: 0; flex-basis: 32.29208vw; min-width: 0; } .qywh-box .flex .r { flex: 1; min-width: 0; padding: 4.27089vw 0 4.27089vw 2.6042vw; } .qywh-box .flex .r .list ul { margin: -4.42714vw -0.78126vw; display: flex; flex-wrap: wrap; } .qywh-box .flex .r .list ul li { flex-basis: 50%; flex-shrink: 0; padding: 4.42714vw 0.78126vw; position: relative; } .qywh-box .flex .r .list ul li .line { width: 2.86462vw; height: 0.15625vw; background: #d5d5d5; position: absolute; left: 25%; bottom: 0; } .qywh-box .flex .r .list ul li .line::before { content: ' '; background: #b6002a; width: 0.52084vw; height: 0.15625vw; display: block; } .qywh-box .flex .r .list ul li dl dt { padding-right: 1.04168vw; } .qywh-box .flex .r .list ul li dl dt .ico { width: 2.6042vw; } .qywh-box .flex .r .list ul li dl dd .tit { font-size: 1.25002vw; } .qywh-box .flex .r .list ul li dl dd .txt { font-size: 0.83334vw; padding-top: 0.78126vw; } } @media screen and (min-width: 320px) { .jrwm-box-01 { padding: 7.99998vw 0; } .jrwm-box-01 .list ul { margin: -1.33333vw; } .jrwm-box-01 .list ul li { padding: 1.33333vw; } .jrwm-box-01 .list ul li a { background: #f9f9f9; padding: 7.99998vw; display: block; } .jrwm-box-01 .list ul li a dl { display: flex; align-items: center; } .jrwm-box-01 .list ul li a dl dt { padding-right: 3.99999vw; } .jrwm-box-01 .list ul li a dl dt i, .jrwm-box-01 .list ul li a dl dt i::before { color: #B6002A; font-size: 12.79997vw; } .jrwm-box-01 .list ul li a dl dd .tit { color: #202020; font-size: 4.79999vw; } .jrwm-box-01 .list ul li a dl dd .btn { padding-top: 2.66666vw; display: flex; align-items: center; } .jrwm-box-01 .list ul li a dl dd .btn span { color: #B6002A; padding-right: 1.33333vw; font-size: 3.19999vw; } .jrwm-box-01 .list ul li a dl dd .btn i, .jrwm-box-01 .list ul li a dl dd .btn i::before { color: #B6002A; font-size: 3.73332vw; } .jrwm-box-01 .list ul li a:hover { background: #B6002A; } .jrwm-box-01 .list ul li a:hover dl dt i, .jrwm-box-01 .list ul li a:hover dl dt i::before { color: #fff; } .jrwm-box-01 .list ul li a:hover dl dd .tit { color: #fff; } .jrwm-box-01 .list ul li a:hover dl dd .btn span { color: #fff; } .jrwm-box-01 .list ul li a:hover dl dd .btn i, .jrwm-box-01 .list ul li a:hover dl dd .btn i::before { color: #fff; } } @media screen and (min-width: 992px) { .jrwm-box-01 { padding: 3.12504vw 0; } .jrwm-box-01 .list ul { margin: -0.72918vw; display: flex; } .jrwm-box-01 .list ul li { padding: 0.72918vw; flex: 1; min-width: 0; } .jrwm-box-01 .list ul li a { padding: 2.34378vw 3.64588vw; } .jrwm-box-01 .list ul li a dl dt { padding-right: 2.6042vw; } .jrwm-box-01 .list ul li a dl dt i, .jrwm-box-01 .list ul li a dl dt i::before { font-size: 3.64588vw; } .jrwm-box-01 .list ul li a dl dd .tit { font-size: 1.66669vw; } .jrwm-box-01 .list ul li a dl dd .btn { padding-top: 1.04168vw; } .jrwm-box-01 .list ul li a dl dd .btn span { padding-right: 0.52084vw; font-size: 0.93751vw; } .jrwm-box-01 .list ul li a dl dd .btn i, .jrwm-box-01 .list ul li a dl dd .btn i::before { font-size: 0.72918vw; } } @media screen and (min-width: 320px) { i.pic-scale-join { padding-bottom: 40%; } .jrwm-box-02 { background: #f5f3f1; padding: 7.99998vw 0; } .jrwm-box-02 .flex .l { padding-bottom: 7.99998vw; } .jrwm-box-02 .flex .l .tit { color: #202020; line-height: 1.4; font-size: 4.79999vw; } .jrwm-box-02 .flex .l .txt { color: #202020; line-height: 1.4; font-size: 3.73332vw; padding-top: 2.66666vw; } } @media screen and (min-width: 992px) { i.pic-scale-join { padding-bottom: 0; height: 21.35444vw; } .jrwm-box-02 { background: #f5f3f1; padding: 0; position: relative; } .jrwm-box-02 .flex { display: flex; align-items: center; height: 21.35444vw; } .jrwm-box-02 .flex .l { flex-basis: 50%; flex-shrink: 0; min-width: 0; padding: 1.56252vw 0; } .jrwm-box-02 .flex .l .tit { font-size: 1.45835vw; } .jrwm-box-02 .flex .l .txt { font-size: 0.83334vw; padding-top: 1.45835vw; } .jrwm-box-02 .flex .pic { position: absolute; left: 50%; right: 0; top: 0; } } @media screen and (min-width: 320px) { .zstd-box { background-image: url(../img/zstd-bg.jpg); background-size: cover; padding: 7.99998vw 0; } .zstd-box .hd-r { padding-bottom: 5.33332vw; } .zstd-box .hd-r .hd .btn { border: 0.26667vw solid #FFDEE6; border-top: none; background: rgba(255, 255, 255, 0.8); padding: 6.66665vw 3.99999vw; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; } .zstd-box .hd-r .hd .btn::before { content: ' '; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: linear-gradient(45deg, #B6002A, #E3708B); opacity: 0; } .zstd-box .hd-r .hd .btn .num { flex-basis: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-style: italic; font-size: 11.19997vw; color: #202020; position: relative; z-index: 2; } .zstd-box .hd-r .hd .btn .r { flex-basis: 50%; flex-shrink: 0; position: relative; z-index: 2; } .zstd-box .hd-r .hd .btn .r .tit { font-size: 4.26666vw; color: #202020; } .zstd-box .hd-r .hd .btn .r .txt { padding-top: 2.66666vw; font-size: 3.19999vw; color: #666; } .zstd-box .hd-r .hd .btn:nth-child(1) { border-top: 0.26667vw solid #FFDEE6; } .zstd-box .hd-r .hd .btn.on::before { opacity: 1; } .zstd-box .hd-r .hd .btn.on .num { color: #fff; } .zstd-box .hd-r .hd .btn.on .r .tit { color: #fff; } .zstd-box .hd-r .hd .btn.on .r .txt { color: #fff; } .zstd-box .bd .tabs-logo { height: 7.99998vw; } .zstd-box .bd .tabs-logo img { height: 100%; } .zstd-box .bd .tit { font-weight: 100; font-size: 7.99998vw; padding-top: 2.66666vw; } .zstd-box .bd .txt { padding-top: 5.33332vw; line-height: 1.6; } .zstd-box .bd .btn { padding-top: 5.33332vw; } .zstd-box .bd .btn a { display: inline-flex; border: 0.26667vw solid #B6002A; padding: 3.99999vw 7.99998vw; } .zstd-box .bd .btn a span { font-size: 3.73332vw; color: #B6002A; padding-right: 2.66666vw; } .zstd-box .bd .btn a i, .zstd-box .bd .btn a i::before { font-size: 3.73332vw; color: #B6002A; } .zstd-box .bd .btn a:hover { background: #B6002A; } .zstd-box .bd .btn a:hover span { color: #fff; } .zstd-box .bd .btn a:hover i, .zstd-box .bd .btn a:hover i::before { color: #fff; } } @media screen and (min-width: 992px) { .zstd-box { padding: 5.2084vw 0; } .zstd-box .flex { display: flex; flex-direction: row-reverse; align-items: center; } .zstd-box .flex .hd-r { flex-basis: 40.62552vw; flex-shrink: 0; min-width: 0; } .zstd-box .flex .hd-r .hd { padding: 0 5.2084vw; } .zstd-box .flex .hd-r .hd .btn { border-width: 0.05208vw; padding: 3.28129vw 1.04168vw; } .zstd-box .flex .hd-r .hd .btn .num { font-size: 4.16672vw; } .zstd-box .flex .hd-r .hd .btn .r .tit { font-size: 1.35418vw; } .zstd-box .flex .hd-r .hd .btn .r .txt { padding-top: 0.67709vw; font-size: 0.93751vw; } .zstd-box .flex .hd-r .hd .btn:nth-child(1) { border-top-width: 0.05208vw; } .zstd-box .flex .bd { min-width: 0; flex: 1; } .zstd-box .flex .bd .tabs-logo { height: 3.12504vw; } .zstd-box .flex .bd .tit { font-size: 2.6042vw; padding-top: 0.78126vw; } .zstd-box .flex .bd .txt { padding-top: 2.86462vw; font-size: 0.83334vw; } .zstd-box .flex .bd .btn { padding-top: 7.8126vw; } .zstd-box .flex .bd .btn a { border-width: 0.05208vw; height: 4.06255vw; padding: 0 3.9063vw; align-items: center; } .zstd-box .flex .bd .btn a span { font-size: 1.14585vw; padding-right: 2.08336vw; } .zstd-box .flex .bd .btn a i, .zstd-box .flex .bd .btn a i::before { font-size: 1.04168vw; } } @media screen and (min-width: 320px) { .rzsp-box { padding: 7.99998vw 0 15.99996vw 0; background-image: url(../img/rzsq-bg.png); background-color: #f8f8f8; background-size: contain; background-position: center bottom; background-repeat: no-repeat; } .rzsp-box .rzsp-form { background: #fff; border-radius: 2.66666vw; box-shadow: 0 2.66666vw 5.33332vw rgba(151, 151, 151, 0.05); padding: 5.33332vw; } .rzsp-box .rzsp-form .tit-box { text-align: center; } .rzsp-box .rzsp-form .tit-box .tit { font-weight: bold; font-size: 5.33332vw; color: #333; } .rzsp-box .rzsp-form .tit-box .tit-line { margin: 2.66666vw auto; width: 7.99998vw; height: 0.8vw; background: #B6002A; } .rzsp-box .rzsp-form .tit-box .txt { color: #333; font-size: 3.19999vw; line-height: 1.4; } .rzsp-box .rzsp-form .box { border-bottom: 0.26667vw dashed #F0CCD4; } .rzsp-box .rzsp-form .box .col { margin: 0 -2.66666vw; padding: 2.66666vw 0; } .rzsp-box .rzsp-form .box .col .row { padding: 2.66666vw; } .rzsp-box .rzsp-form .box .col .row .label { padding-bottom: 2.66666vw; font-size: 3.73332vw; } .rzsp-box .rzsp-form .box .col .row .label span { color: #333; } .rzsp-box .rzsp-form .box .col .row .label i { color: #B6002A; font-style: normal; padding-left: 1.33333vw; } .rzsp-box .rzsp-form .box .col .row .inp input { border-color: #E3E3E3; background: #f8f8f8; } .rzsp-box .rzsp-form .inps { margin: -1.33333vw; } .rzsp-box .rzsp-form .inps .inp { padding: 1.33333vw; } .rzsp-box .rzsp-form .btn { display: flex; justify-content: center; padding-top: 5.33332vw; } .rzsp-box .rzsp-form .btn .layui-btn { width: 26.6666vw; height: 10.66664vw; background: #B6002A; border-radius: 1.06666vw; display: flex; align-items: center; justify-content: center; font-size: 4.26666vw; } } @media screen and (min-width: 992px) { .rzsp-box { padding: 3.12504vw 0 13.54184vw 0; } .rzsp-box .rzsp-form { border-radius: 0.52084vw; box-shadow: 0 0.52084vw 1.04168vw rgba(151, 151, 151, 0.05); padding: 3.12504vw 8.33344vw; } .rzsp-box .rzsp-form .tit-box { padding-bottom: 2.34378vw; } .rzsp-box .rzsp-form .tit-box .tit { font-size: 2.08336vw; } .rzsp-box .rzsp-form .tit-box .tit-line { margin: 1.04168vw auto; width: 2.6042vw; height: 0.26042vw; } .rzsp-box .rzsp-form .tit-box .txt { font-size: 0.83334vw; } .rzsp-box .rzsp-form .box { border-bottom-width: 0.05208vw; } .rzsp-box .rzsp-form .box .col { margin: 0 -1.56252vw; padding: 2.6042vw 0; display: flex; } .rzsp-box .rzsp-form .box .col .row { padding: 0 1.56252vw; flex: 1; min-width: 0; } .rzsp-box .rzsp-form .box .col .row .label { padding-bottom: 0.72918vw; font-size: 0.83334vw; } .rzsp-box .rzsp-form .box .col .row .label i { padding-left: 0.26042vw; } .rzsp-box .rzsp-form .box .col .row .inps { margin: 0; display: flex; align-items: center; } .rzsp-box .rzsp-form .box .col .row .inps .inp { padding: 0; } .rzsp-box .rzsp-form .box .col .row .inps .line { width: 0.52084vw; height: 0.05208vw; background: #b7b7b7; margin: 0 0.78126vw; } .rzsp-box .rzsp-form .box .col .row-04 { flex-basis: 33.33333%; } .rzsp-box .rzsp-form .box .col .row-08 { flex-basis: 66.6666667%; } .rzsp-box .rzsp-form .box.box-ln { border-bottom: none; } .rzsp-box .rzsp-form .btn { padding-top: 0; } .rzsp-box .rzsp-form .btn .layui-btn { width: 6.25008vw; height: 2.08336vw; border-radius: 0.20834vw; font-size: 0.83334vw; } } @media screen and (min-width: 320px) { .contact-box { padding: 3.99999vw; background: #f9f9f9; } .contact-box .flex { display: flex; align-items: center; justify-content: space-between; } .contact-box .flex .l .en { text-transform: uppercase; color: #B6002A; font-size: 3.19999vw; line-height: 1; font-weight: bold; } .contact-box .flex .l .tit { color: #202020; font-size: 4.79999vw; padding-top: 1.33333vw; line-height: 1; } .contact-box .flex .r dt { width: 15.99996vw; } .contact-box .list ul li dl { padding: 2.66666vw 0; border-bottom: 0.26667vw solid #DBDBDB; } .contact-box .list ul li dl dt i { padding-right: 1.33333vw; } .contact-box .list ul li dl dt i, .contact-box .list ul li dl dt i::before { color: #B6002A; } .contact-box .list ul li dl dd .link { color: #0172d1; } .contact-box .list ul li dl dd .link:hover { color: #B6002A; } } @media screen and (min-width: 992px) { .contact-box { padding: 2.08336vw 2.08336vw; } .contact-box .flex .l .en { font-size: 0.93751vw; } .contact-box .flex .l .tit { font-size: 2.18753vw; padding-top: 1.04168vw; } .contact-box .flex .r dl { display: flex; flex-direction: row-reverse; align-items: center; } .contact-box .flex .r dt { display: flex; align-items: center; width: 5.2084vw; } .contact-box .flex .r dd { text-align: right; color: #202020; padding-right: 1.04168vw; } .contact-box .list { padding-top: 4.16672vw; } .contact-box .list ul { display: flex; flex-wrap: wrap; margin: 0 -3.12504vw; } .contact-box .list ul li { flex-basis: 50%; flex-shrink: 0; min-width: 0; padding: 0 3.12504vw; } .contact-box .list ul li dl { display: flex; justify-content: space-between; padding: 1.14585vw 0; border-bottom-width: 0.05208vw; } .contact-box .list ul li dl dt i { padding-right: 0.52084vw; } .contact-box .list ul li dl dt i, .contact-box .list ul li dl dt i::before { font-size: 1.04168vw; } .contact-box .list ul li dl dt span { font-size: 0.83334vw; } .contact-box .list ul li dl dd { display: flex; align-items: center; flex-wrap: wrap; } .contact-box .list ul li dl dd * { font-size: 0.83334vw; } } @media screen and (min-width: 320px) { .download-box { padding: 7.99998vw 0; } .download-box ul li { border-bottom: 0.26667vw solid #DBDBDB; } .download-box ul li dl { padding: 5.33332vw 0; } .download-box ul li dl dt { display: flex; align-items: center; } .download-box ul li dl dt .ico { background: #fcf3f5; width: 12.79997vw; height: 12.79997vw; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .download-box ul li dl dt .ico i, .download-box ul li dl dt .ico i::before { font-size: 4.79999vw; color: #B6002A; } .download-box ul li dl dt .cont { padding-left: 2.66666vw; } .download-box ul li dl dt .cont .tit { color: #202020; } .download-box ul li dl dt .cont .txt { display: flex; padding-top: 2.66666vw; margin: 0 -2.66666vw; color: #202020; } .download-box ul li dl dt .cont .txt .item { padding: 0 2.66666vw; font-size: 2.66666vw; color: #999; } .download-box ul a:hover dl dt .cont .tit { color: #B6002A; } } @media screen and (min-width: 992px) { .download-box { padding: 3.12504vw 0; } .download-box ul li { border-bottom-width: 0.05208vw; } .download-box ul li dl { padding: 2.08336vw 0; display: flex; justify-content: space-between; align-items: center; } .download-box ul li dl dt .ico { width: 4.16672vw; height: 4.16672vw; } .download-box ul li dl dt .ico i, .download-box ul li dl dt .ico i::before { font-size: 1.56252vw; } .download-box ul li dl dt .cont { padding-left: 1.56252vw; } .download-box ul li dl dt .cont .tit { font-size: 1.14585vw; } .download-box ul li dl dt .cont .txt { padding-top: 0.52084vw; margin: 0 -0.52084vw; } .download-box ul li dl dt .cont .txt .item { padding: 0 0.52084vw; font-size: 0.72918vw; } .download-box ul li dl dd { padding-left: 1.56252vw; } .download-box ul li dl dd .btn { height: 3.02087vw; width: 9.37512vw; border: 0.05208vw solid #C6C6C6; display: flex; align-items: center; justify-content: center; } .download-box ul li dl dd .btn span { font-size: 0.83334vw; padding-right: 0.52084vw; color: #666; } .download-box ul li dl dd .btn i, .download-box ul li dl dd .btn i::before { font-size: 0.83334vw; color: #666; } .download-box ul a:hover .btn { background: #B6002A; border-color: #B6002A; } .download-box ul a:hover .btn span { color: #fff; } .download-box ul a:hover .btn i, .download-box ul a:hover .btn i::before { color: #fff; } } @media screen and (min-width: 320px) { .container-ovh { overflow: hidden; } .news-list-04 { padding: 7.99998vw 0; } .news-list-04 ul li { border-bottom: 0.26667vw solid #DBDBDB; } .news-list-04 ul li dl { padding: 5.33332vw 0; } .news-list-04 ul li dl dt .tit { color: #000; } .news-list-04 ul li dl dt .time { white-space: nowrap; color: #979797; font-size: 3.19999vw; padding: 2.66666vw 0; } .news-list-04 ul li dl dd { color: #B6002A; font-size: 3.19999vw; } .news-list-04 ul a:hover dl dt .tit { color: #B6002A; } } @media screen and (min-width: 992px) { .news-list-04 { padding: 3.12504vw 0; } .news-list-04 ul li { border-bottom-width: 0.05208vw; } .news-list-04 ul li dl { padding: 2.6042vw 0; position: relative; z-index: 2; } .news-list-04 ul li dl dt { display: flex; justify-content: space-between; min-width: 0; } .news-list-04 ul li dl dt .tit { font-size: 1.14585vw; } .news-list-04 ul li dl dt .time { font-size: 0.83334vw; padding: 0 0 0 1.56252vw; } .news-list-04 ul li dl dd { font-size: 0.83334vw; padding-top: 1.56252vw; } .news-list-04 ul li a { position: relative; } .news-list-04 ul li a::before { content: ' '; position: absolute; left: -200%; right: -200%; top: 0; bottom: 0; background: #f9f9f9; opacity: 0; pointer-events: none; } .news-list-04 ul li a:hover::before { opacity: 1; } } @media screen and (min-width: 320px) { .jbxz-box-bd { padding: 7.99998vw 0; } .jbxz-box-bd .jbxz-box-t .tit { background: #B6002A; color: #fff; height: 11.19997vw; padding: 0 3.99999vw; display: flex; align-items: center; } .jbxz-box-bd .jbxz-box-t .txt { border: 0.26667vw solid #EBE8E4; padding: 3.99999vw; } .jbxz-box-bd .jbxz-box-b { background-image: url(../img/jbxz-bg.jpg); background-size: cover; background-position: center bottom; background-repeat: no-repeat; padding: 5.33332vw 5.33332vw 26.6666vw 5.33332vw; } .jbxz-box-bd .jbxz-box-b .box { background: #fff; padding: 2.66666vw 5.33332vw 5.33332vw 5.33332vw; } .jbxz-box-bd .jbxz-box-b .box .list ul li dl { padding: 2.66666vw 0; border-bottom: 0.26667vw solid #DBDBDB; } .jbxz-box-bd .jbxz-box-b .box .list ul li dl dt i { padding-right: 1.33333vw; } .jbxz-box-bd .jbxz-box-b .box .list ul li dl dt i, .jbxz-box-bd .jbxz-box-b .box .list ul li dl dt i::before { color: #B6002A; } .jbxz-box-bd .jbxz-box-b .box .list ul li dl dd .link { color: #0172d1; } .jbxz-box-bd .jbxz-box-b .box .list ul li dl dd .link:hover { color: #B6002A; } } @media screen and (min-width: 992px) { .jbxz-box-bd { padding: 3.12504vw 0; } .jbxz-box-bd .jbxz-box-t .tit { height: 2.6042vw; padding: 0 1.56252vw; font-size: 1.14585vw; } .jbxz-box-bd .jbxz-box-t .txt { border-width: 0.05208vw; padding: 1.56252vw; } .jbxz-box-bd .jbxz-box-b { padding: 3.64588vw 4.53131vw 15.6252vw 3.64588vw; display: flex; justify-content: flex-end; } .jbxz-box-bd .jbxz-box-b .box { width: 39.58384vw; padding: 1.04168vw 2.6042vw 2.6042vw 2.6042vw; } .jbxz-box-bd .jbxz-box-b .box .list ul li dl { display: flex; justify-content: space-between; padding: 1.04168vw 0; border-bottom-width: 0.05208vw; } .jbxz-box-bd .jbxz-box-b .box .list ul li dl dt i { padding-right: 0.52084vw; } .jbxz-box-bd .jbxz-box-b .box .list ul li dl dt i, .jbxz-box-bd .jbxz-box-b .box .list ul li dl dt i::before { font-size: 1.04168vw; } .jbxz-box-bd .jbxz-box-b .box .list ul li dl dt span { font-size: 0.83334vw; } .jbxz-box-bd .jbxz-box-b .box .list ul li dl dd { display: flex; align-items: center; flex-wrap: wrap; } .jbxz-box-bd .jbxz-box-b .box .list ul li dl dd * { font-size: 0.83334vw; } } @media screen and (min-width: 320px) { .join-list { padding: 7.99998vw 0; } .join-list ul { margin: -2.66666vw 0; } .join-list ul li { padding: 2.66666vw 0; } .join-list ul li dt { border: 0.26667vw solid #E5E5E5; background: #F9F9F9; display: flex; padding: 0 2.66666vw; height: 14.9333vw; align-items: center; cursor: pointer; transition: .3s; } .join-list ul li dt b { color: #333; padding-right: 5.33332vw; flex: 1; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; font-size: 3.73332vw; font-weight: normal; } .join-list ul li dt .more { display: flex; align-items: center; } .join-list ul li dt .more span { padding-right: 1.33333vw; color: #333; font-size: 3.19999vw; line-height: 1; } .join-list ul li dt .more i { transform: rotate(90deg); } .join-list ul li dt .more i::before { font-size: 5.33332vw; color: #B6002A; } .join-list ul li dd { padding: 3.99999vw; border: 0.26667vw solid #E5E5E5; border-top: none; display: none; background: #fff; } .join-list ul li dd .tit { font-weight: bold; color: #333; line-height: 1.2; font-size: 3.73332vw; } .join-list ul li dd .tit + .txt { padding-top: 1.33333vw; } .join-list ul li dd .txt { line-height: 2; font-size: 3.19999vw; } .join-list ul li dd .mess + .mess { padding-top: 5.33332vw; } .join-list ul li.on dt { background: #B6002A; border-color: #B6002A; } .join-list ul li.on dt b { color: #fff; } .join-list ul li.on dt .more span { color: #fff; } .join-list ul li.on dt .more i { transform: rotate(-90deg); } .join-list ul li.on dt .more i::before { color: #fff; } .join-list ul li .more-btn { padding-top: 5.33332vw; display: flex; align-items: center; } .join-list ul li .more-btn a { height: 10.66664vw; border-radius: 5.33332vw; display: flex; align-items: center; justify-content: center; padding: 0 7.99998vw; background: #B6002A; font-size: 3.19999vw; color: #fff; } .join-list ul li .more-btn a:hover { transform: translateY(-5%); } } @media screen and (min-width: 992px) { .join-list { padding: 3.12504vw 0; } .join-list ul { margin: -0.52084vw 0; } .join-list ul li { padding: 0.52084vw 0; } .join-list ul li dt { border-width: 0.05208vw; padding: 0 2.08336vw; height: 4.16672vw; } .join-list ul li dt b { padding-right: 2.08336vw; font-size: 1.04168vw; } .join-list ul li dt .more span { padding-right: 0.52084vw; font-size: 0.83334vw; } .join-list ul li dt .more i, .join-list ul li dt .more i::before { font-size: 1.35418vw; } .join-list ul li dd { padding: 2.08336vw 3.64588vw; border-width: 0.05208vw; } .join-list ul li dd .tit { font-size: 0.93751vw; } .join-list ul li dd .tit + .txt { padding-top: 1.04168vw; } .join-list ul li dd .txt { font-size: 0.83334vw; } .join-list ul li dd .mess + .mess { padding-top: 2.6042vw; } .join-list ul li dd .more-btn { padding-top: 2.08336vw; } .join-list ul li dd .more-btn a { height: 3.85422vw; border-radius: 1.92711vw; padding: 0 2.50003vw; font-size: 0.93751vw; } }