﻿@charset "utf-8";
/* CSS Document */
*{ box-sizing: border-box; padding:0; margin:0;}
html{ width: 100%; overflow-x: hidden;}
body { font: 0.73vw "MiSans", "Microsoft Yahei",sans-serif; color: #333; line-height: 1.5;}
img{border:0; vertical-align: middle;}
dl,dt,dd{display: block;}
a{text-decoration:none; outline: none; color: #333;}
input{height: 100%;}
input,textarea{  outline:none;  border: 0; background:none; font: 0.73vw "Microsoft Yahei","Arial",sans-serif; width: 100%; }
input[type="button"], input[type="submit"], input[type="text"] {-webkit-appearance: none; outline: none; }
button{border: 0; background: none; height: 100%; cursor: pointer; font-size: 0.94vw;}
video{width: 100%; height: 100%; object-fit: cover;}

/* 字体 */
@font-face {
	font-family: 'MiSans';
	src: url('../fonts/MiSans-Regular.ttf');
    font-display: swap;
}

:root{
    --colour1: #333333;
    --colour2: #910F34;
    --colour3: #AD0E8F;
    --colour4: #8F699E;
    --colour5: #C98D23;
    --colour6: #34BBC5;

}


/* 首页 */
.home_part{height: 100vh; background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff; text-align: center; display: flex; flex-direction: column; justify-content: space-between; padding: 7.81vw 0 1.04vw 0; line-height: 1;}
.home_part .col_1 .d1{font-size: 2vw; text-transform: uppercase; font-weight: 450; }
.home_part .col_1 .d2{font-size: 2vw; font-weight: 450; padding-bottom: 1.04vw;}

.home_part .col_2 {display: flex; justify-content: center; }
.home_part .col_2>div{width: 31.25vw; margin: 0 2.6vw;}
.home_part .col_2 a{color: #fff; padding-bottom: 3.65vw; display: block; position: relative;}
.home_part .col_2 a::after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: linear-gradient(90deg,rgba(255,255,255,0) 0%,#FFFFFF 50%,rgba(255,255,255,0) 100%); opacity: 0.5;}
.home_part .col_2 a::before{content: ''; position: absolute; left: 50%; bottom: 0; width:90%;  transform: translateX(-50%); height: 8.85vw; background: radial-gradient(56.07% 39.6% at 50.15% 100%, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.00) 100%); opacity: 0; transition: 0.5s;}
.home_part .col_2 a:hover::before{opacity: 1;}
.home_part .col_2 dl{position: relative; z-index: 1; }
.home_part .col_2 dt{font-size: 1.67vw; }
.home_part .col_2 dd{font-size: 1.04vw; padding-top: 1.04vw;}

.home_part .col_3{font-size: 0.63vw;}


/* 城市 */
.header{position: absolute; left: 0; top: 0; width: 100%; padding: 2.08vw 3.13vw; display: flex; align-items: center; justify-content: space-between;}
.header .logo img{width: 9.27vw; display: block;}
.header .lang a{color: #fff;}

.footer{padding: 2.08vw 0; background: #F2F2F2; border-top: 0.16vw solid #46318E; text-align: center;}

.banner{height: 30.21vw;background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff; line-height: 1; display: flex; align-items: center; background-color: #46318E;}
.banner .box{display: flex; align-items: flex-end; justify-content: space-between; padding: 0 12.5vw; width: 100%;}
.banner .txt{font-size: 2.5vw;}
.banner .tet{font-size: 1.56vw; font-weight: 700; letter-spacing: 1.25vw;}

.main{padding: 4.69vw 0 3.13vw 0;}



.tab_nav{ border-bottom: 1px solid #D9D9D9; padding: 0 12.5vw; font-size: 0.83vw; margin-bottom: 3.65vw;}
.tab_nav .box{display: flex; }
.tab_nav .item{height: 4.17vw; display: flex; justify-content: center; flex-direction: column; text-align: center; line-height: 1;  color: #666; cursor: pointer; width: 20%; position: relative; transition: 0.5s;}
.tab_nav span{padding: 0.21vw 0;}
.tab_nav .item::after{content: ''; position: absolute; left: 0; bottom: -0.05vw; width: 100%; height: 0.16vw; opacity: 0; transition: 0.5s;}
.tab_nav .item:nth-of-type(1)::after{background: var(--colour1);}
.tab_nav .item:nth-of-type(2)::after{background: var(--colour2);}
.tab_nav .item:nth-of-type(3)::after{background: var(--colour3);}
.tab_nav .item:nth-of-type(4)::after{background: var(--colour4);}
.tab_nav .item:nth-of-type(5)::after{background: var(--colour5);}
.tab_nav .item:nth-of-type(6)::after{background: var(--colour6);}

.tab_nav .item.one,
.tab_nav .item:hover{font-weight: bold; }
.tab_nav .item.one::after,
.tab_nav .item:hover::after{opacity: 1;}
.tab_nav .item.one:nth-of-type(1),
.tab_nav .item:hover:nth-of-type(1){color: var(--colour1);}
.tab_nav .item.one:nth-of-type(2),
.tab_nav .item:hover:nth-of-type(2){color: var(--colour2);}
.tab_nav .item.one:nth-of-type(3),
.tab_nav .item:hover:nth-of-type(3){color: var(--colour3);}
.tab_nav .item.one:nth-of-type(4),
.tab_nav .item:hover:nth-of-type(4){color: var(--colour4);}
.tab_nav .item.one:nth-of-type(5),
.tab_nav .item:hover:nth-of-type(5){color: var(--colour5);}
.tab_nav .item.one:nth-of-type(6),
.tab_nav .item:hover:nth-of-type(6){color: var(--colour6);}

.map_box{ width: 89.38vw; margin: 0 auto; margin-bottom: 2.08vw;}
.map_item{ display: none; position: relative;}
.map_item .box{overflow: auto; position: relative;}
.map_item img{width: 100%;}


.map_item .box .btn{ cursor: pointer;}
.map_item .box .btn .b1_1{ position: absolute; width: 1.98vw; height: 7.71vw; top: 7.19vw; left: 76.46vw; background-color: #000000; opacity: 0.0; z-index: 1;}
.map_item .box .btn .b1_2{ position: absolute; width: 2.5vw; height: 0.94vw; top: 8.91vw; left: 78.49vw; background-color: #000000; opacity: 0.0; z-index: 1;}
.map_item .box .btn .b1_3{ position: absolute; width: 1.35vw; height: 4.17vw; top: 15.26vw; left: 79.32vw; background-color: #000000; opacity: 0.0; z-index: 1;}
.map_item .box .btn .b1_4{ position: absolute; width: 1.35vw; height: 14.79vw; top: 16.67vw; left: 75.73vw; background-color: #000000; opacity: 0.0; z-index: 1;}
.map_item .box .btn .b1_5{ position: absolute; width: 5.1vw; height: 0.78vw; top: 27.66vw; left: 77.55vw; background-color: #000000; opacity: 0.0; z-index: 1;}
.map_item .box .btn .b1_6{ position: absolute; width: 1.35vw; height: 2.4vw; top: 6.46vw; left: 68.23vw; background-color: #000000; opacity: 0.0; z-index: 1;}
.map_item .box .btn .b1_6::after { content: ""; position: absolute; width: 8.65vw; height: 24.95vw; top: 0; left: 0.31vw; background-color: #000000;}
.map_item .box .btn .b1_6::before { content: ""; position: absolute; width: 2.14vw; height: 5.21vw; top: 8.85vw; left: 8.96vw; background-color: #000000; z-index: 1;}
.map_item .box .btn .b1_7{ position: absolute; width: 1.35vw; height: 5.52vw; top: 12.5vw; left: 68.23vw; background-color: #000000; opacity: 0.0; z-index: 1;}
.map_item .box .btn .b1_8{ position: absolute; width: 2.6vw; height: 0.89vw; top: 14.01vw; left: 67.34vw; background-color: #000000; opacity: 0.0; z-index: 1;}
.map_item .box .btn .b1_9{ position: absolute; width: 3.75vw; height: 1.67vw; top: 16.82vw; left: 64.84vw; background-color: #000000; opacity: 0.0; z-index: 1;}
.map_item .box .btn .b1_10{ position: absolute; width: 1.56vw; height: 2.24vw; top: 18.39vw; left: 67.03vw; background-color: #000000; opacity: 0.0; z-index: 1;}
.map_item .box .btn .b1_11{ position: absolute; width: 1.56vw; height: 1.61vw; top: 27.5vw; left: 67.03vw; background-color: #000000; opacity: 0.0; z-index: 1;}

.map_item .box .btn .b2_1{ position: absolute; width: 1.35vw; height: 0.78vw; top: 15.83vw; left: 80.89vw; background-color: #a73f3f; opacity: 0.0; z-index: 2;}
.map_item .box .btn .b2_2{ position: absolute; width: 1.35vw; height: 0.73vw; top: 28.44vw; left: 77.55vw; background-color: #a73f3f; opacity: 0.0; z-index: 2;}

.map_item .box .btn .b3_1{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #2459a8; opacity: 0.0; z-index: 0;}

.map_item .box .btn .b4_1{ position: absolute; width: 1.98vw; height: 1.46vw; top: 16.51vw; left: 56.72vw; background-color: #2c9c93; opacity: 0.0; z-index: 3;}
.map_item .box .btn .b4_2{ position: absolute; width: 3.91vw; height: 1.67vw; top: 28.54vw; left: 26.98vw; background-color: #2c9c93; opacity: 0.0; z-index: 3;}
.map_item .box .btn .b4_3{ position: absolute; width: 2.71vw; height: 1.61vw; top: 31.09vw; left: 27.76vw; background-color: #2c9c93; opacity: 0.0; z-index: 3;}
.map_item .box .btn .b4_4{ position: absolute; width: 3.96vw; height: 0.78vw; top: 32.81vw; left: 27.76vw; background-color: #2c9c93; opacity: 0.0; z-index: 3;}


.map_china dl{position: absolute; cursor: pointer; }
.map_china dt{opacity: 0; font-size: 0.63vw;}
.map_china dd{ position: absolute; top: 0; right: 100%; pointer-events: none; opacity: 0; z-index: 1;}
.map_china dd .cont{position: relative; top: -10px; margin-right: 0px; width: 14.69vw; background: rgba(255, 255, 255, 0.70); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.10); backdrop-filter: blur(7.5px); padding: 1.04vw; color: #666;}
.map_china dd .cont::after{content: "";position: absolute; right: -0.42vw; top: 0.52vw; width: 0.42vw; height: 0.73vw; background: url(../images/ico_jt.svg) center no-repeat; background-size: contain; z-index: 1;}
.map_china dd .d1{font-size: 0.94vw; background: url(../images/ico_wz.svg) center left no-repeat; background-size: 0.78vw; padding-left: 1.04vw; margin-bottom: 0.52vw;}
.map_china dd .d2{margin-bottom: 1.04vw; height: 6.77vw; overflow: auto;  scrollbar-width: thin; scrollbar-color: rgba(0,0,0,0.2) rgba(0,0,0,0.05);}
.map_china dd .d3 a{color: #46318E; font-weight: bold; background: url(../images/ico_jt1.svg) center right no-repeat; background-size: 0.47vw; padding-right: 1.04vw; display: inline-block;}
.map_china dd .d3 a:hover{ text-decoration: underline;}
.map_china dl[data-key='bj']{left: 77.29vw; top: 7.92vw;}
.map_china dl[data-key='bjxc']{left: 79.17vw; top: 7.92vw;}
.map_china dl[data-key='cc']{left: 77.29vw; top: 12.4vw;}
.map_china dl[data-key='cs']{left: 75vw; top: 27.76vw;}
.map_china dl[data-key='cz']{left: 79.06vw; top: 15.73vw;}
.map_china dl[data-key='cd']{left: 66.3vw; top: 17.97vw;}
.map_china dl[data-key='cq']{left: 66.3vw; top: 19.64vw;}
.map_china dl[data-key='dl']{left: 77.29vw; top: 9.64vw;}
.map_china dl[data-key='dg']{left: 80.63vw; top: 26.15vw;}
.map_china dl[data-key='fs']{left: 78.75vw; top: 26.15vw;}
.map_china dl[data-key='fz']{left: 75.94vw; top: 23.07vw;}
.map_china dl[data-key='gz']{left: 75vw; top: 26.15vw;}
.map_china dl[data-key='gy']{left: 66.93vw; top: 25.63vw;}
.map_china dl[data-key='hrb']{left: 77.29vw; top: 10.99vw;}
.map_china dl[data-key='hk']{left: 75vw; top: 28.49vw;}
.map_china dl[data-key='hz']{left: 75.94vw; top: 18.33vw;}
.map_china dl[data-key='hf']{left: 75.94vw; top: 15.31vw;}
.map_china dl[data-key='sy']{left: 75vw; top: 29.22vw;}
.map_china dl[data-key='jl']{left: 77.29vw; top: 11.72vw;}
.map_china dl[data-key='jn']{left: 75.94vw; top: 13.44vw;}
.map_china dl[data-key='km']{left: 66.3vw; top: 18.75vw;}
.map_china dl[data-key='ly']{left: 77.81vw; top: 14.69vw;}
.map_china dl[data-key='lz']{left: 67.6vw; top: 10.26vw;}
.map_china dl[data-key='ls']{left: 64.27vw; top: 15.68vw;}
.map_china dl[data-key='nj']{left: 79.06vw; top: 16.35vw;}
.map_china dl[data-key='nt']{left: 79.06vw; top: 19.69vw;}
.map_china dl[data-key='nn']{left: 67.24vw; top: 26.46vw;}
.map_china dl[data-key='nc']{left: 75vw; top: 25.47vw;}
.map_china dl[data-key='nb']{left: 75.94vw; top: 19.69vw;}
.map_china dl[data-key='nmg']{left: 77.29vw; top: 5.78vw;}
.map_china dl[data-key='qd']{left: 75.94vw; top: 14.06vw;}
.map_china dl[data-key='sjz']{left: 77.29vw; top: 7.19vw;}
.map_china dl[data-key='sh']{left: 79.06vw; top: 17.71vw;}
.map_china dl[data-key='sy2']{left: 77.29vw; top: 10.31vw;}
.map_china dl[data-key='sz']{left: 79.06vw; top: 19.01vw;}
.map_china dl[data-key='sz2']{left: 75vw; top: 26.98vw;}
.map_china dl[data-key='ty']{left: 77.29vw; top: 6.51vw;}
.map_china dl[data-key='tz']{left: 75.94vw; top: 21.61vw;}
.map_china dl[data-key='tj']{left: 77.29vw; top: 8.59vw;}
.map_china dl[data-key='wh']{left: 72.08vw; top: 15.73vw;}
.map_china dl[data-key='wlmq']{left: 64.84vw; top: 12.14vw;}
.map_china dl[data-key='wx']{left: 79.06vw; top: 18.39vw;}
.map_china dl[data-key='wz']{left: 75.94vw; top: 22.34vw;}
.map_china dl[data-key='xm']{left: 75.94vw; top: 23.8vw;}
.map_china dl[data-key='xtm']{left: 61.67vw; top: 16.41vw;}
.map_china dl[data-key='xa']{left: 67.6vw; top: 8.85vw;}
.map_china dl[data-key='xn']{left: 67.6vw; top: 10.94vw;}
.map_china dl[data-key='yc']{left: 70.63vw; top: 16.3vw;}
.map_china dl[data-key='yc2']{left: 67.6vw; top: 9.53vw;}
.map_china dl[data-key='zj']{left: 79.06vw; top: 17.03vw;}
.map_china dl[data-key='zz']{left: 75.94vw; top: 14.69vw;}
.map_china dl[data-key='zs']{left: 75.94vw; top: 19.01vw;}
.map_china dl[data-key='zh']{left: 76.88vw; top: 26.15vw;}

.map_china dl:hover dd{opacity: 1; pointer-events: initial;}
.map_china dl:hover dd .cont{margin-right: 0.42vw;}

.map_list{font-size: 0.63vw;}
.map_list a{position: absolute; cursor: pointer; opacity: 0;}

.map_item.d3 a[data-key='dj']{left: 79.34vw; top: 15.7vw;}
.map_item.d3 a[data-key='xg']{left: 73.44vw; top: 19.69vw;}

.map_item.d4 .box{cursor: pointer;}
.map_item.d4 a{display: none;}


.map_item.d5 a[data-key='p1']{left: 18.75vw; top: 15.88vw; width: 45.02vw; height: 20vw;}
.map_item.d5 a[data-key='p2']{left: 55.21vw; top: 16.15vw; width: 6.25vw; height: 6.25vw;}

.map_item.d6 a[data-key='sbdf']{left: 53.59vw; top: 9.9vw; }
.map_item.d6 a[data-key='msk']{left: 55.99vw; top: 10.78vw; }
.map_item.d6 a[data-key='ddst']{left: 60vw; top: 10.83vw; }
.map_item.d6 a[data-key='kls']{left: 64.43vw; top: 10.63vw; }
.map_item.d6 a[data-key='hsw']{left: 75.83vw; top: 14.95vw; }
.map_item.d6 a[data-key='dj']{left: 78.75vw; top: 14.9vw; }
.map_item.d6 a[data-key='se']{left: 75.68vw; top: 15.68vw; }
.map_item.d6 a[data-key='wx']{left: 69.58vw; top: 20.57vw; }



.tab_tips{width: 89.38vw; margin: 0 auto; font-size: 0.63vw;}
.tab_tips ul{list-style: none;}
.tab_tips li+li{margin-top: 0.26vw;}
.tab_tips li{position: relative; padding-left: 0.78vw;}
.tab_tips li::after{content: ''; position: absolute; left: 0; top: 0.11vw; width: 0.63vw; height: 0.63vw; transform: scale(0.5);}

.tab_tips li:nth-of-type(1){color: var(--colour2);}
.tab_tips li:nth-of-type(1)::after{background: var(--colour2);}
.tab_tips li:nth-of-type(2){color: var(--colour3);}
.tab_tips li:nth-of-type(2)::after{background: var(--colour3);}
.tab_tips li:nth-of-type(3){color: var(--colour4);}
.tab_tips li:nth-of-type(3)::after{background: var(--colour4);}
.tab_tips li:nth-of-type(4){color: var(--colour5);}
.tab_tips li:nth-of-type(4)::after{background: var(--colour5);}
.tab_tips li:nth-of-type(5){color: var(--colour6);}
.tab_tips li:nth-of-type(5)::after{background: var(--colour6);}




.layer_back{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999; display: none;}
.layer_back .box{width: 31.25vw; height: 16.67vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-image: url(../images/back_3.jpg) ; background-position: center; background-size: cover; background-color: #fff; display: flex; flex-direction: column; justify-content: space-between; text-align: center; padding: 3.13vw 0;}
.layer_back .close{position: absolute; right: 0; top: 0; width: 2.08vw; height: 2.08vw; background: url(../images/ico_gb.svg) center no-repeat; background-size: contain; cursor: pointer; margin: 0.52vw; transition: 0.5s;}
.layer_back .close:hover{transform: rotate(90deg);}
.layer_back .txt{font-size: 1.46vw; color: #46318E; font-weight: bold; line-height: 1;}
.layer_back .tet{font-size: 0.83vw; color: #666;}
.layer_back .tet div{display: none;}
.layer_back .tbt{display: flex; justify-content: center;}
.layer_back .tbt span{width: 9.38vw; height: 2.4vw; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.5s; font-size: 0.94vw; margin: 0 0.26vw;}
.layer_back .tbt .p1{background: #D5D7DB; }
.layer_back .tbt .p2{background: #46318E; color: #fff;}

.layer_back .tbt span:hover{box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transform: translateY(-2px)}








@media screen and (max-width: 1200px){
    body{font-size: 14px;}


    .home_part .col_3{font-size: 12px;}
    



    .header{padding: 20px 40px;}
    .header .logo img{width: 160px;}

    .banner .box{padding: 0 80px;}

    .main{padding: 40px 0 ; min-height: calc(100vh - 220px);}

    .footer{font-size: 12px; padding: 15px;}

    .tab_nav{margin-bottom: 20px; font-size: 12px; padding: 0 20px;}
    .tab_nav .item{height: 50px;}
    .tab_nav .item::after{height: 2px; bottom: 0px;}
    .tab_nav .item.one, .tab_nav .item:hover{font-weight: normal;}

    .map_list{font-size: 12px;}
    .map_box{ width: auto; margin: 0 20px;}
    .map_box .box{position: relative; height: 634px; padding: 0 20px;}
    .map_item img{width: 1716px;}


    .map_item .box .btn .b1_1{ width: 38px; height:148px; top: 138px; left: 1488px;}
    .map_item .box .btn .b1_2{ width: 48px; height: 18px; top: 171px; left: 1526px;}
    .map_item .box .btn .b1_3{ width: 26px; height: 80px; top: 293px; left: 1542px;}
    .map_item .box .btn .b1_4{ width: 26px; height: 284px; top: 320px; left: 1473px;}
    .map_item .box .btn .b1_5{ width: 98px; height: 15px; top: 531px; left: 1508px;}
    .map_item .box .btn .b1_6{ width: 26px; height: 46px; top: 124px; left: 1329px;}
    .map_item .box .btn .b1_6::after { width: 166px; height: 479px; top: 0; left: 6px;}
    .map_item .box .btn .b1_6::before { width: 41px; height: 79px; top: 170px; left: 172px;}
    .map_item .box .btn .b1_7{ width: 26px; height: 106px; top: 240px; left: 1329px;}
    .map_item .box .btn .b1_8{ width: 50px; height: 17px; top: 269px; left: 1312px;}
    .map_item .box .btn .b1_9{ width: 72px; height: 32px; top: 323px; left: 1264px;}
    .map_item .box .btn .b1_10{ width: 30px; height: 43px; top: 353px; left: 1306px;}
    .map_item .box .btn .b1_11{ width: 30px; height: 31px; top: 528px; left: 1306px;}

    .map_item .box .btn .b2_1{ width: 26px; height: 15px; top: 304px; left: 1572px;}
    .map_item .box .btn .b2_2{ width: 26px; height: 14px; top: 546px; left: 1508px;}

    .map_item .box .btn .b3_1{ width: 1730px; height: 720px; top: 0; left: 0;}

    .map_item .box .btn .b4_1{ width: 38px; height: 28px; top: 317px; left: 1108px;}
    .map_item .box .btn .b4_2{ width: 75px; height: 32px; top: 548px; left: 537px;}
    .map_item .box .btn .b4_3{ width: 52px; height: 31px; top: 597px; left: 552px;}
    .map_item .box .btn .b4_4{ width: 76px; height: 15px; top: 630px; left: 552px;}


    .map_item.d2 .box,
    .map_item.d3 .box{overflow:hidden;}

    .map_item.d2 img,
    .map_item.d3 img,
    .map_item.d6 img{position: absolute; left: 50%; top: 0; transform: translateX(-80%);}

    .map_china dl{position: initial; left: auto; top: auto;}
    .map_china dt{font-size: 14px; padding: 15px 10px;  border-bottom: 1px solid rgba(0, 0, 0, 0.10); opacity: 1; position: relative;}
    .map_china dt::after{content: ''; position: absolute; right: 5px; top: 14px; width: 20px; height: 20px; background: url(../images/ico_jt2.svg) center no-repeat; background-size: 12px; transform: rotate(90deg); }
    .map_china dt.on::after{transform: rotate(-90deg);}
    .map_china dd{position: initial; pointer-events: none; opacity: 1; background: rgba(0, 0, 0, 0.02); display: none;}
    .map_china dd .cont{top: auto; width: auto; background: none; box-shadow: none; padding: 15px;}
    .map_china dd .d1{font-size: 14px; background-size: 13px; padding-left: 20px; display: none;}
    .map_china dd .d2{margin-bottom: 10px; height: auto;}
    .map_china dd .d3 a{background-size: 9px; padding-right: 15px;}
    .map_china dl:hover dd .cont{margin: 0;}

 
    .map_list a{ position: inherit; opacity: 1; display: block;  background: url(../images/ico_jt2.svg) center right 10px no-repeat; background-size: 12px; padding: 15px 10px;  border-bottom: 1px solid rgba(0, 0, 0, 0.10);}
    
    .map_item.d4 a{display: block;}
    .map_item.d5 a{width: auto !important; height: auto !important;}

    .tab_tips{width: auto; margin: 0 40px; font-size: 14px; padding-top: 20px; display: none;}

    .layer_back .box{width: 300px; height: 160px; padding: 20px 0;}
    .layer_back .txt{font-size: 16px;}
    .layer_back .tet {font-size: 12px; padding: 0 20px;}
    .layer_back .tbt span{width: 70px; height: 28px; font-size: 12px; margin: 0 5px;}
    .layer_back .close{width: 20px; height: 20px; margin: 10px;}

}



@media screen and (max-width: 758px){



    .home_part{padding: 40px 0 20px 0;}
    .home_part .col_1 .d1{font-size:22px;}
    .home_part .col_1 .d2{font-size: 20px; padding-top: 10px;}
    .home_part .col_3{padding: 0 10px; line-height: 1.5;}

    .home_part .col_2{flex-direction: column;}
    .home_part .col_2>div{width: auto; margin: 0 10px;}
    .home_part .col_2 div:last-child{padding-top: 40px;}
    .home_part .col_2 dt{font-size: 16px;}
    .home_part .col_2 dd{font-size: 14px; padding-top: 10px;}
    .home_part .col_2 a{padding-bottom: 20px;}

    .header{padding: 20px;}
    .header .logo img{width: 100px;}
    .header .lang a{font-size: 12px;}

    .banner{height: 180px;}
    .banner .box{padding: 0 20px; flex-direction: column; align-items: flex-start;}
    .banner .txt{font-size: 20px; padding: 20px 0 5px 0;}
    .banner .tet{font-size: 12px; }

    .main{padding: 20px 0;}
    .tab_nav{overflow-x: auto;}
    .tab_nav .box{width: 620px;}
    .tab_nav .item{width: auto; padding: 0 10px;}

    .map_box{margin: 0 10px;}
    .map_box .box{padding: 0 10px; height:420px;}
    .map_item img{width: 1500px;}


    .map_item .box .btn{ pointer-events: none;}
    .map_item .box .btn .b1_1{ width: 33px; height: 128px; top: 121px; left: 1293px;}
    .map_item .box .btn .b1_2{ width: 43px; height: 15px; top: 150px; left: 1326px;}
    .map_item .box .btn .b1_3{ width: 23px; height: 70px; top: 257px; left: 1340px;}
    .map_item .box .btn .b1_4{ width: 26px; height: 231px; top: 298px; left: 1279px;}
    .map_item .box .btn .b1_5{ width: 88px; height: 13px; top: 464px; left: 1310px;}
    .map_item .box .btn .b1_6{ width: 23px; height: 41px; top: 108px; left: 1154px;}
    .map_item .box .btn .b1_6::after { width: 145px; height: 420px; top: 0; left: 6px;}
    .map_item .box .btn .b1_6::before { width: 41px; height: 69px; top: 150px; left: 150px;}
    .map_item .box .btn .b1_7{ width: 25px; height: 95px; top: 209px; left: 1153px;}
    .map_item .box .btn .b1_8{ width: 45px; height: 15px; top: 236px; left: 1140px;}
    .map_item .box .btn .b1_9{ width: 62px; height: 29px; top: 282px; left: 1098px;}
    .map_item .box .btn .b1_10{ width: 26px; height: 38px; top: 309px; left: 1134px;}
    .map_item .box .btn .b1_11{ width: 26px; height: 27px; top: 462px; left: 1134px;}

    .map_item .box .btn .b2_1{ width: 23px; height: 13px; top: 266px; left: 1366px;}
    .map_item .box .btn .b2_2{ width: 24px; height: 13px; top: 477px; left: 1310px;}

    .map_item .box .btn .b3_1{ width: 1500px; height: 635px; top: 0; left: 0;}

    .map_item .box .btn .b4_1{ width: 35px; height: 26px; top: 276px; left: 961px;}
    .map_item .box .btn .b4_2{ width: 66px; height: 29px; top: 479px; left: 462px;}
    .map_item .box .btn .b4_3{ width: 46px; height: 26px; top: 523px; left: 475px;}
    .map_item .box .btn .b4_4{ width: 68px; height: 14px; top: 551px; left: 475px;}


    .map_item.d2 img,
    .map_item.d3 img{top: -90px;}

    .map_item.d5 img{ transform: translateX(-20%); margin-top: -260px;}
    .map_item.d6 img{ transform: translateX(-71%);}

}


















