.offer-area {margin-top:20px;}

.tab-offers {width: 100%;}	
.tab-offers:after{display:table; clear:both; content:"";}
.tab-offers button {float:left; width: 50%; padding: 0 10px; text-align: center; height: 102px; border: 0px;}
.tabword {width: 350px; margin: 0 auto;}

.tab-offers button.hk {background: #1347AD;
background: linear-gradient(0deg, rgba(19, 71, 173, 1) 19%, rgba(0, 153, 255, 1) 100%); }

.tab-offers button.mainland { border-left: 1px solid #fff; background: #00FFFF;
background: linear-gradient(90deg, rgba(0, 255, 255, 1) 0%, rgba(100, 0, 255, 1) 31%, rgba(249, 0, 132, 1) 70%, rgba(175, 0, 0, 1) 100%); box-shadow: inset 0 0 15px #000;}

.tab-offers button.mainland {position: relative;}
.service {position: absolute;  z-index: 5; top: -22px; right: -208px;}
.service img {width: 100px;}


.stepcontact {width: 100%; position:relative; background-color: rgba(255, 255, 255, 0.8);}
.stepcontact:after{display:table; clear:both; content:"";}

.hkbar {background: #1347AD;
background: linear-gradient(90deg, rgba(19, 71, 173, 1) 30%, rgba(0, 153, 255, 1) 100%); height: 6px;}
.mainlandbar {background: #00FFFF;
background: linear-gradient(90deg, rgba(0, 255, 255, 1) 0%, rgba(100, 0, 255, 1) 31%, rgba(249, 0, 132, 1) 70%, rgba(175, 0, 0, 1) 100%); height: 6px;}

/* 新增：图片放大效果 */
.tablink img.tabword {
  transition: transform 0.3s ease;
}

/* 当hk内容显示时，hk tab的图片放大 */
#hk.active ~ .tab-offers .tablink.hk img.tabword,
.tab-offers .tablink.hk.active img.tabword {
  transform: scale(1.2);
}

/* 当mainland内容显示时，mainland tab的图片放大 */
#mainland.active ~ .tab-offers .tablink.mainland img.tabword,
.tab-offers .tablink.mainland.active img.tabword {
  transform: scale(1.2);
}

 @media screen and (max-width: 1023px) { 
.service {position: absolute;  z-index: 5; top: -22px; right: -160px;}
.service img {width: 90px;}
.tabword {width: 290px;}
	 
}

 @media screen and (max-width: 780px) { 
.service {position: absolute;  z-index: 5; top: -18px; left: 40%;}
.service img {width: 70px;}
.tabword {width: 200px;}	 
}

 @media screen and (max-width: 660px) { 
.service {position: absolute;  z-index: 5; top: -18px; left: 40%;}
.service img {width: 60px;}
.tabword {width:160px;}	 
}