@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: 2.5vw; text-transform: uppercase; font-weight: 450; }
.home_part .col_1 .d2{font-size: 2.08vw; font-weight: bold; padding-top: 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; }

.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{line-height: 1.4;}
.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: 2.1vw; height: 7.71vw; top: 7.19vw; left: 76.46vw; background-color: #000000; opacity: 0.0; z-index: 1;}
.map_item .box .btn .b1_1::after { content: ""; position: absolute; width: 3.49vw; height: 1.61vw; top: 4.38vw; left: 0; background-color: #000000;}
.map_item .box .btn .b1_1::before { content: ""; position: absolute; width: 4.48vw; height: 1.72vw; top: 0; left: 0; background-color: #000000;}
.map_item .box .btn .b1_2{ position: absolute; width: 4.84vw; height: 0.94vw; top: 8.91vw; left: 78.59vw; background-color: #000000; opacity: 0.0; z-index: 1;}
.map_item .box .btn .b1_3{ position: absolute; width: 4.95vw; height: 4.17vw; top: 15.42vw; left: 77.81vw; background-color: #000000; opacity: 0.0; z-index: 1;}
.map_item .box .btn .b1_4{ position: absolute; width: 2.14vw; height: 14.79vw; top: 16.67vw; left: 75.73vw; background-color: #000000; opacity: 0.0; z-index: 1;}
.map_item .box .btn .b1_4::after{ content: ""; position: absolute; width: 3.02vw; height: 5vw; top: 0; left: 0; background-color: #000000;}
.map_item .box .btn .b1_4::before{ content: ""; position: absolute; width: 3.02vw; height: 5.99vw; top: 7.29vw; left: 0; background-color: #000000;}
.map_item .box .btn .b1_5{ position: absolute; width: 8.33vw; height: 0.78vw; top: 27.66vw; left: 78.75vw; background-color: #000000; opacity: 0.0; z-index: 1;}
.map_item .box .btn .b1_6{ position: absolute; width: 4.06vw; height: 2.5vw; top: 6.25vw; left: 66.98vw; background-color: #000000; opacity: 0.0; z-index: 1;}
.map_item .box .btn .b1_6::after { content: ""; position: absolute; width: 6.77vw; height: 25vw; top: 0; left: 4.06vw; background-color: #000000;}
.map_item .box .btn .b1_7{ position: absolute; width: 4.69vw; height: 5.94vw; top: 12.29vw; left: 66.35vw; background-color: #000000; opacity: 0.0; z-index: 1;}
.map_item .box .btn .b1_8{ position: absolute; width: 2.34vw; 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.65vw; height: 1.77vw; top: 16.35vw; left: 63.28vw; background-color: #000000; opacity: 0.0; z-index: 1;}
.map_item .box .btn .b1_10{ position: absolute; width: 4.58vw; height: 2.29vw; top: 18.23vw; left: 66.46vw; background-color: #000000; opacity: 0.0; z-index: 1;}
.map_item .box .btn .b1_11{ position: absolute; width: 5.2vw; height: 1.61vw; top: 28.23vw; left: 65.89vw; background-color: #000000; opacity: 0.0; z-index: 1;}

.map_item .box .btn .b2_1{ position: absolute; width: 1.72vw; height: 0.83vw; top: 15.83vw; left: 82.24vw; background-color: #a73f3f; opacity: 0.0; z-index: 2;}
.map_item .box .btn .b2_2{ position: absolute; width: 3.39vw; height: 0.83vw; top: 28.44vw; left: 78.8vw; 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: 2.4vw; height: 1.51vw; top: 16.46vw; left: 56.67vw; background-color: #2c9c93; opacity: 0.0; z-index: 3;}
.map_item .box .btn .b4_2{ position: absolute; width: 4.48vw; height: 1.72vw; top: 28.49vw; left: 26.98vw; background-color: #2c9c93; opacity: 0.0; z-index: 3;}
.map_item .box .btn .b4_3{ position: absolute; width: 3.02vw; 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: 4.32vw; height: 0.89vw; top: 32.71vw; 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; text-transform: capitalize;}
.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.48vw; 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: 64.84vw; top: 17.81vw;}
.map_china dl[data-key='cq']{left: 64.38vw; top: 19.38vw;}
.map_china dl[data-key='dl']{left: 77.29vw; top: 9.64vw;}
.map_china dl[data-key='dg']{left: 83.44vw; top: 26.15vw;}
.map_china dl[data-key='fs']{left: 81.04vw; 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: 65.78vw; top: 25.47vw;}
.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: 64.95vw; top: 18.54vw;}
.map_china dl[data-key='ly']{left: 79.84vw; top: 14.69vw;}
.map_china dl[data-key='lz']{left: 66.46vw; top: 10.16vw;}
.map_china dl[data-key='ls']{left: 63.84vw; top: 15.47vw;}
.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: 66.04vw; top: 26.36vw;}
.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: 71.35vw; top: 15.26vw;}
.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: 60vw; top: 16.15vw;}
.map_china dl[data-key='xa']{left: 67.5vw; top: 8.75vw;}
.map_china dl[data-key='xn']{left: 67.08vw; top: 10.84vw;}
.map_china dl[data-key='yc']{left: 69.58vw; top: 15.78vw;}
.map_china dl[data-key='yc2']{left: 66.2vw; top: 9.42vw;}
.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: 78.7vw; 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.54vw; 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: 55.16vw; top: 9.48vw; }
.map_item.d6 a[data-key='msk']{left: 55.79vw; top: 10.78vw; }
.map_item.d6 a[data-key='ddst']{left: 61.15vw; top: 9.74vw; }
.map_item.d6 a[data-key='kls']{left: 67.29vw; top: 11.3vw; }
.map_item.d6 a[data-key='hsw']{left: 79.38vw; top: 13.75vw; }
.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: 65.73vw; top: 21.35vw; }



.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;padding: 0 1vw;}
.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: 40.32px; height: 148px; top: 138px; left: 1487px;}
    .map_item .box .btn .b1_1::after { width: 67px; height: 31px; top: 84px; left: 0;}
    .map_item .box .btn .b1_1::before { width: 86px; height: 33px; top: 0; left: 0;}
    .map_item .box .btn .b1_2{ width: 93px; height: 18px; top: 171px; left: 1527px;}
    .map_item .box .btn .b1_3{ width: 95px; height: 80px; top: 296px; left: 1512px;}
    .map_item .box .btn .b1_4{ width: 41px; height: 284px; top: 320px; left: 1473px;}
    .map_item .box .btn .b1_4::after{ width: 58px; height: 96px; top: 0; left: 0;}
    .map_item .box .btn .b1_4::before{ width: 58px; height: 115px; top: 140px; left: 0;}
    .map_item .box .btn .b1_5{ width: 160px; height: 15px; top: 531px; left: 1531px;}
    .map_item .box .btn .b1_6{ width: 78px; height: 48px; top: 120px; left: 1305px;}
    .map_item .box .btn .b1_6::after { width: 130px; height: 480px; top: 0; left: 78px;}
    .map_item .box .btn .b1_7{ width: 90px; height: 114px; top: 236px; left: 1293px;}
    .map_item .box .btn .b1_8{ width: 50px; height: 17px; top: 269px; left: 1308px;}
    .map_item .box .btn .b1_9{ width: 70px; height: 34px; top: 314px; left: 1234px;}
    .map_item .box .btn .b1_10{ width: 88px; height: 44px; top: 350px; left: 1295px;}
    .map_item .box .btn .b1_11{ width: 100px; height: 30.91px; top: 542px; left: 1284px;}

    .map_item .box .btn .b2_1{ width: 33px; height: 16px; top: 304px; left: 1598px;}
    .map_item .box .btn .b2_2{ width: 65px; height: 16px; top: 546px; left: 1532px;}

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

    .map_item .box .btn .b4_1{ width: 46px; height: 29px; top: 316px; left: 1107px;}
    .map_item .box .btn .b4_2{ width: 86px; height: 33px; top: 547px; left: 537px;}
    .map_item .box .btn .b4_3{ width: 58px; height: 31px; top: 597px; left: 552px;}
    .map_item .box .btn .b4_4{ width: 83px; height: 17px; top: 628px; 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: 660px;}
    .tab_nav .item{width: auto; padding: 0 10px;}
    .tab_nav .item:nth-of-type(3) span:last-child{width: 160px;}
    .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_1::after { width: 60px; height: 28px; top: 73px; left: 0;}
    .map_item .box .btn .b1_1::before { width: 80px; height: 29px; top: 0; left: 0;}
    .map_item .box .btn .b1_2{ width: 85px; height: 15px; top: 150px; left: 1326px;}
    .map_item .box .btn .b1_3{ width: 83px; height: 68px; top: 259px; left: 1315px;}
    .map_item .box .btn .b1_4{ width: 38px; height: 231px; top: 277px; left: 1279px;}
    .map_item .box .btn .b1_4::after{ width: 52px; height: 96px; top: 0; left: 0;}
    .map_item .box .btn .b1_4::before{ width: 55px; height: 126px; top: 128px; left: 0;}
    .map_item .box .btn .b1_5{ width: 135px; height: 13px; top: 464px; left: 1338px;}
    .map_item .box .btn .b1_6{ width: 78px; height: 41px; top: 105px; left: 1133px;}
    .map_item .box .btn .b1_6::after { width: 105px; height: 425px; top: 0; left: 78px;}
    .map_item .box .btn .b1_7{ width: 90px; height: 100px; top: 209px; left: 1121px;}
    .map_item .box .btn .b1_8{ width: 41px; height: 15px; top: 236px; left: 1140px;}
    .map_item .box .btn .b1_9{ width: 65px; height: 30px; top: 275px; left: 1071px;}
    .map_item .box .btn .b1_10{ width: 88px; height: 38px; top: 307px; left: 1124px;}
    .map_item .box .btn .b1_11{ width: 98px; height: 27px; top: 475px; left: 1115px;}

    .map_item .box .btn .b2_1{ width: 30px; height: 15px; top: 265px; left: 1389px;}
    .map_item .box .btn .b2_2{ width: 55px; height: 15px; top: 477px; left: 1334px;}

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

    .map_item .box .btn .b4_1{ width: 40px; height: 26px; top: 276px; left: 961px;}
    .map_item .box .btn .b4_2{ width: 78px; height: 29px; top: 479px; left: 462px;}
    .map_item .box .btn .b4_3{ width: 53px; height: 26px; top: 523px; left: 475px;}
    .map_item .box .btn .b4_4{ width: 75px; 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%);}

}