body,
html,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
i,
form,
ul,
li,
dl,
dt,
dd {
text-size-adjust:none;
margin:0;
padding:0
}
body {
width:100%;
font-family:Microsoft Yahei,Tahoma;
font-size:12px
}
em,
i,
b {
font-style:normal;
font-weight:400;
text-decoration:none
}
ul,
li {
list-style:none
}
h3 {
font-size:14px
}
a {
cursor:pointer;
outline:none;
text-decoration:none
}
a img {
border:none;
display:block
}
input[type=submit],
input[type=button],
button {
cursor:pointer;
padding:0
}
input[type=text],
input[type=email],
input[type=number],
input[type=password] {
padding:0 0 0 3px
}
:focus,
input,
select,
textarea,
button {
outline:none
}
textarea {
resize:none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
margin:0;
padding:0;
display:block
}
.fz {
font-size:0
}
.f22 {
font-size:22px
}
.f14 {
font-size:14px
}
.f16 {
font-size:16px
}
br {
line-height:20px;
display:inline
}
.of {
overflow:hidden
}
.fl,
.FL {
float:left
}
.fr,
.FR {
float:right
}
.clearfix:after {
visibility:hidden;
content:" ";
clear:both;
height:0;
font-size:0;
display:block
}
.clearfix {
zoom:1
}
.b {
font-weight:700
}
.i {
font-style:italic
}
.u,
a.detail:hover {
text-decoration:underline
}
.o {
text-decoration:overline
}
.upc {
text-transform:uppercase
}
.img,
.img img {
display:block;
overflow:hidden
}
.spacer {
display:block
}
.tt {
transition:all .2s ease-in-out
}
#qiao-wrap,
#LR_Flash,
#LRdiv0,
#LRdiv1 {
visibility:hidden;
width:0;
height:0;
overflow:hidden;
display:none!important
}
.adrCue {
z-index:10;
width:40px;
height:40px;
position:absolute;
top:0;
right:0;
overflow:hidden;
left:auto!important
}
.site-gray,
.site-gray * {
-webkit-filter:grayscale();
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
_filter:none;
filter:gray!important
}
.swiper-container {
z-index:1;
margin-left:auto;
margin-right:auto;
position:relative;
overflow:hidden
}
.swiper-container-no-flexbox .swiper-slide {
float:left
}
.swiper-container-vertical>.swiper-wrapper {
flex-direction:column
}
.swiper-wrapper {
z-index:1;
-o-transition-property:-o-transform;
-webkit-transition-property:-webkit-transform;
box-sizing:content-box;
-moz-transition-property:-moz-transform;
-ms-transition-property:-ms-transform;
width:100%;
height:100%;
transition-property:transform;
display:flex;
position:relative
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform:translate(0,0);
-moz-transform:translate(0,0);
-o-transform:translate(0);
transform:translate(0,0)
}
.swiper-container-multirow>.swiper-wrapper {
flex-wrap:wrap
}
.swiper-container-free-mode>.swiper-wrapper {
-o-transition-timing-function:ease-out;
margin:0 auto;
transition-timing-function:ease-out
}
.swiper-slide {
-ms-flex:none;
flex-shrink:0;
width:100%;
height:100%;
position:relative
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height:auto
}
.swiper-container-autoheight .swiper-wrapper {
-o-transition-property:-o-transform;
-webkit-transition-property:-webkit-transform,height;
-moz-transition-property:-moz-transform;
-ms-transition-property:-ms-transform;
align-items:flex-start;
transition-property:transform,height
}
.swiper-container .swiper-notification {
pointer-events:none;
opacity:0;
z-index:-1000;
position:absolute;
top:0;
left:0
}
.swiper-wp8-horizontal {
-ms-touch-action:pan-y;
touch-action:pan-y
}
.swiper-wp8-vertical {
-ms-touch-action:pan-x;
touch-action:pan-x
}
.swiper-button-next,
.swiper-button-prev {
z-index:10;
cursor:pointer;
-moz-background-size:27px 44px;
-webkit-background-size:27px 44px;
background-position:50%;
background-repeat:no-repeat;
background-size:27px 44px;
width:27px;
height:44px;
margin-top:-22px;
position:absolute;
top:50%
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity:.35;
cursor:auto;
pointer-events:none
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left:10px;
right:auto
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left:auto;
right:10px
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-pagination {
text-align:center;
-o-transition:.3s;
z-index:10;
transition:all .3s;
position:absolute;
transform:translate(0,0)
}
.swiper-pagination.swiper-pagination-hidden {
opacity:0
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
width:100%;
bottom:10px;
left:0
}
.swiper-pagination-bullet {
opacity:.2;
background:#000;
border-radius:100%;
width:8px;
height:8px;
display:inline-block
}
button.swiper-pagination-bullet {
box-shadow:none;
appearance:none;
border:none;
margin:0;
padding:0
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor:pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
background:#fff
}
.swiper-pagination-bullet-active {
opacity:1;
background:#007aff
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background:#fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background:#000
}
.swiper-container-vertical>.swiper-pagination-bullets {
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
top:50%;
right:10px;
transform:translateY(-50%)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin:5px 0;
display:block
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin:0 5px
}
.swiper-pagination-progress {
background:#00000040;
position:absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar {
transform-origin:0 0;
background:#007aff;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
transform:scale(0)
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
transform-origin:100% 0
}
.swiper-container-horizontal>.swiper-pagination-progress {
width:100%;
height:4px;
top:0;
left:0
}
.swiper-container-vertical>.swiper-pagination-progress {
width:4px;
height:100%;
top:0;
left:0
}
.swiper-pagination-progress.swiper-pagination-white {
background:#ffffff80
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background:#fff
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background:#000
}
.swiper-container-3d {
perspective:1200px;
-o-perspective:1200px
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
transform-style:preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
pointer-events:none;
z-index:10;
width:100%;
height:100%;
position:absolute;
top:0;
left:0
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image:linear-gradient(270deg,#00000080,#0000)
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image:linear-gradient(90deg,#00000080,#0000)
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image:linear-gradient(#0000,#00000080)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image:linear-gradient(#00000080,#0000)
}
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
-ms-perspective:1200px
}
.swiper-container-cube,
.swiper-container-flip {
overflow:visible
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
pointer-events:none;
backface-visibility:hidden;
-ms-backface-visibility:hidden;
z-index:1
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events:none
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events:auto
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index:0;
backface-visibility:hidden;
-ms-backface-visibility:hidden
}
.swiper-container-cube .swiper-slide {
visibility:hidden;
transform-origin:0 0;
width:100%;
height:100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin:100% 0
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events:auto;
visibility:visible
}
.swiper-container-cube .swiper-cube-shadow {
opacity:.6;
filter:blur(50px);
z-index:0;
background:#000;
width:100%;
height:100%;
position:absolute;
bottom:0;
left:0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-o-transition-timing-function:ease-out;
transition-timing-function:ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events:none;
-o-transition-property:opacity;
transition-property:opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events:none
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events:auto
}
.swiper-zoom-container {
text-align:center;
justify-content:center;
align-items:center;
width:100%;
height:100%;
display:flex
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
object-fit:contain;
max-width:100%;
max-height:100%
}
.swiper-scrollbar {
-ms-touch-action:none;
background:#0000001a;
border-radius:10px;
position:relative
}
.swiper-container-horizontal>.swiper-scrollbar {
z-index:50;
width:98%;
height:5px;
position:absolute;
bottom:3px;
left:1%
}
.swiper-container-vertical>.swiper-scrollbar {
z-index:50;
width:5px;
height:98%;
position:absolute;
top:1%;
right:3px
}
.swiper-scrollbar-drag {
background:#00000080;
border-radius:10px;
width:100%;
height:100%;
position:relative;
top:0;
left:0
}
.swiper-scrollbar-cursor-drag {
cursor:move
}
.swiper-lazy-preloader {
z-index:10;
transform-origin:50%;
width:42px;
height:42px;
margin-top:-21px;
margin-left:-21px;
animation:1s steps(12,end) infinite swiper-preloader-spin;
position:absolute;
top:50%;
left:50%
}
.swiper-lazy-preloader:after {
content:"";
-webkit-background-size:100%;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position:50%;
background-repeat:no-repeat;
background-size:100%;
width:100%;
height:100%;
display:block
}
.swiper-lazy-preloader-white:after {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
to {
-webkit-transform:rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
to {
transform:rotate(360deg)
}
}
.public-header-1 {
position:relative
}
.header-info {
width:1200px;
margin:0 auto;
padding-top:0
}
.header-wrap {
border-bottom:1px solid #d2d2d2;
height:144px;
position:relative
}
.header-wrap a.logo {
width:553px;
display:block;
position:absolute;
top:50%;
left:0;
transform:translateY(-50%)
}
.header-wrap a.logo img {
width:100%
}
.header-wrap span {
text-align:center;
color:#fff;
background-color:#22a8a9;
border-radius:10px;
width:320px;
height:40px;
font-size:18px;
line-height:40px;
position:absolute;
top:50%;
left:560px;
transform:translateY(-50%)
}
.header-wrap a.tel {
background:url(/style/images/tel.png) no-repeat;
width:240px;
height:46px;
margin-top:-23px;
position:absolute;
top:50%;
right:0
}
.header-wap {
display:none
}
.header-nav {
text-align:center;
flex-wrap:wrap;
justify-content:space-between;
padding:41px 0 16px;
display:-webkit-flex
}
.header-nav a {
color:#333;
border-bottom:2px solid #0000;
font-size:24px;
line-height:30px
}
.header-nav a.active,
.header-nav a:hover {
color:#0f757a;
border-bottom-color:#0f757a
}
.project {
background-color:#22a8a9
}
.projectCon {
width:1200px;
margin:0 auto;
overflow:hidden
}
.projectCon a {
float:left;
width:120px;
padding:38px 0 44px;
line-height:0
}
.projectCon a em {
text-align:center;
color:#fff;
font-size:24px;
line-height:37px;
display:block
}
.projectCon a i {
width:82px;
height:81px;
margin:0 auto;
display:block
}
.projectCon a i.ioc1 {
background:url(/style/images/index/ioc_01.png) no-repeat
}
.projectCon a i.ioc2 {
background:url(/style/images/index/ioc_02.png) no-repeat
}
.projectCon a i.ioc3 {
background:url(/style/images/index/ioc_03.png) no-repeat
}
.projectCon a i.ioc4 {
background:url(/style/images/index/ioc_04.png) no-repeat
}
.projectCon a i.ioc5 {
background:url(/style/images/index/ioc_05.png) no-repeat
}
.projectCon a i.ioc6 {
background:url(/style/images/index/ioc_06.png) no-repeat
}
.projectCon a i.ioc7 {
background:url(/style/images/index/ioc_07.png) no-repeat
}
.projectCon a i.ioc8 {
background:url(/style/images/index/ioc_08.png) no-repeat
}
.projectCon a i.ioc9 {
background:url(/style/images/index/ioc_13.png) no-repeat
}
.projectCon a i.ioc10 {
background:url(/style/images/index/ioc_14.png?v=1) no-repeat
}
.project a.more,
.appFastBooking,
.new-header,
.f2Year35,
.public-swt {
display:none
}
@media only screen and (width<=750px) {
.projectAll {
background-color:#f1fcff;
height:auto;
padding:.4rem .5rem .2rem;
display:block
}
.projectAll .item {
justify-content:unset;
flex-wrap:wrap;
display:-webkit-flex
}
.projectAll a {
border-radius:.1rem;
width:1.45rem;
height:1.5rem;
margin-bottom:.2rem;
margin-right:.22rem
}
.projectAll .a8 {
margin-right:0
}
.projectAll .a2 {
width:1.45rem
}
.projectAll a i {
background:url(/style/images/home/wap/project_icon.png?v=2) 0 0/7.5rem .7rem no-repeat;
width:.71rem;
height:.71rem;
margin-left:0;
top:.1rem;
left:50%;
transform:translate(-50%)
}
.projectAll .a2 i {
background-position:-.75rem 0;
width:.71rem;
height:.71rem;
margin-left:0;
top:.1rem
}
.projectAll .a3 i {
background-position:-1.5rem 0;
width:.71rem;
height:.71rem;
margin-left:0;
top:.1rem
}
.projectAll .a4 i {
background-position:-2.2rem 0;
width:.71rem;
height:.71rem;
margin-left:0;
top:.1rem
}
.projectAll .a5 i {
background-position:-3rem 0;
width:.71rem;
height:.71rem;
margin-left:0;
top:.1rem
}
.projectAll .a6 i {
background-position:-3.75rem 0;
width:.71rem;
height:.71rem;
margin-left:0;
top:.1rem
}
.projectAll .a7 i {
background-position:-4.5rem 0;
width:.71rem;
height:.71rem;
margin-left:0;
top:.1rem
}
.projectAll .a8 i {
background-position:-5.2rem 0;
width:.71rem;
height:.71rem;
margin-left:0;
top:.1rem
}
.projectAll .a9 i {
background-position:-6.02rem 0;
width:.81rem;
height:.71rem;
margin-left:0;
top:.1rem
}
.projectAll .a10 i {
background-position:-6.96rem 0;
width:.52rem;
height:.7rem;
margin-left:0;
top:.1rem
}
.projectAll a span {
height:.58rem;
padding-top:.76rem;
font-size:.28rem;
line-height:.58rem
}
.projectAll a:nth-child(4n) {
margin-right:0
}
.projectAll a:hover {
opacity:.8
}
.f2Year35 {
display:block
}
.project {
padding-bottom:.3rem;
display:block;
position:relative
}
.projectCon {
width:auto
}
.projectCon a {
width:1.86rem;
padding:.2rem 0
}
.projectCon a em {
font-size:.24rem;
line-height:.37rem
}
.projectCon a i {
width:.62rem;
height:.61rem
}
.projectCon a i.ioc1 {
background:url(/style/images/index/ioc_01.png) 0 0/.62rem no-repeat
}
.projectCon a i.ioc2 {
background:url(/style/images/index/ioc_02.png) 0 0/.62rem no-repeat
}
.projectCon a i.ioc3 {
background:url(/style/images/index/ioc_03.png) 0 0/.62rem no-repeat
}
.projectCon a i.ioc4 {
background:url(/style/images/index/ioc_04.png) 0 0/.62rem no-repeat
}
.projectCon a i.ioc5 {
background:url(/style/images/index/ioc_05.png) 0 0/.62rem no-repeat
}
.projectCon a i.ioc6 {
background:url(/style/images/index/ioc_06.png) 0 0/.62rem no-repeat
}
.projectCon a i.ioc7 {
background:url(/style/images/index/ioc_07.png) 0 0/.62rem no-repeat
}
.projectCon a i.ioc8 {
background:url(/style/images/index/ioc_08.png) 0 0/.62rem no-repeat
}
.projectCon a i.ioc9 {
background:url(/style/images/index/ioc_13.png) 0 0/.62rem no-repeat
}
.projectCon a i.ioc10 {
background:url(/style/images/index/ioc_14.png?v=1) 0 0/.62rem no-repeat
}
.project a.more {
background:url(/style/images/zt/more.png) 0 0/100% no-repeat;
width:.4rem;
height:.4rem;
margin-left:-.2rem;
font-size:0;
transition:all .3s;
display:block;
position:absolute;
bottom:0;
left:50%
}
.project a.more.active {
transform:rotate(180deg)
}
.public-top-1,
.public-header-1 {
display:none
}
.new-header {
padding-top:.32rem;
display:block
}
.new-header .logo {
padding-bottom:.3rem
}
.new-header .logo img {
width:5.53rem;
height:auto;
margin-left:1.1rem
}
.new-header .logo .navMore {
background:url(/style/images/arrow.png) 50%/.46rem .34rem no-repeat;
width:.66rem;
height:.54rem;
position:absolute;
top:.4rem;
left:.1rem
}
.projectBar {
background-color:#fff;
display:block
}
.projectBar a {
float:left;
text-align:center;
color:#4e5050;
width:25%;
font-size:.28rem;
line-height:.8rem;
display:block
}
.projectBar em {
border-bottom:.03rem solid #d6d6d6;
border-right:.03rem solid #d6d6d6;
display:block
}
.projectBar a:nth-child(4n) em {
border-right:0
}
.projectBar a:last-child em,
.projectBar a:nth-last-child(2) em,
.projectBar a:nth-last-child(3) em,
.projectBar a:nth-last-child(4) em {
border-bottom:0
}
.appFastBooking {
background-color:#f3f7f6;
padding:.4rem .3rem 0;
display:block
}
.appFastBooking .appFrom {
background-color:#fff;
border-radius:.12rem
}
.public-swt {
z-index:9999;
width:7.5rem;
line-height:0;
display:block;
position:fixed;
bottom:0;
left:50%;
transform:translate(-50%)
}
.public-swt a.colse {
background:url(/style/images/zt/zhongzhiya/wap/close.png) 0 0/100% 100% no-repeat;
width:.45rem;
height:.45rem;
position:absolute;
top:-.45rem;
right:0
}
.public-swt img {
width:100%;
display:block
}
}
img.data-lazy {
background:#fff url(/style/images/ajax-loader.gif) 50% no-repeat
}
.new-footer {
background-color:#fff;
width:100%;
margin:0 auto;
position:relative
}
.footer-info {
width:1200px;
margin:0 auto;
padding:30px 0 50px
}
.footer-info .tab {
text-align:center;
padding-bottom:25px
}
.footer-info .tab span {
color:#333;
margin:0 100px;
font-size:24px;
line-height:51px;
display:inline-block;
position:relative
}
.footer-info .tab span i {
background-color:#22a8a9;
width:60px;
height:4px;
margin-left:-30px;
display:none;
position:absolute;
bottom:0;
left:50%
}
.footer-info .tab span.active i {
display:block
}
.footer-info .tabCon,
.footer-info .tabCon img {
width:1200px;
height:197px
}
.mask {
z-index:88;
background-color:#3333;
width:100%;
height:100%;
display:none;
position:fixed;
top:0;
left:0
}
.new-nav {
z-index:99999;
background-color:#fff;
width:6rem;
height:100%;
transition:left .5s;
position:fixed;
top:0;
left:-6rem
}
.new-nav h3 {
background-color:#2eaaa9;
padding:.34rem 0 .41rem .67rem;
overflow:hidden
}
.new-nav h3 .logo {
background:url(/style/images/logoNav.png) 0 0/100% 100% no-repeat;
width:4.5rem;
height:.82rem;
display:block
}
.new-nav ul {
padding-left:.3rem;
overflow:hidden
}
#wrapper1 {
overflow:hidden
}
.new-nav .swiper-slide {
border-bottom:1px solid #eee;
width:auto;
height:1.04rem;
margin:0 .2rem
}
.new-nav .swiper-slide a {
color:#666;
height:1.11rem;
padding-left:.64rem;
font-size:.42rem;
line-height:1.11rem;
display:block;
position:relative
}
.new-nav .swiper-slide i {
background:url(/style/images/icon1.png) 0 0/2.96rem .34rem no-repeat;
width:.32rem;
height:.32rem;
position:absolute;
top:50%;
left:.06rem;
transform:translateY(-50%)
}
.new-nav .swiper-slide .arrow {
background:url(/style/images/arrow1.png) 0 0/100% 100% no-repeat;
width:.17rem;
height:.31rem;
margin-top:-.15rem;
position:absolute;
top:50%;
right:.3rem
}
.new-nav .swiper-nav {
width:100%;
height:100%
}
.new-nav .swiper-nav .swiper-slide {
box-sizing:border-box;
height:auto;
padding:5px;
font-size:12px
}
.new-nav a.call {
background-size:100%;
width:4.84rem;
height:.86rem;
margin:1rem auto 2.66rem;
display:block
}
.new-nav.active {
left:0
}
.footer-new {
display:none
}
.mobile-booking {
z-index:99;
background-color:#00000080;
width:100%;
height:100%;
position:fixed;
top:0;
left:0
}
.mobile-booking .bajs-light-popup-origin {
opacity:1;
width:280px;
height:355px;
margin:-198.5px 0 0 -140px;
position:absolute;
top:50%;
left:50%;
box-shadow:0 0 10px #00000080
}
.mobile-booking .bajs-light-popup-origin .mobile-booking-wrapper {
overflow:hidden
}
.mobile-booking .bajs-light-popup-origin .bajs-light-popup-close {
background:url(/style/images/close.png) 0 0/100% 100% no-repeat;
border-radius:50%;
width:32px;
height:32px;
transition:transform .25s ease-in-out;
display:block;
position:absolute;
top:-14px;
right:-14px;
overflow:hidden;
transform:rotate(0)
}
.mobile-booking .bajs-light-popup-origin .bajs-light-popup-close:hover {
transform:rotate(180deg)
}
.mobile-booking .bajs-light-popup-origin .bajs-light-popup-content {
background-color:#fff
}
.mobile-booking .bajs-light-popup-container {
overflow:hidden
}
.mobile-booking .mobile-booking-wrapper {
padding:10px
}
.mobile-booking .mobile-booking-form {
width:260px;
display:inline
}
.mobile-booking .mobile-booking-form dl {
margin:0;
padding-bottom:10px;
position:relative;
overflow:hidden
}
.mobile-booking .mobile-booking-form dl dt b {
color:red;
padding-right:4px;
font-size:12px;
font-weight:700
}
.mobile-booking .mobile-booking-form dl dt {
white-space:nowrap;
text-align:right;
width:80px;
font-size:14px;
line-height:35px;
position:absolute;
top:0;
left:-10px
}
.mobile-booking .mobile-booking-form dl dd {
width:180px;
margin:0;
padding-left:80px;
position:relative
}
.mobile-booking .mobile-booking-form dl dd .text {
background-color:#f2f2f2;
border:1px solid #cfcfcf;
border-radius:2px;
font-family:Microsoft Yahei,Tahoma;
font-size:14px;
transition:all .2s ease-in-out;
box-shadow:inset 0 1px 1px #0000001a
}
.mobile-booking .mobile-booking-form dl dd .text:focus,
.mobile-booking-form dl dd .text.onFocus {
background-color:#fff;
border-color:#6eaa24
}
.mobile-booking .mobile-booking-form dl dd select.text {
background:#fff 0 0/27px;
width:180px;
height:35px;
padding:6px 6px 6px 4px
}
.mobile-booking .mobile-booking-form dl dd i {
background:#fff 0 0/27px;
width:27px;
height:24px;
margin-top:-12px;
display:none;
position:absolute;
top:50%;
right:1px
}
.mobile-booking .mobile-booking-form dl dd input.text {
background-color:#fff;
width:174px;
height:33px;
padding:0 0 0 4px;
line-height:33px
}
.mobile-booking .mobile-booking-form dl dd textarea {
background-color:#fff;
border:1px solid #cfcfcf;
border-radius:2px;
width:174px;
height:66px;
padding:0 0 0 4px;
font-size:14px;
line-height:33px
}
.mobile-booking .mobile-booking-form .bajs-ajax-form-action {
padding:24px 0 10px 80px;
overflow:hidden
}
.mobile-booking .mobile-booking-form .submit,
.mobile-booking .mobile-booking-form .reset {
color:#fff;
border:0;
border-radius:1px;
width:48%;
height:26px;
font-size:13px
}
.mobile-booking .mobile-booking-form .submit {
float:left;
background-color:#2eaaaa
}
.mobile-booking .mobile-booking-form .reset {
float:right;
background-color:#999
}
.mobile-booking-wrapper .bookingHead {
text-align:left;
color:#2eaaaa;
padding-bottom:8px;
font-size:18px;
font-weight:700;
line-height:28px
}
.mobile-booking-wrapper .bookingNotice {
background-color:#f6f6f6;
padding:10px 15px;
line-height:20px
}
.mobile-booking-wrapper .bookingNotice dl dt {
color:#2eaaaa;
padding-bottom:5px;
font-weight:700
}
.mobile-booking-wrapper .bookingNotice dl dd {
text-align:left;
padding-left:20px;
font-size:12px;
line-height:20px;
position:relative
}
.mobile-booking-wrapper .bookingNotice dl dd i {
text-align:center;
color:#fff;
background-color:#2eaaaa;
border-radius:3px;
width:14px;
height:14px;
font:12px/14px arial;
display:block;
position:absolute;
top:3px;
left:0
}
.mobile-booking-wrapper .agreement {
color:#333;
white-space:nowrap;
font-size:12px;
line-height:20px;
position:absolute;
top:256px;
left:2px
}
.mobile-booking-wrapper .agreement a {
color:#2eaaaa;
font-weight:700
}
.mobile-booking-wrapper .agreement input {
vertical-align:top;
border:1px solid #c4c4c4;
width:14px;
height:14px
}
.mobile-booking-wrapper .agreement input:checked {
background:#0075ff 0 0/100% 100%;
border-color:#0075ff
}
.footer-newCon1 {
z-index:99;
box-sizing:border-box;
justify-content:space-between;
align-items:center;
width:100%;
min-width:320px;
max-width:750px;
height:1.2rem;
margin:0 auto;
display:-webkit-flex;
position:fixed;
bottom:0;
left:0;
right:0
}
.footer-newCon1 a {
width:50%;
position:relative
}
.footer-newCon1 a img {
width:100%;
height:auto
}
.public-leftSwt {
z-index:999999;
position:fixed;
top:50%;
left:0;
transform:translateY(-50%)
}
.public-leftSwt a.colse {
z-index:2;
background:url(/style/images/zt/zhongzhiya/wap/close.png) 0 0/100% 100% no-repeat;
border-radius:50%;
width:45px;
height:45px;
display:block;
position:absolute;
top:0;
right:10px
}
.public-leftSwt .leftSwt {
z-index:1;
width:250px;
position:relative;
overflow:hidden
}
.public-leftSwt .leftSwt .swiper-slide,
.public-leftSwt .leftSwt .swiper-slide img {
width:250px;
height:auto
}
.public-rightSwt {
z-index:999999;
position:fixed;
top:50%;
right:0;
transform:translateY(-50%)
}
.public-rightSwt a {
z-index:1;
padding:8px 0;
line-height:0;
display:block;
position:relative
}
.public-rightSwt a img {
width:62px;
height:62px
}
.public-rightSwt em {
text-indent:16px;
color:#3bb615;
z-index:-1;
opacity:0;
background-color:#fff;
border:2px solid #3bb615;
border-radius:50px;
width:0;
height:54px;
font-size:20px;
font-weight:700;
line-height:54px;
transition:all .3s;
display:block;
position:absolute;
top:50%;
right:11px;
overflow:hidden;
transform:translateY(-50%);
box-shadow:0 5px 8px #0003
}
.public-rightSwt a.ioc1 em {
font-size:18px
}
.public-rightSwt a.ioc2 em {
color:#ff7b00;
border-color:#ff7b00
}
.public-rightSwt a.ioc3 em {
color:#259a9a;
border-color:#259a9a
}
.public-rightSwtWap1 {
z-index:999999;
width:1.2rem;
display:none;
position:fixed;
top:50%;
right:0;
transform:translateY(-50%)
}
.public-rightSwtWap1 i {
border-radius:.1rem;
padding:.05rem 0;
display:block
}
.public-rightSwtWap1 i img {
width:100%;
height:auto;
margin:0 auto;
display:block
}
.public-rightSwtWap1 em {
text-align:center;
color:#fff;
font-size:.2rem;
font-weight:700;
line-height:.4rem;
display:block
}
.public-rightSwtWap1 .nums {
text-align:center;
color:#fff;
background-color:red;
border-radius:50%;
width:.45rem;
height:.45rem;
font-size:.24rem;
font-weight:700;
line-height:.45rem;
animation:1s .2s infinite pulse;
position:absolute;
top:-.1rem;
right:0
}
.swt-booking {
z-index:999999999;
background-color:#00000080;
width:100%;
height:100%;
position:fixed;
top:0;
left:0
}
.swt-booking .bajs-light-popup-origin {
background-color:#fff;
border-radius:20px;
width:6rem;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
box-shadow:0 0 10px #00000080
}
.swt-booking .bajs-light-popup-content {
padding:.5rem .2rem .3rem
}
.swt-booking .bajs-light-popup-content h3 {
text-align:center;
font-size:.36rem;
line-height:.5rem
}
.swt-booking .bajs-light-popup-content h3 img {
width:1rem;
height:1rem;
margin:0 auto .1rem;
display:block
}
.swt-booking .bajs-light-popup-content li {
padding:.1rem;
font-size:.28rem;
line-height:.4rem
}
.swt-booking .bajs-light-popup-content a.btn {
text-align:center;
color:#fff;
background-color:#ff7b00;
border-radius:1rem;
width:5rem;
height:.6rem;
margin:0 auto;
font-size:.32rem;
line-height:.6rem;
display:block;
position:relative
}
@media only screen and (width<=750px) {
img.data-lazy {
background:#fff url(/style/images/ajax-loader.gif) 50% no-repeat;
background-color:1.5rem 1.5rem
}
.new-footer {
background-color:#fff;
width:auto;
margin:0 auto;
padding:0 .3rem;
position:relative
}
.footer-info {
width:auto;
margin:0 auto;
padding:.3rem 0 .5rem
}
.footer-info .tab {
text-align:center;
padding-bottom:.25rem
}
.footer-info .tab span {
color:#333;
margin:0 .5rem;
font-size:.24rem;
line-height:.5rem;
display:inline-block;
position:relative
}
.footer-info .tab span i {
background-color:#22a8a9;
width:.6rem;
height:.04rem;
margin-left:-.3rem;
display:none;
position:absolute;
bottom:0;
left:50%
}
.footer-info .tab span.active i {
display:block
}
.footer-info .tabCon,
.footer-info .tabCon img {
width:100%;
height:auto
}
.footer-new {
width:100%;
min-width:320px;
max-width:750px;
margin:0 auto;
padding-bottom:1.2rem;
display:block;
overflow:hidden
}
.footerInfo {
text-align:center;
padding-bottom:.2rem;
overflow:hidden
}
.footerInfo p {
color:#494747;
font-size:.29rem;
line-height:.44rem
}
.footerInfo p a.yszc {
font-size:.26rem
}
.footerInfo p span {
padding-left:.4rem;
position:relative
}
.footerInfo p span i {
width:.35rem;
height:.35rem;
display:block;
position:absolute;
top:50%;
left:0;
transform:translateY(-50%)
}
.footerInfo p span i.ioc1 {
background:url(/style/images/ioc_05.png) 0 0/100% 100% no-repeat
}
.footerInfo p span i.ioc2 {
background:url(/style/images/ioc_06.png) 0 0/100% 100% no-repeat
}
.footer-newCon {
z-index:99;
box-sizing:border-box;
background:#098882;
justify-content:space-between;
align-items:center;
width:100%;
min-width:320px;
max-width:750px;
height:1.2rem;
margin:0 auto;
display:-webkit-flex;
position:fixed;
bottom:0;
left:0;
right:0
}
.footer-newCon a {
text-align:center;
color:#fff;
background:linear-gradient(#ff9f27,#fd7b12);
width:50%;
padding-top:0;
font-size:.3rem;
line-height:1.2rem;
position:relative
}
.footer-newCon a:nth-child(2) {
background:linear-gradient(#0ba3ae,#22b4bc)
}
.footer-newCon a em {
padding-left:.64rem;
display:inline-block;
position:relative
}
.footer-newCon a i {
width:.39rem;
height:.4rem;
display:block;
position:absolute;
top:50%;
left:0;
transform:translateY(-50%)
}
.footer-newCon a i.ioc1 {
background:url(/style/images/ioc_05.png) 0 0/100% 100% no-repeat
}
.footer-newCon a i.ioc2 {
background:url(/style/images/ioc_06.png) 0 0/100% 100% no-repeat
}
.footer-nav {
z-index:999;
box-sizing:border-box;
background-color:#00b6b7;
width:100%;
min-width:320px;
max-width:750px;
height:1.15rem;
padding:0 .2rem;
position:fixed;
bottom:0;
left:50%;
transform:translate(-50%)
}
.footer-nav a {
float:left;
width:21.7%;
height:1.15rem;
display:block;
position:relative
}
.footer-nav a:nth-child(4),
.footer-nav a:nth-child(5) {
float:right
}
.footer-nav a:nth-child(3) {
color:#fff;
text-align:center;
background-color:#fd7b12;
border:.06rem solid #ff9f27;
border-radius:50%;
flex-direction:column;
justify-content:center;
width:.82rem;
height:.82rem;
font-size:.28rem;
line-height:.3rem;
display:-webkit-flex;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}
.footer-nav a img {
width:.48rem;
height:.4rem;
margin:.2rem auto 0;
display:block
}
.footer-nav a span {
color:#fff;
text-align:center;
width:100%;
font-size:.28rem;
line-height:.56rem;
position:absolute;
bottom:0;
left:0
}
.footer-nav a i {
background-color:#fff;
width:1px;
height:.52rem;
margin-top:-.26rem;
position:absolute;
top:50%;
right:0;
overflow:hidden
}
.public-rightSwt,
.public-leftSwt {
display:none
}
.public-rightSwtWap1 {
display:block
}
}
.organization {
background:url(https://www.szkouqiang.hk/style/images/home/f6Bg.jpg) top no-repeat;
height:591px;
display:none
}
.organization h2 {
padding:35px 0 54px
}
.organization h2 img {
width:737px;
height:127px;
margin:0 auto;
display:block
}
.organization .imgBox {
background-color:#fff;
border:3px solid #259a9a;
border-radius:18px;
overflow:hidden
}
.organization .imgBox img {
width:1194px;
height:305px;
display:block
}
.booking-box {
padding:48px 0 55px
}
.booking-box h2 {
padding-bottom:80px
}
.booking-box h2 img {
width:706px;
height:89px;
margin:0 auto;
display:block
}
.bookingform {
overflow:hidden
}
.bookingform li {
float:left;
width:1200px;
min-height:70px;
margin-bottom:40px
}
.bookingform li .tit {
float:left;
color:#333;
width:150px;
font-size:28px;
line-height:70px
}
.bookingform li .tit b {
padding-left:60px
}
.bookingform li.remask .tit {
line-height:34px
}
.bookingform li.remask .tit span {
padding-top:5px;
display:block
}
.bookingform li .txt,
.bookingform li select {
float:left;
color:#333;
box-sizing:border-box;
background-color:#e6e6e6;
border:none;
width:1050px;
height:70px;
padding:0 20px;
font-size:28px;
line-height:70px
}
.bookingform li .submit {
color:#fff;
text-align:center;
text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;
background-color:#fc6e42;
border:none;
width:100%;
height:80px;
font-size:50px;
line-height:80px;
display:block
}
.bookingform li .submit:hover {
opacity:.8
}
.projectAll {
background-color:#f1fcff;
height:134px;
padding:42px 0 37px
}
.projectAll a {
float:left;
background-color:#32aeaf;
border-radius:8px;
width:110px;
height:134px;
margin-right:11px;
display:block;
position:relative
}
.projectAll .a8 {
margin-right:0
}
.projectAll a i {
background:url(/style/images/home/project_icon.png?v=3) no-repeat;
width:44px;
height:81px;
margin-left:-22px;
position:absolute;
top:12px;
left:50%
}
.projectAll .a2 i {
background-position:-60px 0;
width:53px;
height:64px;
margin-left:-26px;
top:14px
}
.projectAll .a3 i {
background-position:-130px 0;
width:82px;
height:44px;
margin-left:-41px;
top:20px
}
.projectAll .a4 i {
background-position:-240px 0;
width:63px;
height:68px;
margin-left:-31px;
top:12px
}
.projectAll .a5 i {
background-position:-320px 0;
width:57px;
height:74px;
margin-left:-28px;
top:10px
}
.projectAll .a6 i {
background-position:-400px 0;
width:60px;
height:76px;
margin-left:-30px;
top:8px
}
.projectAll .a7 i {
background-position:-480px 0;
width:70px;
height:67px;
margin-left:-35px;
top:12px
}
.projectAll .a8 i {
background-position:-580px 0;
width:66px;
height:62px;
margin-left:-33px;
top:14px
}
.projectAll .a9 i {
background-position:-670px 0;
width:74px;
height:75px;
margin-left:-37px;
top:14px
}
.projectAll .a10 i {
background-position:-752px 0;
width:48px;
height:77px;
margin-left:-24px;
top:11px
}
.projectAll a span {
color:#fff;
text-align:center;
height:58px;
padding-top:76px;
font-size:24px;
line-height:58px;
display:block
}
.projectAll a:hover {
opacity:.8
}
.fbanner {
background:url(/style/images/ajax-loader.gif) 50% no-repeat;
height:550px;
overflow:hidden
}
@media only screen and (width<=750px) {
.organization {
background-size:100% 100%;
height:auto;
padding-bottom:.5rem
}
.organization h2 {
padding:.5rem 0 .3rem
}
.organization h2 img {
width:3.73rem;
height:auto
}
.organization .imgBox {
border:1px solid #259a9a;
border-radius:.15rem;
margin:0 .6rem
}
.organization .imgBox img {
width:6.3rem;
height:auto
}
.booking-box {
padding:.36rem 0 .4rem
}
.booking-box h2 {
padding-bottom:.4rem
}
.booking-box h2 img {
width:4.26rem;
height:auto
}
.bookingform {
padding:0 .3rem
}
.bookingform li {
background-color:#e6e6e6;
width:auto;
min-height:.6rem;
margin-bottom:.2rem;
padding-left:.2rem
}
.bookingform li .tit {
width:1.25rem;
height:.6rem;
margin-right:-.1rem;
font-size:.25rem;
line-height:.6rem
}
.bookingform li .tit b {
padding-left:0
}
.bookingform li.remask .tit {
padding:.1rem 0;
font-size:.2rem;
line-height:.34rem
}
.bookingform li.remask .tit span {
padding-top:0;
font-size:.25rem
}
.bookingform li .txt,
.bookingform li select {
width:5.45rem;
height:.6rem;
padding:0 .1rem;
font-size:.25rem;
line-height:.6rem
}
.bookingform li:first-child {
width:3.2rem!important
}
.bookingform li:first-child .tit {
width:.8rem
}
.bookingform li:first-child input {
width:2.4rem!important
}
.bookingform li:nth-child(2) {
width:3.15rem!important
}
.bookingform li:nth-child(2) input {
width:1.9rem!important
}
.bookingform li:nth-child(4) .tit {
width:2.05rem!important
}
.bookingform li:nth-child(4) input {
width:4.65rem!important
}
.bookingform li:last-child {
background-color:#0000;
width:100%;
padding-left:0
}
.bookingform li .submit {
width:100%;
height:.65rem;
font-size:.37rem;
line-height:.65rem
}
.bookingform li .submit:hover {
opacity:.8
}
.projectAll {
background-color:#f1fcff;
height:auto;
padding:.4rem .5rem .2rem;
display:block
}
.projectAll .item {
flex-wrap:wrap;
justify-content:space-between;
display:-webkit-flex
}
.projectAll a {
border-radius:.1rem;
width:1.45rem;
height:1.5rem;
margin-bottom:.2rem;
margin-right:.21rem
}
.projectAll .a8 {
margin-right:0
}
.projectAll a i {
background:url(/style/images/home/wap/project_icon.png?v=3) 0 0/7.5rem .7rem no-repeat;
width:.71rem;
height:.71rem;
margin-left:0;
top:.1rem;
left:50%;
transform:translate(-50%)
}
.projectAll .a2 i {
background-position:-.75rem 0;
width:.71rem;
height:.71rem;
margin-left:0;
top:.1rem
}
.projectAll .a3 i {
background-position:-1.5rem 0;
width:.71rem;
height:.71rem;
margin-left:0;
top:.1rem
}
.projectAll .a4 i {
background-position:-2.2rem 0;
width:.71rem;
height:.71rem;
margin-left:0;
top:.1rem
}
.projectAll .a5 i {
background-position:-3rem 0;
width:.71rem;
height:.71rem;
margin-left:0;
top:.1rem
}
.projectAll .a6 i {
background-position:-3.75rem 0;
width:.71rem;
height:.71rem;
margin-left:0;
top:.1rem
}
.projectAll .a7 i {
background-position:-4.5rem 0;
width:.71rem;
height:.71rem;
margin-left:0;
top:.1rem
}
.projectAll .a8 i {
background-position:-5.2rem 0;
width:.71rem;
height:.71rem;
margin-left:0;
top:.1rem
}
.projectAll .a9 i {
background-position:-6.02rem 0;
width:.81rem;
height:.71rem;
margin-left:0;
top:.1rem
}
.projectAll .a10 i {
background-position:-6.96rem 0;
width:.52rem;
height:.7rem;
margin-left:0;
top:.1rem
}
.projectAll a span {
height:.58rem;
padding-top:.76rem;
font-size:.28rem;
line-height:.58rem
}
.projectAll a:nth-child(4n) {
margin-right:0
}
.projectAll a:hover {
opacity:.8
}
}