英文版响应式
parent
65e60c0ace
commit
b5081d225b
|
|
@ -463,13 +463,13 @@
|
|||
<div class="info" aos="fade-left" aos-delay="200" aos-duration="400" aos-easing="ease" style="min-width: 290px"><img src="/image/ix_pg_icon2.png" >Shopping</div>
|
||||
</a>
|
||||
</li>
|
||||
<li aos="fade-left" aos-delay="200" aos-duration="400" aos-easing="ease" style="width: 50%">
|
||||
<li aos="fade-left" aos-delay="200" aos-duration="400" aos-easing="ease">
|
||||
<a href="/EN/play/other/other.html">
|
||||
<div class="imgs"><img src="/qwer/202108/bec1c8ba79aa44be902df8f7c9fc31a7.png" ></div>
|
||||
<div class="info" aos="fade-left" aos-delay="300" aos-duration="400" aos-easing="ease" style="min-width: 290px"><img src="/image/ix_pg_icon5.png" >More to Discover</div>
|
||||
</a>
|
||||
</li>
|
||||
<li aos="fade-right" aos-delay="200" aos-duration="400" aos-easing="ease" style="width: 50%">
|
||||
<li aos="fade-right" aos-delay="200" aos-duration="400" aos-easing="ease" >
|
||||
<a href="/EN/play/hotel/hotel.html">
|
||||
<div class="imgs"><img src="/qwer/202109/19376c1f350c459ebb1fce6b368dcaec.png" ></div>
|
||||
<div class="info" aos="fade-right" aos-delay="400" aos-duration="400" aos-easing="ease" style="min-width: 290px"><img src="/image/ix_pg_icon4.png" >Airport Hotel</div>
|
||||
|
|
@ -489,12 +489,12 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="center-block">
|
||||
<div class="box-info" aos="fade-right" style="float: right;margin-right: 720px">
|
||||
<div class="box-info" aos="fade-right" >
|
||||
<div class="bg"></div>
|
||||
<div class="info center-center"><img src="/image/icon_21.png" ><p>Special Care<br>Service</p></div>
|
||||
<div class="imgs">
|
||||
<div class="swiper-container">
|
||||
<div class="swiper-wrapper" style="margin-left: 312px">
|
||||
<div class="swiper-wrapper" >
|
||||
<div class="swiper-slide"><a href="/EN/service/love/facility/facility.html"><img src="/qwer/202108/2b9970dd5aa54983ac1e0077dd1622d9.png" ><p>Accessible Facilitie</p></a></div>
|
||||
<div class="swiper-slide"><a href="/EN/service/love/order/order.html"><img src="/qwer/202109/bb8ac5e73aae4031977a7d1e60a9be22.png" ><p>Reservation for Service</p></a></div>
|
||||
</div>
|
||||
|
|
@ -502,7 +502,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-info" aos="fade-left" style="margin-right: -90px">
|
||||
<div class="box-info" aos="fade-left">
|
||||
<div class="bg"></div>
|
||||
<div class="info center-center"><img src="/image/icon_23.png" ><p>VIP<br>Service</p></div>
|
||||
<div class="imgs">
|
||||
|
|
@ -515,7 +515,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-info" aos="fade-right" style="margin-left: 200px">
|
||||
<div class="box-info" aos="fade-right">
|
||||
<div class="bg"></div>
|
||||
<div class="info center-center"><img src="/image/icon_27.png" ><p>Emergency<br>Service</p></div>
|
||||
<div class="imgs">
|
||||
|
|
|
|||
|
|
@ -45,39 +45,6 @@
|
|||
<!-- }-->
|
||||
<!--</script>--> </head>
|
||||
<style>
|
||||
.flight-search{
|
||||
padding: 0 !important;
|
||||
}
|
||||
#queryForm{
|
||||
padding: 30px 40px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#queryForm:after{
|
||||
content:".";
|
||||
display:block;
|
||||
height:0;
|
||||
clear:both;
|
||||
visibility:hidden;
|
||||
|
||||
}
|
||||
.flight-search .list{
|
||||
width: 25% !important;
|
||||
padding: 0 10px !important;
|
||||
box-sizing: border-box;
|
||||
margin-right: 0 !important;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.flight-search .list:nth-child(5){
|
||||
width: 20% !important;
|
||||
margin-top: 0 !important;
|
||||
text-align: right;
|
||||
}
|
||||
.flight-search .list:nth-child(5) > button{
|
||||
margin-left: 20px;
|
||||
}
|
||||
.mune .list{
|
||||
z-index: 0;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class="sidebar-box">
|
||||
|
|
|
|||
|
|
@ -60,21 +60,6 @@
|
|||
visibility:hidden;
|
||||
|
||||
}
|
||||
.flight-search .list{
|
||||
width: 25% !important;
|
||||
padding: 0 10px !important;
|
||||
box-sizing: border-box;
|
||||
margin-right: 0 !important;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.flight-search .list:nth-child(5){
|
||||
width: 20% !important;
|
||||
margin-top: 0 !important;
|
||||
text-align: right;
|
||||
}
|
||||
.flight-search .list:nth-child(5) > button{
|
||||
margin-left: 20px;
|
||||
}
|
||||
.mune .list{
|
||||
z-index: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -45,39 +45,6 @@
|
|||
<!-- }-->
|
||||
<!--</script>--> </head>
|
||||
<style>
|
||||
.flight-search{
|
||||
padding: 0 !important;
|
||||
}
|
||||
#queryForm{
|
||||
padding: 30px 40px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#queryForm:after{
|
||||
content:".";
|
||||
display:block;
|
||||
height:0;
|
||||
clear:both;
|
||||
visibility:hidden;
|
||||
|
||||
}
|
||||
.flight-search .list{
|
||||
width: 25% !important;
|
||||
padding: 0 10px !important;
|
||||
box-sizing: border-box;
|
||||
margin-right: 0 !important;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.flight-search .list:nth-child(5){
|
||||
width: 20% !important;
|
||||
margin-top: 0 !important;
|
||||
text-align: right;
|
||||
}
|
||||
.flight-search .list:nth-child(5) > button{
|
||||
margin-left: 20px;
|
||||
}
|
||||
.mune .list{
|
||||
z-index: 0;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class="sidebar-box">
|
||||
|
|
|
|||
|
|
@ -331,21 +331,21 @@
|
|||
</div>
|
||||
</div>
|
||||
<!--二级菜单-->
|
||||
<div class="mune w-100">
|
||||
<div class="mune w-100 mune-other">
|
||||
<div class="w-1200 t-c">
|
||||
<div id="one_title" class="list active" style="width: 20%">
|
||||
<div id="one_title" class="list active">
|
||||
<a href="javascript:void(0)" onclick="wuxingTab('one_title','one')"><span>Comfortable Travel Experience</span></a>
|
||||
</div>
|
||||
<div id="two_title" class="list" style="width: 20%">
|
||||
<div id="two_title" class="list" >
|
||||
<a href="javascript:void(0)" onclick="wuxingTab('two_title','two')"><span>Excellent Business Service</span></a>
|
||||
</div>
|
||||
<div id="three_title" class="list" style="width: 20%">
|
||||
<div id="three_title" class="list" >
|
||||
<a href="javascript:void(0)" onclick="wuxingTab('three_title','three')"><span>Friendly Staffing Team</span></a>
|
||||
</div>
|
||||
<div id="four_title" class="list" style="width: 20%">
|
||||
<div id="four_title" class="list" >
|
||||
<a href="javascript:void(0)" onclick="wuxingTab('four_title','four')"><span>Reliable Support for Airlines</span></a>
|
||||
</div>
|
||||
<div id="five_title" class="list" style="width: 20%">
|
||||
<div id="five_title" class="list" >
|
||||
<a href="javascript:void(0)" onclick="wuxingTab('five_title','five')"><span>Smooth Logistics Operation</span></a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1259,7 +1259,7 @@ input, textarea, select {
|
|||
width: 100%;
|
||||
}
|
||||
.fun-list .list{
|
||||
//float: left;
|
||||
float: left;
|
||||
display: inline-block;
|
||||
width: calc((100% - 120px) / 4);
|
||||
margin-right: 40px;
|
||||
|
|
@ -1289,6 +1289,9 @@ input, textarea, select {
|
|||
margin-top: 10px;
|
||||
font-size: 14px;
|
||||
color: #666666;
|
||||
overflow: hidden;
|
||||
text-overflow:ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.fun-list .list p:first-child{
|
||||
background: url(../image/icon_36.png) no-repeat left center;
|
||||
|
|
@ -2182,7 +2185,7 @@ input, textarea, select {
|
|||
@media screen and (max-width:768px){
|
||||
|
||||
/*兼容*/
|
||||
.index-tianfu .center-block ul li a{
|
||||
.index-tianfu .center-block ul li a,.index-tianfu .center-block ul li.big a{
|
||||
height: 150px;
|
||||
}
|
||||
.index-fly::after{
|
||||
|
|
|
|||
Loading…
Reference in New Issue