@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; } }