/* 投资威海 */
/* .tzwhmain{overflow: auto;} */
body{font-size: clamp(16px,1.04vw,20px);}
.d3d3d{color: #3d3d3d; }
.grey{color:#807D7D}
.E5761B{color:#E5761B;font-size: 16px; }
.bold{font-weight: bold;}
.tzwh-con{
display: grid;grid-template-columns: repeat(3, 1fr);
gap: clamp(16px,1.56vw,30px);
}
.tzwh-item{display: flex; justify-content: space-between;
    height: 12.5vh;
    padding: clamp(10px );
    align-items: center;color: #fff;
    padding:clamp(12px,1.35vw,26px);
    border-radius: 3px;
    background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;font-size: 20px; cursor: pointer;
}
.tzwh-item-name{flex: 1; line-height: 1.5;font-weight: 500;}
a.tzwh-item .icon{width: 56px; height:56px; display: flex; align-items: center;justify-content: center;}
a.tzwh-item:nth-child(1){  background-image:  url("tzwhititbg.png"), linear-gradient(180deg, #ffcc93 0%, #f07445 100%); }

a.tzwh-item:nth-child(2){ background-image:  url("tzwhititbg.png"), linear-gradient(180deg, #85d4ff 2%, #3b98ee 100%); }
a.tzwh-item:nth-child(3){  background-image:  url("tzwhititbg.png"), linear-gradient(180deg, #8bf7e0 0%, #4ec5fc 100%);}
a.tzwh-item:nth-child(4){  background-image:  url("tzwhititbg.png"),linear-gradient(180deg, #93c4ff 0%, #4e77fc 100%);}
a.tzwh-item:nth-child(5){  background-image:  url("tzwhititbg.png"),linear-gradient(180deg, #e8ea7f 0%, #e49b2e 100%);}
a.tzwh-item:nth-child(6){ background-image:  url("tzwhititbg.png"), linear-gradient(180deg, #ffa593 0%, #f77a6c 100%);}
a.tzwh-item:nth-child(7){  background-image:  url("tzwhititbg.png"), linear-gradient(180deg, #95eb79 0%, #59b35a 100%);}
a.tzwh-item:nth-child(8){  background-image:  url("tzwhititbg.png"), linear-gradient(180deg, #eaaaff 0%, #a963d1 100%);}
a.tzwh-item:nth-child(9){ background-image:  url("tzwhititbg.png"), linear-gradient(180deg, #78cafd 0%, #3a8cf1 100%);}

a.tzwh-item:hover {
  /* 新增一层黑色半透明层放在最顶层 */
  font-size: clamp(16px,0.93vw,20px);
  background-image:url("tzwhititbg.png"),
    linear-gradient(180deg, rgba(3,34,73,.8) 0%,rgba(3,34,73,1) 100%);
}
a.tzwh-item:hover .icon{display: none;}

/* 弹窗模块 */
.tzwh-tc{ border-radius: 0px 80px 0px 0px;
            width:100%;
            background: rgba(255, 255, 255, 0.8);
            box-sizing: border-box;
            /* height: 100%; */
            overflow: hidden;
            line-height: 1.75;
            height: 0;
             transition: all .5s ease-out;
          }
.tzwh-tc-info{height:100%;  border: 6px solid #E6F1FF; background: rgba(255, 255, 255, 0.8);}


.tzwh-tc-index{display: flex;
  flex-direction: column;
  gap: 2vh;
  z-index: 999;
  padding: 1vw 3vh;
  box-sizing: border-box; height: 100%; overflow: hidden;}   









  .tzwh-c-t{ background:url(tzwhtitbg.png) repeat-x left bottom;padding-bottom: clamp(12px,2vh,20px); margin-bottom: clamp(12px,2vh,20px); line-height: 1.5;}       
.tzwh-c-t .tzwh-menuname{flex: 1; text-align: center;display: flex; flex-direction: column; color:#F27C22;font-size:clamp(22px,2vw,40px) ; }
.englishname{color: #2078B9; font-size: clamp(16px,0.88vw,18px);font-weight: 500;}
.scoll{overflow-y: auto;}

.citycard{display: flex;justify-content: space-between;gap: 2%;flex: 1; height: 98%; overflow: hidden;}
.citycard>div{flex: 1;}
.citycard>div img{width: 100%;display: block;}
.citycard .city-list{display: flex; gap: 1vh; height: 100%; overflow: auto; flex-direction: column;}

.tzys-area{display: flex; flex-direction: column; font-size: clamp(16px,0.9375vw,22px);}

.tzys-area-tit{display: flex;gap: 1vw; align-items: center; margin-bottom: clamp(16px,1.87vw,36px); margin-top: clamp(26px,2.91vw,56px);}
.tzys-area-tit .number{background-color: #135BAA; color: #fff; font-weight: bold; font-size: clamp(18px,1.56vw,30px); display: flex;align-items: center;justify-content: center; width: clamp(46px,3.12vw,60px); height: clamp(46px,3.12vw,60px);}
.tzys-area-tit .kindname{display: flex; flex-direction: column; line-height: 1.2;}
.tzys-area-tit .kindname .kind-china{font-weight: bold; font-size: clamp(20px,1.56vw,34px); color:#135BAA;}
.tzys-area-tit .kindname .kind-english{color:#707070 ;font-size:clamp(14px,1.04vw,20px);}

.area2{display: flex; gap:clamp(16px,1.87vw,36px);justify-content: space-between; align-items: start;flex-wrap: wrap;}
.area2end{flex: 0 0 100%;}
 p{text-indent: 2rem;}
.area2img {width: 50%;max-width: 580px;}
.areacont img,.area2img img{width: 100%;max-width: 580px;}
.areacont{flex: 1;display: flex; flex-direction: column;gap: 1vh;}

.area3{display: flex; gap: 1vw ;flex-direction: column; }

.area3 img{width: 100%;}



.area4{display: grid;grid-template-columns: repeat(2,1fr);gap:clamp(16px,1.87vw,36px); margin-bottom:  clamp(26px,2.91vw,56px);}
.area4 .area4-item{background: rgba(240, 241, 240, 0.7);padding: clamp(16px,1.87vw,36px); box-sizing: border-box; gap: 1vh;display: flex;flex-direction: column;}

.area4 .area4-item .p1{display: flex; justify-content: center;flex-direction: column;align-items: center; text-indent: unset;}
.area4 .area4-item .p2{margin-top: auto;}
.area4 .area4-item .p2 img{width: 100%;}
.area4 .area4-item .p3{text-indent: unset;font-size:clamp(18px,1.145vw,24px);font-weight: bold;color: #F27C22;}
.area4 .area4-item-end{grid-column: 1 / -1; flex-direction: row; }
.area4 .area4-item-end .area4-item-end-l{width:200px;display: flex;flex-direction: column;}
.area4 .area4-item-end .area4-item-end-r{flex: 1;}
/* 瀑布式布局 */
.area5{display: unset; column-count: 2;  column-gap:clamp(16px,1.87vw,36px);}
.area5 .area4-item{ break-inside: avoid; margin-bottom: clamp(16px,1.87vw,36px);}

/*  */
.area6{grid-template-columns: repeat(1,1fr);gap:unset;}
.area6 .area4-item{ background-color: unset; border-bottom: 1px solid #B1CFE1; display: flex; justify-content: center; align-items: center;flex-direction: row; gap: clamp(10px,1.35vw,36px);}
.area6 .area4-item>div{flex: 1;}
.area6 .area4-item .area-sj{flex: 0 0 17vw;}


.area7{}
.area7 .area2img{width: 100%vw; max-width: 380px;}

.tzwh-lxwm{background: linear-gradient(90deg, #1fd1f4 0%, #2382d0 99%); display: flex;justify-content: space-between; color: #fff; align-items: center; box-sizing: border-box; padding-left: clamp(16px,1.35vw,36px); }
.tzwh-lxwm .left{font-size: clamp(20px,1.35vw,36px);font-weight: bold; padding-right: 10px;}



/* 投资服务 */
.tzfuwu{display: grid; grid-template-columns: repeat(2,1fr);gap: 1vw;}
.newslist{display:flex; flex-direction: column; min-width: 0;}
.newslisttit a{font-size: clamp(18px,1.14vw,24px); color: #3d3d3d;font-weight: bold; }
.newslistul li{ line-height: 46px; width: 100%;}
.newslistul li a{position: relative;display: block;padding-left: 26px; color:#3d3d3d;}
.newslistul li a::before{content:"" ; position: absolute; width: 22px; height: 22px; top: 50%;
  transform: translateY(-50%);background: url(tzwh2026050.png) no-repeat left center; left: 0;}
.xxwm{width: 100%;}





.font28{font-size: clamp(18px,1.45vw,30px)}
.margin-top{margin-top: 1vw;}


@media screen and (max-width:1100px)
 {
  .tzwh-tc-index{height: auto;}
  .tzwh-con{grid-template-columns: repeat(2, 1fr);}  
  .tzwh-item{height: auto;font-size: 16px; }

 }

 @media screen and (max-width:768px){
  .tzwh-tc{border-radius: 0px 30px 0px 0px;}
  .tzwh-tc-index{padding: 1vw;}
.area2{flex-direction: column;}
.area7 .area2img,.area2img{width: 100%; max-width: 100%;}

.area4{grid-template-columns: repeat(1,1fr);}
.area4 .area4-item{gap: 0;}
.area5{column-count: 1;}
.area6 .area4-item{flex-direction: column;gap: 10px;}
.tzfuwu{grid-template-columns: repeat(1,1fr);}
.citycard{flex-direction: column;gap: 1%;}
.area4 .area4-item-end{flex-direction: column;}
.area4 .area4-item-end .area4-item-end-l{width: 100%;}
.tzwh-lxwm{padding:16px;}
.tzwh-lxwm img{display: none;}
 }