@charset "utf-8";
/* CSS Document */
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track {
border-radius: 0;
background: rgba(255, 255, 255, 0);
}
::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #aaaaaa;
}
::-webkit-scrollbar-thumb:hover {
border-radius: 5px;
background: #aaaaaa;
}
:root {
--vh: 1vh; /*calc(var(--vh) * 100) == 100vh */
--pli_07_top:0px;
}
root {
--hover_color:$color1;
}
@font-face {
font-family: "poppins-Regular";
src: url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "poppins-Bold";
src: url("../fonts/albb_heavy.woff2") format("woff2"), url("../fonts/albb_heavy.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "SourceHanSansCN-Normal";
src: url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "SourceHanSansCN-Regular";
src: url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "din";
src: url("../fonts/din.woff2") format("woff2"), url("../fonts/din.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "HarmonyOSSansSC_en";
src: url("../fonts/HarmonyOSSansSC_en.woff2") format("woff2"), url("../fonts/HarmonyOSSansSC_en.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
body {
font-family: "SourceHanSansCN-Regular", -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei, Arial;
margin: 0;
padding: 0;
font-style: normal !important;
font-variant: normal !important;
color: #000;
font-size: 12px;
margin: 0px auto;
padding: 0px;
}
.albb_font {
font-family: albb;
}
.font_SHSCN {
font-family: SourceHanSansCN-Regular !important;
}
.font_SHSCN p {
font-family: SourceHanSansCN-Regular !important;
}
.font_SHSCN span {
font-family: SourceHanSansCN-Regular !important;
}
.font_SHSCN i {
font-family: SourceHanSansCN-Regular !important;
}
.font_SHSCN div {
font-family: SourceHanSansCN-Regular !important;
}
.font_SHSCN b {
font-family: SourceHanSansCN-Regular !important;
}
.font_SHSCN strong {
font-family: SourceHanSansCN-Regular !important;
}
.font_SHSCN em {
font-family: SourceHanSansCN-Regular !important;
}
a {
color: #000;
text-decoration: none;
outline: none;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
a:hover {
color: #00479d;
text-decoration: none;
outline: none;
}
a:focus {
outline: none;
text-decoration: none;
}
.clear {
clear: both;
font-size: 0vw;
line-height: 0;
height: 0;
}
* html .clearfix {
zoom: 1;
}
*:first-child + html .clearfix {
zoom: 1;
}
.cell, .cell2, .cell3 {
border-collapse: collapse;
border-spacing: 0;
}
.fl {
float: left;
}
.fr {
float: right;
}
a, img {
border: 0px;
}
br {
font-family: SimSun;
}
p {
margin: 0px;
padding: 0px;
line-height: 1.75;
}
i {
margin: 0px;
padding: 0px;
font-style: normal;
}
ul {
margin: 0px;
padding: 0px;
list-style: none;
}
ul li {
margin: 0px;
padding: 0px;
list-style: none;
}
br {
margin: 0px;
padding: 0px;
}
.clearheight {
width: 100%;
height: 1px;
overflow: hidden;
}
input, select, textarea {
font-family: "SourceHanSansCN-Regular", -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei, Arial;
outline: none;
}
input::-ms-clear, input::-ms-reveal {
display: none;
}
input[type=text]:disabled {
background-color: #999;
}
input::-moz-placeholder {
color: #000;
}
input::-moz-placeholder {
color: #000;
}
input::-ms-input-placeholder {
color: #000;
}
input::-webkit-input-placeholder {
color: #000;
}
input[type=text], input[type=button], input[type=submit], input[type=reset], select, textarea, button {
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
input {
-webkit-appearance: none;
appearance: none;
outline: none;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0vw 13.3333vw white inset;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
input[type=button], input[type=text], input[type=password] {
-webkit-appearance: none;
outline: none;
}
a, a:hover, a:active, a:visited, a:link, a:focus {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
outline: none;
text-decoration: none;
}
/*loading*/
.loading {
width: 100%;
height: 100%;
overflow: hidden;
position: fixed;
left: 0px;
top: 0px;
z-index: 9998;
display: block;
}
.loading b.b1 {
width: 100%;
height: 100%;
display: block;
overflow: hidden;
background-color: #00479d;
position: absolute;
left: 0px;
top: 0%;
}
.container {
width: 100%;
}
.section {
width: 100%;
background-color: #fff;
}
.section .pagefr_n {
width: 100%;
height: calc(var(--vh) * 100);
overflow: hidden;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.section.active .pagefr_n {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
}
@-webkit-keyframes an_0 {
0% {
box-shadow: 0 0 0px 0px rgba(24, 152, 242, 0);
}
50% {
box-shadow: 0 0 10px 3px rgba(24, 152, 242, 0.6);
}
100% {
box-shadow: 0 0 0px 0px rgba(24, 152, 242, 0);
}
}
@keyframes an_0 {
0% {
box-shadow: 0 0 0px 0px rgba(24, 152, 242, 0);
}
50% {
box-shadow: 0 0 10px 3px rgba(24, 152, 242, 0.6);
}
100% {
box-shadow: 0 0 0px 0px rgba(24, 152, 242, 0);
}
}
@-webkit-keyframes an_02 {
0% {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
100% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
}
@keyframes an_02 {
0% {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
100% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
}
.an_02 {
-webkit-animation-name: an_02;
animation-name: an_02;
}
@-webkit-keyframes an_02_f {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
}
@keyframes an_02_f {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
}
@-webkit-keyframes an_01 {
0% {
transform: scale(0.99, 0.99);
-moz-transform: scale(0.99, 0.99);
-webkit-transform: scale(0.99, 0.99);
}
50% {
transform: scale(1, 1);
-moz-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
100% {
transform: scale(0.99, 0.99);
-moz-transform: scale(0.99, 0.99);
-webkit-transform: scale(0.99, 0.99);
}
}
@keyframes an_01 {
0% {
transform: scale(0.99, 0.99);
-moz-transform: scale(0.99, 0.99);
-webkit-transform: scale(0.99, 0.99);
}
50% {
transform: scale(1, 1);
-moz-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
100% {
transform: scale(0.99, 0.99);
-moz-transform: scale(0.99, 0.99);
-webkit-transform: scale(0.99, 0.99);
}
}
@-webkit-keyframes an_03 {
0% {
opacity: 0.5;
}
50% {
opacity: 1;
}
100% {
opacity: 0.5;
}
}
@keyframes an_03 {
0% {
opacity: 0.5;
}
50% {
opacity: 1;
}
100% {
opacity: 0.5;
}
}
.an_03 {
-webkit-animation-name: an_03;
animation-name: an_03;
}
@-webkit-keyframes an_zdy {}
@keyframes an_zdy {}
.an_zdy {
-webkit-animation-name: an_zdy;
animation-name: an_zdy;
}
@-webkit-keyframes an_04 {
0% {
transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
}
50% {
transform: translateY(-0.08rem);
-webkit-transform: translateY(-0.08rem);
-moz-transform: translateY(-0.08rem);
}
100% {
transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
}
}
@keyframes an_04 {
0% {
transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
}
50% {
transform: translateY(-0.08rem);
-webkit-transform: translateY(-0.08rem);
-moz-transform: translateY(-0.08rem);
}
100% {
transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
}
}
@-webkit-keyframes an_04_01 {
0% {
transform: translateY(-0.03rem);
-webkit-transform: translateY(-0.03rem);
-moz-transform: translateY(-0.03rem);
transform: scale(1.06, 1.06);
-moz-transform: scale(1.06, 1.06);
-webkit-transform: scale(1.06, 1.06);
}
50% {
transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: scale(1.06, 1.06);
-moz-transform: scale(1.06, 1.06);
-webkit-transform: scale(1.06, 1.06);
}
100% {
transform: translateY(-0.03rem);
-webkit-transform: translateY(-0.03rem);
-moz-transform: translateY(-0.03rem);
transform: scale(1.06, 1.06);
-moz-transform: scale(1.06, 1.06);
-webkit-transform: scale(1.06, 1.06);
}
}
@keyframes an_04_01 {
0% {
transform: translateY(-0.03rem);
-webkit-transform: translateY(-0.03rem);
-moz-transform: translateY(-0.03rem);
transform: scale(1.06, 1.06);
-moz-transform: scale(1.06, 1.06);
-webkit-transform: scale(1.06, 1.06);
}
50% {
transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: scale(1.06, 1.06);
-moz-transform: scale(1.06, 1.06);
-webkit-transform: scale(1.06, 1.06);
}
100% {
transform: translateY(-0.03rem);
-webkit-transform: translateY(-0.03rem);
-moz-transform: translateY(-0.03rem);
transform: scale(1.06, 1.06);
-moz-transform: scale(1.06, 1.06);
-webkit-transform: scale(1.06, 1.06);
}
}
@-webkit-keyframes an_05 {
0% {
transform: scale(1, 1);
-moz-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
50% {
transform: scale(1.06, 1.06);
-moz-transform: scale(1.06, 1.06);
-webkit-transform: scale(1.06, 1.06);
}
100% {
transform: scale(1, 1);
-moz-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
}
@keyframes an_05 {
0% {
transform: scale(1, 1);
-moz-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
50% {
transform: scale(1.06, 1.06);
-moz-transform: scale(1.06, 1.06);
-webkit-transform: scale(1.06, 1.06);
}
100% {
transform: scale(1, 1);
-moz-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
}
@-webkit-keyframes an_06 {
0% {
opacity: 1;
transform: scale(0.96, 0.96) translateY(0) translateX(0);
-moz-transform: scale(0.96, 0.96) translateY(0) translateX(0);
-webkit-transform: scale(0.96, 0.96) translateY(0) translateX(0);
}
25% {
opacity: 0.6;
transform: scale(1, 1) translateY(-10px) translateX(-10px);
-moz-transform: scale(1, 1) translateY(-10px) translateX(-10px);
-webkit-transform: scale(1, 1) translateY(-10px) translateX(-10px);
}
50% {
opacity: 0.5;
transform: scale(1, 1) translateY(-10px) translateX(10px);
-moz-transform: scale(1, 1) translateY(-10px) translateX(10px);
-webkit-transform: scale(1, 1) translateY(-10px) translateX(10px);
}
75% {
opacity: 0.6;
transform: scale(1, 1) translateY(-10px) translateX(0px);
-moz-transform: scale(1, 1) translateY(-10px) translateX(0px);
-webkit-transform: scale(1, 1) translateY(-10px) translateX(0px);
}
100% {
opacity: 1;
transform: scale(0.96, 0.96) translateY(0) translateX(0);
-moz-transform: scale(0.96, 0.96) translateY(0) translateX(0);
-webkit-transform: scale(0.96, 0.96) translateY(0) translateX(0);
}
}
@keyframes an_06 {
0% {
opacity: 1;
transform: scale(0.96, 0.96) translateY(0) translateX(0);
-moz-transform: scale(0.96, 0.96) translateY(0) translateX(0);
-webkit-transform: scale(0.96, 0.96) translateY(0) translateX(0);
}
25% {
opacity: 0.6;
transform: scale(1, 1) translateY(-10px) translateX(-10px);
-moz-transform: scale(1, 1) translateY(-10px) translateX(-10px);
-webkit-transform: scale(1, 1) translateY(-10px) translateX(-10px);
}
50% {
opacity: 0.5;
transform: scale(1, 1) translateY(-10px) translateX(10px);
-moz-transform: scale(1, 1) translateY(-10px) translateX(10px);
-webkit-transform: scale(1, 1) translateY(-10px) translateX(10px);
}
75% {
opacity: 0.6;
transform: scale(1, 1) translateY(-10px) translateX(0px);
-moz-transform: scale(1, 1) translateY(-10px) translateX(0px);
-webkit-transform: scale(1, 1) translateY(-10px) translateX(0px);
}
100% {
opacity: 1;
transform: scale(0.96, 0.96) translateY(0) translateX(0);
-moz-transform: scale(0.96, 0.96) translateY(0) translateX(0);
-webkit-transform: scale(0.96, 0.96) translateY(0) translateX(0);
}
}
@-webkit-keyframes an_07 {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
50% {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
100% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
}
@keyframes an_07 {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
50% {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
100% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
}
@-webkit-keyframes ksan {
0% {
-webkit-transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(1.5);
opacity: 0;
}
}
@keyframes ksan {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1.5);
opacity: 0;
}
}
@-webkit-keyframes ksan_01 {
0% {
-webkit-transform: scale(0.8);
opacity: 1;
}
100% {
-webkit-transform: scale(1.5);
opacity: 0;
}
}
@keyframes ksan_01 {
0% {
transform: scale(0.8);
opacity: 1;
}
100% {
transform: scale(1.5);
opacity: 0;
}
}
/*common*/
.in_body {
min-height: 100vh;
position: relative;
background-color: #fff;
opacity: 0;
}
.other_body {
min-height: 100vh;
position: relative;
background-color: #fff;
opacity: 0;
}
.home_body {
overflow: hidden;
height: 100vh;
}
.wrap {
width: 100%;
margin: 0px auto;
padding: 0px;
}
.wrap_in {
margin: 0px 0.8rem;
}
.wrap_c {
margin: 0px 2.6rem;
}
.wrap_c1 {
margin: 0px 3.6rem;
}
.w_wap {
display: none !important;
}
.top_bg {
width: 100%;
height: 100%;
overflow: hidden;
position: fixed;
left: 0px;
top: 0px;
z-index: 998;
background-color: rgba(0, 0, 0, 0.6);
display: none;
pointer-events: none;
}
.top_bg.active {
display: block;
}
.topfr {
overflow: visible;
height: 1.52rem;
position: fixed;
left: 0px;
top: 0px;
z-index: 99999;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.topfr a {
transition: 0s linear;
-webkit-transition: 0s linear;
-o-transition: 0s linear;
-moz-transition: 0s linear;
}
.top_t {
width: 100%;
overflow: visible;
height: 0.68rem;
position: relative;
}
.top_t::before {
content: "";
display: block;
width: 100%;
height: 0.01rem;
background-color: rgba(255, 255, 255, 0.3);
position: absolute;
left: 0px;
bottom: 0px;
}
.top_t .fl ul li {
float: left;
margin-left: 0.3rem;
}
.top_t .fl ul li:first-child {
margin-left: 0px;
}
.top_t .fl ul li .topt_t {
width: 100%;
height: 0.68rem;
overflow: hidden;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.top_t .fl ul li .topt_t a {
color: #fff;
}
.top_t .fl ul li .topt_t a.home {
display: inline-block;
width: 13.4px;
height: 0.68rem;
background: url("../images/t_02.png") 50% no-repeat;
background-size: 100%;
}
.top_t .fl ul li .topt_t a.home:hover {
background: url("../images/t_08.png") 50% no-repeat;
background-size: 100%;
}
.top_t .fl ul li .topt_t a:hover {
color: #00479d;
}
.top_t .fl ul li .topt_c {
width: 100%;
overflow: hidden;
background-color: #fff;
position: absolute;
left: 0px;
top: 0.68rem;
z-index: 9999;
display: none;
}
.top_t .fl ul li .topt_c .toptc_t {
width: 100%;
overflow: hidden;
height: 1.2rem;
background-color: #00479d;
color: #fff;
padding: 0px 0.8rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.top_t .fl ul li .topt_c .toptc_t a {
width: 100%;
display: block;
overflow: hidden;
color: #fff;
background: url("../images/t_04.png") 100% 50% no-repeat;
background-size: 0.24rem;
}
.top_t .fl ul li .topt_c .toptc_c {
width: 100%;
overflow: hidden;
padding: 0.6rem 0.8rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.top_t .fl ul li .topt_c .toptc_c .ttcc_l {
width: 5rem;
overflow: hidden;
}
.top_t .fl ul li .topt_c .toptc_c .ttcc_l dl {
width: 100%;
overflow: hidden;
margin: 0px;
padding: 0px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0.1rem;
}
.top_t .fl ul li .topt_c .toptc_c .ttcc_l dl dd {
width: 100%;
overflow: hidden;
margin: 0px;
padding: 0px;
line-height: 1.75;
}
.top_t .fl ul li .topt_c .toptc_c .ttcc_l dl dd a {
display: inline-block;
color: #222;
padding-right: 0.5rem;
position: relative;
}
.top_t .fl ul li .topt_c .toptc_c .ttcc_l dl dd a::before {
content: "";
display: block;
width: 0.16rem;
height: 100%;
position: absolute;
right: 0.05rem;
top: 0px;
opacity: 0;
background: url("../images/t_06.png") 100% 50% no-repeat;
background-size: 0.16rem;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.top_t .fl ul li .topt_c .toptc_c .ttcc_l dl dd a:hover {
color: #00479d;
}
.top_t .fl ul li .topt_c .toptc_c .ttcc_l dl dd a:hover::before {
right: 0px;
opacity: 1;
}
.top_t .fl ul li .topt_c .toptc_c .ttcc_r {
width: calc(100% - 5rem - 1.6rem - 1.2rem);
overflow: hidden;
position: relative;
padding-left: 1.2rem;
}
.top_t .fl ul li .topt_c .toptc_c .ttcc_r::before {
content: "";
display: block;
width: 0.01rem;
height: 100%;
overflow: hidden;
background-color: #e0e0e0;
position: absolute;
left: 0px;
top: 0px;
pointer-events: none;
}
.top_t .fl ul li .topt_c .toptc_c .ttcc_r a {
display: inline-block;
width: 4.5rem;
overflow: hidden;
position: relative;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.top_t .fl ul li .topt_c .toptc_c .ttcc_r a .img {
width: 100%;
overflow: hidden;
position: relative;
z-index: 1;
pointer-events: none;
}
.top_t .fl ul li .topt_c .toptc_c .ttcc_r a .img img {
width: 100%;
display: block;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.top_t .fl ul li .topt_c .toptc_c .ttcc_r a .img img.img2 {
height: 100%;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
z-index: 9;
}
.top_t .fl ul li .topt_c .toptc_c .ttcc_r a .txt {
width: 100%;
overflow: hidden;
position: absolute;
left: 0px;
bottom: 0.15rem;
z-index: 9;
padding: 0px 0.4rem;
line-height: 1.75;
color: #fff;
}
.top_t .fl ul li .topt_c .toptc_c .ttcc_r a .txt span {
width: 100%;
display: block;
overflow: hidden;
background: url("../images/t_04.png") 100% 50% no-repeat;
background-size: 0.16rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.top_t .fl ul li .topt_c .toptc_c .ttcc_r a:hover .img img.img2 {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.top_t .fl ul li .topt_t {
position: relative;
}
.top_t .fl ul li .topt_t::before {
content: "";
display: block;
width: 0.18rem;
height: 0.08rem;
background: url("../images/nav_03.png") 50% no-repeat;
background-size: 100% 100%;
position: absolute;
left: 50%;
bottom: -0.05rem;
opacity: 0;
margin-left: -0.09rem;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.top_t .fl ul li.active .topt_t::before {
opacity: 1;
bottom: 0px;
}
.top_t .fr a {
float: left;
line-height: 0.68rem;
color: #fff;
}
.top_t .fr a.a1 {
background: url("../images/t_04.png") 100% 50% no-repeat;
background-size: 0.13rem;
padding-right: 0.27rem;
}
.top_t .fr a:hover {
color: #00479d;
}
.top_t .fr a.a1:hover {
background: url("../images/t_06.png") 100% 50% no-repeat;
background-size: 0.13rem;
}
.top_t .fr a.a2 {
width: 12px;
height: 12px;
display: block;
background: url("../images/t_01.png") 50% no-repeat;
background-size: 100% 100%;
margin-top: calc((0.68rem - 12px) / 2);
}
.top_t .fr a.a2:hover {
background: url("../images/t_09.png") 50% no-repeat;
background-size: 100% 100%;
}
.top_t .fr i {
float: left;
width: 0.01rem;
height: 16px;
background-color: rgba(255, 255, 255, 0.5);
margin: 0px 0.3rem;
margin-top: calc((0.68rem - 16px) / 2);
}
.top_c {
width: 100%;
overflow: visible;
height: 0.64rem;
}
.top_c .fl {
height: 0.45rem;
margin-top: 0.2rem;
line-height: 0.45rem;
color: #fff;
font-weight: bold;
}
.top_c .fl .sp {
float: left;
}
.top_c .fl a {
color: #fff;
}
.top_c .fl i {
width: 0.02rem;
height: 0.22rem;
display: block;
background-color: rgba(255, 255, 255, 0.5);
margin: 0px 0.3rem;
margin-top: 0.115rem;
float: left;
}
.top_c .fr {
overflow: visible;
margin-top: 0.2rem;
}
.top_c .fr a {
display: inline-block;
position: relative;
}
.top_c .fr img {
display: block;
height: 0.45rem;
}
.top_c .fr img.img2 {
position: absolute;
left: 0px;
top: 0px;
opacity: 0;
}
.topfr.on {
background-color: #fff;
-moz-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05);
}
.topfr.on .top_t .fl ul li .topt_t a {
color: #222;
}
.topfr.on .top_t .fl ul li .topt_t a.home {
background: url("../images/t_10.png") 50% no-repeat;
background-size: 100%;
}
.topfr.on .top_t::before {
background-color: rgba(0, 0, 0, 0.05);
}
.topfr.on .top_t .fr a {
color: #222;
}
.topfr.on .top_t .fr a.a1 {
background: url("../images/t_05.png") 100% 50% no-repeat;
background-size: 0.13rem;
}
.topfr.on .top_t .fr i {
background-color: rgba(0, 0, 0, 0.05);
}
.topfr.on .top_t .fr a.a2 {
background: url("../images/t_07.png") 50% no-repeat;
background-size: 100% 100%;
}
.topfr.on .top_c .fl {
color: #222;
}
.topfr.on .top_c .fl a {
color: #222;
}
.topfr.on .top_c .fl i {
background-color: rgba(0, 0, 0, 0.05);
}
.topfr.on .top_c .fr img.img2 {
opacity: 1;
}
.topfr.on .top_c .fr img.img1 {
opacity: 0;
}
.topfr.mem {
height: 0.68rem;
background-color: #fff;
-moz-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05);
}
.topfr.mem .top_t .fl ul li .topt_t a {
color: #222;
}
.topfr.mem .top_t .fl ul li .topt_t a.home {
background: url("../images/t_10.png") 50% no-repeat;
background-size: 100%;
}
.topfr.mem .top_t::before {
background-color: rgba(0, 0, 0, 0.05);
}
.topfr.mem .top_t .fr a {
color: #222;
}
.topfr.mem .top_t .fr a.a1 {
background: url("../images/t_05.png") 100% 50% no-repeat;
background-size: 0.13rem;
}
.topfr.mem .top_t .fr i {
background-color: rgba(0, 0, 0, 0.05);
}
.topfr.mem .top_t .fr a.a2 {
background: url("../images/t_07.png") 50% no-repeat;
background-size: 100% 100%;
}
.topfr.mem .top_c .fl {
color: #222;
}
.topfr.mem .top_c .fl a {
color: #222;
}
.topfr.mem .top_c .fl i {
background-color: rgba(0, 0, 0, 0.05);
}
.topfr.mem .top_c .fr img.img2 {
opacity: 1;
}
.topfr.mem .top_c .fr img.img1 {
opacity: 0;
}
.memtop_empty {
overflow: hidden;
height: 0.69rem;
}
.topfr.active {
background-color: #fff;
-moz-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05);
}
.topfr.active .top_t .fl ul li .topt_t a {
color: #222;
}
.topfr.active .top_t .fl ul li .topt_t a.home {
background: url("../images/t_10.png") 50% no-repeat;
background-size: 100%;
}
.topfr.active .top_t::before {
background-color: rgba(0, 0, 0, 0.05);
}
.topfr.active .top_t .fr a {
color: #222;
}
.topfr.active .top_t .fr a.a1 {
background: url("../images/t_05.png") 100% 50% no-repeat;
background-size: 0.13rem;
}
.topfr.active .top_t .fr i {
background-color: rgba(0, 0, 0, 0.05);
}
.topfr.active .top_t .fr a.a2 {
background: url("../images/t_07.png") 50% no-repeat;
background-size: 100% 100%;
}
.topfr.active .top_c .fl {
color: #222;
}
.topfr.active .top_c .fl a {
color: #222;
}
.topfr.active .top_c .fl i {
background-color: rgba(0, 0, 0, 0.05);
}
.topfr.active .top_c .fr img.img2 {
opacity: 1;
}
.topfr.active .top_c .fr img.img1 {
opacity: 0;
}
.top_c {
position: relative;
}
.topc_menu1 {
padding-bottom: 0.2rem;
}
.topc_menu1 > a {
display: inline-block;
position: relative;
}
.topc_menu1 > a::before {
content: "";
display: block;
width: 0.18rem;
height: 0.08rem;
background: url("../images/nav_03.png") 50% no-repeat;
background-size: 100% 100%;
position: absolute;
left: 50%;
bottom: -0.25rem;
opacity: 0;
margin-left: -0.09rem;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.topc_menu1.active > a::before {
opacity: 1;
bottom: -0.2rem;
}
.topc_menu1 .topc_c {
width: 100%;
overflow: hidden;
background-color: #fff;
position: absolute;
left: 0px;
top: 0.84rem;
z-index: 9999;
display: none;
}
.topc_menu1 .topc_c .topcc_t {
width: 100%;
overflow: hidden;
height: 1.2rem;
background-color: #00479d;
color: #fff;
padding: 0px 0.8rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.topc_menu1 .topc_c .topcc_t a {
width: 100%;
display: block;
overflow: hidden;
color: #fff !important;
background: url("../images/t_04.png") 100% 50% no-repeat;
background-size: 0.24rem;
}
.topc_menu1 .topc_c .topcc_c {
width: 100%;
overflow: hidden;
padding: 0.6rem 0.8rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.topc_menu1 .topc_c .topcc_c .topccc_l {
width: 5rem;
overflow: hidden;
}
.topc_menu1 .topc_c .topcc_c .topccc_l dl {
width: 100%;
overflow: hidden;
margin: 0px;
padding: 0px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0.1rem;
}
.topc_menu1 .topc_c .topcc_c .topccc_l dl dd {
width: 100%;
overflow: hidden;
margin: 0px;
padding: 0px;
line-height: 1.75;
}
.topc_menu1 .topc_c .topcc_c .topccc_l dl dd a {
display: inline-block;
color: #222;
padding-right: 0.5rem;
position: relative;
}
.topc_menu1 .topc_c .topcc_c .topccc_l dl dd a::before {
content: "";
display: block;
width: 0.16rem;
height: 100%;
position: absolute;
right: 0.05rem;
top: 0px;
opacity: 0;
background: url("../images/t_06.png") 100% 50% no-repeat;
background-size: 0.16rem;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.topc_menu1 .topc_c .topcc_c .topccc_l dl dd a:hover {
color: #00479d;
}
.topc_menu1 .topc_c .topcc_c .topccc_l dl dd a:hover::before {
right: 0px;
opacity: 1;
}
.topc_menu1 .topc_c .topcc_c .topccc_r {
width: calc(100% - 5rem - 1.6rem - 1.2rem);
overflow: hidden;
position: relative;
padding-left: 1.2rem;
}
.topc_menu1 .topc_c .topcc_c .topccc_r::before {
content: "";
display: block;
width: 0.01rem;
height: 100%;
overflow: hidden;
background-color: #e0e0e0;
position: absolute;
left: 0px;
top: 0px;
pointer-events: none;
}
.topc_menu1 .topc_c .topcc_c .topccc_r .p {
width: 100%;
overflow: hidden;
}
.topc_menu1 .topc_c .topcc_c .topccc_r .p1 {
color: #222;
line-height: 1.5;
font-weight: bold;
}
.topc_menu1 .topc_c .topcc_c .topccc_r .p2 {
margin-top: 0.2rem;
}
.topc_menu1 .topc_c .topcc_c .topccc_r .p2 dl {
width: 100%;
overflow: hidden;
margin: 0px;
padding: 0px;
}
.topc_menu1 .topc_c .topcc_c .topccc_r .p2 dl dd {
margin: 0px;
padding: 0px;
width: 2.47rem;
overflow: hidden;
float: left;
margin-right: 0.2rem;
}
.topc_menu1 .topc_c .topcc_c .topccc_r .p2 dl dd:last-child {
margin-right: 0px;
}
.topc_menu1 .topc_c .topcc_c .topccc_r .p2 dl dd a {
width: 100%;
display: block;
overflow: hidden;
position: relative;
border: 0.01rem solid #ececec;
background-color: #f9f9f9;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.topc_menu1 .topc_c .topcc_c .topccc_r .p2 dl dd .img {
width: 100%;
overflow: hidden;
position: relative;
}
.topc_menu1 .topc_c .topcc_c .topccc_r .p2 dl dd .img img {
width: 100%;
display: block;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.topc_menu1 .topc_c .topcc_c .topccc_r .p2 dl dd .img img.img2 {
height: 100%;
object-fit: contain;
position: absolute;
left: 0px;
top: 0px;
}
.topc_menu1 .topc_c .topcc_c .topccc_r .p2 dl dd .txt {
width: 100%;
overflow: hidden;
text-align: center;
color: #222;
line-height: 1.5;
padding: 0.1rem 0.2rem 0.2rem 0.2rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.topc_menu1 .topc_c .topcc_c .topccc_r .p2 dl dd b {
width: 0.3rem;
height: 0.3rem;
display: block;
background-color: #222;
border-radius: 50%;
position: absolute;
right: 0.2rem;
top: 0.2rem;
z-index: 99;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.topc_menu1 .topc_c .topcc_c .topccc_r .p2 dl dd b::before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
background: url("../images/t_04.png") 50% no-repeat;
background-size: 0.1rem;
}
.topc_menu1 .topc_c .topcc_c .topccc_r .p2 dl dd a:hover .img img.img2 {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.topc_menu1 .topc_c .topcc_c .topccc_r .p2 dl dd a:hover b {
background-color: #00479d;
}
.topfr.topDown {
top: -1.52rem;
}
.top_empty {
overflow: hidden;
height: 1.52rem;
}
.top_t {
z-index: 999;
}
.top_c {
z-index: 990;
}
.ss_click:hover {
background: url("../images/t_09.png") 50% no-repeat !important;
background-size: 100% 100% !important;
position: relative;
}
.ss_click.active {
background: url("../images/t_09.png") 50% no-repeat !important;
background-size: 100% 100% !important;
position: relative;
}
.ss_click.active::before {
content: "";
display: block;
width: 100%;
height: 100%;
overflow: hidden;
background: url("../images/close_on.png") 50% no-repeat;
background-size: 0.2rem;
background-color: #fff;
position: absolute;
left: 0px;
top: 0px;
}
.sstcfr {
width: 100%;
height: 100%;
overflow: hidden;
position: fixed;
left: 0px;
top: 0px;
z-index: 998;
display: none;
}
.sstcfr .sstc_bg {
width: 100%;
height: calc(100% - 0.68rem);
overflow: hidden;
position: absolute;
left: 0px;
bottom: 0px;
background-color: rgba(0, 0, 0, 0.6);
z-index: 1;
}
.sstcfr .sstc_c {
width: 5.6rem;
overflow: hidden;
height: 100%;
position: absolute;
right: -4.4rem;
top: 0px;
z-index: 9;
background-color: #fff;
}
.sstcfr .sstc_c .closepc_click {
width: 0.2rem;
height: 0.2rem;
display: block;
overflow: hidden;
background: url("../images/close.png") 50% no-repeat;
background-size: 100%;
position: absolute;
left: 0px;
top: -0.28rem;
}
.sstcfr .sstc_c .c {
margin-top: 1.18rem;
width: 4.1rem;
float: right;
margin-right: 0.8rem;
position: relative;
padding-bottom: 0.1rem;
}
.sstcfr .sstc_c .c::before {
content: "";
display: block;
width: 100%;
height: 0.01rem;
background-color: #222222;
position: absolute;
left: 0px;
bottom: 0px;
}
.sstcfr .sstc_c .c input.sstcc_txt {
width: 100%;
height: 0.6rem;
border: 0px;
padding: 0px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
color: #222;
}
.sstcfr .sstc_c .c input.sstcc_btn {
width: 0.16rem;
height: 0.6rem;
border: 0px;
cursor: pointer;
background: url("../images/t_07.png") 50% no-repeat;
background-size: 100%;
position: absolute;
right: 0px;
top: 0px;
z-index: 9;
}
.sstcfr.active {
display: block;
}
@media screen and (max-width: 1600px) {
.sstcfr .sstc_c {
widtH: calc(290px + 1.6rem);
}
.sstcfr .sstc_c .c {
widtH: 290px;
}
}
@media screen and (max-width: 1440px) {
.sstcfr .sstc_c {
widtH: calc(312px + 1.6rem);
}
.sstcfr .sstc_c .c {
widtH: 312px;
}
}
.lng_click:hover {
color: #00479d !important;
background: url("../images/t_06.png") 100% 50% no-repeat !important;
background-size: 0.13rem !important;
}
.lng_click.active {
color: #00479d !important;
background: url("../images/t_06.png") 100% 50% no-repeat !important;
background-size: 0.13rem !important;
position: relative;
}
.lng_click.active::before {
content: "";
display: block;
width: 100%;
height: 100%;
overflow: hidden;
background: url("../images/close_on.png") 50% no-repeat;
background-size: 0.2rem;
background-color: #fff;
position: absolute;
left: 0px;
top: 0px;
}
.lgntcfr {
width: 100%;
height: 100%;
overflow: hidden;
position: fixed;
left: 0px;
top: 0px;
z-index: 998;
display: none;
}
.lgntcfr .lgntc_bg {
width: 100%;
height: calc(100% - 0.68rem);
overflow: hidden;
position: absolute;
left: 0px;
bottom: 0px;
background-color: rgba(0, 0, 0, 0.6);
z-index: 1;
}
.lgntcfr .lgntc_c {
width: 5.6rem;
overflow: hidden;
height: 100%;
position: absolute;
right: -4.4rem;
top: 0px;
z-index: 9;
background-color: #fff;
}
.lgntcfr .lgntc_c .closepc_click {
width: 0.2rem;
height: 0.2rem;
display: block;
overflow: hidden;
background: url("../images/close.png") 50% no-repeat;
background-size: 100%;
position: absolute;
left: 0px;
top: -0.28rem;
}
.lgntcfr .lgntc_c .c {
margin-top: 1.18rem;
width: 4.1rem;
float: right;
margin-right: 0.8rem;
position: relative;
padding-bottom: 0.1rem;
}
.lgntcfr .lgntc_c ul li {
width: 100%;
overflow: hidden;
border-bottom: 0.01rem solid #eee;
position: relative;
padding-bottom: 0.3rem;
margin-bottom: 0.3rem;
}
.lgntcfr .lgntc_c ul li a {
width: 100%;
display: block;
overflow: hidden;
position: relative;
line-height: 1.75;
padding-left: 0.44rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.lgntcfr .lgntc_c ul li a::before {
content: "";
display: block;
width: 0.18rem;
height: 100%;
background: url("../images/t_05.png") 50% no-repeat;
background-size: 100%;
position: absolute;
right: 0px;
top: 0px;
}
.lgntcfr .lgntc_c ul li a::after {
content: "";
display: block;
width: 0.24rem;
height: 0.24rem;
background: url("../images/nav_04.png") 50% no-repeat;
background-size: 100%;
position: absolute;
left: 0px;
top: 50%;
margin-top: -0.12rem;
-webkit-animation: an_02_f 20.1s linear infinite;
animation: an_02_f 20.1s linear infinite;
}
.lgntcfr .lgntc_c ul li:hover {
border-bottom: 0.01rem solid #222;
}
.lgntcfr .lgntc_c ul li:hover a {
color: #00479d;
}
.lgntcfr .lgntc_c ul li:hover a::before {
background: url("../images/t_06.png") 50% no-repeat;
background-size: 100%;
}
.lgntcfr .lgntc_c ul li:hover a::after {
background: url("../images/nav_05.png") 50% no-repeat;
background-size: 100%;
}
.lgntcfr.active {
display: block;
}
@media screen and (max-width: 1600px) {
.lgntcfr .lgntc_c {
widtH: calc(290px + 1.6rem);
}
.lgntcfr .lgntc_c .c {
widtH: 290px;
}
}
@media screen and (max-width: 1440px) {
.lgntcfr .lgntc_c {
widtH: calc(312px + 1.6rem);
}
.lgntcfr .lgntc_c .c {
widtH: 312px;
}
}
.kj_click:hover {
color: #00479d !important;
background: url("../images/t_06.png") 100% 50% no-repeat !important;
background-size: 0.13rem !important;
}
.kj_click.active {
color: #00479d !important;
background: url("../images/t_06.png") 100% 50% no-repeat !important;
background-size: 0.13rem !important;
position: relative;
}
.kj_click.active::before {
content: "";
display: block;
width: 100%;
height: 100%;
overflow: hidden;
background: url("../images/close_on.png") 50% no-repeat;
background-size: 0.2rem;
background-color: #fff;
position: absolute;
left: 0px;
top: 0px;
}
.kjtcfr {
width: 100%;
height: 100%;
overflow: hidden;
position: fixed;
left: 0px;
top: 0px;
z-index: 998;
display: none;
}
.kjtcfr .kjtc_bg {
width: 100%;
height: calc(100% - 0.68rem);
overflow: hidden;
position: absolute;
left: 0px;
bottom: 0px;
background-color: rgba(0, 0, 0, 0.6);
z-index: 1;
}
.kjtcfr .kjtc_c {
width: 5.6rem;
overflow: hidden;
height: 100%;
position: absolute;
right: -4.4rem;
top: 0px;
z-index: 9;
background-color: #fff;
}
.kjtcfr .kjtc_c .closepc_click {
width: 0.2rem;
height: 0.2rem;
display: block;
overflow: hidden;
background: url("../images/close.png") 50% no-repeat;
background-size: 100%;
position: absolute;
left: 0px;
top: -0.28rem;
}
.kjtcfr .kjtc_c .c {
margin-top: 1.18rem;
width: 4.1rem;
float: right;
margin-right: 0.8rem;
position: relative;
padding-bottom: 0.1rem;
}
.kjtcfr .kjtc_c ul li {
width: 100%;
overflow: hidden;
border-bottom: 0.01rem solid #eee;
position: relative;
padding-bottom: 0.3rem;
margin-bottom: 0.3rem;
}
.kjtcfr .kjtc_c ul li a {
width: 100%;
display: block;
overflow: hidden;
position: relative;
line-height: 1.75;
padding-left: 0.44rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.kjtcfr .kjtc_c ul li a::before {
content: "";
display: block;
width: 0.18rem;
height: 100%;
background: url("../images/t_05.png") 50% no-repeat;
background-size: 100%;
position: absolute;
right: 0px;
top: 0px;
}
.kjtcfr .kjtc_c ul li a.a1::after {
content: "";
display: block;
width: 0.24rem;
height: 0.24rem;
background: url("../images/nav_06.png") 50% no-repeat;
background-size: 100%;
position: absolute;
left: 0px;
top: 50%;
margin-top: -0.12rem;
}
.kjtcfr .kjtc_c ul li a.a2::after {
content: "";
display: block;
width: 0.24rem;
height: 0.24rem;
background: url("../images/nav_07.png") 50% no-repeat;
background-size: 100%;
position: absolute;
left: 0px;
top: 50%;
margin-top: -0.12rem;
}
.kjtcfr .kjtc_c ul li:hover {
border-bottom: 0.01rem solid #222;
}
.kjtcfr .kjtc_c ul li:hover a {
color: #00479d;
}
.kjtcfr .kjtc_c ul li:hover a::before {
background: url("../images/t_06.png") 50% no-repeat;
background-size: 100%;
}
.kjtcfr .kjtc_c ul li:hover a.a1::after {
background: url("../images/nav_06_on.png") 50% no-repeat;
background-size: 100%;
}
.kjtcfr .kjtc_c ul li:hover a.a2::after {
background: url("../images/nav_07_on.png") 50% no-repeat;
background-size: 100%;
}
.kjtcfr.active {
display: block;
}
@media screen and (max-width: 1600px) {
.kjtcfr .kjtc_c {
widtH: calc(290px + 1.6rem);
}
.kjtcfr .kjtc_c .c {
widtH: 290px;
}
}
@media screen and (max-width: 1440px) {
.kjtcfr .kjtc_c {
widtH: calc(312px + 1.6rem);
}
.kjtcfr .kjtc_c .c {
widtH: 312px;
}
}
.lgnreg_click:hover {
color: #00479d !important;
background: url("../images/t_06.png") 100% 50% no-repeat !important;
background-size: 0.13rem !important;
}
.lgnreg_click.active {
color: #00479d !important;
background: url("../images/t_06.png") 100% 50% no-repeat !important;
background-size: 0.13rem !important;
position: relative;
}
.lgnreg_click.active::before {
content: "";
display: block;
width: 100%;
height: 100%;
overflow: hidden;
background: url("../images/close_on.png") 50% no-repeat;
background-size: 0.2rem;
background-color: #fff;
position: absolute;
left: 0px;
top: 0px;
}
.loregfr {
width: 100%;
height: 100%;
overflow: hidden;
position: fixed;
left: 0px;
top: 0px;
z-index: 998;
display: none;
}
.loregfr .loreg_bg {
width: 100%;
height: calc(100% - 0.68rem);
overflow: hidden;
position: absolute;
left: 0px;
bottom: 0px;
background-color: rgba(0, 0, 0, 0.6);
z-index: 1;
}
.loregfr .loreg_c {
width: 5.6rem;
overflow: hidden;
height: 100%;
position: absolute;
right: -4.4rem;
top: 0px;
z-index: 9;
background-color: #fff;
}
.loregfr .loreg_c .closepc_click {
width: 0.2rem;
height: 0.2rem;
display: block;
overflow: hidden;
background: url("../images/close.png") 50% no-repeat;
background-size: 100%;
position: absolute;
left: 0px;
top: -0.28rem;
}
.loregfr .loreg_c .c {
margin-top: 1.18rem;
width: 4.1rem;
float: right;
margin-right: 0.8rem;
position: relative;
padding-bottom: 0.1rem;
}
.loregfr.active {
display: block;
}
@media screen and (max-width: 1600px) {
.loregfr .loreg_c {
widtH: calc(290px + 1.6rem);
}
.loregfr .loreg_c .c {
widtH: 290px;
}
}
@media screen and (max-width: 1440px) {
.loregfr .loreg_c {
widtH: calc(312px + 1.6rem);
}
.loregfr .loreg_c .c {
widtH: 312px;
}
}
.loginfr {
width: 100%;
overflow: hidden;
}
.loginfr .p {
width: 100%;
overflow: hidden;
}
.loginfr .p1 {
position: relative;
margin-bottom: 0.1rem;
height: 0.6rem;
overflow: visible;
}
.loginfr .p1 b.b1 {
width: 0.18rem;
height: 0.18rem;
display: block;
pointer-events: none;
background: url("../images/t_05.png") 50% no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0px;
top: 50%;
z-index: 4;
transform: translateY(-50%);
}
.loginfr .p1::before {
content: "";
display: block;
width: 0.35rem;
height: 0.58rem;
background-color: #fff;
position: absolute;
right: 0px;
top: 0px;
z-index: 3;
}
.loginfr input.lgn_txt {
width: 100%;
height: 0.6rem;
border: 0px;
border-bottom: 0.01rem solid #eee;
color: #000;
padding: 0px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
position: relative;
z-index: 1;
}
.loginfr input::-moz-placeholder {
color: #999;
}
.loginfr input::-moz-placeholder {
color: #999;
}
.loginfr input::-ms-input-placeholder {
color: #999;
}
.loginfr input::-webkit-input-placeholder {
color: #999;
}
.loginfr .p1 .yzm {
position: absolute;
right: 0.5rem;
top: 50%;
color: #00479d;
transform: translateY(-50%);
z-index: 4;
}
.loginfr input.lgn_btn {
width: 100%;
height: 0.6rem;
border-radius: 0.06rem;
border: 0px;
background: none;
background-color: #00479d;
color: #fff;
cursor: pointer;
-webkit-border-radius: 0.06rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.loginfr .p2 {
text-align: center;
margin-top: 0.4rem;
}
.loginfr .p3 {
text-align: center;
color: #999;
line-height: 1.5;
margin-top: 0.3rem;
}
.loginfr .p3 a {
color: #666;
}
.loginfr .p3 a:hover {
color: #00479d;
}
.loginfr .p4 {
text-align: center;
color: #999;
line-height: 1.5;
margin-top: 0.1rem;
}
.loginfr .p4 a {
color: #666;
}
.loginfr .p4 a:hover {
color: #00479d;
}
.regfr {
width: 100%;
overflow: hidden;
}
.regfr .p {
width: 100%;
overflow: hidden;
}
.regfr .p1 {
position: relative;
margin-bottom: 0.1rem;
height: 0.6rem;
overflow: visible;
}
.regfr .p1::before {
content: "";
display: block;
width: 0.35rem;
height: 0.58rem;
background-color: #fff;
position: absolute;
right: 0px;
top: 0px;
z-index: 3;
}
.regfr .p1 b.b1 {
width: 0.18rem;
height: 0.18rem;
display: block;
background: url("../images/t_05.png") 50% no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0px;
top: 50%;
z-index: 5;
transform: translateY(-50%);
}
.regfr input.lgn_txt {
width: 100%;
height: 0.6rem;
border: 0px;
border-bottom: 0.01rem solid #eee;
color: #000;
position: relative;
z-index: 1;
}
.regfr input::-moz-placeholder {
color: #999;
}
.regfr input::-moz-placeholder {
color: #999;
}
.regfr input::-ms-input-placeholder {
color: #999;
}
.regfr input::-webkit-input-placeholder {
color: #999;
}
.regfr .p1 .yzm {
position: absolute;
right: 0.5rem;
top: 50%;
color: #00479d;
transform: translateY(-50%);
z-index: 5;
}
.regfr input.lgn_btn {
width: 100%;
height: 0.6rem;
border-radius: 0.06rem;
border: 0px;
background: none;
background-color: #00479d;
color: #fff;
cursor: pointer;
-webkit-border-radius: 0.06rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.regfr .tip label {
width: 100%;
overflow: hidden;
display: flex;
display: -webkit-flex;
justify-content: flex-start;
line-height: 1.5;
}
.regfr .tip label img {
display: block;
height: 0.14rem;
position: relative;
top: 0.05rem;
}
.regfr .tip label span {
width: calc(100% - 0.14rem);
display: block;
color: #999;
overflow: hidden;
padding-left: 0.1rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.regfr .p2 {
text-align: center;
margin-top: 0.4rem;
}
.regfr .p3 {
text-align: center;
color: #999;
line-height: 1.5;
margin-top: 0.3rem;
}
.regfr .p3 a {
color: #666;
}
.regfr .p3 a:hover {
color: #00479d;
}
.regfr .p4 {
text-align: center;
color: #999;
line-height: 1.5;
margin-top: 0.3rem;
}
.regfr .p4 a {
color: #00479d;
}
.regfr .p4 a:hover {
text-decoration: underline;
}
.banner {
overflow: hidden;
position: relative;
}
.banner_slide {
width: 100%;
height: 100vh;
overflow: hidden;
}
.banner_slide .swiper-slide {
width: 100%;
overflow: hidden;
position: relative;
}
.banner_slide .swiper-slide .bs_bg {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
pointer-events: none;
}
.banner_slide .swiper-slide .bs_bg img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
}
.banner_slide .swiper-slide .bs_c {
widtH: 100%;
overflow: hidden;
position: absolute;
left: 0px;
bottom: 3.4rem;
z-index: 9;
color: #fff;
}
.banner_slide .swiper-slide .bs_c .c {
display: inline-block;
position: relative;
}
.banner_slide .swiper-slide .bs_c .c::before {
content: "";
display: block;
width: 0.26rem;
height: 0.26rem;
background: url("../images/t_04.png") 50% no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0px;
bottom: 0.14rem;
pointer-events: none;
}
.banner_slide .swiper-slide .bs_c .p {
width: 100%;
overflow: visible;
}
.banner_slide .swiper-slide .bs_c .p1 {
text-transform: uppercase;
font-family: poppins-Bold;
line-height: 1.1;
}
.banner_slide .swiper-slide .bs_c .p2 {
margin-top: 0.1rem;
line-height: 1.5;
}
.banner_slide .swiper-slide-active .bs_bg img {
transform: scale(1.03);
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
transition: 5.8s linear;
-webkit-transition: 5.8s linear;
-o-transition: 5.8s linear;
-moz-transition: 5.8s linear;
}
.banner_slide .swiper-slide .bs_c .c:Hover::before {
background: url("../images/t_13.png") 50% no-repeat;
background-size: 100% 100%;
}
.down_01 {
width: 0.12rem;
position: absolute;
right: 0.8rem;
bottom: 2.4rem;
z-index: 9;
pointer-events: none;
}
.down_01 img {
width: 100%;
display: block;
}
.down_01 .img2 {
position: absolute;
left: 0px;
bottom: 0px;
-webkit-animation: an_04 1.1s linear infinite;
animation: an_04 1.1s linear infinite;
}
.bs_spfr {
overflow: visible;
position: absolute;
left: 0.8rem;
bottom: 2.2rem;
z-index: 9;
}
.bs_spfr span {
width: 0.38rem;
height: 0.2rem;
opacity: 1;
background: none;
margin: 0px !important;
padding: 0px !important;
position: relative;
border-radius: 0px;
}
.bs_spfr span::before {
content: "";
display: block;
width: 0.08rem;
height: 0.08rem;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.4);
position: absolute;
left: 50%;
top: 50%;
margin-left: -0.04rem;
margin-top: -0.04rem;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.bs_spfr span.swiper-pagination-bullet-active::before {
width: 100%;
height: 100%;
background: url("../images/in_01.png") 50% no-repeat;
background-size: 100% 100%;
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
}
.in_01 {
overflow: hidden;
position: relative;
}
.in01fr {
width: 100%;
overflow: hidden;
position: relative;
}
.in_01 .in01_bg {
width: 100%;
height: 100vh;
overflow: hidden;
position: relative;
z-index: 1;
}
.in_01 .in01_bg video {
width: 103%;
height: 100%;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
}
.in_01 .in01_bg a {
width: 1.2rem;
height: 1.2rem;
display: block;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 9;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.in_01 .in01_bg a b {
width: 100%;
height: 100%;
display: block;
overflow: hidden;
border-radius: 50%;
background: url("../images/in_04.png") 50% no-repeat;
background-size: 100%;
position: absolute;
left: 0px;
top: 0px;
z-index: 9;
}
.in_01 .in01_bg a::before {
content: "";
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: rgba(255, 255, 255, 0.2);
position: absolute;
left: 0px;
top: 0px;
-webkit-animation: ksan_01 2.1s linear infinite;
animation: ksan_01 2.1s linear infinite;
}
.in_01 .in01_bg a::after {
content: "";
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: rgba(255, 255, 255, 0.2);
position: absolute;
left: 0px;
top: 0px;
-webkit-animation: ksan_01 2.1s linear infinite;
animation: ksan_01 2.1s linear infinite;
animation-delay: 2s;
-webkit-animation-delay: 2s;
}
.in_01 .in01_c {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
z-index: 9;
pointer-events: none;
}
.in_01 .in01_c .in01c_bg {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
}
.in_01 .in01_c .in01c_bg b.b1 {
width: 200%;
height: 200%;
overflow: hidden;
display: block;
background: url("../images/in_03.png") 50% no-repeat;
background-size: 50%;
position: absolute;
left: -50%;
top: -74%;
z-index: 2;
}
.in_01 .in01_c .in01c_bg b.b2 {
width: 100%;
height: 100%;
overflow: hidden;
display: block;
position: absolute;
left: 0px;
top: 0px;
z-index: 3;
}
.in_01 .in01_c .in01c_bg b.b2::before {
content: "";
display: block;
width: 100%;
height: 40%;
background-color: #f5f9ff;
position: absolute;
left: 0px;
bottom: 0px;
z-index: 1;
}
.in_01 .in01_c .in01c_bg b.b2::after {
content: "";
display: block;
width: 100%;
height: 100%;
overflow: hidden;
background: url("../images/in_02.webp") 50% no-repeat;
background-size: cover;
position: absolute;
left: 0px;
top: 0px;
z-index: 3;
}
.in_01 .in01_c .wrap_in {
position: relative;
z-index: 9;
}
.in_01 .in01_c .txt {
width: 100%;
overflow: hidden;
padding-top: 5.5rem;
}
.in_01 .in01_c .p {
width: 100%;
overflow: visible;
text-align: center;
}
.in_01 .in01_c .p1 {
color: #222;
line-height: 1.5;
font-weight: 400;
}
.in_01 .in01_c .p2 {
color: #222;
line-height: 1.5;
margin-top: 0.2rem;
}
.in_01 .in01_c .p3 {
color: #222;
line-height: 1.5;
margin-top: 0.2rem;
}
.in_01 .in01_c .p4 {
margin-top: 0.8rem;
}
.in_01 .in01_c .p4 ul {
display: inline-block;
}
.in_01 .in01_c .p4 ul li {
display: inline-block;
}
.in_01 .in01_c .p4 ul li:nth-child(2) {
margin: 0px 0.75rem;
}
.in_01 .in01_c .p4 ul li:nth-child(1) .sp1 {
min-width: 1rem;
}
.in_01 .in01_c .p4 ul li:nth-child(2) .sp1 {
min-width: 1rem;
}
.in_01 .in01_c .p4 ul li:nth-child(3) .sp1 {
min-width: 1.4rem;
}
.in_01 .in01_c .p5 {
line-height: 1.3;
color: #222;
}
.in_01 .in01_c .p6 {
line-height: 1.5;
}
.in_01 .in01_c .p6 span {
display: inline-block;
font-family: poppins-Bold;
color: #00479d;
}
.in_01 .in01_c .p6 i {
display: inline-block;
color: #666;
font-weight: bold;
margin-left: 0.18rem;
}
.in_01 .in01_c .p7 {
padding-top: 0.8rem;
color: #999;
line-height: 1.5;
}
.in01_a {
width: 100%;
overflow: hidden;
position: absolute;
left: 0px;
bottom: 0px;
z-index: 990;
background-color: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.in01_a ul {
width: 100%;
overflow: hidden;
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.in01_a ul li {
width: 100%;
overflow: hidden;
position: relative;
padding: 0px 0.5rem;
height: 1.8rem;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.in01_a ul li::before {
content: "";
display: block;
width: 0.01rem;
height: 100%;
background-color: rgba(255, 255, 255, 0.1);
position: absolute;
right: 0px;
top: 0px;
}
.in01_a ul li:last-child::before {
display: none;
}
.in01_a ul li a {
display: inline-block;
position: relative;
z-index: 9;
}
.in01_a ul li .p {
widtH: 100%;
overflow: hidden;
}
.in01_a ul li .p1 {
color: rgba(255, 255, 255, 0.1);
font-weight: 100;
line-height: 1.5;
}
.in01_a ul li .p2 {
color: #fff;
line-height: 1.5;
margin-top: 0.1rem;
}
.in01_a ul li .p2 span {
display: inline-block;
padding-right: 0.6rem;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.in01_a ul li .p2 span::before {
content: "";
display: block;
width: 0.2rem;
height: 0.2rem;
background: url("../images/t_04.png") 50% no-repeat;
background-size: 100%;
position: absolute;
right: 0px;
bottom: 0.07rem;
}
.in01_a ul li::after {
content: "";
display: block;
width: 100%;
height: 100%;
overflow: hidden;
background-color: #00479d;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
opacity: 0;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.in01_a ul li:hover::after {
opacity: 1;
}
.in01_a ul li:hover .p2 span::before {
background-image: url("../images/t_13.png");
}
.in_02 {
overflow: hidden;
padding: 1rem 0px;
}
.in02_t {
width: 100%;
overflow: hidden;
}
.in02_t .c {
display: inline-block;
position: relative;
}
.in02_t .p {
width: 100%;
overflow: hidden;
}
.in02_t .p1 {
color: #222;
font-family: poppins-Bold;
line-height: 1;
text-transform: uppercase;
}
.in02_t .p2 {
color: #222;
line-height: 1.5;
margin-top: 0.2rem;
}
.in02_t .c::before {
content: "";
display: block;
width: 0.26rem;
height: 0.26rem;
background: url("../images/t_05.png") 50% no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0px;
bottom: 0.14rem;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.in02_t .c:hover::before {
background: url("../images/t_13.png") 50% no-repeat;
background-size: 100% 100%;
}
.in02_c {
width: 100%;
overflow: hidden;
padding-top: 0.4rem;
}
.in02_c ul {
width: 100%;
overflow: hidden;
}
.in02_c ul.ul1 {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 0.3rem;
grid-row-gap: 0.25rem;
}
.in02_c ul.ul2 {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 0.25rem;
margin-top: 0.25rem;
}
.in02_c ul li {
width: 100%;
overflow: hidden;
position: relative;
}
.in02_c ul li a {
width: 100%;
display: block;
overflow: hidden;
position: relative;
}
.in02_c ul li .img {
width: 100%;
overflow: hidden;
position: relative;
z-index: 1;
}
.in02_c ul li .img::before {
content: "";
width: 0.7rem;
height: 0.7rem;
display: block;
background-color: #c9161d;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
position: absolute;
right: 0.15rem;
bottom: 0.15rem;
z-index: 1;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.in02_c ul li .img .c {
width: 100%;
overflow: hidden;
position: relative;
z-index: 9;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.in02_c ul li .img .c img {
width: 100%;
display: block;
}
.in02_c ul li .img .c .img2 {
height: 100%;
position: absolute;
left: 0px;
top: 0px;
object-fit: cover;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.in02_c ul li .txt {
width: 100%;
overflow: hidden;
position: absolute;
left: 0px;
bottom: 0px;
z-index: 9;
border-radius: 0px 0px 0.12rem 0.12rem;
-webkit-border-radius: 0px 0px 0.12rem 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
padding: 0.45rem 0.4rem 0.4rem 0.4rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background: linear-gradient(rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0.6));
background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0.6));
background: -o-linear-gradient(rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0.6));
background: -moz-linear-gradient(rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0.6));
}
.in02_c ul li .txt {
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.in02_c ul li .txt .c {
width: 100%;
overflow: visible;
position: relative;
color: #fff;
font-weight: bold;
}
.in02_c ul li .txt .c::before {
content: "";
display: block;
width: 0.26rem;
height: 0.26rem;
background: url("../images/t_04.png") 50% no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0px;
bottom: 0px;
}
.in02_c ul li:hover .img .c {
border-radius: 0.12rem 0.12rem 0.75rem 0.12rem;
-webkit-border-radius: 0.12rem 0.12rem 0.75rem 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.in02_c ul li:hover .txt {
border-radius: 0px 0px 0.75rem 0.12rem;
-webkit-border-radius: 0px 0px 0.75rem 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.in02_c ul li:hover .img::before {
right: 0.02rem;
bottom: 0.02rem;
}
.in02_c ul li:hover .img .c .img2 {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.in02_c ul li:hover .txt .c::before {
background: url("../images/t_13.png") 50% no-repeat;
background-size: 100% 100%;
right: -0.02rem;
bottom: -0.02rem;
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
-moz-transition: 0.3s ease;
}
.in_03 {
overflow: hidden;
background: url("../images/in_05.webp") 50% no-repeat;
background-size: cover;
padding: 1.5rem 0px 0px 0px;
}
.in_03_c {
width: 100%;
overflow: hidden;
padding: 0.9rem 0px 1.5rem 0px;
position: relative;
mask: url("../images/bg1.png");
mask-size: 100% 100%;
mask-repeat: no-repeat;
}
.in_03_c b.b1 {
width: 0.3rem;
height: 100px;
display: block;
overflow: hidden;
pointer-events: none;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
}
.in03c_01 {
width: 100%;
overflow: visible;
}
.in03c01_slide {
width: 100%;
overflow: visible;
}
.in03c01_slide .swiper-slide {
width: 3.2rem;
height: 1.16rem;
overflow: visible;
}
.in03c01_slide .swiper-slide a {
width: 100%;
height: 1.16rem;
overflow: hidden;
display: block;
border-radius: 1.16rem;
-webkit-border-radius: 1.16rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #fff;
-moz-box-shadow: 0.08rem 0px 0.18rem rgba(0, 0, 0, 0.03);
-webkit-box-shadow: 0.08rem 0px 0.18rem rgba(0, 0, 0, 0.03);
box-shadow: 0.08rem 0px 0.18rem rgba(0, 0, 0, 0.03);
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.in03c01_slide .swiper-slide a::before {
content: "";
display: block;
pointer-events: none;
width: 100%;
height: 100%;
opacity: 0;
border: 0.03rem solid #00479d;
border-radius: 1.16rem;
-webkit-border-radius: 1.16rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.in03c01_slide .swiper-slide .c {
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.in03c01_slide .swiper-slide i {
display: inline-block;
position: relative;
}
.in03c01_slide .swiper-slide i img {
display: block;
max-height: 0.6rem;
}
.in03c01_slide .swiper-slide i img.img2 {
position: absolute;
left: 0px;
top: 0px;
z-index: 9;
opacity: 0;
}
.in03c01_slide .swiper-slide i::before {
content: "";
display: block;
width: 0.2rem;
height: 0.2rem;
opacity: 0;
background: url("../images/in_06.png") 50% no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0rem;
top: 0rem;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.in03c01_slide .swiper-slide span {
display: inline-block;
padding-left: 0.3rem;
color: #222;
}
.in03c01_slide .swiper-slide a:hover i img.img2 {
opacity: 1;
}
.in03c01_slide .swiper-slide a:hover i img.img1 {
opacity: 0;
}
.in03c01_slide .swiper-slide a:hover i::before {
opacity: 1;
right: -0.08rem;
top: -0.05rem;
}
.in03c01_slide .swiper-slide a:hover {
-moz-box-shadow: 0px 0.14rem 0.3rem rgba(0, 71, 157, 0.18);
-webkit-box-shadow: 0px 0.14rem 0.3rem rgba(0, 71, 157, 0.18);
box-shadow: 0px 0.14rem 0.3rem rgba(0, 71, 157, 0.18);
}
.in03c01_slide .swiper-slide a:hover::before {
opacity: 1;
}
.in03c_02 {
width: 100%;
overflow: visible;
padding-top: 0.5rem;
}
.in03c_03 {
width: 100%;
overflow: visible;
padding-top: 0.5rem;
}
.in_03_c .swiper-wrapper {
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-ms-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
}
.in_04 {
overflow: hidden;
padding: 1.2rem 0px;
}
.in_04 .fl {
width: 31.82%;
overflow: hidden;
height: 8.4rem;
padding: 0px 0.4rem;
position: relative;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.in_04 .fl::before {
content: "";
display: block;
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
background: url("../upimg/in_10.webp") 50% 100% no-repeat;
background-size: cover;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.in_04 .fl .txt {
width: 100%;
overflow: hidden;
position: relative;
z-index: 9;
}
.in_04 .fl:hover::before {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.in04l_b {
width: 100%;
overflow: hidden;
position: absolute;
left: 0px;
bottom: 0.4rem;
padding: 0px 0.4rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
z-index: 9;
}
.in04l_b .p {
width: 100%;
overflow: visible;
color: #fff;
}
.in04l_b .p1 {
line-height: 1.3;
font-weight: bold;
position: relative;
}
.in04l_b .p1::before {
content: "";
display: block;
width: 0.16rem;
height: 0.16rem;
background-color: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
position: absolute;
left: 0px;
top: 0.115rem;
}
.in04l_b .p1 span {
display: inline-block;
position: relative;
margin-left: 0.4rem;
}
.in04l_b .p2 {
line-height: 1.5;
font-family: poppins-Bold;
}
.in04l_b .p2 .sp2 {
margin-left: 0.3rem;
}
.in04l_b .p3 {
font-weight: 100;
}
.in_04 .fr {
width: calc(68.18% - 0.2rem);
overflow: hidden;
height: 8.4rem;
border-radius: 0.12rem;
position: relative;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.in_04 .fr::before {
content: "";
width: 100%;
height: 100%;
display: block;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
background: url("../upimg/in_11.webp") 50% no-repeat;
background-size: cover;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.in_04 .fr .txt {
padding: 0px 0.5rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
position: relative;
z-index: 9;
}
.in_04 .fr .limg {
width: 100%;
overflow: hidden;
padding: 0px 0.2rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding-top: 1rem;
position: relative;
z-index: 9;
}
.in_04 .fr .limg ul {
width: 100%;
overflow: hidden;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 0.3rem;
}
.in_04 .fr .limg ul li {
width: 100%;
overflow: hidden;
}
.in_04 .fr .limg ul li a {
width: 100%;
display: block;
overflow: hidden;
position: relative;
}
.in_04 .fr .limg ul li .limg_bg {
width: 100%;
overflow: hidden;
position: relative;
z-index: 8;
}
.in_04 .fr .limg ul li .limg_bg .c {
width: 100%;
overflow: hidden;
border-radius: 0.16rem;
-webkit-border-radius: 0.16rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
position: relative;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.in_04 .fr .limg ul li .limg_bg img {
width: 100%;
display: block;
position: relative;
z-index: 9;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.in_04 .fr .limg ul li .limg_bg img.img1 {
height: 4.4rem;
}
.in_04 .fr .limg ul li .limg_bg img.img2 {
height: 100%;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
}
.in_04 .fr .limg ul li .limg_c {
width: 100%;
overflow: hidden;
position: absolute;
left: 0px;
bottom: 0.3rem;
z-index: 9;
}
.in_04 .fr .limg ul li .limg_c span {
display: inline-block;
position: relative;
color: #fff;
padding-left: 0.47rem;
margin-left: 0.4rem;
}
.in_04 .fr .limg ul li .limg_c span::before {
content: "";
display: block;
width: 0.16rem;
height: 0.16rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #fff;
position: absolute;
left: 0px;
top: 50%;
margin-top: -0.08rem;
}
.in_04 .fr .limg ul li .limg_bg::before {
content: "";
display: block;
width: 0.9rem;
height: 0.9rem;
opacity: 0;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #00479d;
position: absolute;
right: 0.1rem;
top: 0.1rem;
z-index: 1;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.in_04 .fr .limg ul li:nth-child(2) .limg_bg::before {
background-color: #bf1a1c;
}
.in_04 .fr .limg ul li:hover .limg_bg::before {
opacity: 1;
transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
right: 0.05rem;
top: 0.05rem;
}
.in_04 .fr .limg ul li:hover .limg_bg .c {
border-radius: 0.16rem 1rem 0.16rem 0.16rem;
-webkit-border-radius: 0.16rem 1rem 0.16rem 0.16rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.in_04 .fr .limg ul li:hover .limg_bg img.img2 {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.in_04 .fr:hover::before {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.in_04 .in02_t {
margin-top: 0.7rem;
}
.in_04 .in02_t .p1 {
color: #fff;
}
.in_04 .in02_t .p2 {
color: #fff;
}
.in_04 .in02_t .c::before {
content: "";
display: block;
width: 0.26rem;
height: 0.26rem;
background: url("../images/t_04.png") 50% no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0px;
bottom: 0.14rem;
}
.in_04 .in02_t .c:hover::before {
background: url("../images/t_13.png") 50% no-repeat;
background-size: 100% 100%;
}
.in_05 {
overflow: hidden;
position: relative;
}
.in_05 .in05_bg {
width: 100%;
height: 100vh;
overflow: hidden;
position: relative;
z-index: 1;
}
.in_05 .in05_bg img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
}
.in_05 .in05_c {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
z-index: 9;
pointer-events: auto;
}
.in_05 .in05_c .wrap_in {
position: relative;
height: 100vh;
}
.in_05 .in05_c .p {
width: 100%;
overflow: hidden;
}
.in_05 .in05_c .p0c {
position: absolute;
left: 0px;
top: 1.6rem;
}
.in_05 .in05_c .p0c::before {
content: "";
display: block;
width: 0.26rem;
height: 0.26rem;
background: url("../images/t_04.png") 50% no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0px;
bottom: 0.14rem;
}
.in_05 .in05_c .p0c:hover::before {
background: url("../images/t_13.png") 50% no-repeat;
background-size: 100% 100%;
}
.in_05 .in05_c .p0 {
color: #fff;
font-family: poppins-Bold;
line-height: 1;
text-transform: uppercase;
}
.in_05 .in05_c .p1 {
color: #fff;
line-height: 1.5;
margin-top: 0.2rem;
}
.in_05 .in05_c .p2 {
position: absolute;
left: 0px;
bottom: 1.4rem;
}
.in_05 .in05_c .p2 ul {
float: left;
}
.in_05 .in05_c .p2 ul li {
width: 1.4rem;
height: 1.4rem;
border: 0.01rem solid rgba(255, 255, 255, 0.4);
border-radius: 0.06rem;
-webkit-border-radius: 0.06rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
float: left;
margin-right: 0.1rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.in_05 .in05_c .p2 ul li {
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.in_05 .in05_c .p2 ul li .c {
display: inline-block;
}
.in_05 .in05_c .p2 ul li .i1 img {
display: block;
margin: 0px auto;
padding: 0px;
height: 0.45rem;
}
.in_05 .in05_c .p2 ul li .i2 {
color: #fff;
line-height: 1.5;
text-align: center;
color: #fff;
margin-top: 0.1rem;
}
.in_05 .in05_c .p2 .a1 {
position: absolute;
right: 0px;
bottom: 0px;
color: #fff;
font-weight: bold;
display: inline-block;
padding-bottom: 0.4rem;
line-height: 1.5;
background: url("../images/t_04.png") 100% 0.08rem no-repeat;
background-size: 0.26rem;
padding-right: 0.6rem;
}
.in_05 .in05_c .p2 .a1::before {
content: "";
display: block;
width: 100%;
height: 0.03rem;
background-color: #fff;
position: absolute;
left: 0px;
bottom: 0px;
z-index: 1;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.in_05 .in05_c .p2 .a1::after {
content: "";
display: block;
width: 0%;
height: 0.03rem;
background-color: #c01b1d;
position: absolute;
left: 0px;
bottom: 0px;
z-index: 2;
}
.in_05 .in05_c .p2 .a1:hover {
background: url("../images/t_13.png") 100% 0.08rem no-repeat;
background-size: 0.26rem;
}
.in_05 .in05_c .p2 .a1:hover::after {
width: 100%;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.in_05 .in05_c .p2 ul li:hover {
background-color: #00479d;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.in_05 .in05_c .p2 ul li:hover .i1 {
transform: translateY(-0.03rem);
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.btnfr {
overflow: hidden;
background: url("../images/btn_01.webp") 50% 0% no-repeat;
background-size: cover;
padding-top: 1.1rem;
}
.btn_01 {
width: 100%;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.03);
border-radius: 0.16rem;
-webkit-border-radius: 0.16rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border: 0.01rem solid rgba(56, 56, 56, 0.18);
-moz-box-shadow: 0.16rem 0px 0.3rem rgba(0, 0, 0, 0.03);
-webkit-box-shadow: 0.16rem 0px 0.3rem rgba(0, 0, 0, 0.03);
box-shadow: 0.16rem 0px 0.3rem rgba(0, 0, 0, 0.03);
}
.btn01_t {
width: 100%;
overflow: hidden;
padding: 0.6rem 0px 0.3rem 0px;
}
.btn01_slide {
width: 100%;
overflow: hidden;
}
.btn01_slide .swiper-slide {
width: 25%;
overflow: hidden;
text-align: center;
}
.btn01_slide .swiper-slide .c {
display: inline-block;
}
.btn01_slide .swiper-slide .p {
width: 100%;
overflow: hidden;
}
.btn01_slide .swiper-slide .p1 img {
display: block;
height: 0.58rem;
margin: 0px auto;
padding: 0px;
}
.btn01_slide .swiper-slide .p2 {
font-weight: bold;
color: #222;
line-height: 1.5;
margin-top: 0.15rem;
}
.btn01_slide .swiper-slide .p3 {
color: rgba(34, 34, 34, 0.5);
line-height: 1.5;
margin-top: 0.15rem;
font-family: SourceHanSansCN-Normal;
}
.btn01_slide .swiper-slide:hover .p1 {
transform: translateY(-0.03rem);
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.btn01_c {
width: 100%;
overflow: hidden;
padding-bottom: 0.3rem;
text-align: center;
}
.btn01_c span {
width: 0.38rem;
height: 0.2rem;
opacity: 1;
background: none;
margin: 0px !important;
padding: 0px !important;
position: relative;
border-radius: 0px;
}
.btn01_c span::before {
content: "";
display: block;
width: 0.08rem;
height: 0.08rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #cacaca;
position: absolute;
left: 50%;
top: 50%;
margin-left: -0.04rem;
margin-top: -0.04rem;
}
.btn01_c span.swiper-pagination-bullet-active::before {
width: 100%;
height: 100%;
background: url("../images/in_07.png") 50% no-repeat;
background-size: 100% 100%;
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
}
.btn_02 {
width: 100%;
overflow: hidden;
padding-top: 0.6rem;
}
.btn_02 .btn02_l {
width: 5.4rem;
overflow: hidden;
float: left;
}
.btn_02 .btn02_l .p {
width: 100%;
overflow: hidden;
}
.btn_02 .btn02_l .p1 img {
display: block;
height: 0.55rem;
}
.btn_02 .btn02_l .p2 {
margin-top: 0.4rem;
}
.btn_02 .btn02_l .p2 ul li {
width: 100%;
overflow: hidden;
margin-bottom: 0.3rem;
line-height: 1.75;
}
.btn_02 .btn02_l .p2 ul li:last-child {
margin-bottom: 0px;
}
.btn_02 .btn02_l .p2 ul li .sp1 {
float: left;
width: 1rem;
overflow: hidden;
display: inline-block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.btn_02 .btn02_l .p2 ul li .icon1 {
background: url("../images/btn_02.png") 0% 50% no-repeat;
background-size: 0.21rem;
padding-left: 0.4rem;
}
.btn_02 .btn02_l .p2 ul li .icon2 {
background: url("../images/btn_03.png") 0% 50% no-repeat;
background-size: 0.21rem;
padding-left: 0.4rem;
}
.btn_02 .btn02_l .p2 ul li .icon3 {
background: url("../images/btn_04.png") 0% 50% no-repeat;
background-size: 0.21rem;
padding-left: 0.4rem;
}
.btn_02 .btn02_l .p2 ul li .sp2 {
width: calc(100% - 1rem);
overflow: hidden;
float: left;
}
.btn_02 .btn02_c {
float: left;
width: calc(100% - 5.4rem - 2.8rem);
overflow: hidden;
position: relative;
}
.btn_02 .btn02_c::before {
content: "";
width: 0.01rem;
height: 100%;
display: block;
background-color: rgba(0, 0, 0, 0.1);
pointer-events: none;
position: absolute;
left: 0px;
top: 0px;
}
.btn_02 .btn02_c::after {
content: "";
width: 0.01rem;
height: 100%;
display: block;
background-color: rgba(0, 0, 0, 0.1);
pointer-events: none;
position: absolute;
right: 0px;
top: 0px;
}
.btn_02 .btn02_c dl {
margin: 0px;
padding: 0px;
float: left;
}
.btn_02 .btn02_c dl:nth-child(1) {
width: 26.45%;
margin-left: 1rem;
}
.btn_02 .btn02_c dl:nth-child(2) {
width: calc(40.43% - 1rem);
}
.btn_02 .btn02_c dl:nth-child(3) {
width: 16.56%;
}
.btn_02 .btn02_c dl:nth-child(4) {
width: 16.56%;
}
.btn_02 .btn02_c dl dt {
width: 100%;
overflow: hidden;
font-weight: bold;
color: rgba(34, 34, 34, 0.1333333333);
line-height: 1.5;
margin-bottom: 0.2rem;
}
.btn_02 .btn02_c dl dt a {
color: #222;
}
.btn_02 .btn02_c dl dt a:hover {
color: #00479d;
}
.btn_02 .btn02_c dl dd {
width: 100%;
overflow: hidden;
line-height: 1.75;
margin-bottom: 0.05rem;
font-family: SourceHanSansCN-Normal;
}
.btn_02 .btn02_c dl dd a {
color: rgba(34, 34, 34, 0.5);
}
.btn_02 .btn02_c dl dd a:hover {
color: #00479d;
}
.btn_02 .btn02_c dl:nth-child(2) dd {
float: left;
width: 2rem;
}
.btn_02 .btn02_r {
float: right;
width: 2.8rem;
overflow: hidden;
}
.btn_02 .btn02_r .c {
width: 1.78rem;
overflow: hidden;
float: right;
}
.btn_02 .btn02_r .p {
width: 100%;
overflow: hidden;
}
.btn_02 .btn02_r .p1 {
text-align: center;
font-weight: bold;
line-height: 1.5;
margin-bottom: 0.2rem;
color: #222;
}
.btn_02 .btn02_r .p2 {
position: relative;
border-radius: 0.06rem;
-webkit-border-radius: 0.06rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.btn_02 .btn02_r .p2 img {
width: 100%;
display: block;
}
.btn_02 .btn02_r .p2 img.img2 {
position: absolute;
left: 0px;
top: 0px;
}
.btn_02 .btn02_r .p3 {
margin-top: 0.2rem;
display: flex;
display: -webkit-flex;
justify-content: space-around;
}
.btn_02 .btn02_r .p3 a {
display: inline-block;
position: relative;
padding-bottom: 0.12rem;
}
.btn_02 .btn02_r .p3 a::before {
content: "";
display: block;
width: 0%;
height: 0.02rem;
background-color: #00479d;
position: absolute;
left: 0px;
bottom: 0px;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.btn_02 .btn02_r .p3 i {
display: inline-block;
position: relative;
}
.btn_02 .btn02_r .p3 img {
display: block;
height: 0.3rem;
}
.btn_02 .btn02_r .p3 img.img2 {
position: absolute;
left: 0px;
top: 0px;
opacity: 0;
}
.btn_02 .btn02_r .p3 a.active::before {
width: 100%;
}
.btn_02 .btn02_r .p3 a.active img.img2 {
opacity: 1;
}
.btn_02 .btn02_r .p3 a.active img.img1 {
opacity: 0;
}
.btn_03 {
width: 100%;
overflow: hidden;
margin-top: 0.8rem;
padding: 0.6rem 0px;
position: relative;
color: #222;
line-height: 1.75;
}
.btn_03::before {
content: "";
display: block;
width: 100%;
height: 0.01rem;
background-color: rgba(0, 0, 0, 0.1);
pointer-events: none;
position: absolute;
left: 0px;
top: 0px;
}
.btn_03 a {
color: #222;
}
.btn_03 a:hover {
color: #00479d;
}
.btn_03 .fr a {
margin-left: 0.3rem;
}
.btn_03 .fr a:first-child {
margin-left: 0px;
}
.subfr {
overflow: hidden;
position: relative;
}
.subfr .sub_bg {
width: 100%;
overflow: hidden;
position: relative;
pointer-events: none;
z-index: 1;
}
.subfr .sub_bg img {
width: 100%;
display: block;
max-height: 8rem;
}
.subfr .sub_bg img.img2 {
height: 100%;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
z-index: 9;
}
.subfr .sub_bg video {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
z-index: 91;
}
.subfr .sub_c {
widtH: 100%;
overflow: hidden;
position: absolute;
left: 0px;
bottom: 0.7rem;
z-index: 9;
color: #fff;
}
.subfr .sub_c .c {
display: inline-block;
position: relative;
padding-right: 0.6rem;
}
.subfr .sub_c .c::before {
content: "";
display: block;
width: 0.26rem;
height: 0.26rem;
background: url("../images/t_04.png") 50% no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0px;
bottom: 0.14rem;
pointer-events: none;
}
.subfr .sub_c .p {
width: 100%;
overflow: visible;
}
.subfr .sub_c .p1 {
text-transform: uppercase;
font-family: poppins-Bold;
line-height: 1.1;
}
.subfr .sub_c .p2 {
margin-top: 0.1rem;
line-height: 1.5;
}
.subfr .sub_more {
position: absolute;
right: 0.8rem;
bottom: 0.8rem;
z-index: 999;
}
.subfr .sub_more a {
display: inline-block;
height: 0.8rem;
border: 0.02rem solid #fff;
padding: 0px 0.3rem;
color: #fff;
font-weight: bold;
line-height: 0.8rem;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.subfr .sub_more span {
display: inline-block;
padding-right: 1rem;
background: url("../images/t_04.png") 100% 50% no-repeat;
background-size: 0.24rem;
}
.subfr .sub_more a:nth-child(2) {
margin-left: 0.2rem;
}
.subfr .sub_more a:hover {
border: 0.02rem solid #00479d;
background-color: #00479d;
}
.subfr .sub_more a:hover span {
background: url("../images/t_13.png") 100% 50% no-repeat;
background-size: 0.24rem;
}
.cpzh_01 {
overflow: hidden;
padding-top: 1rem;
padding-bottom: 1.2rem;
}
.cpzh_01 ul {
width: 100%;
overflow: visible;
}
.cpzh_01 ul li {
float: left;
margin-right: 2.27%;
margin-bottom: 0.4rem;
overflow: hidden;
position: relative;
}
.cpzh_01 ul li:nth-child(1) {
width: 60.8%;
}
.cpzh_01 ul li:nth-child(2) {
width: 36.93%;
margin-right: 0px;
}
.cpzh_01 ul li:nth-child(3) {
width: 36.93%;
}
.cpzh_01 ul li:nth-child(4) {
width: 60.8%;
margin-right: 0px;
}
.cpzh_01 ul li:nth-child(5) {
width: calc((100% - 0.8rem) / 3);
margin-right: 0.4rem;
}
.cpzh_01 ul li:nth-child(6) {
width: calc((100% - 0.8rem) / 3);
margin-right: 0.4rem;
}
.cpzh_01 ul li:nth-child(7) {
width: calc((100% - 0.8rem) / 3);
margin-right: 0px;
}
.cpzh_01 ul li a {
width: 100%;
display: block;
overflow: hidden;
border-radius: 0.12rem;
position: relative;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.cpzh_01 ul li .cpzh01_bg {
width: 100%;
overflow: hidden;
position: relative;
pointer-events: none;
z-index: 1;
}
.cpzh_01 ul li .cpzh01_bg img {
width: 100%;
display: block;
}
.cpzh_01 ul li .cpzh01_bg img.img2 {
height: 100%;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
}
.cpzh_01 ul li .cpzh01_bg img.img3 {
height: 100%;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
z-index: 2;
opacity: 0;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.cpzh_01 ul li .cpzh01_c {
width: 100%;
overflow: hidden;
position: absolute;
left: 0px;
bottom: 0.5rem;
z-index: 2;
font-weight: bold;
color: #fff;
padding: 0px 0.8rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.cpzh_01 ul li .cpzh01_c span {
width: 100%;
display: block;
overflow: visible;
background: url("../images/t_04.png") 100% 50% no-repeat;
background-size: 0.26rem;
}
.cpzh_01 ul li .cpzh01_c {
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.cpzh_01 ul li .cpzh01_s {
width: calc(100% - 1.6rem);
height: calc(100% - 1.6rem);
overflow: hidden;
position: absolute;
left: 0.8rem;
top: 0.9rem;
opacity: 0;
display: block;
z-index: 9;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.cpzh_01 ul li .cpzh01_s .c {
width: 100%;
overflow: hidden;
height: 100%;
position: relative;
}
.cpzh_01 ul li .cpzh01_s .p {
width: 100%;
overflow: hidden;
color: #fff;
}
.cpzh_01 ul li .cpzh01_s .p1 {
font-weight: bold;
line-height: 1.5;
}
.cpzh_01 ul li .cpzh01_s .p2 {
margin-top: 0.1rem;
}
.cpzh_01 ul li .cpzh01_s .p3 {
position: absolute;
left: 0px;
bottom: 0px;
}
.cpzh_01 ul li .cpzh01_s .p3 b {
width: 0.26rem;
height: 0.26rem;
display: block;
background: url("../images/t_04.png") 50% no-repeat;
background-size: 100% 100%;
}
.cpzh_01 ul li:hover .cpzh01_bg img.img3 {
opacity: 1;
}
.cpzh_01 ul li:hover .cpzh01_c {
opacity: 0;
bottom: -0.5rem;
}
.cpzh_01 ul li:hover .cpzh01_s {
top: 0.8rem;
opacity: 1;
transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
}
.pli_01 {
overflow: hidden;
background-color: #f9f9f9;
}
.pli01_slide {
width: 100%;
overflow: hidden;
}
.pli01_slide .swiper-slide {
width: auto;
padding: 0px 0.4rem;
}
.pli01_slide .swiper-slide a {
display: inline-block;
height: 1.4rem;
position: relative;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
padding: 0px 0.2rem;
}
.pli01_slide .swiper-slide .c {
display: inline-block;
}
.pli01_slide .swiper-slide .p {
width: 100%;
overflow: hidden;
text-align: center;
}
.pli01_slide .swiper-slide .p1 i {
display: inline-block;
position: relative;
}
.pli01_slide .swiper-slide .p1 img {
display: block;
height: 0.5rem;
margin: 0px auto;
padding: 0px;
}
.pli01_slide .swiper-slide .p1 img.img2 {
position: absolute;
left: 0px;
top: 0px;
z-index: 9;
opacity: 0;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.pli01_slide .swiper-slide .p2 {
font-weight: bold;
color: #222;
line-height: 1.5;
margin-top: 0.05rem;
}
.pli01_slide .swiper-slide a::before {
content: "";
display: block;
width: 0%;
height: 0.02rem;
background-color: #00479d;
position: absolute;
left: 0px;
bottom: 0px;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.pli01_slide .swiper-slide a.active::before {
width: 100%;
}
.pli01_slide .swiper-slide a.active .p1 img.img1 {
opacity: 0;
}
.pli01_slide .swiper-slide a.active .p1 img.img2 {
opacity: 1;
}
.pli01_slide .swiper-slide a:hover .p1 {
transform: translateY(-0.03rem);
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.pli01_slide .swiper-slide a:hover .p1 img.img2 {
opacity: 1;
}
.pli01_slide .swiper-slide a:hover .p1 img.img1 {
opacity: 0;
}
.pli01_slide .swiper-slide a:hover .p2 {
color: #00479d;
}
.pli_02 {
overflow: hidden;
padding: 1rem 0px;
}
.pli02fr {
width: 100%;
overflow: hidden;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: space-between;
}
.pli02fr .img {
width: 43.88%;
overflow: hidden;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.pli02fr .img img {
width: 100%;
display: block;
}
.pli02fr .txt {
width: calc(56.12% - 1rem);
overflow: hidden;
}
.pli02fr .txt .c {
width: 100%;
overflow: hidden;
}
.pli02fr .txt .p {
width: 100%;
overflow: hidden;
}
.pli02fr .txt .p1 {
color: #222;
font-weight: bold;
line-height: 1.5;
}
.pli02fr .txt .p1 span {
display: inline-block;
position: relative;
padding-right: 0.34rem;
}
.pli02fr .txt .p1 span::before {
content: "";
display: block;
width: 0.14rem;
height: 0.14rem;
background-color: #00479d;
position: absolute;
right: 0px;
bottom: 0.1rem;
border-radius: 50%;
}
.pli02fr .txt .p2 {
color: #222;
font-weight: bold;
line-height: 1.5;
margin-top: 0.1rem;
}
.pli02fr .txt .p3 {
color: #222;
line-height: 1.75;
margin-top: 0.4rem;
text-align: justify;
text-justify: inter-ideograph;
}
.pli02fr .txt .p3 p {
line-height: 1.75;
margin-bottom: 0.15rem;
}
.pli02fr .txt .p3 p:last-child {
margin-bottom: 0px;
}
.pli02fr:hover .img img {
transform: scale(1.03);
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.pli_03 {
width: 100%;
overflow: hidden;
position: relative;
}
.pli03_bg {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
pointer-events: none;
}
.pli03_bg img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
}
.pli03_c {
width: 100%;
overflow: hidden;
position: relative;
}
.pli03c_t {
width: 100%;
overflow: hidden;
position: absolute;
left: 0px;
top: 0.8rem;
z-index: 9;
text-align: center;
color: #fff;
line-height: 1.5;
}
.pli03c_t span {
display: inline-block;
position: relative;
padding-right: 0.34rem;
}
.pli03c_t span::before {
content: "";
display: block;
width: 0.14rem;
height: 0.14rem;
background-color: #00479d;
position: absolute;
right: 0px;
bottom: 0.1rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.pli03c_c {
width: 100%;
overflow: hidden;
}
.pli03c_c ul {
width: 100%;
overflow: hidden;
}
.pli03c_c ul li {
width: 20%;
overflow: hidden;
float: left;
padding: 0px 0.5rem;
height: 8.5rem;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.pli03c_c ul li::before {
content: "";
display: block;
width: 0.01rem;
height: 100%;
background-color: rgba(255, 255, 255, 0.6);
position: absolute;
right: 0px;
top: 0px;
pointer-events: none;
}
.pli03c_c ul li:last-child::before {
display: none;
}
.pli03c_c ul li .txt {
width: 100%;
overflow: hidden;
position: relative;
z-index: 9;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.pli03c_c ul li .p {
width: 100%;
overflow: hidden;
text-align: center;
color: #fff;
}
.pli03c_c ul li .p1 {
font-weight: bold;
line-height: 1.5;
}
.pli03c_c ul li .p2 {
line-height: 1.75;
margin-top: 0.2rem;
display: none;
}
.pli03c_c ul li .bg {
width: 100%;
height: 100%;
overflow: hidden;
opacity: 0;
background-color: rgba(0, 71, 157, 0.65);
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.pli03c_c ul li .p03c_b {
width: 100%;
overflow: visible;
text-align: center;
position: absolute;
left: 0px;
bottom: 0.6rem;
color: rgba(255, 255, 255, 0.3);
font-weight: bold;
line-height: 1.5;
z-index: 9;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.pli03c_c ul li:hover .bg {
opacity: 1;
}
.pli03c_c ul li:hover .p03c_b {
color: #fff;
}
.pli03c_c ul li:hover .p2 {
display: block;
}
.pli03c_c ul li.prevon::before {
display: none;
}
.pli_04 {
overflow: hidden;
padding-top: 0.8rem;
}
.pli04fr {
width: 100%;
overflow: hidden;
position: relative;
height: 0.88rem;
background-color: #f5f5f5;
border-radius: 0.88rem;
-webkit-border-radius: 0.88rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.pli04fr .pli04_txt {
width: 100%;
height: 100%;
border: 0px;
padding: 0px 0.44rem;
text-align: center;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
color: #222;
background-color: rgba(255, 255, 255, 0);
}
.pli04fr .pli04_txt::-moz-placeholder {
color: #999;
}
.pli04fr .pli04_txt::-moz-placeholder {
color: #999;
}
.pli04fr .pli04_txt::-ms-input-placeholder {
color: #999;
}
.pli04fr .pli04_txt::-webkit-input-placeholder {
color: #999;
}
.pli04fr .pli04_btn {
width: 0.28rem;
height: 100%;
border: 0px;
cursor: pointer;
background: none;
background: url("../images/cpli_01.png") 50% no-repeat;
background-size: 100%;
position: absolute;
right: 0.4rem;
top: 0px;
z-index: 9;
}
.pli_05 {
overflow: hidden;
padding-top: 0.4rem;
color: #222;
font-weight: bold;
line-height: 0.6rem;
}
.pli_05 .wrap_in {
position: relative;
overflow: hidden;
padding-bottom: 0.2rem;
}
.pli_05 .wrap_in::before {
content: "";
display: block;
width: 100%;
height: 0.01rem;
background-color: #222;
position: absolute;
left: 0px;
bottom: 0px;
pointer-events: none;
}
.p05_l {
float: left;
}
.p05_r {
float: left;
}
.p05_r label {
display: inline-block;
margin-left: 0.8rem;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: flex-start;
float: left;
cursor: pointer;
}
.p05_r label input {
width: 0.2rem;
height: 0.2rem;
border: 0px;
margin: 0px;
padding: 0px;
background: url("../images/cpli_02.png") 50% no-repeat;
background-size: 100%;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
}
.p05_r label input:checked {
background: url("../images/cpli_03.png") 50% no-repeat;
background-size: 100%;
}
.p05_r label span {
display: inline-block;
margin-left: 0.14rem;
}
.pli_06 {
overflow: hidden;
padding: 0.3rem 0px;
}
.pli_06 .p06_click {
width: 0.6rem;
height: 0.6rem;
display: block;
background: url("../images/cpli_04.png") 50% no-repeat;
background-size: 100%;
float: right;
}
.pli_06 .p06_click:hover {
background: url("../images/cpli_04_on.png") 50% no-repeat;
background-size: 100%;
}
.pli_06 .p06_click.active {
background: url("../images/cpli_05.png") 50% no-repeat;
background-size: 100%;
}
.pli_06 .p06_click.active:hover {
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.pli_07 {
overflow: hidden;
}
.pli_07 ul {
width: 100%;
overflow: visible;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 0.4rem;
grid-row-gap: 0.8rem;
}
.pli_07 ul li {
width: 100%;
overflow: hidden;
position: relative;
}
.pli_07 ul li a {
width: 100%;
overflow: hidden;
display: block;
position: relative;
}
.pli_07 ul li .p {
width: 100%;
overflow: hidden;
}
.pli_07 ul li .p1 {
position: relative;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.pli_07 ul li .p1 img {
width: 100%;
display: block;
}
.pli_07 ul li .p1 img.img2 {
height: 100%;
position: absolute;
left: 0px;
top: 0px;
object-fit: cover;
}
.pli_07 ul li .p2 {
position: relative;
color: #222;
font-weight: bold;
line-height: 1.5;
padding: 0.3rem 0px;
overflow: visible;
}
.pli_07 ul li .p2::before {
content: "";
width: 100%;
height: 0.01rem;
display: block;
overflow: hidden;
background-color: #222;
position: absolute;
left: 0px;
bottom: 0px;
}
.pli_07 ul li .p3 {
margin-top: 0.3rem;
color: #222;
line-height: 1.75;
}
.pli_07 ul li .p3 p {
line-height: 1.75;
}
.pli_07 ul li .ss {
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
overflow: hidden;
position: absolute;
right: 0.4rem;
top: 0.4rem;
z-index: 99;
background-color: #222222;
}
.pli_07 ul li .ss b {
width: 100%;
height: 100%;
display: block;
background: url("../images/t_04.png") 50% no-repeat;
background-size: 0.18rem;
position: absolute;
left: 0px;
top: 0px;
}
.pli_07 ul li:hover .ss {
background-color: #c9161d;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.pli_07 ul li:hover .p1 img.img2 {
transform: scale(1.03);
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.pli_07.active ul {
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
}
.pli_07.active ul li {
background-color: #f9f9f9;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
padding: 0.4rem 0.6rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.pli_07.active ul li .p1 {
height: 0px;
}
.pli_07.active ul li a {
overflow: visible;
}
.pli_07.active ul li .p2 {
padding-top: 0px;
}
.pli_07.active ul li .ss {
right: 0px;
top: -0.05rem;
}
.pli_07 ul li a.sc_click {
display: inline-block;
position: absolute;
right: 0.4rem;
bottom: var(--pli_07_top);
margin-bottom: 0.4rem;
z-index: 999;
width: 0.8rem;
height: 0.8rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: rgba(255, 255, 255, 0.7);
border: 0.01rem solid #222;
float: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.pli_07 ul li a.sc_click .i {
display: inline-block;
text-align: center;
}
.pli_07 ul li a.sc_click img {
display: block;
height: 0.27rem;
margin: 0px auto;
padding: 0px;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.pli_07 ul li a.sc_click img.img2 {
display: none;
}
.pli_07 ul li a.sc_click span {
width: 100%;
display: block;
overflow: hidden;
color: #222;
line-height: 1.5;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.pli_07 ul li a.sc_click:hover {
background-color: #222222;
}
.pli_07 ul li a.sc_click:hover span {
color: #fff;
}
.pli_07 ul li a.sc_click:hover img.img1 {
display: none;
}
.pli_07 ul li a.sc_click:hover img.img2 {
display: block;
}
.pli_07 ul li a.sc_click.active {
background-color: #222222;
}
.pli_07 ul li a.sc_click.active span {
color: #fff;
}
.pli_07 ul li a.sc_click.active img.img1 {
display: none;
}
.pli_07 ul li a.sc_click.active img.img2 {
display: block;
}
.pli_07.active ul li a.sc_click {
bottom: 0.3rem;
margin-bottom: 0px;
right: 0.6rem;
}
.pagesfr {
overflow: hidden;
padding-top: 0.8rem;
text-align: center;
}
.psfr {
width: 100%;
overflow: hidden;
position: relative;
text-align: center;
}
.psfr .c {
display: inline-block;
}
.psfr .c a {
float: left;
width: 0.4rem;
height: 0.4rem;
margin: 0px 0.05rem;
overflow: hidden;
display: block;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
color: #333;
font-weight: bold;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.psfr .c span {
float: left;
color: #333;
font-weight: bold;
margin: 0px 0.05rem;
}
.psfr .c a:hover {
color: #00479d;
}
.psfr .c a.active {
background-color: #00479d;
color: #fff;
}
.psfr .ps_prev {
display: inline-block;
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
line-height: 0.4rem;
color: #333;
background: url("../images/t_11.svg") 0% 50% no-repeat;
background-size: 0.09rem;
padding-left: 0.29rem;
}
.psfr .ps_prev:hover {
color: #00479d;
background: url("../images/t_16.svg") 0% 50% no-repeat;
background-size: 0.09rem;
}
.psfr .ps_next {
display: inline-block;
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
line-height: 0.4rem;
color: #333;
background: url("../images/t_12.svg") 100% 50% no-repeat;
background-size: 0.09rem;
padding-right: 0.29rem;
}
.psfr .ps_next:hover {
color: #00479d;
background: url("../images/t_17.svg") 100% 50% no-repeat;
background-size: 0.09rem;
}
.cpxq_01 {
overflow: hidden;
padding: 1rem 0px;
}
.cpxq_01 .wrap_in {
overflow: visible;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.cxq01_fl {
width: 48.86%;
overflow: visible;
position: relative;
}
.cxq01fl_slide {
width: 100%;
overflow: hidden;
}
.cxq01fl_slide .swiper-slide {
width: 100%;
overflow: hidden;
position: relative;
}
.cxq01fl_slide .swiper-slide img {
width: 100%;
display: block;
}
.cxq01fl_slide .swiper-slide img.img2 {
height: 100%;
object-fit: contain;
position: absolute;
left: 0px;
top: 0px;
}
.cxq01fl_slide .swiper-slide:hover img.img2 {
transform: scale(1.03);
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.cxq01fl_spfr {
width: 0.1rem;
position: absolute;
left: -0.45rem;
top: 50%;
transform: translateY(-50%);
}
.cxq01fl_spfr span {
width: 0.1rem;
height: 0.1rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
opacity: 1;
background-color: #d5d5d5;
margin: 0.05rem 0px !important;
padding: 0px !important;
}
.cxq01fl_spfr span.swiper-pagination-bullet-active {
background-color: #00479d;
}
.cxq01_fr {
width: calc(51.14% - 1.2rem);
overflow: visible;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.cxq01_fr .c {
width: 100%;
overflow: visible;
}
.cxq01_fr .p {
width: 100%;
overflow: hidden;
}
.cxq01_fr .p1 {
color: #222;
font-weight: bold;
line-height: 1.5;
position: relative;
padding-bottom: 0.4rem;
}
.cxq01_fr .p1::before {
content: "";
display: block;
width: 100%;
height: 0.02rem;
background-color: #222;
position: absolute;
left: 0px;
bottom: 0px;
}
.cxq01_fr .p2 {
margin-top: 0.4rem;
color: #222;
position: relative;
padding-bottom: 0.6rem;
margin-bottom: 0.6rem;
}
.cxq01_fr .p2::before {
content: "";
width: 100%;
display: block;
height: 0.01rem;
background-color: #d7d7d7;
position: absolute;
left: 0px;
bottom: 0.01rem;
}
.cxq01_fr .p2 p {
line-height: 1.75;
margin: 0.05rem 0px;
}
.cxq01_fr .p3 {
overflow: visible;
}
.cxq01_fr .p3 ul {
width: 100%;
overflow: visible;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 0.2rem;
grid-row-gap: 0.2rem;
}
.cxq01_fr .p3 ul li {
width: 100%;
overflow: hidden;
line-height: 0.7rem;
padding: 0px 0.4rem;
border: 0.01rem solid #222;
border-radius: 0.7rem;
-webkit-border-radius: 0.7rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.cxq01_fr .p3 ul li a {
width: 100%;
display: block;
overflow: visible;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: space-between;
}
.cxq01_fr .p3 ul li .sp1 {
display: inline-block;
color: #222;
font-weight: bold;
background: url("../images/cpxq_01.png") 0% 50% no-repeat;
background-size: 0.23rem;
padding-left: 0.4rem;
}
.cxq01_fr .p3 ul li .sp2 {
display: inline-block;
color: #999;
background: url("../images/t_05.png") 100% 50% no-repeat;
background-size: 0.14rem;
padding-right: 0.25rem;
}
.cxq01_fr .p3 ul li:hover {
background-color: #00479d;
border: 0.01rem solid #00479d;
-moz-box-shadow: 0.12rem 0px 0.23rem rgba(0, 71, 157, 0.18);
-webkit-box-shadow: 0.12rem 0px 0.23rem rgba(0, 71, 157, 0.18);
box-shadow: 0.12rem 0px 0.23rem rgba(0, 71, 157, 0.18);
}
.cxq01_fr .p3 ul li:hover .sp1 {
color: #fff;
background: url("../images/cpxq_02.png") 0% 50% no-repeat;
background-size: 0.23rem;
}
.cxq01_fr .p3 ul li:hover .sp2 {
color: #fff;
background: url("../images/t_04.png") 100% 50% no-repeat;
background-size: 0.14rem;
}
.cxq01_fr .p6 {
padding-bottom: 0px;
margin-bottom: 0px;
}
.cxq01_fr .p6::before {
display: none;
}
.cxq01_fr .p5 {
margin-top: 0.4rem;
color: #222;
padding-bottom: 0.6rem;
margin-bottom: 0.6rem;
position: relative;
}
.cxq01_fr .p5::before {
content: "";
width: 100%;
display: block;
height: 0.01rem;
background-color: #d7d7d7;
position: absolute;
left: 0px;
bottom: 0.01rem;
}
.cxq01_fr .p5 .pt {
line-height: 1.5;
}
.cxq01_fr .p5 ul {
width: 100%;
overflow: hidden;
margin-top: 0.1rem;
}
.cxq01_fr .p5 ul li {
width: 50%;
float: left;
}
.cpxq_02 {
overflow: hidden;
background-color: #f9f9f9;
padding: 1.2rem 0px;
}
.cxq02_t {
width: 100%;
overflow: hidden;
text-align: center;
line-height: 1.5;
font-weight: bold;
}
.cxq02_t span {
display: inline-block;
position: relative;
padding-right: 0.34rem;
}
.cxq02_t span::before {
content: "";
display: block;
width: 0.14rem;
height: 0.14rem;
background-color: #00479d;
position: absolute;
right: 0px;
bottom: 0.1rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.cxq02_c {
width: 100%;
overflow: hidden;
padding-top: 0.6rem;
}
.cxq02_c ul {
width: 100%;
overflow: visible;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 0.6rem;
}
.cxq02_c ul li {
width: 100%;
overflow: hidden;
position: relative;
padding-bottom: 0.3rem;
}
.cxq02_c ul li .bg {
width: calc(100% - 0.3rem);
height: calc(100% - 0.5rem);
overflow: hidden;
background-color: #fff;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
position: absolute;
right: 0px;
bottom: 0px;
z-index: 1;
}
.cxq02_c ul li .bg::before {
content: "";
width: 100%;
height: 100%;
display: block;
overflow: hidden;
position: absolute;
left: 0px;
bottom: -0.2rem;
border-bottom: 0.04rem solid #00479d;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.cxq02_c ul li a {
width: 100%;
display: block;
overflow: hidden;
display: flex;
display: -webkit-flex;
justify-content: space-between;
position: relative;
z-index: 9;
}
.cxq02_c ul li .img {
width: 52.94%;
overflow: hidden;
position: relative;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #eee;
}
.cxq02_c ul li .img img {
width: 100%;
display: block;
}
.cxq02_c ul li .img img.img2 {
height: 100%;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
}
.cxq02_c ul li .txt {
width: 47.06%;
padding: 0px 0.4rem;
margin-top: 0.5rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.cxq02_c ul li .txt .c {
width: 100%;
overflow: hidden;
}
.cxq02_c ul li .txt .p {
width: 100%;
overflow: visible;
}
.cxq02_c ul li .txt .p1 {
font-size: 0.24rem;
font-weight: bold;
line-height: 1.5;
color: #222;
}
.cxq02_c ul li .txt .p2 {
color: #222;
line-height: 1.5;
margin-top: 0.1rem;
height: 0.6rem;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
display: -webkit-box;
}
.cxq02_c ul li .txt .p3 {
color: #222;
margin-top: 0.3rem;
}
.cxq02_c ul li .txt .p3 span {
display: inline-block;
line-height: 1.5;
background: url("../images/t_05.png") 100% 50% no-repeat;
background-size: 0.14rem;
padding-right: 0.28rem;
}
.cxq02_c ul li:hover .bg::before {
bottom: 0px;
}
.cxq02_c ul li:hover .txt .p3 {
color: #c9161d;
}
.cxq02_c ul li:hover .txt .p3 span {
background: url("../images/t_13.png") 100% 50% no-repeat;
background-size: 0.14rem;
}
.cxq02_c ul li:hover .img img.img2 {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
-moz-transition: 0.3s ease;
}
.cxq02c_slide {
width: 100%;
overflow: hidden;
}
.cxq02c_slide .swiper-slide {
width: 100%;
overflow: hidden;
}
.cxq02_b {
width: 100%;
overflow: hidden;
text-align: center;
padding-top: 0.6rem;
padding-bottom: 0.1rem;
}
.cxq02c_sp span {
width: 0.38rem;
height: 0.2rem;
opacity: 1;
background: none;
margin: 0px !important;
padding: 0px !important;
position: relative;
border-radius: 0px;
}
.cxq02c_sp span::before {
content: "";
display: block;
width: 0.08rem;
height: 0.08rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #cacaca;
position: absolute;
left: 50%;
top: 50%;
margin-left: -0.04rem;
margin-top: -0.04rem;
}
.cxq02c_sp span.swiper-pagination-bullet-active::before {
width: 100%;
height: 100%;
background: url("../images/in_07.png") 50% no-repeat;
background-size: 100% 100%;
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
}
.xxtcfr {
width: 100%;
height: 100%;
overflow: hidden;
position: fixed;
left: 0px;
top: 0px;
z-index: 9999;
display: none;
}
.xxtcfr .xxtc_bg {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
background-color: rgba(0, 0, 0, 0.6);
}
.xxtcfr .xxtc_c {
width: 90%;
max-width: 7rem;
position: absolute;
left: 50%;
top: 50%;
padding: 0.4rem;
transform: translate(-50%, -50%);
background-color: #fff;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
z-index: 9;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.xxtcfr .xxtc_c .close {
width: 0.3rem;
height: 0.3rem;
display: block;
background: url("../images/close.png") 50% no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0.4rem;
top: 0.4rem;
z-index: 9;
}
.xxtcfr .xxtc_c .c {
width: 100%;
overflow: visible;
}
.xxtcfr .xxtc_c .p {
width: 100%;
overflow: visible;
}
.xxtcfr .xxtc_c .p1 {
font-weight: bold;
color: #222;
line-height: 1.5;
}
.xxtcfr .xxtc_c .li {
margin-top: 0.2rem;
}
.xxtcfr .xxtc_c .p3 {
color: #222;
line-height: 1.5;
padding-bottom: 0.1rem;
}
.xxtcfr .xxtc_c .p4 {
height: 0.6rem;
}
.xxtcfr .xxtc_c input.xxtc_txt {
width: 100%;
height: 0.6rem;
border: 0.01rem solid #222;
border-radius: 0.06rem;
-webkit-border-radius: 0.06rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
padding: 0px 0.2rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.xxtcfr .xxtc_c input.xxtc_txt1 {
width: calc(100% - 2rem - 0.14rem);
float: left;
}
.xxtcfr .xxtc_c .p4 .yzm {
width: 2rem;
height: 0.6rem;
background-color: #444;
border-radius: 0.06rem;
-webkit-border-radius: 0.06rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
color: #fff;
font-weight: bold;
float: right;
display: block;
text-align: center;
line-height: 0.6rem;
}
.xxtcfr .xxtc_c .p5 {
margin-top: 0.1rem;
}
.xxtcfr .xxtc_c .p6 {
margin-top: 0.4rem;
}
.xxtcfr .xxtc_c input.xxtc_btn {
width: 100%;
height: 0.6rem;
border-radius: 0.06rem;
-webkit-border-radius: 0.06rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
border: 0px;
background: none;
background-color: #00479d;
color: #fff;
font-weight: bold;
cursor: pointer;
}
.xxtcfr .xxtc_c input::-moz-placeholder {
color: #999;
}
.xxtcfr .xxtc_c input::-moz-placeholder {
color: #999;
}
.xxtcfr .xxtc_c input::-ms-input-placeholder {
color: #999;
}
.xxtcfr .xxtc_c input::-webkit-input-placeholder {
color: #999;
}
.gsg_01 {
overflow: hidden;
padding-top: 0.8rem;
}
.gsg_02 {
overflow: hidden;
padding-top: 0.4rem;
}
.gsg_02 ul {
width: 100%;
overflow: visible;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 0.4rem;
grid-row-gap: 0.3rem;
}
.gsg_02 ul li {
width: 100%;
overflow: hidden;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border: 0.01rem solid #d8d8d8;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
height: 1rem;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.gsg_02 ul li span {
display: inline-block;
overflow: hidden;
}
.gsg_02 ul li .sp1 {
float: left;
width: calc(100% - 3.2rem);
padding: 0px 0.4rem;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: flex-start;
height: 1rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.gsg_02 ul li .sp1 {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: #222;
font-weight: bold;
}
.gsg_02 ul li .sp1 a {
color: #222;
transition: 0s linear;
-webkit-transition: 0s linear;
-o-transition: 0s linear;
-moz-transition: 0s linear;
}
.gsg_02 ul li .sp2 {
float: right;
width: 3.2rem;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
height: 1rem;
position: relative;
}
.gsg_02 ul li .sp2::before {
content: "";
width: 0.02rem;
height: 0.17rem;
background-color: #d8d8d8;
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
}
.gsg_02 ul li .sp2 a {
display: inline-block;
color: #222;
transition: 0s linear;
-webkit-transition: 0s linear;
-o-transition: 0s linear;
-moz-transition: 0s linear;
}
.gsg_02 ul li .sp2 a:nth-child(2) {
margin-left: 0.6rem;
}
.gsg_02 ul li .sp2 a.a1 {
background: url("../images/esg_01.png") 100% 50% no-repeat;
background-size: 0.18rem;
padding-right: 0.32rem;
}
.gsg_02 ul li .sp2 a.a2 {
background: url("../images/esg_02.png") 100% 50% no-repeat;
background-size: 0.17rem;
padding-right: 0.31rem;
}
.gsg_02 ul li:hover {
background-color: #00479d;
border: 0.01rem solid #00479d;
}
.gsg_02 ul li:hover .sp1 {
color: #fff;
}
.gsg_02 ul li:hover .sp1 a {
color: #fff;
}
.gsg_02 ul li:hover .sp2 a {
color: #fff;
}
.gsg_02 ul li:hover .sp2::before {
background-color: #fff;
}
.gsg_02 ul li:hover .sp2 a.a1 {
background: url("../images/esg_03.png") 100% 50% no-repeat;
background-size: 0.18rem;
}
.gsg_02 ul li:hover .sp2 a.a2 {
background: url("../images/esg_04.png") 100% 50% no-repeat;
background-size: 0.17rem;
}
.esg_03 {
overflow: hidden;
padding-top: 1rem;
}
.esg_03 ul li {
width: 100%;
overflow: hidden;
margin-bottom: 0.8rem;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.esg_03 ul li:last-child {
margin-bottom: 0px;
}
.esg_03 ul li .img {
width: 50%;
overflow: hidden;
position: relative;
}
.esg_03 ul li .img::before {
content: "";
display: block;
width: 0.9rem;
height: 0.9rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #cd0c11;
position: absolute;
left: 0.05rem;
bottom: 0.05rem;
z-index: 1;
}
.esg_03 ul li .img .c {
width: 100%;
overflow: hidden;
position: relative;
border-radius: 0.12rem 0px 0px 0.9rem;
-webkit-border-radius: 0.12rem 0px 0px 0.9rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.esg_03 ul li .img img {
width: 100%;
display: block;
}
.esg_03 ul li .img img.img2 {
height: 100%;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
z-index: 9;
}
.esg_03 ul li .txt {
width: 50%;
overflow: hidden;
padding: 0px 0.8rem;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.esg_03 ul li .txt .c {
width: 100%;
overflow: hidden;
}
.esg_03 ul li .txt .p {
width: 100%;
overflow: hidden;
}
.esg_03 ul li .txt .p1 {
line-height: 1.5;
font-weight: bold;
color: #222;
}
.esg_03 ul li .txt .p1 span {
display: inline-block;
position: relative;
padding-right: 0.34rem;
}
.esg_03 ul li .txt .p1 span::before {
content: "";
display: block;
width: 0.14rem;
height: 0.14rem;
background-color: #00479d;
position: absolute;
right: 0px;
bottom: 0.1rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.esg_03 ul li .txt .p2 {
margin-top: 0.2rem;
line-height: 1.75;
text-align: justify;
text-justify: inter-ideograph;
}
.esg_03 ul li .txt .p2 p {
line-height: 1.75;
}
.esg_03 ul li .txt .p3 {
margin-top: 0.6rem;
}
.esg_03 ul li .txt .p3 a {
display: inline-block;
background: url("../images/t_05.png") 100% 50% no-repeat;
background-size: 0.14rem;
padding-right: 0.26rem;
color: #222;
}
.esg_03 ul li .txt .p3 a:hover {
color: #00479d;
background-image: url("../images/t_06.png");
}
.esg_03 ul li:nth-child(2n) .img .c {
border-radius: 0rem 0.12rem 0.9rem 0rem;
}
.esg_03 ul li:nth-child(2n) .img::before {
left: initial;
right: 0.05rem;
}
.esg_03 ul li:hover .img img.img2 {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.esg_04 {
overflow: hidden;
padding-top: 1rem;
}
.esg_04 ul li {
width: 100%;
overflow: hidden;
margin-bottom: 0.8rem;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.esg_04 ul li:last-child {
margin-bottom: 0px;
}
.esg_04 ul li .img {
width: 50%;
overflow: hidden;
position: relative;
}
.esg_04 ul li .img .nr {
width: 100%;
overflow: hidden;
position: relative;
}
.esg_04 ul li .img .nr::before {
content: "";
display: block;
width: 0.9rem;
height: 0.9rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #cd0c11;
position: absolute;
left: 0.05rem;
bottom: 0.05rem;
z-index: 1;
}
.esg_04 ul li .img .c {
width: 100%;
overflow: hidden;
position: relative;
border-radius: 0.12rem 0px 0px 0.9rem;
-webkit-border-radius: 0.12rem 0px 0px 0.9rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.esg_04 ul li .img img {
width: 100%;
display: block;
}
.esg_04 ul li .img img.img2 {
height: 100%;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
z-index: 9;
}
.esg_04 ul li .txt {
width: 50%;
overflow: hidden;
padding: 0px 0.8rem;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.esg_04 ul li .txt .c {
width: 100%;
overflow: hidden;
}
.esg_04 ul li .txt .p {
width: 100%;
overflow: hidden;
}
.esg_04 ul li .txt .p1 {
line-height: 1.5;
font-weight: bold;
color: #222;
}
.esg_04 ul li .txt .p1 span {
display: inline-block;
position: relative;
padding-right: 0.34rem;
}
.esg_04 ul li .txt .p1 span::before {
content: "";
display: block;
width: 0.14rem;
height: 0.14rem;
background-color: #00479d;
position: absolute;
right: 0px;
bottom: 0.1rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.esg_04 ul li .txt .p2 {
margin-top: 0.2rem;
line-height: 1.75;
text-align: justify;
text-justify: inter-ideograph;
}
.esg_04 ul li .txt .p2 p {
line-height: 1.75;
}
.esg_04 ul li .txt .p3 {
margin-top: 0.6rem;
}
.esg_04 ul li .txt .p3 a {
display: inline-block;
background: url("../images/t_05.png") 100% 50% no-repeat;
background-size: 0.14rem;
padding-right: 0.26rem;
color: #222;
}
.esg_04 ul li .txt .p3 a:hover {
color: #00479d;
background-image: url("../images/t_06.png");
}
.esg_04 ul li:nth-child(2n) .img .c {
border-radius: 0rem 0.12rem 0.9rem 0rem;
}
.esg_04 ul li:nth-child(2n) .img .nr::before {
left: initial;
right: 0.05rem;
}
.esg_04 ul li:hover .img img.img2 {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.yszc_01 {
overflow: hidden;
padding-top: 0.6rem;
}
.yszc_01 .p {
width: 100%;
overflow: hidden;
color: #222;
line-height: 1.8;
}
.yszc_01 p {
line-height: 1.8;
}
.sub_sch {
width: 4.2rem;
height: 0.5rem;
position: absolute;
right: 0.8rem;
bottom: 0.8rem;
overflow: hidden;
border-radius: 0.5rem;
-webkit-border-radius: 0.5rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: rgba(0, 0, 0, 0.2);
z-index: 9;
}
.sub_sch input.sch_txt {
width: 100%;
height: 0.5rem;
overflow: hidden;
border: 0px;
background-color: rgba(0, 0, 0, 0);
position: absolute;
left: 0px;
top: 0px;
padding: 0px 0.25rem;
color: #fff;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.sub_sch input.sch_txt::-moz-placeholder {
color: #fff;
}
.sub_sch input.sch_txt::-moz-placeholder {
color: #fff;
}
.sub_sch input.sch_txt::-ms-input-placeholder {
color: #fff;
}
.sub_sch input.sch_txt::-webkit-input-placeholder {
color: #fff;
}
.sub_sch input.sch_btn {
width: 0.2rem;
height: 100%;
border: 0px;
cursor: pointer;
background: url("../images/t_01.png") 50% no-repeat;
background-size: 100%;
position: absolute;
right: 0.3rem;
top: 0px;
z-index: 9;
}
.ns_01 {
overflow: hidden;
position: relative;
padding-top: 0.6rem;
}
.ns01_t {
width: 100%;
overflow: hidden;
height: 1rem;
position: relative;
}
.ns01_t .fl span {
display: inline-block;
line-height: 1rem;
color: #222;
font-weight: bold;
position: relative;
padding-right: 0.34rem;
}
.ns01_t .fl span::before {
content: "";
display: block;
width: 0.14rem;
height: 0.14rem;
background-color: #00479d;
position: absolute;
right: 0px;
bottom: 0.3rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.ns01_t .fr {
position: absolute;
right: 0px;
top: 0px;
height: 100%;
width: 4.7rem;
}
.ns01_t .fr input {
width: 100%;
border: 0px;
border-bottom: 0.03rem solid #999999;
cursor: pointer;
background: url("../images/ns_01.png") 100% 50% no-repeat;
font-weight: bold;
background-size: 0.4rem;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.ns01_c {
width: 100%;
overflow: hidden;
margin-top: 0.6rem;
position: relative;
padding-bottom: 1rem;
background-color: #f5f5f5;
}
.ns01c_slide {
width: 100%;
overflow: hidden;
}
.ns01c_slide .swiper-slide {
width: 100%;
overflow: hidden;
background-color: #f5f5f5;
}
.ns01c_slide .swiper-slide .fl {
width: 45.45%;
overflow: hidden;
height: 6rem;
padding: 0px 0.8rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.ns01c_slide .swiper-slide .fl .c {
width: 100%;
overflow: hidden;
}
.ns01c_slide .swiper-slide .fl .p {
width: 100%;
overflow: hidden;
}
.ns01c_slide .swiper-slide .fl .time {
display: inline-block;
text-align: center;
}
.ns01c_slide .swiper-slide .fl .p1 {
color: #999;
line-height: 1;
}
.ns01c_slide .swiper-slide .fl .p2 {
color: #999;
line-height: 1.5;
}
.ns01c_slide .swiper-slide .fl .p3 {
margin-top: 0.4rem;
color: #222;
font-weight: bold;
line-height: 1.3;
max-height: 0.78rem;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
display: -webkit-box;
}
.ns01c_slide .swiper-slide .fl .p4 {
margin-top: 0.2rem;
color: #222;
line-height: 1.75;
max-height: 0.63rem;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
display: -webkit-box;
}
.ns01c_slide .swiper-slide .fl .p5 {
margin-top: 0.6rem;
}
.ns01c_slide .swiper-slide .fl .p5 span {
display: inline-block;
color: #222;
line-height: 1.5;
background: url("../images/t_05.png") 100% 50% no-repeat;
background-size: 0.14rem;
padding-right: 0.28rem;
}
.ns01c_slide .swiper-slide .fr {
width: 54.55%;
overflow: hidden;
height: 6rem;
position: relative;
}
.ns01c_slide .swiper-slide .fr img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.ns01c_slide .swiper-slide:hover .fl .p3 {
color: #00479d;
}
.ns01c_slide .swiper-slide:hover .fl .p5 span {
color: #00479d;
background: url("../images/t_06.png") 100% 50% no-repeat;
background-size: 0.14rem;
}
.ns01c_slide .swiper-slide:hover .fr img {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.ns01c_spfr {
width: calc(45.45% - 1.6rem);
position: absolute;
left: 0.8rem;
bottom: 1rem;
z-index: 99;
}
.ns01c_spfr .ns01c_sol {
width: 100%;
height: 0.05rem;
overflow: hidden;
position: relative;
background-color: #d5d5d5;
}
.ns01c_spfr .ns01c_sol .swiper-scrollbar-drag {
background-color: #00479d;
cursor: pointer;
}
.ns_02 {
overflow: hidden;
padding-top: 1rem;
}
.ns_02 ul {
width: 100%;
overflow: visible;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 0.6rem;
grid-row-gap: 0.4rem;
}
.ns_02 ul li {
width: 100%;
overflow: hidden;
border: 0.01rem solid #d8d8d8;
position: relative;
padding: 0.6rem;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.ns_02 ul li .ns02_bg {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
pointer-events: none;
opacity: 0;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.ns_02 ul li .ns02_bg .c {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
z-index: 4;
border-radius: 0.12rem 0.12rem 0.9rem 0.12rem;
-webkit-border-radius: 0.12rem 0.12rem 0.9rem 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.ns_02 ul li .ns02_bg .c img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
}
.ns_02 ul li .ns02_bg::before {
content: "";
display: block;
width: 0.9rem;
height: 0.9rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #c9161d;
position: absolute;
right: 0.05rem;
bottom: 0.05rem;
z-index: 1;
}
.ns_02 ul li .ns02_c {
width: 100%;
overflow: hidden;
position: relative;
z-index: 9;
}
.ns_02 ul li .ns02_c .c {
width: 100%;
overflow: hidden;
}
.ns_02 ul li .ns02_c .p {
width: 100%;
overflow: hidden;
}
.ns_02 ul li .ns02_c .fl {
width: 1.32rem;
overflow: visible;
position: relative;
}
.ns_02 ul li .ns02_c .fl::before {
content: "";
width: 0.01rem;
height: 100%;
display: block;
background-color: #d8d8d8;
position: absolute;
right: 0px;
top: 0px;
}
.ns_02 ul li .ns02_c .fl .p1 {
color: #999;
line-height: 1;
}
.ns_02 ul li .ns02_c .fl .p2 {
color: #999;
line-height: 1.5;
}
.ns_02 ul li .ns02_c .fl .time {
display: inline-block;
text-align: center;
}
.ns_02 ul li .ns02_c .fr {
width: calc(100% - 1.32rem - 0.5rem);
overflow: hidden;
}
.ns_02 ul li .ns02_c .fr .p1 {
color: #222;
line-height: 1.5;
font-weight: bold;
height: 0.9rem;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
display: -webkit-box;
}
.ns_02 ul li .ns02_c .fr .p1:nth-child(2) {
margin-top: 0.2rem;
height: 0.54rem;
}
.ns_02 ul li .ns02_c .fr .p1 i {
color: #00479d;
}
.ns_02 ul li .ns02_c .fr .p2 {
margin-top: 0.3rem;
}
.ns_02 ul li .ns02_c .fr .p2 span {
display: inline-block;
color: #222;
line-height: 1.5;
background: url("../images/t_05.png") 100% 50% no-repeat;
background-size: 0.14rem;
padding-right: 0.28rem;
}
.ns_02 ul li:hover {
border: 0.01rem solid #fff;
}
.ns_02 ul li:hover .ns02_bg {
opacity: 1;
}
.ns_02 ul li:hover .ns02_c .fl .p1 {
color: #fff;
}
.ns_02 ul li:hover .ns02_c .fl .p2 {
color: #fff;
}
.ns_02 ul li:hover .ns02_c .fl::before {
background-color: rgba(255, 255, 255, 0.3);
}
.ns_02 ul li:hover .ns02_c .fr .p1 {
color: #fff;
}
.ns_02 ul li:hover .ns02_c .fr .p2 span {
color: #fff;
background: url("../images/t_04.png") 100% 50% no-repeat;
background-size: 0.14rem;
}
.ns_03 {
overflow: hidden;
padding-top: 0.6rem;
}
.ns_03 ul {
width: 100%;
overflow: visible;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 0.4rem;
}
.ns_03 ul li {
width: 100%;
overflow: hidden;
background-color: #fff;
padding: 0.3rem;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
border: 0.01rem solid #d8d8d8;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.ns_03 ul li .c {
width: 100%;
overflow: hidden;
}
.ns_03 ul li .p {
width: 100%;
overflow: hidden;
}
.ns_03 ul li .p1 {
position: relative;
}
.ns_03 ul li .p1 .img {
width: 100%;
overflow: hidden;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
position: relative;
}
.ns_03 ul li .p1 .img img {
width: 100%;
display: block;
}
.ns_03 ul li .p1 .img img.img2 {
height: 100%;
display: block;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
z-index: 9;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.ns_03 ul li .p1 .i1 {
display: inline-block;
line-height: 0.6rem;
padding: 0px 0.3rem;
background-color: #222222;
color: #fff;
font-weight: bold;
position: absolute;
left: 0px;
top: 0px;
z-index: 9;
border-radius: 0.12rem 0px 0.12rem 0px;
}
.ns_03 ul li .p1 .i1.bgcolor2 {
background-color: #00479d;
}
.ns_03 ul li .p1 .i1.bgcolor3 {
background-color: #cecece;
}
.ns_03 ul li .p1 .i2 {
position: absolute;
right: 0.2rem;
bottom: 0.2rem;
z-index: 99;
display: inline-block;
}
.ns_03 ul li .p1 .i2 a {
display: inline-block;
width: 0.8rem;
height: 0.8rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: rgba(255, 255, 255, 0.7);
border: 0.01rem solid #222;
float: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.ns_03 ul li .p1 .i2 a:nth-child(2) {
margin-left: 0.1rem;
}
.ns_03 ul li .p1 .i2 a .i {
display: inline-block;
text-align: center;
}
.ns_03 ul li .p1 .i2 a img {
display: block;
height: 0.27rem;
margin: 0px auto;
padding: 0px;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.ns_03 ul li .p1 .i2 a img.img2 {
display: none;
}
.ns_03 ul li .p1 .i2 a span {
width: 100%;
display: block;
overflow: hidden;
color: #222;
line-height: 1.5;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.ns_03 ul li .p1 .i2 a:hover {
background-color: #222222;
}
.ns_03 ul li .p1 .i2 a:hover span {
color: #fff;
}
.ns_03 ul li .p1 .i2 a:hover img.img1 {
display: none;
}
.ns_03 ul li .p1 .i2 a:hover img.img2 {
display: block;
}
.ns_03 ul li .p1 .i2 a.active {
background-color: #222222;
}
.ns_03 ul li .p1 .i2 a.active span {
color: #fff;
}
.ns_03 ul li .p1 .i2 a.active img.img1 {
display: none;
}
.ns_03 ul li .p1 .i2 a.active img.img2 {
display: block;
}
.ns_03 ul li .p2 {
color: #222;
font-weight: bold;
line-height: 1.5;
padding: 0.3rem 0px;
border-bottom: 0.01rem solid #222;
}
.ns_03 ul li .p3 {
padding-top: 0.3rem;
}
.ns_03 ul li .p3 p {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding-left: 0.5rem;
color: #222;
line-height: 1.75;
}
.ns_03 ul li .p3 p.i1 {
background: url("../images/ns_05.png") 0% 50% no-repeat;
background-size: 0.22rem;
}
.ns_03 ul li .p3 p.i2 {
background: url("../images/ns_04.png") 0% 50% no-repeat;
background-size: 0.22rem;
margin-top: 0.1rem;
}
.ns_03 ul li .p3 p.i3 {
background: url("../images/ns_06.svg") 0% 50% no-repeat;
background-size: 0.22rem;
margin-top: 0.1rem;
}
.ns_03 ul li:hover .p1 .img img.img2 {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.ns_03 ul li:hover .p2 {
color: #00479d;
}
.ns_04 {
padding-top: 0.6rem;
}
.ns_05 {
overflow: hidden;
text-align: center;
line-height: 1.5;
padding-top: 0.6rem;
}
.ns_05 a {
display: inline-block;
background: url("../images/t_05.png") 100% 50% no-repeat;
background-size: 0.14rem;
padding-right: 0.28rem;
color: #000;
}
.ns_05 a:hover {
color: #00479d;
background: url("../images/t_06.png") 100% 50% no-repeat;
background-size: 0.14rem;
}
.ns_06 {
overflow: hidden;
padding-top: 0.6rem;
}
.ns_06 ul li {
width: 100%;
overflow: hidden;
margin-bottom: 0.3rem;
background-color: #fff;
border: 0.01rem solid #d8d8d8;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
padding: 0.3rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.ns_06 ul li .c {
width: 100%;
overflow: hidden;
display: flex;
display: -webkit-flex;
align-items: flex-start;
justify-content: space-between;
}
.ns_06 ul li .img {
width: 35.93%;
overflow: hidden;
position: relative;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.ns_06 ul li .img img {
width: 100%;
display: block;
}
.ns_06 ul li .img img.img2 {
height: 100%;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
z-index: 2;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.ns_06 ul li .img .i {
display: inline-block;
line-height: 0.6rem;
padding: 0px 0.3rem;
background-color: #222;
color: #fff;
font-weight: bold;
border-radius: 0.12rem 0px 0.12rem 0px;
-webkit-border-radius: 0.12rem 0px 0.12rem 0px;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
z-index: 9;
position: absolute;
left: 0px;
top: 0px;
}
.ns_06 ul li .img .i2 {
background-color: #00479d;
}
.ns_06 ul li .img .i3 {
background-color: #cecece;
}
.ns_06 ul li .txt {
width: calc(64.07% - 0.6rem);
}
.ns_06 ul li .txt .nr {
width: 100%;
overflow: hidden;
}
.ns_06 ul li .txt .p {
width: 100%;
overflow: hidden;
}
.ns_06 ul li .txt .p1 {
color: #222;
font-weight: bold;
line-height: 1.5;
padding: 0.3rem 0px;
border-bottom: 0.01rem solid #222;
}
.ns_06 ul li .txt .p2 {
padding-top: 0.3rem;
position: relative;
}
.ns_06 ul li .txt .p2 p {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding-left: 0.5rem;
color: #222;
line-height: 1.75;
}
.ns_06 ul li .txt .p2 p.i1 {
background: url("../images/ns_05.png") 0% 50% no-repeat;
background-size: 0.22rem;
}
.ns_06 ul li .txt .p2 p.i2 {
background: url("../images/ns_04.png") 0% 50% no-repeat;
background-size: 0.22rem;
margin-top: 0.1rem;
}
.ns_06 ul li .txt .p2 p.i3 {
background: url("../images/ns_06.svg") 0% 50% no-repeat;
background-size: 0.22rem;
margin-top: 0.1rem;
}
.ns_06 ul li .txt .p2 .more {
position: absolute;
right: 0px;
top: 0.3rem;
}
.ns_06 ul li .txt .p2 .more a {
display: inline-block;
width: 0.8rem;
height: 0.8rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: rgba(255, 255, 255, 0.7);
border: 0.01rem solid #222;
float: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.ns_06 ul li .txt .p2 .more a:nth-child(2) {
margin-left: 0.26rem;
}
.ns_06 ul li .txt .p2 .more a .i {
display: inline-block;
text-align: center;
}
.ns_06 ul li .txt .p2 .more a img {
display: block;
height: 0.27rem;
margin: 0px auto;
padding: 0px;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.ns_06 ul li .txt .p2 .more a img.img2 {
display: none;
}
.ns_06 ul li .txt .p2 .more a span {
width: 100%;
display: block;
overflow: hidden;
color: #222;
line-height: 1.5;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.ns_06 ul li .txt .p2 .more a:hover {
background-color: #222222;
}
.ns_06 ul li .txt .p2 .more a:hover span {
color: #fff;
}
.ns_06 ul li .txt .p2 .more a:hover img.img1 {
display: none;
}
.ns_06 ul li .txt .p2 .more a:hover img.img2 {
display: block;
}
.ns_06 ul li .txt .p2 .more a.active {
background-color: #222222;
}
.ns_06 ul li .txt .p2 .more a.active span {
color: #fff;
}
.ns_06 ul li .txt .p2 .more a.active img.img1 {
display: none;
}
.ns_06 ul li .txt .p2 .more a.active img.img2 {
display: block;
}
.ns_06 ul li:hover .img img.img2 {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.ns_06 ul li:hover .txt .p1 {
color: #00479d;
}
.yytcfr {
width: 100%;
height: 100%;
overflow: hidden;
position: fixed;
left: 0px;
top: 0px;
z-index: 9999;
display: none;
}
.yytcfr .xxtc_bg {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
background-color: rgba(0, 0, 0, 0.6);
}
.yytcfr .xxtc_c {
width: 90%;
max-width: 7rem;
position: absolute;
left: 50%;
top: 50%;
padding: 0.4rem;
transform: translate(-50%, -50%);
background-color: #fff;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
z-index: 9;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.yytcfr .xxtc_c .close {
width: 0.3rem;
height: 0.3rem;
display: block;
background: url("../images/close.png") 50% no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0.4rem;
top: 0.4rem;
z-index: 9;
}
.yytcfr .xxtc_c .c {
width: 100%;
overflow: visible;
}
.yytcfr .xxtc_c .p {
width: 100%;
overflow: visible;
}
.yytcfr .xxtc_c .p1 {
font-weight: bold;
color: #222;
line-height: 1.5;
}
.yytcfr .xxtc_c .li {
margin-top: 0.2rem;
}
.yytcfr .xxtc_c .p3 {
color: #222;
line-height: 1.5;
padding-bottom: 0.1rem;
}
.yytcfr .xxtc_c .p4 {
height: 0.6rem;
}
.yytcfr .xxtc_c input.xxtc_txt {
width: 100%;
height: 0.6rem;
border: 0.01rem solid #222;
border-radius: 0.06rem;
-webkit-border-radius: 0.06rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
padding: 0px 0.2rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.yytcfr .xxtc_c input.xxtc_txt1 {
width: calc(100% - 2rem - 0.14rem);
float: left;
}
.yytcfr .xxtc_c .p4 .yzm {
width: 2rem;
height: 0.6rem;
background-color: #444;
border-radius: 0.06rem;
-webkit-border-radius: 0.06rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
color: #fff;
font-weight: bold;
float: right;
display: block;
text-align: center;
line-height: 0.6rem;
}
.yytcfr .xxtc_c .p5 {
margin-top: 0.1rem;
}
.yytcfr .xxtc_c .p6 {
margin-top: 0.4rem;
}
.yytcfr .xxtc_c input.xxtc_btn {
width: 100%;
height: 0.6rem;
border-radius: 0.06rem;
-webkit-border-radius: 0.06rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
border: 0px;
background: none;
background-color: #00479d;
color: #fff;
font-weight: bold;
cursor: pointer;
}
.yytcfr .xxtc_c input::-moz-placeholder {
color: #999;
}
.yytcfr .xxtc_c input::-moz-placeholder {
color: #999;
}
.yytcfr .xxtc_c input::-ms-input-placeholder {
color: #999;
}
.yytcfr .xxtc_c input::-webkit-input-placeholder {
color: #999;
}
.nxqfr {
overflow: hidden;
padding-top: 1rem;
}
.nxqfr .nxq_fr {
width: 5.6rem;
overflow: hidden;
float: right;
background-color: #f5f5f5;
padding: 0.4rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.nxqfr_t {
width: 100%;
overflow: hidden;
line-height: 1.5;
}
.nxqfr_t span {
display: inline-block;
position: relative;
color: #222;
font-weight: bold;
padding-right: 0.34rem;
}
.nxqfr_t span::before {
content: "";
display: block;
width: 0.14rem;
height: 0.14rem;
background-color: #00479d;
position: absolute;
right: 0px;
bottom: 0.1rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.nxqfr_c {
width: 100%;
overflow: hidden;
}
.nxqfr_c ul li {
width: 100%;
overflow: hidden;
border-bottom: 0.01rem solid #d8d8d8;
padding: 0.3rem 0px;
}
.nxqfr_c ul li a {
width: 100%;
display: block;
overflow: hidden;
}
.nxqfr_c ul li .p {
width: 100%;
overflow: hidden;
}
.nxqfr_c ul li .p1 {
color: #222;
line-height: 1.3;
position: relative;
}
.nxqfr_c ul li .p1::before {
content: "";
display: block;
width: 0.14rem;
height: 0.14rem;
opacity: 0;
background: url("../images/t_06.png") 50% no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.nxqfr_c ul li .p2 {
color: #222;
font-weight: bold;
line-height: 1.5;
margin-top: 0.1rem;
}
.nxqfr_c ul li:hover {
border-bottom: 0.01rem solid #222;
}
.nxqfr_c ul li:hover .p1::before {
opacity: 1;
}
.nxqfr_c ul li:hover .p2 {
color: #00479d;
}
.nxqfr .nxq_fl {
width: calc(100% - 5.6rem - 1rem);
overflow: hidden;
float: left;
}
.nxqfl_t {
width: 100%;
overflow: hidden;
}
.nxqfl_t h1 {
width: 100%;
overflow: hidden;
margin: 0px;
padding: 0px;
font-weight: bold;
color: #222;
line-height: 1.5;
}
.nxqfl_t p {
width: 100%;
overflow: hidden;
border-bottom: 0.01rem solid #d7d7d7;
padding: 0.26rem 0px;
line-height: 1.5;
}
.nxqfl_t p span {
display: inline-block;
float: left;
margin-left: 0.6rem;
color: #222;
}
.nxqfl_t p span:first-child {
margin-left: 0px;
}
.nxqfl_t p a {
color: #222;
}
.nxqfl_c {
width: 100%;
overflow: hidden;
padding-top: 0.3rem;
}
.nxqfl_c p {
line-height: 1.8;
}
.nxqfl_c img {
max-width: 100%;
height: auto !important;
max-width: 600px;
}
.nxqfl_b {
width: 100%;
overflow: hidden;
margin-top: 0.8rem;
background-color: #f5f5f5;
height: 0.7rem;
position: relative;
text-align: center;
}
.nxqfl_b .a1 {
width: 42%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
color: #222;
background: url("../images/t_11.svg") 0% 50% no-repeat;
background-size: 0.08rem;
padding-left: 0.23rem;
position: absolute;
left: 0.2rem;
top: 0px;
height: 100%;
line-height: 0.7rem;
}
.nxqfl_b .a2 {
width: 42%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
color: #222;
background: url("../images/t_12.svg") 100% 50% no-repeat;
background-size: 0.08rem;
padding-right: 0.23rem;
position: absolute;
right: 0.2rem;
top: 0px;
height: 100%;
line-height: 0.7rem;
}
.nxqfl_b .a3 {
text-align: center;
line-height: 0.7rem;
color: #222;
}
.nxqfl_b .a1:hover {
color: #00479d;
background: url("../images/t_16.svg") 0% 50% no-repeat;
background-size: 0.08rem;
}
.nxqfl_b .a2:hover {
color: #00479d;
background: url("../images/t_17.svg") 100% 50% no-repeat;
background-size: 0.08rem;
}
.ky_01 {
overflow: hidden;
padding-top: 1rem;
padding-bottom: 1rem;
}
.ky01_c {
width: 100%;
overflow: hidden;
padding-top: 0.6rem;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: space-between;
}
.ky01_c .fl {
width: 48.3%;
overflow: hidden;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.ky01_c .fl img {
width: 100%;
display: block;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.ky01_c .fr {
width: calc(51.7% - 0.8rem);
overflow: hidden;
}
.ky01_c .fr .c {
width: 100%;
overflow: hidden;
}
.ky01_c .fr .p {
width: 100%;
overflow: hidden;
}
.ky01_c .fr .p1 {
color: #222;
font-weight: bold;
line-height: 1.5;
}
.ky01_c .fr .p1 span {
display: inline-block;
position: relative;
padding-right: 0.34rem;
}
.ky01_c .fr .p1 span::before {
content: "";
display: block;
width: 0.14rem;
height: 0.14rem;
background-color: #00479d;
position: absolute;
right: 0px;
bottom: 0.1rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.ky01_c .fr .p2 {
color: #222;
font-weight: bold;
line-height: 1.5;
margin-top: 0.1rem;
}
.ky01_c .fr .p3 {
color: #222;
line-height: 1.75;
margin-top: 0.3rem;
}
.ky01_c .fr .p4 {
margin-top: 0.6rem;
}
.ky01_c .fr .p4 .sp1 {
color: #00479d;
font-family: poppins-Bold;
}
.ky01_c .fr .p4 .sp2 {
color: #222;
margin-left: 0.2rem;
}
.ky01_c .fr .p5 {
color: #222;
line-height: 1.5;
}
.ky01_c:hover .fl img {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.ky_02 {
overflow: hidden;
background-color: #fafafa;
padding: 1rem 0px;
}
.ky02_t {
width: 100%;
overflow: hidden;
text-align: center;
line-height: 1.5;
color: #222;
font-weight: bold;
}
.ky02_c {
width: 100%;
overflow: visible;
margin-top: 0.6rem;
}
.ky02_c ul {
width: 100%;
overflow: visible;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 0.4rem;
}
.ky02_c ul li {
width: 100%;
overflow: hidden;
background-color: #fff;
padding: 0px 0.4rem;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-moz-box-shadow: 0px 0px 0.32rem rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0px 0px 0.32rem rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 0.32rem rgba(0, 0, 0, 0.05);
}
.ky02_c ul li .p {
width: 100%;
overflow: hidden;
}
.ky02_c ul li .p1 {
border-bottom: 0.01rem solid #222;
color: #222;
font-weight: bold;
line-height: 1.5;
padding: 0.4rem 0px 0.3rem 0px;
text-overflow: ellipsis;
white-space: nowrap;
}
.ky02_c ul li .p2 {
padding: 0.3rem 0px 0.4rem 0px;
color: #222;
}
.ky02_c ul li .p2 p {
line-height: 1.75;
}
.ky02_c ul li:hover .p1 {
color: #00479d;
}
.ky_03 {
overflow: hidden;
padding: 1rem 0px;
}
.ky03_t {
width: 100%;
overflow: hidden;
text-align: center;
color: #222;
line-height: 1.75;
margin-top: 0.2rem;
}
.ky03_c {
width: 100%;
overflow: visible;
padding-top: 0.6rem;
}
.ky03_c ul {
width: 100%;
overflow: visible;
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 0.28rem;
}
.ky03_c ul li {
width: 100%;
overflow: hidden;
color: #222;
font-weight: bold;
height: 1rem;
padding: 0px 0.4rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border: 0.01rem solid #ededed;
border-radius: 0.12rem;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: flex-start;
}
.ky03_c ul li span {
display: inline-block;
position: relative;
line-height: 1.5;
padding-left: 0.3rem;
}
.ky03_c ul li span::before {
content: "";
display: block;
width: 0.1rem;
height: 0.1rem;
background-color: #222;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
position: absolute;
left: 0px;
top: 0.13rem;
}
.ky03_c ul li {
-moz-box-shadow: 0px 0px 0.32rem rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0px 0px 0.32rem rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 0.32rem rgba(0, 0, 0, 0.05);
}
.ky03_c ul li:hover span {
color: #00479d;
}
.ky03_c ul li:hover span::before {
background-color: #00479d;
}
.ky_04 {
overflow: hidden;
background: url("../images/ky_01.webp") 50% no-repeat;
background-size: cover;
}
.ky04fr {
width: 100%;
overflow: hidden;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: space-between;
}
.ky04fr .fr {
width: 54.72%;
overflow: visible;
}
.ky04fr .fr img {
width: 100%;
display: block;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.ky04fr .fl {
width: calc(45.28% - 1.5rem);
overflow: hidden;
}
.ky04fr .fl .c {
width: 100%;
overflow: hidden;
}
.ky04fr .fl .p {
width: 100%;
overflow: hidden;
}
.ky04fr .fl .p1 {
color: #222;
font-weight: bold;
line-height: 1.5;
}
.ky04fr .fl .p2 {
margin-top: 0.6rem;
}
.ky04fr .fl .p2 ul {
width: 100%;
overflow: hidden;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.ky04fr .fl .p2 ul li {
width: 100%;
overflow: hidden;
}
.ky04fr .fl .p2 ul li .p3 {
color: #00479d;
font-family: poppins-Bold;
line-height: 1.1;
}
.ky04fr .fl .p2 ul li .p4 {
color: #222;
font-weight: bold;
line-height: 1.5;
}
.ky04fr .fl .p5 {
margin-top: 0.8rem;
color: #999;
line-height: 1.5;
}
.ky04fr:hover .fr img {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.ky_05 {
overflow: hidden;
padding-top: 1rem;
}
.ky05fr {
width: 100%;
overflow: hidden;
position: relative;
}
.ky05fr .fr {
width: 8.5rem;
height: 5rem;
overflow: hidden;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
position: absolute;
right: 0px;
top: 0px;
z-index: 9;
}
.ky05fr .fr img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
}
.ky05fr .fl {
width: 100%;
overflow: hidden;
background-color: #f4f5f6;
padding: 0px 0px 0px 0.6rem;
height: 4.6rem;
margin-top: 1rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.ky05fr .fl {
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: flex-start;
}
.ky05fr .fl .txt {
width: calc(100% - 9.72rem - 0.6rem);
overflow: hidden;
}
.ky05fr .fl .p {
width: 100%;
overflow: hidden;
}
.ky05fr .fl .p1 {
color: #222;
font-weight: bold;
line-height: 1.5;
}
.ky05fr .fl .p2 {
color: #222;
line-height: 1.75;
margin-top: 0.3rem;
}
.ky05fr:hover .fr img {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.ky_06 {
overflow: hidden;
padding-top: 1rem;
}
.ky06_c {
width: 100%;
overflow: hidden;
position: relative;
margin-top: 0.6rem;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.ky06_c .ky06c_bg {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
}
.ky06_c .ky06c_bg img {
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0px;
top: 0px;
object-fit: cover;
}
.ky06_c .ky06c_c {
width: 100%;
overflow: hidden;
position: relative;
z-index: 9;
}
.ky06cc_t {
width: 100%;
overflow: hidden;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0.6rem 0.8rem 0.7rem 0.8rem;
}
.ky06cc_t .p {
width: 100%;
overflow: hidden;
color: #fff;
}
.ky06cc_t .p1 {
line-height: 1.5;
font-weight: bold;
position: relative;
padding-left: 0.36rem;
}
.ky06cc_t .p1::before {
content: "";
width: 0.16rem;
height: 0.16rem;
background-color: #fff;
display: block;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
position: absolute;
left: 0px;
top: 0.13rem;
}
.ky06cc_t .p2 {
font-family: poppins-Bold;
line-height: 1.3;
margin-top: 0.1rem;
}
.ky06cc_t .p3 {
margin-top: 0.4rem;
}
.ky06cc_t .p3 img {
display: block;
height: 0.7rem;
}
.ky06cc_c {
width: 100%;
overflow: hidden;
position: relative;
}
.ky06cc_c .bg {
width: 140%;
height: 140%;
overflow: hidden;
position: absolute;
left: -20%;
top: -20%;
z-index: 1;
background: url("../images/ky_02.webp") 50% no-repeat;
background-size: cover; /*background-color:rgba(101,144,198,.9);backdrop-filter:blur(8px) saturate(180%);filter:url(#image5);*/
}
.ky06cc_c .txt {
width: 100%;
overflow: hidden;
position: relative;
z-index: 9;
}
.ky06cc_c .txt .fl {
width: calc(100% - 5.8rem - 0.8rem);
margin-left: 0.8rem;
position: relative;
}
.ky06cc_c .txt .fl ul li {
width: 33.3333333333%;
float: left;
height: 2.2rem;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: flex-start;
}
.ky06cc_c .txt .fl ul li .c {
display: flex;
display: -webkit-flex;
align-items: flex-end;
justify-content: flex-start;
}
.ky06cc_c .txt .fl ul li .img {
width: 0.8rem;
overflow: hidden;
padding-bottom: 0.05rem;
}
.ky06cc_c .txt .fl ul li .img img {
width: 100%;
display: block;
}
.ky06cc_c .txt .fl ul li .txt {
padding-left: 0.4rem;
}
.ky06cc_c .txt .fl ul li .p {
width: 100%;
overflow: hidden;
color: #fff;
}
.ky06cc_c .txt .fl ul li .p1 {
font-weight: bold;
line-height: 1.3;
}
.ky06cc_c .txt .fl ul li .p2 {
font-family: poppins-Bold;
line-height: 0.6rem;
margin-top: 0.2rem;
}
.ky06cc_c .txt .fl::before {
content: "";
display: block;
width: 0.25rem;
height: 100%;
display: block;
background: url("../upimg/ky_09.png") 50% no-repeat;
background-size: 100%;
position: absolute;
right: 0px;
top: 0px;
pointer-events: none;
}
.ky06cc_c .txt .fr {
width: 5.8rem;
overflow: hidden;
height: 2.2rem;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.ky06cc_c .txt .fr .c {
display: inline-block;
color: #fff;
}
.ky06cc_c .txt .fr .sp1 {
font-family: poppins-Bold;
}
.ky06cc_c .txt .fr .sp2 {
font-weight: bold;
margin-left: 0.25rem;
}
.cpbj_01 {
overflow: hidden;
padding-top: 1rem;
}
.cpbj01_c {
width: 100%;
overflow: hidden;
margin-top: 0.4rem;
}
.cpbj01_c img {
width: 100%;
display: block;
}
.cpbj_02 {
overflow: hidden;
padding-top: 0.6rem;
}
.cpbj02_t {
width: 100%;
overflow: hidden;
position: relative;
}
.cpbj02_t .b1 {
width: 0.8rem;
height: 1px;
display: block;
overflow: hidden;
pointer-events: none;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
}
.cpbj02t_slide {
width: 100%;
overflow: hidden;
}
.cpbj02t_slide .swiper-slide {
width: calc((100% - 2.4rem) / 4);
overflow: hidden;
}
.cpbj02t_slide .swiper-slide a {
width: 100%;
display: block;
overflow: hidden;
border-bottom: 0.01rem solid #e1e1e1;
color: #222;
font-weight: bold;
line-height: 1.5;
padding: 0.3rem 0px;
position: relative;
}
.cpbj02t_slide .swiper-slide a::before {
content: "";
display: block;
width: 0.24rem;
height: 0.24rem;
background: url("../images/t_05.png") 50% no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0px;
top: 50%;
margin-top: -0.12rem;
z-index: 9;
pointer-events: none;
}
.cpbj02t_slide .swiper-slide a:hover::before {
background: url("../images/t_13.png") 50% no-repeat;
background-size: 100% 100%;
}
.cpbj02t_slide .swiper-slide a:hover {
border-bottom: 0.01rem solid #222;
}
.cpbj02t_spfr {
width: 100%;
overflow: visible;
padding-top: 0.6rem;
text-align: center;
}
.cpbj02t_spfr span {
width: 0.38rem;
height: 0.2rem;
opacity: 1;
background: none;
margin: 0px !important;
padding: 0px !important;
position: relative;
border-radius: 0px;
}
.cpbj02t_spfr span::before {
content: "";
display: block;
width: 0.08rem;
height: 0.08rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #cacaca;
position: absolute;
left: 50%;
top: 50%;
margin-left: -0.04rem;
margin-top: -0.04rem;
}
.cpbj02t_spfr span.swiper-pagination-bullet-active::before {
width: 100%;
height: 100%;
background: url("../images/in_07.png") 50% no-repeat;
background-size: 100% 100%;
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
}
.scjdfr {
width: 100%;
overflow: hidden;
}
.scjdfr .scjd_fr {
width: 6.4rem;
float: right;
overflow: hidden;
background-color: #fafafa;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0px 0.8rem;
padding-top: 1rem;
padding-bottom: 1rem;
}
.scjdfr .scjd_fl {
width: calc(100% - 6.4rem - 1.2rem - 0.8rem);
overflow: hidden;
float: left;
margin-left: 0.8rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.scjdfr .scjd_fl_all {
width: calc(100% - 1.6rem);
}
.scjd_01 {
width: 100%;
overflow: hidden;
line-height: 1.5;
border-bottom: 0.01rem solid #e1e1e1;
padding-bottom: 0.3rem;
padding-top: 1rem;
font-weight: bold;
}
.scjd_01 span {
display: inline-block;
position: relative;
padding-right: 0.34rem;
}
.scjd_01 span::before {
content: "";
display: block;
width: 0.14rem;
height: 0.14rem;
background-color: #00479d;
position: absolute;
right: 0px;
bottom: 0.1rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.scjd_02 {
width: 100%;
overflow: hidden;
padding-top: 0.3rem;
}
.scjd_02 p {
width: 100%;
overflow: hidden;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
color: #222;
font-weight: bold;
padding: 0.05rem 0px;
padding-left: 0.3rem;
line-height: 1.75;
}
.scjd_02 p::before {
content: "";
display: block;
width: 0.1rem;
height: 0.02rem;
background-color: #222;
position: absolute;
left: 0px;
top: 0.215rem;
}
.scjd_03 {
width: 100%;
overflow: hidden;
padding-top: 0.3rem;
}
.scjd_03 ul {
width: 100%;
overflow: hidden;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 0.3rem;
}
.scjd_03 ul li {
width: 100%;
overflow: hidden;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
position: relative;
}
.scjd_03 ul li img {
width: 100%;
display: block;
}
.scjd_03 ul li img.img2 {
height: 100%;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
z-index: 9;
}
.scjd_03 ul li:hover img.img2 {
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
-moz-transition: 0.3s ease;
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.scjd_04 {
width: 100%;
overflow: hidden;
padding-top: 0.4rem;
color: #222;
line-height: 1.8;
text-align: justify;
text-justify: inter-ideograph;
border-bottom: 0.01rem solid #e1e1e1;
padding-bottom: 0.6rem;
}
.scjd_04 p {
width: 100%;
overflow: hidden;
line-height: 1.8;
}
.scjd_04 p.p_img {
position: relative;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.scjd_04 p.p_img img {
width: 100%;
display: block;
}
.faxq_01 {
widtH: 100%;
overflow: hidden;
padding-top: 0.6rem;
border-bottom: 0.01rem solid #e1e1e1;
padding-bottom: 0.8rem;
}
.faxq_01 .p {
width: 100%;
overflow: hidden;
}
.faxq_01 .p1 {
color: #222;
font-weight: bold;
line-height: 1.5;
}
.faxq_01 .p2 {
overflow: hidden;
position: relative;
margin-top: 0.3rem;
}
.faxq_01 .p2 p {
width: 100%;
overflow: hidden;
line-height: 1.8;
}
.faxq_01 .p2 p.p_img {
position: relative;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.faxq_01 .p2 p.p_img img {
width: 100%;
display: block;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.faxq_01:hover .p2 p.p_img img {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.faxq_02 {
border-bottom: 0.01rem solid #e1e1e1;
padding-bottom: 0.6rem;
}
.scjd_05 {
width: 100%;
overflow: hidden;
padding-top: 0.4rem;
border-bottom: 0.01rem solid #e1e1e1;
padding-bottom: 0.8rem;
}
.scjd_05 .p {
width: 100%;
overflow: hidden;
}
.scjd_05 .p1 {
color: #222;
font-weight: bold;
line-height: 1.5;
}
.scjd_05 .p2 {
overflow: hidden;
position: relative;
margin-top: 0.3rem;
}
.scjd_05 .p2 .b1 {
width: 0.3rem;
height: 1px;
display: block;
pointer-events: none;
position: absolute;
left: 0px;
top: 0px;
}
.scjd05_slide {
width: 100%;
overflow: hidden;
}
.scjd05_slide .swiper-slide {
width: calc((100% - 0.6rem) / 3);
overflow: hidden;
}
.scjd05_slide .swiper-slide .i1 {
position: relative;
}
.scjd05_slide .swiper-slide .i1::before {
content: "";
display: block;
width: 0.45rem;
height: 0.45rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
opacity: 0;
background-color: #c9161d;
position: absolute;
right: 0.05rem;
bottom: 0.05rem;
z-index: 1;
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
-moz-transition: 0.3s ease;
}
.scjd05_slide .swiper-slide .i1 .c {
width: 100%;
overflow: hidden;
position: relative;
z-index: 9;
border-radius: 0.06rem;
-webkit-border-radius: 0.06rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.scjd05_slide .swiper-slide .i1 img {
width: 100%;
display: block;
}
.scjd05_slide .swiper-slide .i1 img.img2 {
height: 100%;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
z-index: 9;
}
.scjd05_slide .swiper-slide .i2 {
padding-top: 0.3rem;
color: #222;
font-weight: bold;
line-height: 1.5;
}
.scjd05_slide .swiper-slide .i3 {
color: #222;
line-height: 1.75;
padding-top: 0.1rem;
}
.scjd05_slide .swiper-slide .i3 p {
line-height: 1.75;
}
.scjd05_slide .swiper-slide:hover .i1 .c {
border-radius: 0.06rem 0.06rem 0.6rem 0.06rem;
-webkit-border-radius: 0.06rem 0.06rem 0.6rem 0.06rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.scjd05_slide .swiper-slide:hover .i1::before {
right: 0.03rem;
bottom: 0.03rem;
opacity: 1;
transition-delay: 0.15s;
-webkit-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
}
.scjd05_slide .swiper-slide:hover .i2 {
color: #00479d;
}
.scjd05_slide .swiper-slide:hover .i1 img.img2 {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
-moz-transition: 0.3s ease;
}
.scjd05_more a.scjd05_prev {
width: 0.6rem;
height: 0.6rem;
display: block;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #00479d;
position: absolute;
left: 0.2rem;
top: 0px;
z-index: 999;
}
.scjd05_more a.scjd05_prev::before {
content: "";
width: 100%;
height: 100%;
display: block;
background: url("../images/t_14.svg") 50% no-repeat;
background-size: 0.08rem;
position: absolute;
left: 0px;
top: 0px;
}
.scjd05_more a.scjd05_next {
width: 0.6rem;
height: 0.6rem;
display: block;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #00479d;
position: absolute;
right: 0.2rem;
top: 0px;
z-index: 999;
}
.scjd05_more a.scjd05_next::before {
content: "";
width: 100%;
height: 100%;
display: block;
background: url("../images/t_15.svg") 50% no-repeat;
background-size: 0.08rem;
position: absolute;
left: 0px;
top: 0px;
}
.scjd_06 {
width: 100%;
overflow: hidden;
padding-top: 0.6rem;
border-bottom: 0.01rem solid #e1e1e1;
padding-bottom: 0.8rem;
}
.scjd_06 .p {
width: 100%;
overflow: hidden;
}
.scjd_06 .p1 {
position: relative;
line-height: 1.5;
}
.scjd_06 .p1 i {
display: inline-block;
font-weight: bold;
color: #222;
}
.scjd_06 .p1 .scjd06_spfr {
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
}
.scjd_06 .p1 .scjd06_spfr span {
width: 0.38rem;
height: 0.2rem;
opacity: 1;
background: none;
margin: 0px !important;
padding: 0px !important;
position: relative;
border-radius: 0px;
}
.scjd_06 .p1 .scjd06_spfr span::before {
content: "";
display: block;
width: 0.08rem;
height: 0.08rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #cacaca;
position: absolute;
left: 50%;
top: 50%;
margin-left: -0.04rem;
margin-top: -0.04rem;
}
.scjd_06 .p1 .scjd06_spfr span.swiper-pagination-bullet-active::before {
width: 100%;
height: 100%;
background: url("../images/in_07.png") 50% no-repeat;
background-size: 100% 100%;
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
}
.scjd_06 .p2 {
margin-top: 0.3rem;
}
.scjd06_slide {
width: 100%;
overflow: hidden;
}
.scjd06_slide .swiper-slide {
width: calc((100% - 0.6rem) / 3);
overflow: hidden;
}
.scjd06_slide .swiper-slide a {
width: 100%;
display: block;
overflow: hidden;
}
.scjd06_slide .swiper-slide .p {
width: 100%;
overflow: hidden;
}
.scjd06_slide .swiper-slide .i1 {
position: relative;
padding-bottom: 0.04rem;
}
.scjd06_slide .swiper-slide .i1 .c {
width: 100%;
overflow: hidden;
position: relative;
border-radius: 0.06rem;
-webkit-border-radius: 0.06rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #f1f7ff;
z-index: 9;
}
.scjd06_slide .swiper-slide .i1 .c img {
width: 100%;
display: block;
}
.scjd06_slide .swiper-slide .i1 .c img.img2 {
height: 100%;
object-fit: contain;
position: absolute;
left: 0px;
top: 0px;
z-index: 9;
}
.scjd06_slide .swiper-slide .i1::before {
content: "";
opacity: 0;
width: 99%;
height: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0.06rem;
z-index: 1;
background-color: #00479d;
border-radius: 0.06rem;
-webkit-border-radius: 0.06rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.scjd06_slide .swiper-slide .i2 {
color: #222;
line-height: 1.75;
margin-top: 0.2rem;
text-align: center;
}
.scjd06_slide .swiper-slide:hover .i1::before {
bottom: 0px;
opacity: 1;
z-index: 1;
}
.scjd06_slide .swiper-slide:hover .i2 {
font-weight: bold;
}
.scjd06_slide .swiper-slide:hover .c {
z-index: 9;
}
.scjd06_slide .swiper-slide:hover .c img.img2 {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
-moz-transition: 0.3s ease;
}
.scjd_07 {
width: 100%;
overflow: hidden;
padding-top: 0.6rem;
}
.scjd_07 .p {
width: 100%;
overflow: hidden;
}
.scjd_07 .p1 {
font-weight: bold;
color: #222;
line-height: 1.5;
}
.scjd_07 .p2 {
margin-top: 0.3rem;
}
.scjd_07 .p2 p {
width: 100%;
overflow: hidden;
padding: 0.06rem 0px;
line-height: 1.75;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.scjd_07 .p2 p.p3 {
background: url("../images/btn_02.png") 0% 50% no-repeat;
background-size: 0.21rem;
padding-left: 0.36rem;
}
.scjd_07 .p2 p.p4 {
background: url("../images/btn_03.png") 0% 50% no-repeat;
background-size: 0.21rem;
padding-left: 0.36rem;
}
.scjd_07 .p2 p.p5 {
background: url("../images/btn_04.png") 0% 50% no-repeat;
background-size: 0.21rem;
padding-left: 0.36rem;
}
.scjd_07 .p2 p.p6 {
background: url("../images/btn_05.png") 0% 50% no-repeat;
background-size: 0.21rem;
padding-left: 0.36rem;
}
.scjdr_01 {
width: 100%;
overflow: hidden;
border-bottom: 0.02rem solid #e1e1e1;
color: #999;
line-height: 1.5;
padding-bottom: 0.3rem;
font-weight: bold;
}
.scjdr_02 {
width: 100%;
overflow: hidden;
}
.scjdr_02 ul li {
width: 100%;
overflow: hidden;
position: relative;
line-height: 1.5;
padding: 0.3rem 0px;
border-bottom: 0.01rem solid #e1e1e1;
}
.scjdr_02 ul li a {
color: #222;
font-weight: bold;
width: calc(100% - 0.34rem);
overflow: hidden;
}
.scjdr_02 ul li::before {
content: "";
display: block;
width: 0.24rem;
height: 0.24rem;
background: url("../images/t_05.png") 50% no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0px;
top: 50%;
margin-top: -0.12rem;
}
.scjdr_02 ul li:hover a {
color: #00479d;
}
.scjdr_02 ul li:hover::before {
background: url("../images/t_06.png") 50% no-repeat;
background-size: 100% 100%;
}
.jbqk_01 {
overflow: hidden;
padding-top: 1rem;
}
.jbqk_01 .p {
width: 100%;
overflow: hidden;
max-width: 67.05%;
}
.jbqk_01 .p1 {
color: #222;
font-weight: bold;
line-height: 1.5;
position: relative;
}
.jbqk_01 .i1 span {
display: inline-block;
position: relative;
padding-right: 0.34rem;
}
.jbqk_01 .i1 span::before {
content: "";
display: block;
width: 0.14rem;
height: 0.14rem;
background-color: #00479d;
position: absolute;
right: 0px;
bottom: 0.1rem;
border-radius: 50%;
}
.jbqk_01 .i2 {
margin-top: 0.1rem;
}
.jbqk_01 .a1 {
display: inline-block;
padding-right: 0.26rem;
font-weight: normal;
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
background: url("../images/t_05.png") 100% 50% no-repeat;
background-size: 0.14rem;
}
.jbqk_01 .a1:hover {
color: #00479d;
background: url("../images/t_06.png") 100% 50% no-repeat;
background-size: 0.14rem;
}
.jbqk_01 .p2 {
color: #222;
line-height: 1.75;
margin-top: 0.4rem;
text-align: justify;
text-justify: inter-ideograph;
}
.jbqk_02 {
width: 100%;
overflow: hidden;
margin-top: 0.6rem;
}
.jbqk_02 ul li {
overflow: hidden;
margin-right: 0.2rem;
margin-bottom: 0.2rem;
float: left;
}
.jbqk_02 ul li:nth-child(2n) {
margin-right: 0px;
}
.jbqk_02 ul li a {
width: 100%;
display: block;
overflow: hidden;
position: relative;
z-index: 99;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.jbqk_02 ul li img {
width: 100%;
display: block;
}
.jbqk_02 ul li img.img2 {
height: 100%;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
z-index: 7;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.jbqk_02 ul li a::before {
content: "";
display: block;
width: 100%;
height: 100%;
overflow: hidden;
background: url("../images/jb_01.png") 50% no-repeat;
background-size: cover;
position: absolute;
left: 0px;
top: 0px;
z-index: 8;
opacity: 0;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.jbqk_02 ul li span {
width: calc(100% - 0.8rem);
display: block;
overflow: hidden;
font-weight: bold;
color: #fff;
position: absolute;
left: 0.4rem;
bottom: 0.4rem;
z-index: 9;
background: url("../images/t_04.png") 100% 50% no-repeat;
background-size: 0.26rem;
}
.jbqk_02 ul li:nth-child(1) {
width: calc((100% - 0.2rem) / 2);
}
.jbqk_02 ul li:nth-child(2) {
width: calc((100% - 0.2rem) / 2);
}
.jbqk_02 ul li:nth-child(3) {
width: 37.5%;
}
.jbqk_02 ul li:nth-child(4) {
width: calc(62.5% - 0.2rem);
}
.jbqk_02 ul li:hover img.img2 {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.jbqk_02 ul li:hover span {
background: url("../images/t_13.png") 100% 50% no-repeat;
background-size: 0.26rem;
}
.jbqk_02 ul li:hover a::before {
opacity: 1;
}
.jbqk_03 {
overflow: hidden;
padding-top: 1rem;
}
.jbqk_03 ul li {
width: 100%;
overflow: hidden;
margin-bottom: 0.8rem;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.jbqk_03 ul li:last-child {
margin-bottom: 0px;
}
.jbqk_03 ul li .img {
width: 49.43%;
overflow: hidden;
position: relative;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.jbqk_03 ul li .img img {
width: 100%;
display: block;
}
.jbqk_03 ul li .img img.img2 {
height: 100%;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
}
.jbqk_03 ul li .txt {
width: calc(50.57% - 0.8rem);
overflow: hidden;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.jbqk_03 ul li .txt .c {
width: 100%;
overflow: hidden;
}
.jbqk_03 ul li .txt .p {
width: 100%;
overflow: hidden;
}
.jbqk_03 ul li .txt .p1 {
line-height: 1.5;
color: #222;
font-weight: bold;
}
.jbqk_03 ul li .txt .p1 span {
display: inline-block;
position: relative;
padding-right: 0.34rem;
}
.jbqk_03 ul li .txt .p1 span::before {
content: "";
display: block;
width: 0.14rem;
height: 0.14rem;
background-color: #00479d;
position: absolute;
right: 0px;
bottom: 0.1rem;
border-radius: 50%;
}
.jbqk_03 ul li .txt .p2 {
color: #222;
font-weight: bold;
line-height: 1.5;
margin-top: 0.2rem;
}
.jbqk_03 ul li .txt .p3 {
color: #222;
line-height: 1.75;
margin-top: 0.4rem;
text-align: justify;
text-justify: inter-ideograph;
}
.jbqk_03 ul li .txt .p4 {
margin-top: 0.6rem;
}
.jbqk_03 ul li .txt .p4 dl {
width: 100%;
overflow: hidden;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 0.1rem;
margin: 0px;
padding: 0px;
}
.jbqk_03 ul li .txt .p4 dl dd {
width: 100%;
overflow: hidden;
background-color: #fafafa;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
margin: 0px;
padding: 0.2rem 0.3rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.jbqk_03 ul li .txt .p4 dl dd .a {
width: 100%;
overflow: hidden;
}
.jbqk_03 ul li .txt .p4 dl dd .i1 {
line-height: 1;
}
.jbqk_03 ul li .txt .p4 dl dd .sp1 {
display: inline-block;
color: #00479d;
font-family: poppins-Bold;
}
.jbqk_03 ul li .txt .p4 dl dd .sp2 {
display: inline-block;
color: #222;
margin-left: 0.2rem;
}
.jbqk_03 ul li .txt .p4 dl dd .i2 {
line-height: 1.5;
margin-top: 0.1rem;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: flex-start;
}
.jbqk_03 ul li .txt .p4 dl dd .i2 img {
display: block;
}
.jbqk_03 ul li .txt .p4 dl dd .i2 i {
display: inline-block;
margin-left: 0.1rem;
}
.jbqk_03 ul li .txt .p5 {
margin-top: 0.4rem;
color: #999;
}
.jbqk_03 ul li:hover .img img.img2 {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
-moz-transition: 0.3s ease;
}
.ls_01 {
overflow: hidden;
padding-top: 1rem;
}
.ls01_t {
width: 100%;
overflow: hidden;
padding-bottom: 0.6rem;
}
.ls01_t span {
display: inline-block;
color: #222;
line-height: 1.5;
font-weight: bold;
position: relative;
padding-right: 0.34rem;
}
.ls01_t span::before {
content: "";
display: block;
width: 0.14rem;
height: 0.14rem;
background-color: #00479d;
position: absolute;
right: 0px;
bottom: 0.1rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.ls01_c {
width: 100%;
overflow: visible;
position: relative;
}
.ls01_c .b1 {
width: 1rem;
height: 1px;
display: block;
overflow: hidden;
pointer-events: none;
position: absolute;
left: 0px;
top: 0px;
}
.ls01_c .b2 {
width: calc(100% + 1.6rem);
height: 0.01rem;
display: block;
background-color: #cacaca;
pointer-events: none;
z-index: 1;
position: absolute;
left: -0.8rem;
top: 0px;
}
.ls01c_slide {
width: 100%;
overflow: visible;
position: relative;
z-index: 9;
}
.ls01c_slide .swiper-slide {
width: 6rem;
overflow: hidden;
}
.ls01c_slide .swiper-slide .ls01cfr {
width: 100%;
overflow: hidden;
}
.ls01c_slide .swiper-slide .ls01cfr .p {
width: 100%;
overflow: hidden;
}
.ls01c_slide .swiper-slide .ls01cfr .p1 {
position: relative;
}
.ls01c_slide .swiper-slide .ls01cfr .p1 .img {
width: 100%;
overflow: hidden;
position: relative;
z-index: 5;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.ls01c_slide .swiper-slide .ls01cfr .p1 .img img {
width: 100%;
display: block;
}
.ls01c_slide .swiper-slide .ls01cfr .p1 .img img.img2 {
height: 100%;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
}
.ls01c_slide .swiper-slide .ls01cfr .p1::before {
content: "";
display: block;
width: 0.9rem;
height: 0.9rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #c9161d;
position: absolute;
right: 0.1rem;
bottom: 0.1rem;
opacity: 0;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.ls01c_slide .swiper-slide .ls01cfr .p2 {
color: #222;
font-weight: bold;
line-height: 1.5;
padding-top: 0.3rem;
}
.ls01c_slide .swiper-slide .ls01cfr .p3 {
color: #222;
line-height: 1.75;
margin-top: 0.1rem;
}
.ls01c_slide .swiper-slide .ls01cfr:hover .p1 .img {
border-radius: 0.12rem 0.12rem 0.9rem 0.12rem;
-webkit-border-radius: 0.12rem 0.12rem 0.9rem 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.ls01c_slide .swiper-slide .ls01cfr:hover .p1::before {
right: 0.05rem;
bottom: 0.05rem;
opacity: 1;
}
.ls01c_slide .swiper-slide .ls01cfr:hover .p2 {
color: #00479d;
}
.ls01c_slide .swiper-slide .ls01cfr:hover .p1 .img img.img2 {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
-moz-transition: 0.3s ease;
}
.ls01c_more a.ls01c_prev {
width: 0.6rem;
height: 0.6rem;
display: block;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #00479d;
position: absolute;
left: 0.2rem;
top: 0px;
z-index: 999;
}
.ls01c_more a.ls01c_prev::before {
content: "";
width: 100%;
height: 100%;
display: block;
background: url("../images/t_14.svg") 50% no-repeat;
background-size: 0.08rem;
position: absolute;
left: 0px;
top: 0px;
}
.ls01c_more a.ls01c_next {
width: 0.6rem;
height: 0.6rem;
display: block;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #00479d;
position: absolute;
right: 0.2rem;
top: 0px;
z-index: 999;
}
.ls01c_more a.ls01c_next::before {
content: "";
width: 100%;
height: 100%;
display: block;
background: url("../images/t_15.svg") 50% no-repeat;
background-size: 0.08rem;
position: absolute;
left: 0px;
top: 0px;
}
.lxwm_01 {
overflow: hidden;
padding: 1rem 0px;
}
.lxwm01fr {
width: 100%;
overflow: hidden;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: space-between;
}
.lxwm01fr .img {
width: 48.3%;
overflow: hidden;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.lxwm01fr .img img {
width: 100%;
display: block;
}
.lxwm01fr .txt {
width: calc(51.7% - 1.1rem);
overflow: hidden;
}
.lxwm01fr .txt .p {
width: 100%;
overflow: hidden;
}
.lxwm01fr .txt .p1 {
border-bottom: 0.01rem solid #cdcdcd;
padding-bottom: 0.3rem;
}
.lxwm01fr .txt .p1 span {
display: inline-block;
color: #222;
line-height: 1.5;
font-weight: bold;
position: relative;
padding-right: 0.34rem;
}
.lxwm01fr .txt .p1 span::before {
content: "";
display: block;
width: 0.14rem;
height: 0.14rem;
background-color: #00479d;
position: absolute;
right: 0px;
bottom: 0.1rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.lxwm01fr .txt .p2 {
color: #222;
line-height: 1.5;
margin-top: 0.6rem;
}
.lxwm01fr .txt .p3 {
color: #222;
margin-top: 0.3rem;
}
.lxwm01fr .txt .p3 p {
line-height: 1.75;
margin-bottom: 0.15rem;
}
.lxwm01fr .txt .p3 p:last-child {
margin-bottom: 0px;
}
.lxwm01fr .txt .p3 p span {
display: inline-block;
position: relative;
padding-left: 0.6rem;
}
.lxwm01fr .txt .p3 p span.sp1 {
background: url("../upimg/lxwm_02.png") 0% 50% no-repeat;
background-size: 0.24rem;
}
.lxwm01fr .txt .p3 p span.sp2 {
background: url("../upimg/lxwm_03.png") 0% 50% no-repeat;
background-size: 0.24rem;
}
.lxwm01fr .txt .p3 p span.sp3 {
background: url("../upimg/lxwm_04.png") 0% 50% no-repeat;
background-size: 0.24rem;
}
.lxwm01fr .txt .p3 p span.sp4 {
background: url("../upimg/lxwm_05.png") 0% 50% no-repeat;
background-size: 0.24rem;
}
.lxwm01fr:hover .img img {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
-moz-transition: 0.3s ease;
}
.lxwm_02 {
overflow: hidden;
padding-top: 0px;
}
.lxwm_02 ul {
width: 100%;
overflow: hidden;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 0.6rem;
grid-row-gap: 0.4rem;
}
.lxwm_02 ul li {
width: 100%;
overflow: hidden;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0.4rem 0.5rem;
}
.lxwm_02 ul li::before {
content: "";
display: block;
width: 0.7rem;
height: 0.7rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #c9161d;
position: absolute;
right: 0.1rem;
bottom: 0.1rem;
z-index: 1;
opacity: 0;
}
.lxwm_02 ul li .bg {
width: 100%;
height: 100%;
overflow: hidden;
background-color: #f8f8f8;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
position: absolute;
left: 0px;
top: 0px;
z-index: 2;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.lxwm_02 ul li .bg::before {
content: "";
width: 100%;
height: 100%;
display: block;
overflow: hidden;
background: url("../images/lxwm_05.webp") 50% no-repeat;
background-size: cover;
position: absolute;
left: 0px;
top: 0px;
opacity: 0;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.lxwm_02 ul li .txt {
width: 100%;
overflow: hidden;
position: relative;
z-index: 9;
}
.lxwm_02 ul li:nth-child(1) {
grid-column: 1/3;
}
.lxwm_02 ul li .txt .p {
width: 100%;
overflow: hidden;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.lxwm_02 ul li .txt .p1 {
color: #222;
font-weight: bold;
line-height: 1.5;
}
.lxwm_02 ul li .txt .p2 {
margin-top: 0.1rem;
color: #222;
}
.lxwm_02 ul li .txt .p2 p {
width: 100%;
overflow: hidden;
padding: 0.05rem 0px;
line-height: 1.75;
}
.lxwm_02 ul li .txt .p2 span {
display: inline-block;
position: relative;
padding-left: 0.3rem;
margin-right: 1rem;
}
.lxwm_02 ul li .txt .p2 span::before {
content: "";
display: block;
width: 0.1rem;
height: 0.1rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #c4c4c4;
position: absolute;
left: 0px;
top: 0.125rem;
}
.lxwm_02 ul li .txt .p2 span:last-child {
margin-right: 0px;
}
.lxwm_02 ul li:hover .bg::before {
opacity: 1;
}
.lxwm_02 ul li:hover .bg {
border-radius: 0.12rem 0.12rem 0.8rem 0.12rem;
}
.lxwm_02 ul li:hover::before {
opacity: 1;
right: 0.05rem;
bottom: 0.05rem;
}
.lxwm_02 ul li:hover .p1 {
color: #fff;
}
.lxwm_02 ul li:hover .p2 {
color: #fff;
}
.lxwm_02 ul li:hover .p2 span::before {
background-color: #fff;
}
.pp_01 {
overflow: hidden;
padding-top: 1rem;
}
.pp_02 {
overflow: hidden;
padding-top: 0.6rem;
}
.pp_02 ul li {
width: 100%;
overflow: hidden;
margin-bottom: 0.8rem;
}
.pp_02 ul li .pp02fr {
width: 100%;
overflow: hidden;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.pp_02 ul li .pp02fr .img {
width: 79.55%;
overflow: hidden;
position: relative;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.pp_02 ul li .pp02fr .img img {
width: 100%;
display: block;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.pp_02 ul li .pp02fr .img img.img2 {
height: 100%;
display: block;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
}
.pp_02 ul li .pp02fr .txt {
width: calc(20.45% - 0.6rem);
overflow: visible;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.pp_02 ul li .pp02fr .txt .c {
width: 100%;
overflow: visible;
min-height: calc(100% - 1.6rem);
position: relative;
}
.pp_02 ul li .pp02fr .txt .p {
width: 100%;
overflow: hidden;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.pp_02 ul li .pp02fr .txt .p1 i {
display: inline-block;
position: relative;
}
.pp_02 ul li .pp02fr .txt .p1 img {
display: block;
height: 0.49rem;
}
.pp_02 ul li .pp02fr .txt .p1 img.img2 {
position: absolute;
left: 0px;
top: 0px;
opacity: 0;
z-index: 9;
}
.pp_02 ul li .pp02fr .txt .p2 {
color: #222;
font-weight: bold;
line-height: 1.5;
margin-top: 0.4rem;
}
.pp_02 ul li .pp02fr .txt .p3 {
color: #222;
line-height: 1.75;
margin-top: 0.1rem;
}
.pp_02 ul li .pp02fr .txt .p4 {
position: absolute;
left: 0px;
bottom: 0px;
}
.pp_02 ul li .pp02fr .txt .p4 b {
width: 0.26rem;
height: 0.26rem;
display: block;
overflow: hidden;
background: url("../images/t_05.png") 50% no-repeat;
background-size: 100% 100%;
}
.pp_02 ul li:hover .pp02fr .txt .p4 b {
background: url("../images/t_13.png") 50% no-repeat;
background-size: 100% 100%;
}
.pp_02 ul li:hover .pp02fr .img img.img2 {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.pp_02 ul li:hover .pp02fr .txt .p1 {
transform: translateY(-0.03rem);
}
.pp_02 ul li:hover .pp02fr .txt .p1 img.img2 {
opacity: 1;
}
.pp_02 ul li:hover .pp02fr .txt .p1 img.img1 {
opacity: 0;
}
.pz_01 {
overflow: hidden;
background-color: #f9f9f9;
padding: 1rem 0px;
}
.pz01fr {
width: 100%;
overflow: hidden;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.pz01fr .pz01_fr {
width: 49.26%;
overflow: hidden;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.pz01fr .pz01_fr img {
width: 100%;
display: block;
}
.pz01fr .pz01_fl {
width: calc(50.74% - 1.4rem);
overflow: visible;
}
.pz01fr:hover .pz01_fr img {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
-moz-transition: 0.3s ease;
}
.pz01l_t {
width: 100%;
overflow: hidden;
}
.pz01l_t span {
display: inline-block;
color: #222;
font-weight: bold;
line-height: 1.5;
position: relative;
padding-right: 0.34rem;
}
.pz01l_t span::before {
content: "";
display: block;
width: 0.14rem;
height: 0.14rem;
background-color: #00479d;
position: absolute;
right: 0px;
bottom: 0.1rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.pz01l_info {
width: 100%;
overflow: hidden;
margin-top: 0.2rem;
color: #222;
}
.pz01l_info p {
line-height: 1.75;
}
.pz01l_more {
width: 100%;
overflow: hidden;
margin-top: 0.4rem;
}
.pz01l_more a {
display: inline-block;
background: url("../images/t_05.png") 100% 50% no-repeat;
background-size: 0.14rem;
padding-right: 0.28rem;
}
.pz01l_img {
width: 100%;
overflow: visible;
padding-top: 0.7rem;
}
.pz01l_img ul {
width: 100%;
max-width: 6.6rem;
overflow: visible;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 0.34rem;
grid-row-gap: 0.24rem;
}
.pz01l_img ul li {
width: 100%;
overflow: hidden;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
-moz-box-shadow: 0.1rem 0px 0.28rem rgba(0, 0, 0, 0.03);
-webkit-box-shadow: 0.1rem 0px 0.28rem rgba(0, 0, 0, 0.03);
box-shadow: 0.1rem 0px 0.28rem rgba(0, 0, 0, 0.03);
}
.pz01l_img ul li img {
width: 100%;
display: block;
}
.pz01l_img ul li:hover img {
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
-moz-transition: 0.3s ease;
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.pz_02 {
overflow: hidden;
padding-top: 1rem;
}
.pz02_c {
width: 100%;
overflow: hidden;
margin-top: 0.6rem;
}
.pz02_c ul {
width: 100%;
overflow: hidden;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 0.4rem;
}
.pz02_c ul li {
width: 100%;
overflow: hidden;
position: relative;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.pz02_c ul li .pz02c_bg {
width: 100%;
overflow: hidden;
position: relative;
z-index: 1;
}
.pz02_c ul li .pz02c_bg img {
width: 100%;
display: block;
position: relative;
z-index: 1;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.pz02_c ul li .pz02c_bg::before {
content: "";
display: block;
width: 100%;
height: 0%;
position: absolute;
left: 0px;
bottom: 0px;
z-index: 9;
background: linear-gradient(rgba(0, 71, 157, 0), rgb(0, 71, 157));
background: -webkit-linear-gradient(rgba(0, 71, 157, 0), rgb(0, 71, 157));
background: -o-linear-gradient(rgba(0, 71, 157, 0), rgb(0, 71, 157));
background: -moz-linear-gradient(rgba(0, 71, 157, 0), rgb(0, 71, 157));
}
.pz02_c ul li .pz02c_bg::before {
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.pz02_c ul li .pz02c_c {
width: 100%;
overflow: hidden;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
z-index: 9;
}
.pz02_c ul li .pz02c_c .p {
width: 100%;
overflow: hidden;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.pz02_c ul li .pz02c_c .p1 {
position: absolute;
left: 0px;
top: 0.9rem;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.pz02_c ul li .pz02c_c .p1 img {
display: block;
margin: 0px auto;
padding: 0px;
height: 0.62rem;
}
.pz02_c ul li .pz02c_c .p2 {
position: absolute;
left: 0px;
bottom: 0.6rem;
color: #fff;
padding: 0px 0.6rem;
}
.pz02_c ul li .pz02c_c .i1 {
font-weight: bold;
line-height: 1.75;
text-align: center;
}
.pz02_c ul li .pz02c_c .i2 {
margin-top: 0.3rem;
text-align: center;
display: none;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.pz02_c ul li .pz02c_c .i2 p {
line-height: 1.75;
}
.pz02_c ul li:hover .pz02c_bg::before {
height: 100%;
}
.pz02_c ul li:hover .pz02c_bg img {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.pz02_c ul li:hover .pz02c_c .i2 {
display: block;
transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
}
.pz02_c ul li:hover .pz02c_c .p1 {
transform: translateY(-0.03rem);
}
.pz02_b {
width: 100%;
overflow: visible;
position: relative;
margin-top: 1rem;
}
.pz02_b .b1 {
width: 0.4rem;
height: 1px;
display: block;
pointer-events: none;
position: absolute;
left: 0px;
top: 0px;
}
.pz02_b::before {
content: "";
width: 1.8rem;
height: 100%;
display: block;
pointer-events: none;
position: absolute;
right: -0.8rem;
top: 0px;
z-index: 9;
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}
.pz02_b::after {
content: "";
width: 1.8rem;
height: 100%;
display: block;
pointer-events: none;
position: absolute;
left: -0.8rem;
top: 0px;
z-index: 9;
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}
.pz02_b::after {
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.lz02b_slide {
width: 100%;
overflow: visible;
}
.lz02b_slide .swiper-slide {
width: calc((100% - 0.8rem) / 3);
overflow: hidden;
}
.lz02b_slide .swiper-slide a {
width: 100%;
display: block;
overflow: hidden;
}
.lz02b_slide .swiper-slide .p {
width: 100%;
overflow: hidden;
}
.lz02b_slide .swiper-slide .p1 {
position: relative;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.lz02b_slide .swiper-slide .p1 img {
width: 100%;
display: block;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.lz02b_slide .swiper-slide .p2 {
text-align: center;
color: #222;
line-height: 1.75;
margin-top: 0.15rem;
}
.lz02b_slide .swiper-slide a:hover .p1 img {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.lz02b_slide .swiper-slide a:hover .p2 {
color: #00479d;
}
.zlgh_01 {
overflow: hidden;
padding: 1rem 0px 0px 0px;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: space-between;
}
.zh01_fl {
widtH: 50%;
overflow: hidden;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0px 1.2rem 0px 0.8rem;
}
.zh01_fl .c {
width: 100%;
overflow: hidden;
}
.zh01_fl .p {
width: 100%;
overflow: hidden;
}
.zh01_fl .p1 span {
display: inline-block;
position: relative;
color: #222;
font-weight: bold;
line-height: 1.5;
padding-right: 0.34rem;
}
.zh01_fl .p1 span::before {
content: "";
display: block;
width: 0.14rem;
height: 0.14rem;
background-color: #00479d;
position: absolute;
right: 0px;
bottom: 0.1rem;
border-radius: 50%;
}
.zh01_fl .p2 {
color: #222;
font-weight: bold;
line-height: 1.5;
margin-top: 0.1rem;
}
.zh01_fl .p3 {
color: #222;
line-height: 1.75;
margin-top: 0.4rem;
text-align: justify;
text-justify: inter-ideograph;
}
.zh01_fl .p3 p {
line-height: 1.75;
}
.zh01_fr {
width: 50%;
overflow: hidden;
float: right;
position: relative;
}
.zh01_fr .c {
width: 100%;
overflow: hidden;
border-radius: 0.12rem 0px 0px 1rem;
-webkit-border-radius: 0.12rem 0px 0px 1rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.zh01_fr img {
width: 100%;
display: block;
position: relative;
z-index: 9;
}
.zh01_fr::before {
content: "";
display: block;
width: 0.9rem;
height: 0.9rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #c9161d;
position: absolute;
left: 0.05rem;
bottom: 0.05rem;
z-index: 1;
}
.zlgh_01:hover .zh01_fr img {
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
-moz-transition: 0.3s ease;
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.zjgx_01 {
overflow: hidden;
padding-top: 1rem;
}
.zjgx01fr {
width: 100%;
overflow: hidden;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.zjgx01fr .fl {
width: 5.6rem;
overflow: hidden;
min-height: 8.4rem;
position: relative;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.zjgx01fr .fl .zx01l_bg {
width: 100%;
height: 100%;
overflow: hidden;
pointer-events: none;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
}
.zjgx01fr .fl .zx01l_bg img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: 50% 100%;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.zjgx01fr .fl .zx01l_c {
width: 100%;
overflow: hidden;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
z-index: 9;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.zjgx01fr .fl .zx01l_c .p {
width: 100%;
overflow: hidden;
color: #fff;
}
.zjgx01fr .fl .zx01l_c .p1 {
top: 0.6rem;
width: calc(100% - 1.2rem);
left: 0.6rem;
position: absolute;
}
.zjgx01fr .fl .zx01l_c .p2 {
bottom: 0.6rem;
width: calc(100% - 1.2rem);
left: 0.6rem;
position: absolute;
}
.zjgx01fr .fl .zx01l_c .p1 .i1 {
font-weight: bold;
line-height: 1.3;
}
.zjgx01fr .fl .zx01l_c .p1 .i2 {
font-weight: bold;
line-height: 1.3;
}
.zjgx01fr .fl .zx01l_c .p2 {
line-height: 1;
}
.zjgx01fr .fl .zx01l_c .p2 .i1 {
font-family: poppins-Bold;
}
.zjgx01fr .fl .zx01l_c .p2 .i2 {
font-family: poppins-Bold;
margin-left: 0.4rem;
}
.zjgx01fr .fl .zx01l_c .p3 {
line-height: 1.5;
}
.zjgx01fr .fr {
width: calc(100% - 5.6rem - 0.8rem);
overflow: hidden;
}
.zjgx01fr .fl:hover .zx01l_bg img {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.zx01r_t {
width: 100%;
overflow: hidden;
font-weight: bold;
line-height: 1.3;
}
.zx01r_c {
width: 100%;
overflow: hidden;
padding-top: 0.3rem;
}
.zx01r_c ul li {
width: 100%;
overflow: hidden;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border: 0.01rem solid #d8d8d8;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
margin-bottom: 0.1rem;
}
.zx01r_c ul li .z01rc_r {
width: 3rem;
overflow: hidden;
height: 1rem;
float: right;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
position: relative;
}
.zx01r_c ul li .z01rc_r::before {
content: "";
display: block;
width: 0.02rem;
height: 0.16rem;
background-color: #d8d8d8;
position: absolute;
left: 0px;
top: 50%;
margin-top: -0.08rem;
}
.zx01r_c ul li .z01rc_r .c {
display: inline-block;
}
.zx01r_c ul li .z01rc_r a {
float: left;
display: inline-block;
}
.zx01r_c ul li .z01rc_r a.a1 {
background: url("../images/esg_01.png") 100% 50% no-repeat;
background-size: 0.18rem;
padding-right: 0.3rem;
}
.zx01r_c ul li .z01rc_r a.a2 {
background: url("../images/esg_02.png") 100% 50% no-repeat;
background-size: 0.18rem;
padding-right: 0.3rem;
margin-left: 0.6rem;
}
.zx01r_c ul li .z01rc_r a.a1:hover {
background: url("../images/esg_01_on.png") 100% 50% no-repeat;
background-size: 0.18rem;
}
.zx01r_c ul li .z01rc_r a.a2:hover {
background: url("../images/esg_02_on.png") 100% 50% no-repeat;
background-size: 0.18rem;
}
.zx01r_c ul li .z01rc_l {
width: calc(100% - 3rem);
height: 1rem;
font-weight: bold;
overflow: hidden;
float: left;
padding: 0px 0.5rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: flex-start;
}
.zx01r_c ul li .z01rc_l a {
width: 100%;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #222;
}
.zx01r_c ul li .z01rc_l a:hover {
color: #00479d;
}
.job_01 {
overflow: hidden;
padding-top: 1rem;
}
.job01_c {
width: 100%;
overflow: hidden;
position: relative;
margin-top: 0.4rem;
}
.job01_c .img {
width: 48.3%;
height: 5rem;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
border-radius: 0.12rem;
z-index: 9;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.job01_c .img img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.job01_c .txt {
width: 100%;
overflow: visible;
height: 4rem;
background-color: #f8f8f8;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
position: relative;
z-index: 6;
margin-top: 1.4rem;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: flex-end;
}
.job01_c .txt img {
display: block;
height: 0.86rem;
position: absolute;
left: calc(51.7% + 0.8rem);
top: -0.56rem;
z-index: 9;
}
.job01_c .txt .c {
width: 51.7%;
float: right;
padding: 0px 0.8rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.job01_c:hover .img img {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.job02_c {
width: 100%;
overflow: hidden;
margin-top: 0.4rem;
}
.job02_c ul {
width: 100%;
overflow: hidden;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 0.4rem;
}
.job02_c ul li {
width: 100%;
overflow: hidden;
position: relative;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.job02_c ul li .bg {
width: 100%;
overflow: hidden;
position: relative;
z-index: 1;
pointer-events: none;
}
.job02_c ul li .bg img {
width: 100%;
display: block;
opacity: 0;
position: relative;
z-index: 3;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.job02_c ul li .bg::before {
content: "";
display: block;
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
background-color: #f8f8f8;
z-index: 2;
}
.job02_c ul li .txt {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
z-index: 9;
}
.job02_c ul li .txt .p {
width: 100%;
overflow: hidden;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.job02_c ul li .txt .p1 {
position: absolute;
left: 0px;
top: 0.6rem;
padding: 0px 0.4rem;
}
.job02_c ul li .txt .p1 i {
display: inline-block;
position: relative;
}
.job02_c ul li .txt .p1 i img {
display: block;
height: 0.51rem;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.job02_c ul li .txt .p1 i img.img2 {
position: absolute;
left: 0px;
top: 0px;
opacity: 0;
}
.job02_c ul li .txt .p2 {
position: absolute;
left: 0px;
bottom: 0.5rem;
padding: 0px 0.4rem;
}
.job02_c ul li .txt .p2 .i1 {
color: #222;
font-weight: bold;
line-height: 1.5;
}
.job02_c ul li .txt .p2 .i2 {
color: #222;
line-height: 1.75;
margin-top: 0.2rem;
max-height: 0.84rem;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
display: -webkit-box;
}
.job02_c ul li:hover .bg img {
opacity: 1;
}
.job02_c ul li:hover .bg::before {
opacity: 0;
}
.job02_c ul li:hover .txt .p1 i img.img2 {
opacity: 1;
}
.job02_c ul li:hover .txt .p1 i img.img1 {
opacity: 0;
}
.job02_c ul li:hover .txt .p2 .i1 {
color: #fff;
}
.job02_c ul li:hover .txt .p2 .i2 {
color: #fff;
max-height: 2.1rem;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
text-overflow: ellipsis;
display: -webkit-box;
}
.job_03 {
overflow: hidden;
padding-top: 0.8rem;
}
.job03_video {
width: 100%;
overflow: hidden;
position: relative;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.job03_video .bg {
width: 100%;
overflow: hidden;
position: relative;
pointer-events: none;
z-index: 1;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.job03_video .bg img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.job03_video .txt {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
z-index: 9;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.job03_video .txt .p {
width: 100%;
overflow: hidden;
}
.job03_video .txt .p1 {
overflow: visible;
}
.job03_video .txt .p1 i {
width: 0.9rem;
height: 0.9rem;
position: relative;
display: block;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
margin: 0px auto;
padding: 0px;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.job03_video .txt .p1 i span {
width: 0.53rem;
height: 0.53rem;
position: relative;
z-index: 9;
display: block;
overflow: hidden;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #fff;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.job03_video .txt .p1 i img {
display: block;
width: 0.15rem;
margin: 0px auto;
padding: 0px;
}
.job03_video .txt .p1 i::before {
content: "";
display: block;
opacity: 0;
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
z-index: 2;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
-webkit-animation: ksan_01 2.1s linear infinite;
animation: ksan_01 2.1s linear infinite;
animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
}
.job03_video .txt .p1 i::after {
content: "";
display: block;
opacity: 0;
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
z-index: 3;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
-webkit-animation: ksan_01 2.1s linear infinite;
animation: ksan_01 2.1s linear infinite;
animation-delay: 1s;
-webkit-animation-delay: 1s;
}
.job03_video .txt .p2 {
text-align: center;
color: #fff;
font-weight: bold;
line-height: 1.5;
margin-top: 0.4rem;
}
.job03_video .txt .p3 {
text-align: center;
color: #fff;
line-height: 1.75;
margin-top: 0.1rem;
}
.job03_video:hover .bg img {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.job_04 {
overflow: hidden;
padding-top: 0.8rem;
}
.job04_c {
width: 100%;
overflow: hidden;
margin-top: 0.4rem;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.job04_c .job04c_fl {
width: 50%;
overflow: hidden;
position: relative;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.job04_c .job04c_fl img.img1 {
width: 100%;
display: block;
position: relative;
z-index: 1;
}
.job04_c .job04c_fl .job04cl_slide {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
z-index: 9;
}
.job04_c .job04c_fl .job04cl_slide .swiper-slide {
width: 100%;
overflow: hidden;
position: relative;
}
.job04_c .job04c_fl .job04cl_slide .swiper-slide img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
}
.job04_c .job04c_fr {
width: calc(50% - 0.6rem);
overflow: hidden;
position: relative;
}
.jb04_sol {
width: 100%;
overflow: hidden;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
overflow-y: scroll;
}
.jb04_sol ul {
width: calc(100% - 0.4rem);
overflow: hidden;
}
.jb04_sol ul li {
width: 100%;
overflow: hidden;
position: relative;
padding: 0.3rem 0px;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.jb04_sol ul li::before {
content: "";
width: 100%;
height: 0.01rem;
display: block;
background-color: #d2d2d2;
position: absolute;
left: 0px;
bottom: 0.01rem;
}
.jb04_sol ul li .txt {
width: 100%;
overflow: hidden;
position: relative;
cursor: pointer;
}
.jb04_sol ul li .txt::before {
content: "";
display: block;
width: 0.26rem;
height: 0.26rem;
background: url("../images/t_05.png") 50% 50% no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0px;
top: 0.06rem;
opacity: 0;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.jb04_sol ul li .p {
width: 100%;
overflow: hidden;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.jb04_sol ul li .p1 {
color: #bdbdbd;
font-weight: bold;
line-height: 1.5;
}
.jb04_sol ul li .p2 {
color: #222;
line-height: 1.5;
margin-top: 0.1rem;
display: none;
}
.jb04_sol ul li.active .txt::before {
opacity: 1;
}
.jb04_sol ul li.active .p1 {
color: #000;
}
.jb04_sol ul li.active .p2 {
display: block;
}
.jb04_sol::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.jb04_sol::-webkit-scrollbar-track {
border-radius: 0;
background: rgba(255, 255, 255, 0);
background: linear-gradient(rgb(34, 34, 34), rgba(34, 34, 34, 0));
background: -webkit-linear-gradient(rgb(34, 34, 34), rgba(34, 34, 34, 0));
background: -o-linear-gradient(rgb(34, 34, 34), rgba(34, 34, 34, 0));
background: -moz-linear-gradient(rgb(34, 34, 34), rgba(34, 34, 34, 0));
}
.jb04_sol::-webkit-scrollbar-thumb {
border-radius: 5px;
background: rgba(255, 255, 255, 0);
}
.jb04_sol::-webkit-scrollbar-thumb:hover {
border-radius: 5px;
background: rgba(255, 255, 255, 0);
}
.job_05 {
overflow: hidden;
background-color: #f4f5f6;
padding: 1rem 0px;
margin-top: 1rem;
}
.job05_t {
width: 100%;
overflow: hidden;
line-height: 1.5;
}
.job05_t .wrap_in {
display: flex;
display: -webkit-flex;
align-items: flex-end;
justify-content: space-between;
}
.job05_t .fl span {
display: inline-block;
color: #222;
font-weight: bold;
position: relative;
padding-right: 0.34rem;
}
.job05_t .fl span::before {
content: "";
display: block;
width: 0.14rem;
height: 0.14rem;
background-color: #00479d;
position: absolute;
right: 0px;
bottom: 0.1rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.job05_t .fr ul li {
float: left;
margin-left: 0.6rem;
}
.job05_t .fr ul li:first-child {
margin-left: 0px;
}
.job05_t .fr ul li a {
color: #999;
}
.job05_t .fr ul li.active a {
color: #222;
font-weight: bold;
}
.job05_c {
width: 100%;
overflow: hidden;
margin-top: 0.4rem;
position: relative;
}
.job05_c b.b1 {
width: 0.4rem;
height: 1px;
display: block;
pointer-events: none;
position: absolute;
left: 0px;
top: 0px;
}
.job05_c .wrap_in {
position: relative;
}
.job05c_slide {
width: 100%;
overflow: visible;
}
.job05c_slide .swiper-slide {
width: calc((100% - 0.8rem) / 3);
overflow: hidden;
}
.job05c_txt {
width: 100%;
overflow: hidden;
}
.job05c_txt .img {
width: 100%;
overflow: hidden;
position: relative;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.job05c_txt .img img {
width: 100%;
display: block;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.job05c_txt .img img.img2 {
height: 100%;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
}
.job05c_txt .txt {
width: 100%;
overflow: hidden;
text-align: center;
color: #222;
font-weight: bold;
line-height: 1.5;
margin-top: 0.2rem;
}
.job05c_txt:hover .img img.img2 {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.job05_hid {
width: 100%;
overflow: hidden;
display: none;
}
.job05c_more a.job05c_prev {
width: 0.6rem;
height: 0.6rem;
display: block;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #00479d;
position: absolute;
left: 0.2rem;
top: 0px;
z-index: 999;
}
.job05c_more a.job05c_prev::before {
content: "";
width: 100%;
height: 100%;
display: block;
background: url("../images/t_14.svg") 50% no-repeat;
background-size: 0.08rem;
position: absolute;
left: 0px;
top: 0px;
}
.job05c_more a.job05c_next {
width: 0.6rem;
height: 0.6rem;
display: block;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #00479d;
position: absolute;
right: 0.2rem;
top: 0px;
z-index: 999;
}
.job05c_more a.job05c_next::before {
content: "";
width: 100%;
height: 100%;
display: block;
background: url("../images/t_15.svg") 50% no-repeat;
background-size: 0.08rem;
position: absolute;
left: 0px;
top: 0px;
}
.job_06 {
padding-top: 1.2rem;
}
.job06fr {
width: 100%;
overflow: hidden;
line-height: 1.2rem;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: space-between;
}
.job06fr .fl span {
display: inline-block;
line-height: 1.5;
color: #222;
font-weight: bold;
padding-right: 0.34rem;
position: relative;
}
.job06fr .fl span::before {
content: "";
display: block;
width: 0.14rem;
height: 0.14rem;
background-color: #00479d;
position: absolute;
right: 0px;
bottom: 0.1rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.job06fr .fr a {
display: inline-block;
float: left;
font-weight: bold;
color: #222;
padding: 0px 0.6rem;
width: 5.6rem;
height: 1.2rem;
overflow: hidden;
border: 0.02rem solid #222;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.job06fr .fr a:nth-child(2) {
margin-left: 0.4rem;
}
.job06fr .fr a span {
width: 100%;
display: block;
overflow: hidden;
background: url("../images/t_05.png") 100% 50% no-repeat;
background-size: 0.24rem;
}
.job06fr .fr a:hover {
border: 0.02rem solid #00479d;
background-color: #00479d;
}
.job06fr .fr a:hover span {
background: url("../images/t_13.png") 100% 50% no-repeat;
background-size: 0.24rem;
color: #fff;
}
.fali01_slide .swiper-slide {
padding: 0px 0.15rem;
}
.fali01_slide .swiper-slide .p1 img {
height: 0.5rem;
}
.fa_01 {
overflow: hidden;
padding: 1rem 0px;
}
.fa01fr {
width: 100%;
overflow: hidden;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: space-between;
}
.fa01fr .img {
width: 48.86%;
overflow: hidden;
border-radius: 0.12rem;
}
.fa01fr .img img {
width: 100%;
display: block;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.fa01fr .txt {
width: calc(51.14% - 1.3rem);
overflow: hidden;
}
.fa01fr .txt .c {
width: 100%;
overflow: hidden;
}
.fa01fr .txt .p {
width: 100%;
overflow: hidden;
}
.fa01fr .txt .p1 {
color: #222;
font-weight: bold;
line-height: 1.5;
}
.fa01fr .txt .p1 span {
display: inline-block;
position: relative;
padding-right: 0.34rem;
}
.fa01fr .txt .p1 span::before {
content: "";
display: block;
width: 0.14rem;
height: 0.14rem;
background-color: #00479d;
position: absolute;
right: 0px;
bottom: 0.1rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.fa01fr .txt .p2 {
color: #222;
font-weight: bold;
line-height: 1.5;
margin-top: 0.1rem;
}
.fa01fr .txt .p3 {
color: #222;
line-height: 1.75;
margin-top: 0.4rem;
text-align: justify;
text-justify: inter-ideograph;
}
.fa01fr .txt .p3 p {
line-height: 1.75;
margin-bottom: 0.15rem;
}
.fa01fr .txt .p3 p:last-child {
margin-bottom: 0px;
}
.fa01fr .txt .p4 {
margin-top: 0.6rem;
}
.fa01fr .txt .p4 a {
display: inline-block;
background: url("../images/t_05.png") 100% 50% no-repeat;
background-size: 0.14rem;
padding-right: 0.28rem;
}
.fa01fr .txt .p4 a:hover {
color: #00479d;
background: url("../images/t_06.png") 100% 50% no-repeat;
background-size: 0.14rem;
}
.fa01fr:hover .img img {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.fa_02 {
padding-top: 0px;
padding-bottom: 0.6rem;
}
.fa_03 {
overflow: hidden;
padding: 1rem 0px;
background-color: #f4f5f6;
margin-top: 1rem;
}
.fa03_t {
width: 100%;
overflow: hidden;
position: relative;
}
.fa03_t .fl span {
display: inline-block;
line-height: 1.5;
position: relative;
color: #222;
font-weight: bold;
padding-right: 0.23rem;
}
.fa03_t .fl span::before {
content: "";
display: block;
width: 0.14rem;
height: 0.14rem;
background-color: #00479d;
position: absolute;
right: 0px;
bottom: 0.1rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.fa03_t .fa03t_spfr {
position: absolute;
right: 0px;
bottom: 0px;
}
.fa03_t .fa03t_spfr span {
width: 0.38rem;
height: 0.2rem;
opacity: 1;
background: none;
margin: 0px !important;
padding: 0px !important;
position: relative;
border-radius: 0px;
}
.fa03_t .fa03t_spfr span::before {
content: "";
display: block;
width: 0.08rem;
height: 0.08rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #cacaca;
position: absolute;
left: 50%;
top: 50%;
margin-left: -0.04rem;
margin-top: -0.04rem;
}
.fa03_t .fa03t_spfr span.swiper-pagination-bullet-active::before {
width: 100%;
height: 100%;
background: url("../images/in_07.png") 50% no-repeat;
background-size: 100% 100%;
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
}
.fa03_c {
width: 100%;
overflow: hidden;
padding-top: 0.4rem;
}
.fa03c_slide {
width: 100%;
overflow: hidden;
}
.fa03c_slide .swiper-slide {
width: 100%;
overflow: hidden;
}
.fa03c_slide .swiper-slide .ns_02 {
width: 100%;
overflow: hidden;
padding-top: 0px;
}
.fa03c_slide .swiper-slide .ns_02 ul li {
background-color: #fff;
}
.fa03c_slide .swiper-slide .ns_02 ul li:hover {
background-color: rgba(255, 255, 255, 0);
}
.fa03c_slide .swiper-slide .ns_02 ul li:hover {
border: 0.01rem solid #f4f5f6;
}
.mem_01 {
overflow: hidden;
line-height: 1.75;
padding: 0.3rem 0px;
}
.mem_01 a {
float: left;
color: #999;
}
.mem_01 a:last-child {
color: #000;
}
.mem_01 a:hover {
color: #00479d;
}
.mem_01 i {
float: left;
margin: 0px 0.1rem;
}
.mem_02 {
overflow: hidden;
}
.mem_02 .wrap_c {
overflow: visible;
display: flex;
display: -webkit-flex;
justify-content: space-between;
padding-bottom: 1rem;
}
.mem02_l {
width: 3.3rem;
min-height: 6rem;
overflow: hidden;
background-color: #fff;
border-radius: 0.08rem;
-webkit-border-radius: 0.08rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
padding: 0.3rem 0.5rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.mem02_l ul li {
width: 100%;
overflow: hidden;
border-bottom: 0.01rem solid #eee;
line-height: 1.75;
padding: 0px 0px 0.2rem 0px;
margin-bottom: 0.2rem;
}
.mem02_l ul li a {
display: inline-block;
}
.mem02_l ul li span {
display: inline-block;
padding-left: 0.3rem;
}
.mem02_l ul li span.sp1 {
background: url("../images/mem_01.png") 0% 50% no-repeat;
background-size: 0.17rem;
}
.mem02_l ul li span.sp2 {
background: url("../images/mem_02.png") 0% 50% no-repeat;
background-size: 0.17rem;
}
.mem02_l ul li span.sp3 {
background: url("../images/mem_03.png") 0% 50% no-repeat;
background-size: 0.17rem;
}
.mem02_l ul li.active {
border-bottom: 0.01rem solid #222;
}
.mem02_l ul li.active span {
color: #00479d;
}
.mem02_l ul li.active span.sp1 {
background: url("../images/mem_01_on.png") 0% 50% no-repeat;
background-size: 0.17rem;
}
.mem02_l ul li.active span.sp2 {
background: url("../images/mem_02_on.png") 0% 50% no-repeat;
background-size: 0.17rem;
}
.mem02_l ul li.active span.sp3 {
background: url("../images/mem_03_on.png") 0% 50% no-repeat;
background-size: 0.17rem;
}
.mem02_r {
width: calc(100% - 3.3rem - 0.2rem);
overflow: hidden;
background-color: #fff;
padding: 0.3rem 0.5rem;
border-radius: 0.08rem;
-webkit-border-radius: 0.08rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.m02r_t {
width: 100%;
overflow: hidden;
position: relative;
position: relative;
}
.m02r_t::before {
content: "";
display: block;
width: 100%;
height: 0.01rem;
background-color: #eee;
position: absolute;
left: 0px;
bottom: 0.01rem;
z-index: 1;
}
.m02r_t span {
display: inline-block;
position: relative;
line-height: 1.75;
z-index: 9;
color: #222;
padding-bottom: 0.2rem;
}
.m02r_t span::before {
content: "";
display: block;
width: 100%;
height: 0.03rem;
background-color: #00479d;
position: absolute;
left: 0px;
bottom: 0px;
}
.m02r_tab {
position: absolute;
right: 0px;
top: 0px;
font-family: poppins-Bold;
}
.m02r_tab ul li {
float: left;
line-height: 1.75;
margin-right: 0.5rem;
}
.m02r_tab ul li:last-child {
margin-right: 0px;
}
.m02r_tab ul li.active {
color: #00479d;
}
.m02r_tab ul li.active a {
color: #00479d;
}
.mem_03 {
width: 100%;
overflow: hidden;
}
.mem_03 ul li {
width: 100%;
overflow: hidden;
border-bottom: 0.01rem solid #eee;
padding: 0.4rem 0px;
}
.mem_03 ul li a {
width: 100%;
display: block;
overflow: hidden;
position: relative;
}
.mem_03 ul li em {
display: block;
}
.mem_03 ul li em.em1 {
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: flex-start;
}
.mem_03 ul li em.em1 img {
display: block;
width: 0.43rem;
}
.mem_03 ul li em.em1 span {
display: block;
width: calc(100% - 0.43rem);
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding-left: 0.2rem;
}
.mem_03 ul li em.em1 span i {
width: 100%;
display: block;
overflow: hidden;
}
.mem_03 ul li em.em1 span i.i1 {
color: #222;
line-height: 1.75;
}
.mem_03 ul li em.em1 span i.i2 {
color: #999;
line-height: 1.5;
}
.mem_03 ul li label {
display: inline-block;
cursor: pointer;
line-height: 0.45rem;
padding: 0px 0.45rem;
background-color: #444;
color: #fff;
border-radius: 0.04rem;
-webkit-border-radius: 0.04rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
}
.mem_03 ul li a:hover label {
background-color: #00479d;
}
.mem_03 ul li:last-child {
border-bottom: 0px;
}
.memtcfr {
width: 100%;
height: 100%;
overflow: hidden;
position: fixed;
left: 0px;
top: 0px;
z-index: 9999;
display: none;
}
.memtcfr .memtc_bg {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
background-color: rgba(0, 0, 0, 0.5);
}
.memtcfr .memtc_c {
width: 100%;
max-width: 6rem;
overflow: hidden;
padding: 0.4rem 0.5rem 0.5rem 0.5rem;
background-color: #fff;
border-radius: 0.14rem;
-webkit-border-radius: 0.14rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
position: absolute;
left: 50%;
top: 50%;
z-index: 9;
transform: translate(-50%, -50%);
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.memtcfr .memtc_c a.close {
width: 0.24rem;
height: 0.24rem;
display: block;
background: url("../images/close.png") 50% no-repeat;
background-size: 100%;
position: absolute;
right: 0.5rem;
top: 0.4rem;
z-index: 999;
}
.memtcfr .memtc_c .p {
width: 100%;
overflow: hidden;
}
.memtcfr .memtc_c .p1 {
line-height: 1.75;
font-weight: bold;
margin-bottom: 0.3rem;
}
.memtcfr .memtc_c .p2 {
margin-bottom: 0.15rem;
height: 0.6rem;
position: relative;
}
.memtcfr .memtc_c .p2 .memtc_txt {
width: 100%;
height: 0.6rem;
border: 0.01rem solid #222;
padding: 0px 0.2rem;
color: #222;
border-radius: 0.06rem;
-webkit-border-radius: 0.06rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.memtcfr .memtc_c .p2 .memtc_txt::-moz-placeholder {
color: #999;
}
.memtcfr .memtc_c .p2 .memtc_txt::-moz-placeholder {
color: #999;
}
.memtcfr .memtc_c .p2 .memtc_txt::-ms-input-placeholder {
color: #999;
}
.memtcfr .memtc_c .p2 .memtc_txt::-webkit-input-placeholder {
color: #999;
}
.memtcfr .memtc_c .p2 .memtc_txt1 {
width: calc(100% - 2rem - 0.14rem);
}
.memtcfr .memtc_c .p2 .yzm {
width: 2rem;
height: 100%;
display: block;
overflow: hidden;
background-color: #444;
border-radius: 0.06rem;
-webkit-border-radius: 0.06rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
color: #fff;
position: absolute;
right: 0px;
top: 0px;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.memtcfr .memtc_c .p3 {
margin-top: 0.3rem;
text-align: center;
}
.memtcfr .memtc_c .p3 .memtc_btn1 {
width: calc((100% - 0.2rem) / 2);
overflow: hidden;
float: left;
height: 0.56rem;
border: 0px;
background: none;
background-color: #00479d;
border-radius: 0.06rem;
-webkit-border-radius: 0.06rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
color: #fff;
cursor: pointer;
}
.memtcfr .memtc_c .p3 .memtc_btn2 {
width: calc((100% - 0.2rem) / 2);
overflow: hidden;
float: right;
height: 0.56rem;
border: 0px;
background: none;
background-color: #444;
border-radius: 0.06rem;
-webkit-border-radius: 0.06rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
color: #fff;
cursor: pointer;
}
.memtcfr .memtc_c .p4 {
color: #000;
}
.memtcfr .memtc_c .p5 {
color: #999;
}
.mem_04 {
width: 100%;
overflow: hidden;
margin-top: 0.6rem;
padding-bottom: 0.6rem;
}
.mem_04 .p {
width: 100%;
overflow: hidden;
}
.mem_04 .p1 a {
display: inline-block;
line-height: 0.6rem;
width: 2.8rem;
background-color: #444;
border-radius: 0.06rem;
-webkit-border-radius: 0.06rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
color: #fff;
text-align: center;
font-weight: bold;
margin-right: 0.2rem;
}
.mem_04 .p1 a.a1 {
background-color: #00479d;
}
.mem_04 .p1 a:last-child {
margin-right: 0px;
}
.mem_04 .p2 {
margin-top: 0.3rem;
line-height: 1.75;
}
.mem_04 .p2 a {
display: inline-block;
background: url("../images/mem_04.png") 0% 50% no-repeat;
background-size: 0.16rem;
padding-left: 0.26rem;
margin-right: 0.4rem;
}
.mem_04 .p2 a:last-child {
margin-right: 0px;
}
.mem_04 .p2 a:hover {
background: url("../images/mem_05.png") 0% 50% no-repeat;
background-size: 0.16rem;
}
.mem_05 {
width: 100%;
overflow: hidden;
margin-top: 0.6rem;
}
.mem_05 ul {
width: 100%;
overflow: visible;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 0.3rem;
grid-row-gap: 0.6rem;
}
.mem_05 ul li {
width: 100%;
overflow: hidden;
}
.mem_05 ul li a {
width: 100%;
overflow: hidden;
display: block;
position: relative;
}
.mem_05 ul li .p {
width: 100%;
overflow: hidden;
}
.mem_05 ul li .p1 {
position: relative;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.mem_05 ul li .p1 img {
width: 100%;
display: block;
}
.mem_05 ul li .p1 img.img2 {
height: 100%;
position: absolute;
left: 0px;
top: 0px;
object-fit: cover;
}
.mem_05 ul li .p2 {
position: relative;
color: #222;
font-weight: bold;
line-height: 1.5;
padding: 0.3rem 0px;
}
.mem_05 ul li .p2::before {
content: "";
width: 100%;
height: 0.01rem;
display: block;
overflow: hidden;
background-color: #222;
position: absolute;
left: 0px;
bottom: 0px;
}
.mem_05 ul li .p3 {
margin-top: 0.3rem;
color: #222;
line-height: 1.75;
}
.mem_05 ul li .p3 p {
line-height: 1.75;
}
.mem_05 ul li .ss {
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
overflow: hidden;
position: absolute;
right: 0.4rem;
top: 0.4rem;
z-index: 99;
background-color: #222222;
}
.mem_05 ul li .ss b {
width: 100%;
height: 100%;
display: block;
background: url("../images/t_04.png") 50% no-repeat;
background-size: 0.18rem;
position: absolute;
left: 0px;
top: 0px;
}
.mem_05 ul li:hover .ss {
background-color: #c9161d;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.mem_05.active ul {
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
}
.mem_05.active ul li {
background-color: #f9f9f9;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
padding: 0.4rem 0.6rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.mem_05.active ul li .p1 {
height: 0px;
}
.mem_05.active ul li a {
overflow: visible;
}
.mem_05.active ul li .p2 {
padding-top: 0px;
}
.mem_05.active ul li .ss {
right: 0px;
top: -0.05rem;
}
.mem_06 {
overflow: hidden;
padding-top: 0.6rem;
}
.mem_06 ul li {
width: 100%;
overflow: hidden;
margin-bottom: 0.3rem;
background-color: #f8f6f6;
border: 0.01rem solid #d8d8d8;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
padding: 0.3rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.mem_06 ul li .c {
width: 100%;
overflow: hidden;
display: flex;
display: -webkit-flex;
align-items: flex-start;
justify-content: space-between;
}
.mem_06 ul li .img {
width: 35.93%;
overflow: hidden;
position: relative;
}
.mem_06 ul li .img img {
width: 100%;
display: block;
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.mem_06 ul li .img img.img2 {
height: 100%;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
z-index: 2;
}
.mem_06 ul li .img .i {
display: inline-block;
line-height: 0.6rem;
padding: 0px 0.3rem;
background-color: #222;
color: #fff;
font-weight: bold;
border-radius: 0.12rem 0px 0.12rem 0px;
-webkit-border-radius: 0.12rem 0px 0.12rem 0px;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
z-index: 9;
position: absolute;
left: 0px;
top: 0px;
}
.mem_06 ul li .img .i2 {
background-color: #00479d;
}
.mem_06 ul li .img .i3 {
background-color: #cecece;
}
.mem_06 ul li .txt {
width: calc(64.07% - 0.6rem);
}
.mem_06 ul li .txt .nr {
width: 100%;
overflow: hidden;
}
.mem_06 ul li .txt .p {
width: 100%;
overflow: hidden;
}
.mem_06 ul li .txt .p1 {
color: #222;
font-weight: bold;
line-height: 1.5;
padding: 0.3rem 0px;
border-bottom: 0.01rem solid #222;
}
.mem_06 ul li .txt .p2 {
padding-top: 0.3rem;
position: relative;
}
.mem_06 ul li .txt .p2 p {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding-left: 0.5rem;
color: #222;
line-height: 1.75;
}
.mem_06 ul li .txt .p2 p.i1 {
background: url("../images/ns_05.png") 0% 50% no-repeat;
background-size: 0.22rem;
}
.mem_06 ul li .txt .p2 p.i2 {
background: url("../images/ns_04.png") 0% 50% no-repeat;
background-size: 0.22rem;
margin-top: 0.1rem;
}
.mem_06 ul li .txt .p2 .more {
position: absolute;
right: 0px;
top: 0.3rem;
}
.mem_06 ul li .txt .p2 .more a {
display: inline-block;
width: 0.8rem;
height: 0.8rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: rgba(255, 255, 255, 0.7);
border: 0.01rem solid #222;
float: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.mem_06 ul li .txt .p2 .more a:nth-child(2) {
margin-left: 0.26rem;
}
.mem_06 ul li .txt .p2 .more a .i {
display: inline-block;
text-align: center;
}
.mem_06 ul li .txt .p2 .more a img {
display: block;
height: 0.27rem;
margin: 0px auto;
padding: 0px;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.mem_06 ul li .txt .p2 .more a img.img2 {
display: none;
}
.mem_06 ul li .txt .p2 .more a span {
width: 100%;
display: block;
overflow: hidden;
color: #222;
line-height: 1.5;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.mem_06 ul li .txt .p2 .more a:hover {
background-color: #222222;
}
.mem_06 ul li .txt .p2 .more a:hover span {
color: #fff;
}
.mem_06 ul li .txt .p2 .more a:hover img.img1 {
display: none;
}
.mem_06 ul li .txt .p2 .more a:hover img.img2 {
display: block;
}
.mem_06 ul li .txt .p2 .more a.active {
background-color: #222222;
}
.mem_06 ul li .txt .p2 .more a.active span {
color: #fff;
}
.mem_06 ul li .txt .p2 .more a.active img.img1 {
display: none;
}
.mem_06 ul li .txt .p2 .more a.active img.img2 {
display: block;
}
.job_02 {
padding-top: 0.6rem;
}
.nodata {
width: 100%;
overflow: hidden;
}
.nodata p {
width: 100%;
overflow: hidden;
text-align: center;
color: #999;
line-height: 1.5;
}
.nodata .p1 img {
display: block;
margin: 0px auto;
padding: 0px;
width: 2rem;
}
.nodata .p2 {
margin-top: 0.15rem;
}
.subfr .sub_c .p1 {
display: none;
}
.m-video {
cursor: pointer;
}
.btn_empty {
overflow: hidden;
height: 1.2rem;
}
.swiper-button-disabled {
opacity: 0;
}
.ss_01 {
max-width: 12rem;
margin: 0px auto;
padding: 0px;
}
@media screen and (max-width: 1600px) {
.btn_02 .btn02_l .p2 ul li .sp1 {
width: 1.2rem;
}
.btn_02 .btn02_l .p2 ul li .sp2 {
width: calc(100% - 1.2rem);
}
}
@media screen and (max-width: 1570px) {
.in_01 .in01_c .in01c_bg b.b1 {
background: url("../images/in_03.png") 50% 60% no-repeat;
background-size: 50%;
}
}
@media screen and (max-width: 1505px) {
.btn_02 .btn02_c dl:nth-child(2) dd {
width: 1rem;
}
}
@media screen and (max-width: 1348px) {
.btn_02 .btn02_l .p2 ul li .sp1 {
width: 1.3rem;
}
.btn_02 .btn02_l .p2 ul li .sp2 {
width: calc(100% - 1.3rem);
}
}
@media screen and (max-width: 1200px) {
.container {
height: 100%;
position: relative;
}
}
@media screen and (max-width: 1023px) {
.w_wap {
display: block !important;
}
.w_pc {
display: none !important;
}
.wrap {
max-width: 100%;
margin: 0px auto;
}
.wrap_in {
margin: 0px 20px;
padding: 0px;
position: relative;
}
.wrap_c {
width: auto;
padding: 0px 20px;
margin: 0px auto;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.wrap_c1 {
width: auto;
padding: 0px 20px;
margin: 0px auto;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.waptopfr {
width: 100%;
overflow: visible;
position: fixed;
left: 0px;
top: 0px;
z-index: 99999;
background-color: #fff;
-moz-box-shadow: 0px 0px 0.2rem rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 0.2rem rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 0.2rem rgba(0, 0, 0, 0.15);
}
.waptopfr .fl {
height: 1rem;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 9991;
}
.waptopfr .fl img {
display: block;
height: 0.4rem;
}
.top_her {
float: left;
position: relative;
z-index: 9991;
}
.top_her a {
float: left;
display: inline-block;
line-height: 1rem;
color: #222;
}
.top_her a.a1 {
background: url("../images/t_05.png") 100% 50% no-repeat;
background-size: 0.13rem;
padding-right: 0.27rem;
margin-left: 0.2rem;
}
.top_her a.a2 {
width: 0.24rem;
height: 1rem;
background: url("../images/t_07.png") 50% no-repeat;
background-size: 100%;
margin-left: 0.3rem;
}
.top_her a:nth-child(1) {
margin-left: 0px;
}
.menufr {
position: fixed;
left: 0px;
top: 0px;
display: none;
width: 100vw;
z-index: 990;
}
.menufr ul {
width: 100%;
overflow: hidden;
margin-top: 1rem;
border-top: 0.01rem solid #eee;
height: calc(100vh - 1rem);
background-color: #fff;
}
.menufr ul li {
width: 100%;
overflow: hidden;
}
.menufr ul li .mu_t {
width: 100%;
overflow: hidden;
height: 0.8rem;
border-bottom: 0.01rem solid #eee;
padding: 0px 20px;
position: relative;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: flex-start;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.menufr ul li .mu_t::before {
content: "";
display: block;
width: 0.2rem;
height: 100%;
background: url("../images/t_05.png") 50% no-repeat;
background-size: 100%;
position: absolute;
right: 20px;
top: 0px;
}
.menufr ul li .mu_c {
display: none;
width: 100%;
height: calc(100vh - 1rem);
position: absolute;
left: 0px;
top: 1.1rem;
background-color: #fff;
z-index: 999;
}
.menufr ul li .mu_c p {
width: 100%;
overflow: hidden;
padding: 0.12rem 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.menufr ul li .mu_c .p1 {
border-bottom: 0.01rem solid #eee;
line-height: 0.8rem;
padding: 0px 20px;
margin-bottom: 0.15rem;
}
.menufr ul li .mu_c .p1 a {
display: inline-block;
background: url("../images/t_11.svg") 0% no-repeat;
background-size: 0.12rem;
padding-left: 0.22rem;
}
.menufr ul li.active .mu_c {
display: block;
}
.mtmenu_click {
float: left;
margin-left: 0.3rem;
position: relative;
z-index: 9991;
margin-top: 0rem;
height: 0.5rem;
margin-top: 0.25rem;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.mtmenu_click a {
width: 0.36rem;
height: 0.5rem;
display: block;
overflow: hidden;
background: url("../images/menu_01_on.svg") 50% no-repeat;
background-size: 100%;
}
.mtmenu_click a.on {
background: url("../images/menu_02_on.svg") 50% no-repeat;
background-size: 0.32rem;
}
.top_her a.a2.active {
background: url("../images/t_09.png") 50% no-repeat;
background-size: 100%;
}
.sstcfr .sstc_bg {
height: calc(100vh - 1rem);
}
.sstcfr .sstc_c {
width: 100%;
right: -100%;
border-top: 0.01rem solid #eee;
top: 1.01rem;
height: calc(100% - 1rem);
}
.sstcfr .sstc_c .c {
width: calc(100% - 40px);
margin: 0px auto;
margin-top: 0.6rem;
padding-bottom: 0.15rem;
float: none;
}
.sstcfr .sstc_c .c input.sstcc_btn {
width: 0.2rem;
}
.sstcfr .sstc_c a.close {
width: 0.24rem;
height: 0.24rem;
display: block;
background: url("../images/menu_02_on.svg") 50% no-repeat;
background-size: 100% 100%;
margin: 0px auto;
padding: 0px;
margin-top: 0.6rem;
}
.lgntcfr .lgntc_bg {
height: calc(100vh - 1rem);
}
.lgntcfr .lgntc_c {
width: 100%;
right: -100%;
border-top: 0.01rem solid #eee;
top: 1.01rem;
height: calc(100% - 1rem);
}
.lgntcfr .lgntc_c .c {
width: calc(100% - 40px);
margin: 0px auto;
margin-top: 0.6rem;
float: none;
}
.lgntcfr .lgntc_c a.close {
width: 0.24rem;
height: 0.24rem;
display: block;
background: url("../images/menu_02_on.svg") 50% no-repeat;
background-size: 100% 100%;
margin: 0px auto;
padding: 0px;
margin-top: 0.6rem;
}
.top_her a.a1.active {
background: url("../images/t_06.png") 100% 50% no-repeat !important;
background-size: 0.13rem !important;
color: #00479d;
}
.kjtcfr .kjtc_bg {
height: calc(100vh - 1rem);
}
.kjtcfr .kjtc_c {
width: 100%;
right: -100%;
border-top: 0.01rem solid #eee;
top: 1.01rem;
height: calc(100% - 1rem);
}
.kjtcfr .kjtc_c .c {
width: calc(100% - 40px);
margin: 0px auto;
float: none;
margin-top: 0.6rem;
}
.kjtcfr .kjtc_c a.close {
width: 0.24rem;
height: 0.24rem;
display: block;
background: url("../images/menu_02_on.svg") 50% no-repeat;
background-size: 100% 100%;
margin: 0px auto;
padding: 0px;
margin-top: 0.6rem;
}
.loregfr .loreg_bg {
height: calc(100vh - 1rem);
}
.loregfr .loreg_c {
width: 100%;
right: 0%;
border-top: 0.01rem solid #eee;
top: 1.01rem;
height: calc(100% - 1rem);
}
.loregfr .loreg_c .c {
width: calc(100% - 40px);
margin: 0px auto;
float: none;
margin-top: 0.2rem;
}
.loregfr .loreg_c a.close {
width: 0.24rem;
height: 0.24rem;
display: block;
background: url("../images/menu_02_on.svg") 50% no-repeat;
background-size: 100% 100%;
margin: 0px auto;
padding: 0px;
margin-top: 0.6rem;
}
.loginfr .p1 {
height: 0.8rem;
}
.loginfr .p1::before {
height: 0.78rem;
}
.loginfr input.lgn_txt {
height: 0.8rem;
}
.loginfr input.lgn_btn {
height: 0.8rem;
}
.regfr .p1 {
height: 0.8rem;
}
.regfr .p1::before {
height: 0.78rem;
}
.regfr input.lgn_txt {
height: 0.8rem;
}
.regfr input.lgn_btn {
height: 0.8rem;
}
.bs_spfr {
left: 20px;
}
.down_01 {
right: 20px;
}
.in_01 .in01_bg {
height: 76vh;
}
.in_01 .in01_c .txt {
padding-top: 2.6rem;
}
.in_01 .in01_c .p4 ul li:nth-child(2) {
margin: 0px 0.25rem;
}
.in_01 .in01_c .p4 ul li:nth-child(1) .sp1 {
min-width: 0.6rem;
}
.in_01 .in01_c .p4 ul li:nth-child(2) .sp1 {
min-width: 0.6rem;
}
.in_01 .in01_c .p4 ul li:nth-child(3) .sp1 {
min-width: 1rem;
}
.in_01 .in01_c .p4 {
margin-top: 0.4rem;
}
.in_01 .in01_c .p7 {
padding-top: 0.6rem;
}
.in_01 .in01_c .in01c_bg b.b2::before {
height: 64%;
}
.in_01 .in01_c .in01c_bg b.b1 {
background: url("../images/in_03.png") 50% 45% no-repeat;
background-size: 50%;
width: 300%;
left: -100%;
}
.in02_c ul.ul1 {
grid-template-columns: repeat(1, 1fr);
}
.in02_c ul.ul2 {
grid-template-columns: repeat(2, 1fr);
}
.in_03 {
padding-top: 0.6rem;
}
.in_03_c {
padding-top: 0.4rem;
padding-bottom: 0.6rem;
}
.in_04 {
padding: 0.6rem 0px;
}
.in_04 .fl {
width: 100%;
}
.in_04 .fr {
width: 100%;
margin-top: 0.4rem;
}
.in_05 .in05_bg {
height: 60vh;
}
.in_05 .in05_c .wrap_in {
height: 60vh;
}
.in_05 .in05_c .p0c {
top: 0.6rem;
}
.in_05 .in05_c .p2 {
bottom: 0.6rem;
padding-bottom: 1.6rem;
}
.in_05 .in05_c .p2 ul {
width: 100%;
}
.btnfr {
padding-top: 0.6rem;
}
.btn01_slide .swiper-slide {
width: 50%;
}
.btn_02 .btn02_l .p2 ul li .sp1 {
width: 1.3rem;
}
.btn_02 .btn02_l .p2 ul li .sp2 {
width: calc(100% - 1.3rem);
}
.btn_02 .btn02_l .p2 ul li .sp2 br {
display: none;
}
.btn_02 .btn02_l {
width: 100%;
float: none;
}
.btn_02 .btn02_c {
display: none;
}
.btn_02 .btn02_r {
float: none;
margin: 0px auto;
padding: 0px;
display: none;
}
.btn_02 .btn02_r .c {
width: 100%;
}
.btn_03 .fr {
width: 100%;
float: none;
}
.btn_03 .fl {
width: 100%;
float: none;
}
.subfr .sub_bg img {
display: none;
}
.subfr .sub_bg img.img2 {
position: relative;
display: block;
}
.subfr .sub_c {
bottom: 0.3rem;
}
.gsg_02 ul {
grid-template-columns: repeat(1, 1fr);
}
.gsg_02 ul li {
height: auto;
padding: 0.2rem 0px;
}
.gsg_02 ul li .sp1 {
width: 100%;
float: none;
height: auto;
padding: 0rem 0.2rem;
}
.gsg_02 ul li .sp2 {
width: 100%;
float: none;
justify-content: flex-start;
height: auto;
padding: 0rem 0.2rem;
margin-top: 0.1rem;
}
.gsg_02 ul li .sp2::before {
display: none;
}
.gsg_02 ul li .sp2 a:nth-child(2) {
margin-left: 0.3rem;
}
.esg_03 {
padding-top: 0.8rem;
}
.esg_03 ul li {
display: block;
}
.esg_03 ul li .img {
width: 100%;
}
.esg_03 ul li .txt {
width: 100%;
padding: 0px 20px;
margin-top: 0.4rem;
}
.esg_04 {
padding-top: 0.8rem;
}
.esg_04 ul li {
display: block;
}
.esg_04 ul li .img {
width: 100%;
}
.esg_04 ul li .txt {
width: 100%;
padding: 0px 20px;
margin-top: 0.4rem;
}
.pli01_slide .swiper-slide {
padding: 0px 0.2rem;
}
.pli_02 {
padding: 0.8rem 0px;
}
.pli02fr {
display: block;
}
.pli02fr .txt {
width: 100%;
}
.pli02fr .img {
width: 100%;
margin-top: 0.4rem;
}
.pli03_bg::before {
content: "";
width: 100%;
height: 100%;
display: block;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
left: 0px;
top: 0px;
z-index: 9;
}
.pli03c_t {
top: 0rem;
position: relative;
margin-top: 1rem;
}
.pli03c_c {
margin-top: 0.4rem;
padding-bottom: 0.7rem;
}
.pli03c_c ul {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 0rem;
grid-row-gap: 0rem;
}
.pli03c_c ul li {
width: 100%;
height: auto;
display: block;
padding: 0.8rem 0.1rem 0.3rem 0.1rem;
float: none;
border-bottom: 0.01rem solid #fff;
}
.pli03c_c ul li::before {
display: none;
}
.pli03c_c ul li .p2 {
display: block;
}
.pli03c_c ul li .p03c_b {
position: absolute;
bottom: initial;
top: 0.3rem;
}
.pli03c_c ul li:last-child {
border-bottom: 0px;
}
.pli_04 {
padding-top: 0.4rem;
}
.pli04fr .pli04_txt {
text-align: left;
}
.p05_r label {
margin-left: 0rem;
margin-right: 0rem;
width: 50%;
}
.p05_r label:first-child {
margin-left: 0px;
}
.pli_07 ul {
grid-template-columns: repeat(2, 1fr);
}
.pli_07.active ul {
grid-template-columns: repeat(1, 1fr);
}
.pli_07 ul li .ss {
right: 0.2rem;
top: 0.2rem;
}
.pli_07.active ul li {
padding: 0.4rem 0.2rem;
}
.psfr {
min-height: 0.4rem;
}
.psfr .c {
display: none;
}
.cpxq_01 {
padding: 0.8rem 0px;
}
.cpxq_01 .wrap_in {
display: block;
}
.cxq01_fl {
width: 100%;
}
.cxq01_fr {
width: 100%;
margin-top: 0.4rem;
}
.cxq01_fr .p3 ul {
grid-template-columns: repeat(1, 1fr);
}
.cxq01_fr .p3 ul li {
line-height: 0.8rem;
}
.cpxq_02 {
padding: 0.8rem 0px;
}
.cxq02_c ul {
grid-template-columns: repeat(1, 1fr);
}
.cxq02_c ul li .img {
width: 40%;
}
.cxq02_c ul li .txt {
width: 60%;
}
.cxq02_c ul li .txt .p2 {
height: 0.66rem;
}
.cxq02_c ul li .txt {
margin-top: 0.8rem;
}
.cpzh_01 {
padding-top: 0.8rem;
}
.cpzh_01 ul li {
width: 100% !important;
margin-right: 0px !important;
}
.cpzh_01 ul li .cpzh01_bg img {
height: 3rem;
}
.cpzh_01 ul li .cpzh01_c {
padding: 0px 0.4rem;
}
.cpzh_01 ul li .cpzh01_s {
width: calc(100% - 0.8rem);
height: calc(100% - 0.8rem);
left: 0.4rem;
top: 0.4rem;
}
.cpzh_01 ul li:hover .cpzh01_s {
top: 0.4rem;
}
.cpbj_01 {
padding-top: 0.8rem;
}
.cpbj02t_slide .swiper-slide {
width: calc((100% - 2.4rem) / 1);
}
.scjdfr .scjd_fl {
width: calc(100% - 40px);
margin-left: 20px;
}
.scjd_01 {
padding-top: 0.8rem;
}
.scjd05_slide .swiper-slide {
width: calc((100% - 0.3rem) / 1.3);
}
.scjd06_slide .swiper-slide {
width: calc((100% - 0.3rem) / 1.3);
}
.scjdfr .scjd_fr {
width: 100%;
margin-top: 0.6rem;
padding: 0.4rem 20px;
}
.jbqk_01 {
padding-top: 0.8rem;
}
.jbqk_01 .p {
max-width: 100%;
}
.jbqk_01 .a1 {
position: relative;
top: 0px;
transform: translateY(0%);
margin-top: 0.4rem;
}
.jbqk_02 {
margin-top: 0.6rem;
}
.jbqk_02 ul li span {
width: calc(100% - 0.4rem);
left: 0.2rem;
bottom: 0.1rem;
}
.jbqk_03 {
padding-top: 0.6rem;
}
.jbqk_03 ul li {
display: block;
}
.jbqk_03 ul li .img {
width: 100%;
}
.jbqk_03 ul li .txt {
width: 100%;
margin-top: 0.4rem;
}
.jbqk_03 ul li .txt .p4 dl {
grid-template-columns: repeat(1, 1fr);
}
.ls01c_slide .swiper-slide {
width: 4rem;
}
.ls01_c .b1 {
width: 0.4rem;
}
.ls01c_more {
margin-left: 0rem;
}
.lxwm_01 {
padding-top: 0.8rem;
}
.lxwm01fr {
display: block;
}
.lxwm01fr .img {
width: 100%;
}
.lxwm01fr .txt {
width: 100%;
margin-top: 0.4rem;
}
.pp_01 {
padding-top: 0.8rem;
}
.pp_02 {
padding-top: 0px;
}
.pp_02 ul li .pp02fr {
display: block;
}
.pp_02 ul li .pp02fr .img {
width: 100%;
}
.pp_02 ul li .pp02fr .txt {
width: 100%;
margin-top: 0.4rem;
}
.pp_02 ul li .pp02fr .txt .p4 {
width: auto;
left: initial;
right: 0px;
bottom: 0.1rem;
}
.pz_01 {
padding-top: 0.8rem;
}
.pz01fr {
display: block;
}
.pz01fr .pz01_fl {
width: 100%;
}
.pz01fr .pz01_fr {
width: 100%;
}
.pz_02 {
padding-top: 0.8rem;
}
.pz02_c ul {
grid-template-columns: repeat(1, 1fr);
}
.zlgh_01 {
padding-top: 0.8rem;
display: block;
}
.zh01_fl {
width: 100%;
float: none;
padding: 0px 20px;
}
.zh01_fr {
width: calc(100% - 40px);
float: none;
margin: 0px auto;
margin-top: 0.4rem;
}
.ky_01 {
padding-top: 0.8rem;
}
.ky01_c {
display: block;
}
.ky01_c .fl {
width: 100%;
}
.ky01_c .fr {
width: 100%;
margin-top: 0.4rem;
}
.ky_02 {
padding-top: 0.8rem;
}
.ky02_c ul {
grid-template-columns: repeat(1, 1fr);
}
.ky_03 {
padding-top: 0.8rem;
}
.ky03_c ul {
grid-template-columns: repeat(1, 1fr);
}
.ky04fr {
display: block;
}
.ky04fr .fl {
width: 100%;
padding-top: 0.8rem;
}
.ky04fr .fr {
width: 100%;
}
.ky_05 {
padding-top: 0.8rem;
}
.ky05fr .fr {
width: 100%;
height: auto;
position: relative;
border-radius: 0.12rem 0.12rem 0px 0px;
-webkit-border-radius: 0.12rem 0.12rem 0px 0px;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.ky05fr .fr img {
position: relative;
}
.ky05fr .fl {
height: auto;
padding: 0.4rem 0.2rem;
margin-top: 0px;
}
.ky05fr .fl .txt {
width: 100%;
}
.ky_06 {
padding-top: 0.8rem;
}
.ky06cc_c .txt .fl {
width: 2.6rem;
margin-left: 20px;
}
.ky06cc_c .txt .fl ul li {
width: 100%;
height: 1.2rem;
}
.ky06cc_c .txt .fl ul li .p2 {
margin-top: 0.1rem;
line-height: 0.4rem;
}
.ky06cc_c .txt .fr {
width: calc(100% - 2.6rem - 0.8rem);
height: 100%;
}
.ky06cc_c .txt .fr .sp1 {
width: 100%;
float: none;
display: block;
}
.ky06cc_c .txt .fr .sp2 {
width: 100%;
margin-left: 0px;
float: none;
display: block;
}
.ky06cc_c > .txt {
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: space-between;
}
.subfr .mtsubc {
bottom: 1.5rem;
}
.sub_sch {
bottom: 0.3rem;
right: 20px;
height: 0.7rem;
width: calc(100% - 40px);
}
.sub_sch input.sch_txt {
height: 0.7rem;
}
.ns01_t .fr {
width: 2.7rem;
}
.ns01c_slide .swiper-slide .fl {
width: 100%;
padding: 0.4rem 0.2rem;
height: auto;
}
.ns01c_slide .swiper-slide .fr {
width: 100%;
height: 3rem;
}
.ns01c_slide .swiper-slide .fl .p4 {
max-height: 0.77rem;
}
.ns01_c {
overflow: hidden;
}
.ns01c_spfr {
width: calc(100% - 0.4rem);
left: 0.2rem;
bottom: 0.5rem;
}
.ns_02 {
padding-top: 0.4rem;
}
.ns_02 ul {
grid-template-columns: repeat(1, 1fr);
}
.ns_02 ul li {
padding: 0.2rem;
}
.ns_02 ul li .ns02_c .fr .p1 {
height: 0.78rem;
}
.ns_02 ul li .ns02_c .fr .p1:nth-child(2) {
height: 0.66rem;
}
.ns_03 ul {
grid-template-columns: repeat(1, 1fr);
}
.ns_06 ul li .c {
display: block;
}
.ns_06 ul li .img {
width: 100%;
}
.ns_06 ul li .txt {
width: 100%;
}
.ns_06 ul li .txt .p2 .more {
position: relative;
top: 0px;
margin-top: 0.4rem;
}
.nxqfr {
padding-top: 0.8rem;
}
.nxqfr .nxq_fl {
width: 100%;
}
.nxqfr .nxq_fr {
width: 100%;
margin-top: 0.6rem;
}
.nxqfl_t p span {
margin-left: 0.3rem;
}
.zjgx_01 {
padding-top: 0.8rem;
}
.zjgx01fr {
display: block;
}
.zjgx01fr .fl {
width: 100%;
}
.zjgx01fr .fr {
width: 100%;
margin-top: 0.6rem;
}
.zx01r_c ul li {
padding: 0.2rem 0px;
}
.zx01r_c ul li .z01rc_l {
width: 100%;
height: auto;
padding: 0px 0.2rem;
}
.zx01r_c ul li .z01rc_r {
width: 100%;
height: auto;
padding: 0px 0.2rem;
margin-top: 0.1rem;
justify-content: flex-start;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.zx01r_c ul li .z01rc_r::before {
display: none;
}
.zx01r_c ul li .z01rc_r a.a2 {
margin-left: 0.3rem;
}
.fa_01 {
padding-top: 0.8rem;
padding-bottom: 0.2rem;
}
.fa01fr {
display: block;
}
.fa01fr .txt {
width: 100%;
}
.fa01fr .img {
width: 100%;
margin-top: 0.4rem;
}
.subfr .sub_more {
bottom: 0.4rem;
right: 20px;
}
.subfr .sub_more span {
padding-right: 0.5rem;
}
.subfr .jb_subc {
bottom: 1.5rem;
}
.job_01 {
padding-top: 0.8rem;
}
.job01_c .img {
width: 100%;
height: auto;
position: relative;
}
.job01_c .img img {
position: relative;
height: auto;
}
.job01_c .txt img {
left: 0.2rem;
}
.job01_c .txt {
height: auto;
margin-top: 0px;
z-index: 999;
padding: 0.6rem 0.2rem 0.4rem 0.2rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.job01_c .txt .c {
width: 100%;
padding: 0px;
}
.job_02 {
padding-top: 0.6rem;
}
.job02_c ul {
grid-template-columns: repeat(1, 1fr);
}
.job03_video .bg img {
height: 3rem;
}
.job04_c {
display: block;
padding-bottom: 0.4rem;
}
.job04_c .job04c_fl {
width: 100%;
}
.job04_c .job04c_fr {
width: 100%;
height: 6rem;
margin-top: 0.4rem;
}
.job_05 {
padding: 0.8rem 0px;
}
.job05_t .wrap_in {
display: block;
}
.job05_t .fl {
width: 100%;
}
.job05_t .fr {
width: 100%;
margin-top: 0.4rem;
}
.job05_t .fr ul li {
margin-left: 0.2rem;
padding-bottom: 0.1rem;
}
.job05_c b.b1 {
width: 0.2rem;
}
.job05c_slide .swiper-slide {
width: calc((100% - 0.2rem) / 1.3);
}
.job_06 {
padding-top: 0.6rem;
}
.job06fr {
display: block;
}
.job06fr .fl {
width: 100%;
}
.job06fr .fr {
width: 100%;
margin-top: 0.2rem;
}
.job06fr .fr a {
width: 100%;
}
.job06fr .fr a:nth-child(2) {
margin-left: 0px;
margin-top: 0.4rem;
}
.memtop_empty {
height: 1rem;
}
.mem_02 .wrap_c {
display: block;
}
.mem02_l {
width: 100%;
min-height: auto;
}
.mem02_r {
width: 100%;
margin-top: 0.4rem;
}
.mem_03 ul li label {
line-height: 0.55rem;
}
.mem_05 ul {
grid-template-columns: repeat(1, 1fr);
}
.mem_06 ul li .c {
display: block;
}
.mem_06 ul li .img {
width: 100%;
}
.mem_06 ul li .txt {
width: 100%;
}
.mem_06 ul li .txt .p2 .more {
position: relative;
top: 0px;
margin-top: 0.4rem;
}
.mem_04 .p1 a {
width: 2rem;
}
.in_04 .fr .limg ul {
grid-template-columns: repeat(1, 1fr);
}
.in_04 .fr .limg ul li .limg_bg img.img1 {
height: 2.2rem;
}
.jbqk_02 ul li {
margin-right: 0px;
}
.jbqk_02 ul li:nth-child(1) {
width: 100%;
}
.jbqk_02 ul li:nth-child(2) {
width: 100%;
}
.jbqk_02 ul li:nth-child(3) {
width: 100%;
}
.jbqk_02 ul li:nth-child(4) {
width: 100%;
}
.jbqk_02 ul li img {
height: 2rem;
}
.jbqk_03 ul li .txt {
margin-top: 0.4rem;
}
.pp_02 ul li:hover .pp02fr .txt .p1 {
transform: translateY(0rem);
}
.pp_02 ul li .pp02fr .txt .p2 {
position: absolute;
left: 0px;
top: 0px;
line-height: 0.49rem;
margin-top: 0px;
padding-left: 0.6rem;
}
.pp_02 ul li:last-child {
margin-bottom: 0px;
}
.btn_empty {
height: 0.6rem;
}
.pz02_c ul li .pz02c_bg img {
height: 4rem;
object-fit: cover;
}
.pz02_c ul li .pz02c_c .p1 {
top: 0.5rem;
}
.pz02_b {
margin-top: 0.6rem;
}
.lxwm_02 ul {
grid-template-columns: repeat(1, 1fr);
}
.lxwm_02 ul li:nth-child(1) {
grid-column: 1;
}
.zjgx01fr .fl {
min-height: 5rem;
}
.zx01r_c ul li {
margin-bottom: 0.2rem;
padding: 0.3rem 0px;
}
.esg_03 ul li .img {
width: calc(100% - 40px);
margin: 0px 20px;
}
.esg_04 ul li .img {
width: calc(100% - 40px);
margin: 0px 20px;
}
.job02_c ul li .bg img {
opacity: 1;
}
.job02_c ul li .bg::before {
opacity: 0;
}
.job02_c ul li .txt .p1 i img.img2 {
opacity: 1;
}
.job02_c ul li .txt .p1 i img.img1 {
opacity: 0;
}
.job02_c ul li .txt .p2 .i1 {
color: #fff;
}
.job02_c ul li .txt .p2 .i2 {
color: #fff;
max-height: 2.1rem;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
text-overflow: ellipsis;
display: -webkit-box;
}
.job02_c ul li .bg img {
height: 5rem;
object-fit: cover;
}
.job05_t .fr {
font-size: 0.23rem;
}
.job04_c .job04c_fr {
display: none !important;
}
.job04_c {
overflow: visible;
}
.job04_c .job04c_fl {
overflow: visible;
}
.job04_c .job04c_fl .job04cl_slide {
overflow: visible;
}
.job04_c .job04c_fl .job04cl_slide .swiper-slide {
width: calc((100% - 0.2rem) / 1.3);
border-radius: 0.12rem;
-webkit-border-radius: 0.12rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.job04c_more a.job04c_prev {
width: 0.6rem;
height: 0.6rem;
display: block;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #00479d;
position: absolute;
left: 0.2rem;
top: 0px;
z-index: 999;
}
.job04c_more a.job04c_prev::before {
content: "";
width: 100%;
height: 100%;
display: block;
background: url("../images/t_14.svg") 50% no-repeat;
background-size: 0.08rem;
position: absolute;
left: 0px;
top: 0px;
}
.job04c_more a.job04c_next {
width: 0.6rem;
height: 0.6rem;
display: block;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: #00479d;
position: absolute;
right: 0.2rem;
top: 0px;
z-index: 999;
}
.job04c_more a.job04c_next::before {
content: "";
width: 100%;
height: 100%;
display: block;
background: url("../images/t_15.svg") 50% no-repeat;
background-size: 0.08rem;
position: absolute;
left: 0px;
top: 0px;
}
.lxwm_02 ul li .txt .p2 span {
margin-right: 0px;
}
.lxwm_02 ul li {
padding: 0.4rem 0.3rem;
}
.lz02b_slide .swiper-slide {
width: 3rem;
}
.job05_t .fr ul li {
margin-left: 0px;
width: 33.3333%;
}
.banner_slide {
height: auto;
}
.banner_slide .swiper-slide .bs_bg {
position: relative;
}
.banner_slide .swiper-slide .bs_bg img {
height: auto;
position: relative;
}
.in02_c ul li .img .c img {
height: 2rem;
}
.in_04 .fl {
height: 5.4rem;
}
.in_05 .in05_c .p2 .a1 {
right: initial;
left: 0px;
}
.nxqfl_c img {
max-width: 100%;
}
.nxqfl_b .a1 {
width: auto;
}
.nxqfl_b .a2 {
width: auto;
}
.p05_l {
width: 100%;
}
.p05_r {
width: 100%;
}
.pli_prd .p05_r label {
width: 33.3333%;
}
.pli_07 ul li a.sc_click {
right: 0.2rem;
margin-bottom: 0.2rem;
}
.pli_07.active ul li a.sc_click {
right: 0.2rem;
}
.in_01 .in01_c .p3 br {
display: none;
}
.in_04 .in02_t .p2 {
margin-right: 0.46rem;
}
.in_01 .in01_c .p3 {
font-size: 0.24rem;
}
.in_01 .in01_bg {
height: 100%;
position: absolute;
left: 0px;
top: 0px;
pointer-events: none;
}
.in_01 .in01_bg video {
display: none;
}
.in_01 .in01_c {
position: relative;
pointer-events: all;
}
.in_01 .in01_c .in01c_bg b.b1 {
display: none;
}
.in_01 .in01_c .in01c_bg b.b2::before {
height: 100%;
}
.in_01 .in01_c .txt {
padding: 1rem 0px;
}
.in_01 .in01_c .plogo {
margin-bottom: 0.3rem;
}
.in_01 .in01_c .plogo img {
display: block;
height: 0.6rem;
margin: 0px auto;
padding: 0px;
}
.in_01 .in01_c .p8 {
margin-top: 0.4rem;
}
.in_01 .in01_c .p8 a {
width: 1.2rem;
height: 1.2rem;
display: block;
position: relative;
border-radius: 50%;
margin: 0px auto;
padding: 0px;
z-index: 9;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.in_01 .in01_c .p8 a b {
width: 100%;
height: 100%;
display: block;
overflow: hidden;
border-radius: 50%;
background: url("../images/in_04.png") 50% no-repeat;
background-size: 100%;
position: absolute;
left: 0px;
top: 0px;
z-index: 9;
}
.in_01 .in01_c .p8 a::before {
content: "";
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: rgba(0, 71, 157, 0.1);
position: absolute;
left: 0px;
top: 0px;
-webkit-animation: ksan_01 2.1s linear infinite;
animation: ksan_01 2.1s linear infinite;
}
.in_01 .in01_c .p8 a::after {
content: "";
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
background-color: rgba(0, 71, 157, 0.1);
position: absolute;
left: 0px;
top: 0px;
-webkit-animation: ksan_01 2.1s linear infinite;
animation: ksan_01 2.1s linear infinite;
animation-delay: 2s;
-webkit-animation-delay: 2s;
}
.in01_a {
background-color: initial;
backdrop-filter: none;
}
.in01_a ul {
display: block;
}
.in01_a ul li {
padding: 0px 0.1rem;
height: 0.8rem;
border-bottom: 0rem solid rgba(255, 255, 255, 0.1);
width: 100%;
float: left;
margin-bottom: 0.02rem;
background-color: rgba(0, 0, 0, 0.23);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.in01_a ul li:last-child {
margin-bottom: 0px;
}
.in01_a ul li .p2 {
font-size: 0.24rem;
}
.in01_a ul li .p2 span::before {
width: 0.16rem;
height: 0.16rem;
bottom: 0.1rem;
}
.in01_a ul li .p2 span {
padding-right: 0.34rem;
}
.in01_a ul li a {
width: 100%;
position: relative;
margin-top: -0.05rem;
}
.in01_a ul li .c {
width: 100%;
position: relative;
}
.in01_a ul li .p1 {
position: absolute;
left: 0px;
top: 0px;
line-height: 0.4rem;
color: rgba(255, 255, 255, 0.5);
}
.in01_a ul li .p2 {
width: calc(100% - 0.6rem);
margin-left: 0.6rem;
line-height: 0.4rem;
}
.in01_a ul li .p2 span {
width: calc(100% - 0.34rem);
}
.in01_a ul li::after {
display: none;
}
.banner_slide .swiper-slide .bs_c {
bottom: 4.4rem;
}
.down_01 {
bottom: 4.4rem;
}
.cpbj01c_txt {
font-size: 0.2rem;
}
}
/* 隐私政策 */
.float {
position: fixed;
bottom: 0;
left: 0;
display: none;
z-index: 991;
padding: 24px 0;
font-size: 16px;
box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
width: 100%;
line-height: 26px;
background-color: #e60012;
color: #fff;
height: 90px;
}
@media (max-width: 767px) {
.float {
height: auto;
}
}
.float p {
width: 100%;
/* margin-bottom: 20px; */
}
.float p a {
text-decoration: underline;
color: #e60012;
transition: all 0.4s;
}
.float .cta {
display: block;
background: none;
border: none;
font-size: 14px;
color: #333;
cursor: pointer;
transition: all 0.4s;
margin-left: 16px;
width: 120px;
height: 50px;
border: 1px solid #ddd;
}
@media (max-width: 1440px) {
.float {
font-size: 14px;
line-height: 24px;
}
.float .cta {
font-size: 14px;
}
}
.float .wrap_in {
display: flex;
align-items: flex-start;
}
@media (max-width: 991px) {
.float .wrap_in {
flex-wrap: wrap;
}
.float .cta {
margin-left: 0;
}
.float p {
width: 100%;
margin-bottom: 14px;
}
}
@media (max-width: 767px) {
#table-view-dataTableMul table {
width: auto !important;
}
}
.float p a {
transition: all 0.8s;
color: #fff;
}
.float .cta {
transition: all 0.8s;
color: #fff;
border-color: rgba(255, 255, 255, 0.5);
}
.float2 {
color: #666;
background-color: #F5F5F5;
transition: all 0.8s;
}
.float2 p a {
color: #00479d;
}
.float2 .cta {
color: #333;
border-color: #ddd;
}
.float2 .cta:hover {
background-color: #00479d;
border-color: #00479d;
color: #fff;
}
/* End */
/*share*/
@-webkit-keyframes m204_an {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
25% {
transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
}
50% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
75% {
transform: rotate(10deg);
-ms-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-o-transform: rotate(10deg);
}
100% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
}
@keyframes m204_an {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
25% {
transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
}
50% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
75% {
transform: rotate(10deg);
-ms-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-o-transform: rotate(10deg);
}
100% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
}
.sharefr {
width: 40px;
overflow: visible;
display: none;
position: fixed;
left: 0px;
top: 3rem;
z-index: 998;
background-color: #fff;
border-radius: 0.07rem;
-webkit-border-radius: 0.07rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
-moz-box-shadow: 0px 0px 0.2rem rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 0.2rem rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 0.2rem rgba(0, 0, 0, 0.15);
}
.sharefr ul li {
width: 100%;
overflow: visible;
position: relative;
padding: 0.06rem 0px;
}
.sharefr ul li:first-child {
padding-top: 0.06rem;
padding-bottom: 0px;
}
.sharefr ul li:last-child {
padding-bottom: 0.16rem;
}
.sharefr ul li .se_t {
width: 100%;
overflow: hidden;
}
.sharefr ul li .se_t img {
width: 100%;
display: block;
filter: opacity(60%);
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.sharefr ul li .se_c {
width: 1.6rem;
overflow: visible;
position: absolute;
left: 50px;
top: 50%;
transform: translateY(-50%);
padding-left: 10px;
display: none;
}
.sharefr ul li .se_c::before {
content: "";
display: block;
width: 8px;
height: 100%;
background: url("../images/t_18.png") 50% no-repeat;
background-size: 100%;
position: absolute;
left: 10px;
top: 0px;
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.sharefr ul li .se_c .c {
background-color: #fff;
margin-left: 8px;
padding: 0.05rem;
border-radius: 0.03rem;
-webkit-border-radius: 0.03rem;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-moz-box-shadow: 0px 0px 0.2rem rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 0.2rem rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 0.2rem rgba(0, 0, 0, 0.15);
}
.sharefr ul li .se_c .c img {
width: 100%;
display: block;
}
.sharefr ul li:not(:first-child):hover .se_c {
display: block;
}
.sharefr ul li:not(:first-child):hover .se_t img {
filter: opacity(100%);
-webkit-animation: m204_an 1.1s linear infinite;
animation: m204_an 1.1s linear infinite;
}
.sharefr.active {
display: block;
}
/*end*/
/*20250211*/
.cpbj01c_img {
width: 100%;
overflow: hidden;
position: relative;
}
.cpbj01c_img img {
width: 100%;
display: block;
position: absolute;
left: 0px;
top: 0px;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.cpbj01c_img .c {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
}
.cpbj01c_img img.img0 {
position: relative;
z-index: 1;
}
.cpbj01c_img img.img1 {
z-index: 2;
opacity: 0;
}
.cpbj01c_img img.img2 {
z-index: 3;
opacity: 0;
}
.cpbj01c_img img.img3 {
z-index: 4;
opacity: 0;
}
.cpbj01c_img img.img4 {
z-index: 5;
opacity: 0;
}
.cpbj01c_txt {
width: 100%;
overflow: hidden;
text-align: center;
margin-top: 0.6rem;
}
.cpbj01c_txt .c {
display: inline-block;
}
.cpbj01c_txt ul li {
float: left;
margin-left: 0.8rem;
padding-left: 0.3rem;
position: relative;
}
.cpbj01c_txt ul li:first-child {
margin-left: 0px;
}
.cpbj01c_txt ul li::before {
content: "";
display: block;
width: 0.14rem;
height: 0.14rem;
border-radius: 50%;
position: absolute;
left: 0px;
top: calc(50% - 0.05rem);
transform: translateY(-50%);
}
.cpbj01c_txt ul li:nth-child(1)::before {
background-color: #00479d;
}
.cpbj01c_txt ul li:nth-child(2)::before {
background-color: #a5c2db;
}
.cpbj01c_txt ul li:nth-child(3)::before {
background-color: #ce9f67;
}
.cpbj01c_txt ul li:nth-child(4)::before {
background-color: #cd6e58;
}
.cpbj01c_txt ul li a {
display: inline-block;
position: relative;
padding-bottom: 0.12rem;
font-weight: bold;
}
.cpbj01c_txt ul li a::before {
content: "";
display: block;
width: 0%;
height: 0.03rem;
background-color: #00479d;
position: absolute;
left: 0px;
bottom: 0.01rem;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.cpbj01c_txt ul li.active a::before {
width: 100%;
}
.pz_03 {
overflow: hidden;
padding: 0px 0px 1rem 0px;
position: relative;
background-color: #f9f9f9;
}
.pz_03 b.b1 {
width: 0.4rem;
height: 1px;
display: block;
pointer-events: none;
position: absolute;
left: 0px;
top: 0px;
}
.pz03_slide {
width: 100%;
overflow: visible;
}
.pz03_slide .swiper-slide {
width: calc((100% - 1.2rem) / 4);
overflow: visible;
position: relative;
}
.pz03_slide .swiper-slide .c {
width: 100%;
overflow: hidden;
position: relative;
z-index: 9;
background-color: #fff;
border-radius: 0.06rem;
-moz-box-shadow: 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}
.pz03_slide .swiper-slide img {
width: 100%;
display: block;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.pz03_slide .swiper-slide img.img2 {
height: 100%;
object-fit: contain;
position: absolute;
left: 0px;
top: 0px;
}
.pz03_slide .swiper-slide::before {
content: "";
display: block;
width: calc(100% - 0.04rem);
height: 98%;
overflow: hidden;
background-color: #00479d;
border-radius: 0.06rem;
position: absolute;
left: 0.02rem;
bottom: 0rem;
opacity: 0;
z-index: 1;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.pz03_slide .swiper-slide:hover::before {
opacity: 1;
bottom: -0.03rem;
}
.pz03_slide .swiper-slide:hover img {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.ky_07 {
overflow: hidden;
background-color: #f9f9f9;
padding: 1rem 0px;
}
.ky_07 ul {
width: 100%;
overflow: visible;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 0.4rem;
}
.ky_07 ul li {
width: 100%;
overflow: hidden;
background-color: #fff;
border-radius: 0.08rem;
-moz-box-shadow: 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}
.ky_07 ul li .p {
width: 100%;
overflow: hidden;
}
.ky_07 ul li .p1 {
position: relative;
}
.ky_07 ul li .p1 img {
width: 100%;
display: block;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.ky_07 ul li .p1 img.img2 {
height: 100%;
object-fit: cover;
position: absolute;
left: 0px;
top: 0px;
}
.ky_07 ul li .p2 {
font-weight: bold;
color: #000;
line-height: 1.5;
padding: 0.3rem 0.2rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
text-align: center;
}
.ky_07 ul li:hover .p1 img {
transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
.esgxq img {
max-width: 100%;
height: auto !important;
}
.top_t .fl ul li .topt_c .toptc_c .ttcc_l dl.dl1 {
width: 50%;
grid-template-columns: 100%;
float: left;
}
.ky02_t span {
display: inline-block;
position: relative;
padding-right: 0.34rem;
}
.ky02_t span::before {
content: "";
display: block;
width: 0.14rem;
height: 0.14rem;
background-color: #00479d;
position: absolute;
right: 0px;
bottom: 0.1rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.ky05fr .fl .p1 span {
display: inline-block;
position: relative;
padding-right: 0.34rem;
}
.ky05fr .fl .p1 span::before {
content: "";
display: block;
width: 0.14rem;
height: 0.14rem;
background-color: #00479d;
position: absolute;
right: 0px;
bottom: 0.1rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
.ky04fr .fl .p1 span {
display: inline-block;
position: relative;
padding-right: 0.34rem;
}
.ky04fr .fl .p1 span::before {
content: "";
display: block;
width: 0.14rem;
height: 0.14rem;
background-color: #00479d;
position: absolute;
right: 0px;
bottom: 0.1rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-backface-visibility: hidden;
-webkit-appearance: none;
}
@media screen and (max-width: 1177px) {
.cxq01_fl {
width: 40%;
}
.cxq01_fr {
width: calc(60% - 0.6rem);
}
}
@media screen and (max-width: 1023px) {
.pz_03 b.b1 {
width: 0.2rem;
}
.pz03_slide .swiper-slide {
width: 90%;
}
.ky_07 {
padding: 0.6rem 0px;
}
.ky_07 ul {
grid-template-columns: repeat(1, 1fr);
}
/*20250224*/
.pli_prd .p05r_2 label {
width: 50%;
}
.banner_slide .swiper-slide .bs_bg img {
height: 100vh;
object-fit: cover;
}
.cpbj01c_txt ul li {
margin-left: 0.2rem;
padding-left: 0.2rem;
}
.cxq01_fl {
width: 100%;
}
.cxq01_fr {
width: 100%;
}
.scjdfr .scjd_fl {
width: calc(100% - 40px) !important;
}
.in_05 .in05_c .p2 ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 0.2rem;
}
.in_05 .in05_c .p2 ul li {
width: 100%;
height: auto;
padding: 0.3rem 0px;
}
}