.hm-sec2 {position: relative;}
.hm-sec2 .f_zhong {background-position: center;background-repeat: no-repeat;background-size: cover;position: sticky;position: -webkit-sticky;top: 0;width: 100%;
height: 100vh;background: #f0f3f7;display: flex;align-items: center;justify-content: center;overflow: hidden}
.hm-sec2 .f_zhong .container {margin: 0 auto; width: 90%;padding-top: 70px}
@media (max-width: 767px) {
.hm-sec2 .f_zhong .container {padding-top: 0}
.hm-sec2 .f_zhong{height: 75vh;}
}
.hm-sec2 .f_zhong .container .cont {
display: flex;flex-wrap: wrap;align-items: center}
.hm-sec2 .f_zhong .container .cont .font {
width: 35.125%;padding-right: 1rem}
@media (max-width: 1199px) {
.hm-sec2 .f_zhong .container .cont .font {padding-right: .6rem}
}
@media (max-width: 767px) {
.hm-sec2 .f_zhong .container .cont .font {width: 100%;margin-bottom: .6rem;padding-right: 0}
}
.hm-sec2 .f_zhong .container .cont .font .name {color: #00317d;font-weight: 600;line-height: 1.25}
.hm-sec2 .f_zhong .container .cont .font .f_tit {font-weight: bold;color: #000000;line-height: 1.125;margin-top: .17rem;margin-bottom: 1.26rem}
@media (max-width: 767px) {
.hm-sec2 .f_zhong .container .cont .font .f_tit {margin-bottom: .36rem}
.hm-sec2 .f_zhong .container .cont .font .name{font-weight: normal;}
}
.hm-sec2 .f_zhong .container .cont .gt {width: 64.875%;position: relative}
@media (max-width: 767px) {
.hm-sec2 .f_zhong .container .cont .gt {width: 100%}
}
.hm-sec2 .f_zhong .container .cont .gt .f_item {transition: all .4s linear}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_img {width: 100%;padding-top: 55.78034682%;padding-top: 47.16024341%;padding-top: 51.31826742%}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_img svg {position: absolute;left: 0;top: 0;height: 100%;transition: all .4s}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_img svg path {transition: all .4s}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_img svg .zhou {cursor: pointer;opacity: .7;transition: all .4s}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_img svg .zhou[data-name="中国"] path {fill: #014098}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_img svg .zhou[data-name="北美洲"] path {fill: #5e9bce}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_img svg .zhou[data-name="拉丁美洲"] path {fill: #2e80c5}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_img svg .zhou[data-name="非洲"] path {fill: #3176c5}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_img svg .zhou[data-name="欧洲"] path {fill: #4787c8}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_img svg .zhou[data-name="澳洲"] path {fill: #4787c8}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_img svg .zhou[data-name="亚洲"] path,
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_img svg .zhou[data-name="亚洲"] polygon {fill: #265aa5}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_img svg .zhou[data-name="南极"] path {fill: #5e9bce}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_img svg .zhou:hover {opacity: 1}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_img img,.hm-sec2 .f_zhong .container .cont .gt .f_item .f_img svg {width: 100%}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_img img:nth-child(2),.hm-sec2 .f_zhong .container .cont .gt .f_item .f_img svg:nth-child(2) {opacity: 0}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_img2 {position: absolute;left: 47.728%;top: 40.759%;width: 0;height: 0;background-color: #000000}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_img2 .img {width: 0;overflow: hidden;position: absolute;transition: all .4s;left: 50%;transform: translate(-50%, -50%)}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_img2 .img img {
max-width: initial;width: var(--hm2width);right: inherit;bottom: inherit;top: 50%;left: 50%;
height: auto;transform: translate(-50%, -50%)}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_img2 .img:before {padding-top: 59.55307263%}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei {position: absolute;top: 0;left: 0;width: 0;height: 0}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei .tu {position: absolute;left: 50%;top: 50%;transition: all .4s;transform: translate(-50%, -50%) scale(0);border-radius: 50%;overflow: hidden;width: .4rem;height: .4rem;cursor: pointer;border: 2px solid #ffffff}
@media (max-width: 1580px) {
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei .tu {
border-width: 1px
}
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei .tu img {
width: 100%;
height: 100%;
object-fit: cover
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei .tu {
width: 6px !important;
height: 6px !important;
background-color: #014098;
border-radius: 50%;
border: none;
overflow: visible
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei .tu:before {
content: "";
display: block;
position: absolute;
left: 50%;
top: 50%;
width: .4rem;
height: .4rem;
border-radius: 50%;
background-color: #014098;
transform: translate(-50%, -50%) scale(.3);
opacity: 0;
animation: scale100 1.4s linear infinite
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei .tu img {
display: none
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei .f_wezi {
position: absolute;
left: 100%;
transform: translateY(-50%);
padding-left: .2rem;
width: 3rem;
display: none;
z-index: 2
}
@media (max-width: 1580px) {
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei .f_wezi {
width: 3.4rem
}
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei .f_wezi:before {
content: "";
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #ffffff;
position: absolute;
right: 100%;
margin-right: -0.2rem;
top: 50%;
margin-top: -8px
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei .f_wezi .f_kuang {
width: 100%;
border-radius: 5px;
background-color: #ffffff;
overflow: hidden
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei .f_wezi .f_kuang .f_tit {
background-color: #014098;
border-radius: 5px;
padding: .1rem .2rem;
color: #ffffff
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei .f_wezi .f_kuang .f_jt {
padding: .17rem .2rem;
width: 100%;
line-height: 22px
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei .f_wezi .f_kuang .f_jt .li {
display: flex;
margin-bottom: .1rem
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei .f_wezi .f_kuang .f_jt .li:last-child {
margin-bottom: 0
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei .f_wezi .f_kuang .f_jt .li span {
display: block;
width: .56rem;
color: #515368;
opacity: .5
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei .f_wezi .f_kuang .f_jt .li p {
width: calc(100% - .56rem);
color: #515368;
word-break: break-all
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(30) .tu {
transition: all .4s 3s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(29) .tu {
transition: all .4s 2.9s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(28) .tu {
transition: all .4s 2.8s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(27) .tu {
transition: all .4s 2.7s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(26) .tu {
transition: all .4s 2.6s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(25) .tu {
transition: all .4s 2.5s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(24) .tu {
transition: all .4s 2.4s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(23) .tu {
transition: all .4s 2.3s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(22) .tu {
transition: all .4s 2.2s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(21) .tu {
transition: all .4s 2.1s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(20) .tu {
transition: all .4s 2s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(19) .tu {
transition: all .4s 1.9s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(18) .tu {
transition: all .4s 1.8s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(17) .tu {
transition: all .4s 1.7s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(16) .tu {
transition: all .4s 1.6s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(15) .tu {
transition: all .4s 1.5s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(14) .tu {
transition: all .4s 1.4s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(13) .tu {
transition: all .4s 1.3s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(12) .tu {
transition: all .4s 1.2s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(11) .tu {
transition: all .4s 1.1s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(10) .tu {
transition: all .4s 1s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(9) .tu {
transition: all .4s .9s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(8) .tu {
transition: all .4s .8s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(7) .tu {
transition: all .4s .7s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(6) .tu {
transition: all .4s .6s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(5) .tu {
transition: all .4s .5s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(4) .tu {
transition: all .4s .4s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(3) .tu {
transition: all .4s .3s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(2) .tu {
transition: all .4s .2s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:nth-child(1) .tu {
transition: all .4s .1s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei .wenzi {
position: absolute;
left: 0;
top: 0;
transform: translateY(-50%);
display: none
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei .wenzi .f_tit {
color: #515368;
padding-left: .24rem;
width: 300px
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei .wenzi .f_tishi {
display: flex;
align-items: center;
color: #cb9d13;
white-space: nowrap;
display: none
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei .wenzi .f_tishi img {
display: block;
width: 14px;
height: auto;
margin-right: .14rem
}
@media (max-width: 1580px) {
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei .wenzi .f_tishi img {
width: 12px
}
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei.on .tu {
display: none
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei.on .wenzi {
display: block
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei.on .wenzi .f_tit {
display: none
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei.on .wenzi .f_tishi {
display: flex
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:hover:not(.f_tishi) .f_wezi {
display: block
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:hover:not(.f_tishi) .tu {
background-color: #ffffff
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_wei:hover:not(.f_tishi) .tu:before {
background-color: #ffffff
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_tishi .tu {
transition: none !important
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_alt {
width: 0;
height: 0;
position: absolute;
top: 0;
left: 0;
display: none
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_alt .f_link {
position: absolute;
top: 0;
left: 0;
transform: translateY(-50%);
width: 220px;
background-color: #ffffff;
border-radius: 5px;
padding: .15rem .1rem
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_alt .f_link .f_tit {
padding: 0 .2rem;
color: #222222;
font-weight: bold;
margin-bottom: .1rem
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_alt .f_link .dianji {
width: 100%
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_alt .f_link .dianji .li {
cursor: pointer;
padding: 4px .2rem;
display: flex;
justify-content: space-between;
align-items: center;
color: #515368;
border-radius: 5px;
transition: all .4s
}
@media (max-width: 1900px) and (min-width: 1581px) {
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_alt .f_link .dianji .li {
font-size: 14px
}
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_alt .f_link .dianji .li span {
display: block;
width: calc(100% - 16px)
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_alt .f_link .dianji .li i {
width: 6px;
height: 10px;
display: flex;
align-items: center;
justify-content: center;
transition: all .4s
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_alt .f_link .dianji .li i img,
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_alt .f_link .dianji .li i svg {
width: 100%;
height: 100%
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_alt .f_link .dianji .li i img path,
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_alt .f_link .dianji .li i svg path {
fill: #515368;
opacity: .25
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_alt .f_link .dianji .li:hover:not(.active) {
background-color: #014098;
color: #ffffff
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_alt .f_link .dianji .li:hover:not(.active) i svg path {
fill: #ffffff;
opacity: .5
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_alt .f_link .dianji .active {
color: #cb9d13
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_alt .f_link .dianji .active i svg path {
fill: #cb9d13
}
.hm-sec2 .f_zhong .container .cont .gt .f_item .f_alt .f_link .dianji .active:hover i svg path {
opacity: .5
}
.hm-sec2 .f_zhong .container .cont .gt .f_item2 {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 83.044%;
visibility: hidden;
display: none
}
.hm-sec2 .f_zhong .container .cont .gt .f_item2 .shu,
.hm-sec2 .f_zhong .container .cont .gt .f_item2 .f_img {
margin-top: .5rem;
opacity: 0
}
.hm-sec2 .f_zhong .container .cont .gt .f_item2 .shu {
position: relative;
color: #dee4ec;
font-size: 2.08rem;
font-family: 'dinBold', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
line-height: .9;
width: 100%;
text-align: center;
transition: all .4s linear;
background-color: #ffffff;
background-image: linear-gradient(0deg, #dee4ec, rgba(255, 255, 255, 0) 80%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.hm-sec2 .f_zhong .container .cont .gt .f_item2 .f_img {
width: 100%;
transform: translateY(-0.3rem);
transition: all .4s linear
}
.hm-sec2 .f_zhong .container .cont .gt .f_item2 .f_img:before {
padding-top: 43.03944316%
}
.hm-sec2 .f_zhong .container .f_shuzi {margin-top:4%;display: flex;flex-wrap: wrap}
.hm-sec2 .f_zhong .container .f_shuzi .li {width: 33.333%;overflow: hidden;position: relative}
.hm-sec2 .f_zhong .container .f_shuzi .li .f_icon {position: relative;width: 70px;height: 70px;display: flex;border-radius: 50%;align-items: center;justify-content: center;border: solid 1px #014098;margin-bottom: .2rem}
@media (max-width: 767px) {
    .hm-sec2 .f_zhong .container .f_shuzi .li .f_icon{width: 50px; height: 50px;}
.hm-sec2 .f_zhong .container .f_shuzi .li .f_icon {margin-bottom: .3rem}
}
.hm-sec2 .f_zhong .container .f_shuzi .li .f_icon svg,.hm-sec2 .f_zhong .container .f_shuzi .li .f_icon img {width: auto;height: 30.55555556%;object-fit: contain}
.hm-sec2 .f_zhong .container .f_shuzi .li .f_icon svg path,
.hm-sec2 .f_zhong .container .f_shuzi .li .f_icon img path {fill: #014098}
.hm-sec2 .f_zhong .container .f_shuzi .li .xian {display: block;left: 70px;position: absolute;top: 34px;width: 100%;height: 1px;background-color: #d4d9e6}
.hm-sec2 .f_zhong .container .f_shuzi .li .xian:before {content: "";display: block;width: 0;background-color: #014098;height: 100%;transition: all .4s linear}
.hm-sec2 .f_zhong .container .f_shuzi .li .shu {display: flex;align-items: center;line-height: 1;color: #014098;margin-bottom: .04rem;font-weight: bold}

@media (max-width: 767px) {
.hm-sec2 .f_zhong .container .f_shuzi .li .shu span {}
.hm-sec2 .f_zhong .container .f_shuzi .li .xian{left: 50px; top: 25px;}
.hm-sec2 .f_zhong .container .f_shuzi .li .f_icon svg, .hm-sec2 .f_zhong .container .f_shuzi .li .f_icon img{width: 43%;}
}
.hm-sec2 .f_zhong .container .f_shuzi .li .f_tit {color: #222222}
.hm-sec2 .f_zhong[data-index="1"] .container .cont .gt .f_item .f_img {pointer-events: auto}
.hm-sec2 .f_zhong[data-index="1"] .container .cont .gt .f_item .f_img img {opacity: 0}
.hm-sec2 .f_zhong[data-index="1"] .container .cont .gt .f_item .f_img img:nth-child(2) {opacity: 1}
.hm-sec2 .f_zhong[data-index="1"] .container .f_shuzi .li:nth-child(1) .xian:before {width: 100%;transition: all .4s}
.hm-sec2 .f_zhong[data-index="2"] .container .cont .gt .f_item .f_img {pointer-events: auto}
.hm-sec2 .f_zhong[data-index="2"] .container .cont .gt .f_item .f_img img {opacity: 0}
.hm-sec2 .f_zhong[data-index="2"] .container .cont .gt .f_item .f_img img:nth-child(2) {opacity: 1}
.hm-sec2 .f_zhong[data-index="2"] .container .cont .gt .f_item .f_wei .tu {transform: translate(-50%, -50%) scale(1)}
.hm-sec2 .f_zhong[data-index="2"] .container .cont .gt .f_item .f_wei .wenzi {display: block}
.hm-sec2 .f_zhong[data-index="2"] .container .f_shuzi .li:nth-child(1) .xian:before,
.hm-sec2 .f_zhong[data-index="2"] .container .f_shuzi .li:nth-child(2) .xian:before {width: 100%;transition: all .4s}
.hm-sec2 .f_zhong[data-index="3"] .container .cont .gt .f_item .f_img {pointer-events: auto}
.hm-sec2 .f_zhong[data-index="3"] .container .cont .gt .f_item .f_img img {opacity: 0}
.hm-sec2 .f_zhong[data-index="3"] .container .cont .gt .f_item .f_img img:nth-child(2) {opacity: 1}
.hm-sec2 .f_zhong[data-index="3"] .container .cont .gt .f_item .f_wei .tu {transform: translate(-50%, -50%) scale(1)}
.hm-sec2 .f_zhong[data-index="3"] .container .cont .gt .f_item .f_wei .tu {transform: translate(-50%, -50%) scale(1)}
.hm-sec2 .f_zhong[data-index="3"] .container .cont .gt .f_item .f_wei .wenzi {display: block}
.hm-sec2 .f_zhong[data-index="3"] .container .cont .gt .f_item2 {visibility: inherit}
.hm-sec2 .f_zhong[data-index="3"] .container .cont .gt .f_item2 .shu,.hm-sec2 .f_zhong[data-index="3"] .container .cont .gt .f_item2 .f_img {margin-top: 0;opacity: 1}
.hm-sec2 .f_zhong[data-index="3"] .container .f_shuzi .li:nth-child(1) .xian:before,
.hm-sec2 .f_zhong[data-index="3"] .container .f_shuzi .li:nth-child(2) .xian:before,
.hm-sec2 .f_zhong[data-index="3"] .container .f_shuzi .li:nth-child(3) .xian:before {
width: 100%;
transition: all .4s
}
.hm_but {transition: all .4s linear;display: flex;align-items: center}

.hm_but i {width: 50px;height: 50px;border: solid 1px #014098;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: all .4s linear;margin-right: .14rem}

@media (max-width: 567px) {
    .hm_but{display: none;}
.hm_but i {width: .66rem;height: .66rem}
}

.hm_but span {transition: all .4s;color: #014098}
.hm_but:hover i {background-color: #014098; color: #fff;}