body{font-size: clamp(16px,0.94vw,22px);}
.tzwhmenu{height: 100%;}
.ajwh-con{display: grid;grid-template-columns: repeat(6,1fr); height: 38.75vh;}
.ajwh-con .tzwh-item{display: flex; flex-direction: column;align-items: center; justify-content: space-between; height: 38.75vh; padding: 6.1vh 0 3.8vh 0; box-sizing: border-box; font-size: clamp(18px,1.145vw,26px);font-weight: bold;color:#fff;}
.ajwh-con .tzwh-item .tzwh-item-name{text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);}
.ajwh-con a.tzwh-item:nth-child(1){background: linear-gradient(179deg, #4eb9f9 5%, #4eb9f980 99%);}
.ajwh-con a.tzwh-item:nth-child(2){background: linear-gradient(179deg, #6dcd5c 5%, #6dcd5c80 99%);
}
.ajwh-con a.tzwh-item:nth-child(3){background: linear-gradient(180deg, #eac142 5%, #eac14280 99%);}
.ajwh-con a.tzwh-item:nth-child(4){background: linear-gradient(180deg, #767dff 5%, #767dff80 99%);}
.ajwh-con a.tzwh-item:nth-child(5){background: linear-gradient(180deg, #ed9183 5%, #ed918380 99%);}
.ajwh-con a.tzwh-item:nth-child(6){background: linear-gradient(180deg, #6ae4ff 5%, #6ae4ff80 99%);}



/* 弹窗 */
.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;} 
  .scoll{overflow-y: auto;} 
  .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: #0064D1;
  font-size: clamp(22px,2vw,40px);
}

.tzfuwu{display: grid; grid-template-columns: repeat(2,1fr);gap: 1vw; margin-bottom: 2.7vh;}
.newslist{display:flex; flex-direction: column; min-width: 0;}
.newslisttit {margin-bottom:clamp(10px,0.93vw,20px);}
.newslisttit a{font-size: clamp(18px,1.14vw,24px); color: #3d3d3d;font-weight: bold;  }
.newslistul li{ line-height: 46px; width: 100%; display: flex; justify-content: space-between; min-width: 0;}
.newslistul li a{position: relative;display: block;padding-left: 26px; color:#3d3d3d; flex: 1; min-width: 0;}
.newslistul li .time{color: #999;}
.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%;}

.comlist{border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: #9AB8DB; color: #0064D1; font-weight: bold; text-align: center; padding:1.87vh 0 ; box-sizing: border-box;display: flex; justify-content: center;gap: clamp(10px,0.83vw,26px);margin-bottom: 2.7vh;}
.comlist a{color: #0064D1;}


.ztfwlist{margin-bottom: 2.7vh;margin-top:1.2vh;}
.ztfw{display: grid;grid-template-columns: repeat(3,1fr); gap: clamp(10px,0.83vw,26px);}
.choseztfw{display: flex;justify-content: center;gap: clamp(10px,0.83vw,26px); margin-top: 16px;}
.choseztfw span{cursor: pointer;width: 12px; height: 12px; background-color: #3d3d3d; border-radius: 6px;display: block;}
.choseztfw span.on{width: 30px; background-color: #fd1c2f;}


.yjsarea{display: flex; justify-content: space-between; gap: clamp(16px,1.35vw,36px); margin-bottom:clamp(20px,1.6vw,36px);}
.yjsarea .left{flex: 1;}
.yjsarea .right{flex: 0 0 29%;}

.bmfw{display: grid;grid-template-columns: repeat(1,1fr);
gap: clamp(10px,0.83vw,24px);}
.bmfw1{grid-template-columns: repeat(2,1fr);}
.bmfw .bmfwitem{display: flex;box-sizing: border-box;
border: 1px solid #9EB3CA; padding: 6px clamp(10px,0.83vw,24px);color: #0064D1; align-items: center;gap: 6px;}

.twcg .bmfwitem{background-color: #0064D1;color: #fff; justify-content: center;}

.fwzq{display: grid;grid-template-columns: repeat(2,1fr); gap: clamp(10px,0.83vw,24px);}
.fwzq li{box-sizing: border-box;
border: 1px solid #9EB3CA; text-align: center;padding: 6px clamp(10px,0.83vw,24px);}
.fwzq li a{color: #0064D1; }
.fwzqgk{grid-template-columns: repeat(4,1fr);}



.tlyjs{display: grid;grid-template-columns: 1fr 1fr;gap: 0 clamp(10px,0.83vw,24px); }

/* 天气 */
.weather{display: grid; grid-template-columns: 5fr repeat(3,2fr); gap: clamp(16px,1.05vw,26px); height:27.1vh; overflow: hidden; margin-bottom: clamp(20px,1.6vw,36px);}
.weather-wh{background: url(ajwhimages/ajwhstyjbg.jpg) no-repeat left center; background-size: cover; display: flex;flex-direction: column; padding: clamp(10px,1.15vw,36px); color:#fff;justify-content: space-around;}
.weather-wh-time{font-size: (16px,1.04vw,22px); display: flex; justify-content: space-between;font-weight: bold;}
.weather-wh-g{font-size: clamp(20px,2.91vw,66px);font-weight: bold; text-align: center;}
.weather-wh-b{display: flex; text-align: center;}
.weather-wh-b span{flex: 1;}
.weather-wh-b1{flex-direction: column;}
.weather-other{background: none; border: 1px solid #99B3EE; color: #3d3d3d;}
.weather-wh-g1{font-size: clamp(20px,1.35vw,30px); color: #0064D1;}
.weather-wh-time .span1{flex: 1;display: flex;}


.yubao{display: grid;grid-template-columns: 7fr 4fr; gap: clamp(16px,1.05vw,26px);margin-bottom: clamp(20px,1.6vw,36px);}
.bmfw2{grid-template-columns: repeat(4,1fr);margin-bottom:clamp(10px,0.93vw,20px); }
.yubaocont{border: 1px solid #9EB3CA; padding:10px 16px;}
.blue{color: #0064D1!important;}
.tzfuwu1{margin-bottom: 0;}
.ztfw img{width: 100%;}



/* 兴业威海 */
.xywh4-con{display: grid;grid-template-columns: repeat(6,1fr);gap: 1.6%; height: 40vh;}
.xywh4-con a.tzwh-item{background-size: 100% 100%  ; background-repeat: no-repeat; height: 100%;display: flex; flex-direction: column;justify-content: center;gap: 2vh; align-items: center;color: #fff;font-size: clamp(16px,1.14vw,26px);font-weight: bold; transition: all .2s; cursor: pointer;}
.xywh4-con a.tzwh-item:nth-child(1){background-image: url(xywh2026titbg1.png);}
.xywh4-con a.tzwh-item:nth-child(2){background-image: url(xywh2026titbg2.png);
}
.xywh4-con a.tzwh-item:nth-child(3){background-image: url(xywh2026titbg3.png);}
.xywh4-con a.tzwh-item:nth-child(4){background-image: url(xywh2026titbg4.png);}
.xywh4-con a.tzwh-item:nth-child(5){background-image: url(xywh2026titbg5.png);}
.xywh4-con a.tzwh-item:nth-child(6){background-image: url(xywh2026titbg6.png);}

.xywh4-con a.tzwh-item .icon{border: 1px solid #fff;border-radius: 50%;width: 56px; height:56px;display: flex;align-items: center;justify-content: center;}
.xywh4-con a.tzwh-item .icon img{max-width: 32px;}
.xywh4-con a:hover{ transform: scale(1.15);}









@media screen and (max-width:1440px){
.weather{grid-template-columns: repeat(2,1fr);height: auto;}
.yubao{grid-template-columns: repeat(1,1fr);}
}

@media screen and (max-width:768px){
.weather{grid-template-columns: repeat(1,1fr);}
.fwzq,.ztfw,.bmfw1,.tlyjs,.tzfuwu{grid-template-columns: repeat(1,1fr);}

.tzwh-tc{border-radius: 0px 30px 0px 0px;}
.tzwh-c-t{margin-bottom: 6px; margin-top: 16px;}
.fwzqgk {
  grid-template-columns: repeat(2,1fr); margin-bottom: 16px;
}
.yjsarea{flex-direction: column;}

/* 兴业威海 */
.xywh4-con a.tzwh-item{background-position: center center; background-size: cover;}
.xywh4-con{grid-template-columns: repeat(2,1fr);gap: 1vh;}
}