@charset "utf-8";

/*--------------------------------------------------------------------------通用样式--------------------------------------------------------------------------*/
.mask { width:100%; height:100%; overflow:hidden; cursor:pointer; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:999;}
.pc-cc { display: block; } 
.m-cc { display: none; }

.sp-pn { position: absolute; top: 50%; margin-top:-30px; z-index: 9;  cursor: pointer; width:60px; height: 60px; line-height: 60px; border-radius: 60px; background: #d8b66e; text-align: center;  color:#fff; transition: all .3s ease; }
/* .sp-pn:hover { background: #d8b66e; } */
.sp-prev  {left: 0; }
.sp-next {right: 0; }
.sp-pn i {display:inline-block; line-height:60px; font-size: 18px; vertical-align: top;  }

.sp-bot.swiper-pagination { width:100%; bottom:0; }
.sp-bot .swiper-pagination-bullet { width:10px; height: 10px; background:rgba(255,255,255,0.5); opacity: 1; margin:0 10px!important; border-radius:10px;   }
.sp-bot .swiper-pagination-bullet-active { width:40px;  background:rgba(255,255,255,1); }

.sp-bot-green .swiper-pagination-bullet { background:#ccc; }
.sp-bot-green .swiper-pagination-bullet-active { background:#d8b66e; }

.layui-input-block { margin-left:0; }
.layui-form .layui-input-wrap { line-height: 50px; }
.layui-form .layui-input { height: 50px; padding:0 20px;  }
.layui-form .layui-textarea {  padding:10px 20px;  line-height: 180%;  min-height: 160px;  }
.layui-form em { line-height: 50px; margin: 0 20px;}

.imorebtn a { box-sizing: border-box; width: 200px; border-radius: 100px; height: 60px; border: 2px solid #d8b66e; display: flex;  justify-content: space-between; align-items: center; padding: 0 30px; color: #d8b66e; position: relative; z-index: 1; overflow: hidden;  transition: all 0.3s ease; 
	display: flex; justify-content: center; align-items: center; 
}
.imorebtn a.on { width: 240px;  border-radius: 6px;  font-weight: bold;  }
.imorebtn a.return { width: 240px;  border-radius: 6px;  font-weight: bold;  background: none; }
.imorebtn a i { font-size: 14px;  font-weight: normal;  margin: 2px 0 0 20px; }
.imorebtn a::before { content: ''; width: 0; height: 100%; background: #d8b66e; position: absolute; top: 0; left: 0;  z-index: -1; transition: all 0.3s ease; }
.imorebtn a:hover, .imorebtn a.on { color: #fff; }
.imorebtn a:hover::before,  .imorebtn a.on::before { width: 100%;}
.imorebtn a:hover i, .imorebtn a.on i, .imorebtn a.return i {  transform: rotate(45deg); }

.imorebtn-white a {  border: 2px solid #fff; color: #fff;  }
.imorebtn-white a::before { background: #fff;  }
.imorebtn-white a:hover { color: #333; }

.imorebtn-pink a {  border: 2px solid #c93c70; color: #c93c70;  }
.imorebtn-pink a::before { background: #c93c70;  }
.imorebtn-pink a:hover { color: #fff; }

.i-btn  a {  width:240px;  height: 64px;  text-align: center; background: linear-gradient(180deg, #f8e5bb 0, #eec785 100%); border-radius: 64px; /*border: 3px solid #fefef6; */ color: #333;   display: flex;  justify-content: center; align-items: center; font-size: 20px;  }
.i-btn  a span { font-weight: bold; line-height: 200%;  }
.i-btn  a i { font-size: 22px;  margin-left: 20px;   }

@keyframes yuan{0%{border-radius:55% 40% 50% 40%}
	25%{border-radius:45% 30% 40% 30%}
	50%{border-radius:35% 40% 60% 40%}
	75%{border-radius:45% 40% 40% 60%}
	100%{border-radius:55% 40% 50% 40%}
}

@keyframes circleRoate{
	from {
	    transform: rotate(0deg);
	  }
	  to {
	    transform: rotate(360deg);
	  }
}

@media only screen and (max-width:981px){
	
	.pc-cc { display: none; }
	.pc-cpr { display:none!important; }
	.m-cc { display: block; }
	
	.sp-pn { margin-top:-0.55rem; width:1.1rem; height: 1.1rem; line-height: 1.1rem;   }
	.sp-pn i {  line-height:1.1rem; font-size: 0.46rem;   }
	
	.sp-bot .swiper-pagination-bullet { width:8px; height: 8px; margin: 0 5px!important; }
	.sp-bot .swiper-pagination-bullet-active { width:20px; }
	
	.i-btn a { width: auto; padding: 0 0.48rem;  height: 1.2rem;  margin: 0;  }
	.i-btn a i { font-size:0.42rem; margin-right: 0.24rem; }
	
}

/*--------------------------------------------------------------------------导航--------------------------------------------------------------------------*/
.itips { width: 100%; padding:10px 0;  background: rgba(0,0,0,0.5); }

.header { width: 100%; position: fixed; top:0; z-index: 999;  }
.header .hnav { padding:10px 0; }
.header .hnav .hlogo img { height: 68px; }
.header .hnav .hlogo img.white { display: block; }
.header .hnav .hlogo img.green { display: none; }
.header .hnav .hmenu .hmenuitem { width:140px; background: #d8b66e; border-radius: 100px;  justify-content: center;  cursor: pointer;   }

.z_menu_btn {  position: relative; display: flex;float: right; align-items: center; justify-content: center; height: 46px;  margin-right: 10px;}
.z_menu_btn span{ display: block; transition: ease .6s; width: 20px; height:2px; background: #fff;}
.z_menu_btn .line2{ margin:3px 0;}
.z_menu_btn.on .line1{ transform:translateY(5px) rotate(45deg);}
.z_menu_btn.on .line3{ transform:translateY(-5px) rotate(-45deg);}
.z_menu_btn.on .line2{ opacity: 0;}
.z_menu_bg { position: fixed; z-index: 9;  width: 240vw; height:240vw; top: -118vw;  left: -114vw;  background: #fff;   border-radius: 100%; transform: scale(0); transform-origin: center center; transition: all .8s cubic-bezier(.77,0,.175,1);  }
.z_menu_bg.on { transform: scale(1);}

.z_menu_nav { width:100vw; position: fixed; left: 0; top:0;   opacity: 0; visibility: hidden;  background: none;  z-index: -1;  align-items: center; transition: all 0.5s ease 0s;   }
.z_menu_nav.on {    opacity: 1; visibility: visible; z-index: 99; transition: all 0.5s ease 0.5s;   }
.z_menu_nav .tabbox { position: absolute;   top:20%; left:20%;  z-index: 9; width:60%; height: 100vh;   }
.z_menu_nav .tabbox .imgbox { width:40%;   }
.z_menu_nav .tabbox .list ul { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px;  }
.z_menu_nav .tabbox .list ul li a img , .z_menu_nav .tabbox .list ul li a i { margin-right: 20px; }
.z_menu_nav .tabbox .list ul li h3 a { font-size: 24px;  color:#333;  }
.z_menu_nav .tabbox .list ul li img { width:24px; }
.z_menu_nav .tabbox .list ul li a i { display: inline-block; font-size: 24px; }
.z_menu_nav .tabbox .list ul li h3 a img { width:32px;  }
.z_menu_nav .tabbox .list ul li img.l { width:36px;  margin-left:-4px;   }
.z_menu_nav .tabbox .list ul li img.m { width:36px;  margin-left:-2px;   }
.z_menu_nav .tabbox .list ul li img.s { width:46px;  margin-left:-10px;  margin-right:10px;  }
.z_menu_nav .tabbox .list ul li .down { padding:0 1.8vw; margin:20px 0;  height: 0; opacity: 0; visibility: hidden;  display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px;   transition: all 0.5s ease;   }
.z_menu_nav .tabbox .list ul li.on .down { height: auto;  opacity: 1; visibility: visible;  }
.z_menu_nav .tabbox .list ul li .down a span  { position: relative; display: inline-block;  line-height: 200%;  }
.z_menu_nav .tabbox .list ul li .down a span::after { content: '';  width:0; height: 2px; background: #d8b66e; position: absolute; left:0; bottom:0;  transition: all 0.3s ease;   }
.z_menu_nav .tabbox .list ul li .down a:hover span::after { width:100%;  }
.z_menu_nav .tabbox .imgbox .item .imgbox { background: #fff; width:100%; height: 100%; animation: yuan 3s linear infinite;  overflow: hidden; }

.header .hnav .hlang { width:140px;  }
.header .hnav .hlang a { width:100%;  height: 46px; border-radius: 100px;  justify-content: center;  background: #d8b66e;  }
.header .hnav .hlang a i { margin-right: 10px;  } 
.header .hnav .hlang .langlist { width: 100%;  visibility: hidden; opacity: 0; background: #d8b66e; color:#fff; padding: 10px 0; border-radius: 10px; position: absolute; top:66px; right:0; transition: all 0.3s ease;  }
.header .hnav .hlang .langlist a { display: inline-block; width:100%; height: auto; color:#fff; }
.header .hnav .hlang .langlist a span { position: relative;  display: inline-block;  line-height: 240%;   }
.header .hnav .hlang .langlist a span::after { content: '';  width:0; height: 2px; background: #fff; position: absolute; left:0; bottom:0;  transition: all 0.3s ease;   }
.header .hnav .hlang .langlist a:hover span::after { width:100%;  }
.header .hnav .hlang:hover .langlist { top:56px; visibility: visible; opacity: 1;  }

.header.on .hnav .hlogo img.white, .header.active .hnav .hlogo img.white { display: none; }
.header.on .hnav .hlogo img.green, .header.active .hnav .hlogo img.green { display: block; }

.menu-box {  display: flex;  justify-content: center;  align-items: center; }
.menu-box .imbg { flex: 1;  height:100vh;   position:relative; display: flex;  justify-content: center;  align-items: center;  transition: ease .5s;}
.menu-box .imbg .itembox { position:relative;  z-index: 9;  color:#fff; padding:0 40px; }
.menu-box .imbg::before { content: ''; width: 100%; height: 100vh;  background: rgba(0,0,0,0.3);  position: absolute; top:0; left:0; z-index: 4;  opacity: 0; }
.menu-box .imbg:hover::before  {  opacity: 1;  }
.menu-box .imbg:hover .itembox a { color:#fff; }
.menu-box .imbg canvas { width:100%!important; object-fit: cover;  position:absolute;   z-index:2;  top:0;  }
.menu-box .imbg .itembox a img , .menu-box .imbg .itembox a i { margin-right: 20px; }
.menu-box .imbg .itembox h3 a { font-size: 24px;  color:#333;  }
.menu-box .imbg .itembox img { width:24px; }
.menu-box .imbg .itembox a i { display: inline-block; font-size: 24px; }
.menu-box .imbg .itembox h3 a img { width:32px;  margin-left:-4px;  }
.menu-box .imbg .itembox img.m { width:36px;  margin-left:-4px;   }
.menu-box .imbg .itembox img.s { width:46px;  margin-left:-10px;  margin-right:10px;  }
.menu-box .imbg .itembox .down  { margin: 40px 0;  display: grid;  grid-template-columns: repeat(1, 1fr);  grid-gap: 20px; }
.menu-box .imbg .itembox .down a span  { position: relative; display: inline-block;  line-height: 200%; flex:1;  padding:5px 0;  }
.menu-box .imbg .itembox .down a span::after { content: '';  width:0; height: 2px; background: #d8b66e; position: absolute; left:0; bottom:0;  transition: all 0.3s ease;   }
.menu-box .imbg .itembox .down a:hover span::after , .menu-box .imbg .itembox .down a.on span::after { width:100%;  }
.menu-box .imbg .itembox .down a .flex-normal i { margin:12px 20px 0 0; }
.menu-box .imbg .imglist { width: 100%; height: 100vh; position:absolute;   z-index:3;  top:0;  opacity: 0;  transition: all 0.3s ease;  }
.menu-box .imbg .imglist .item img { width: 100%; height: 100vh; object-fit: cover;  }
.menu-box .imbg:hover .imglist { opacity: 1;   }
.index-heart-box { width:100%; height: 100%; position: absolute; left: 0; top: 0;  z-index: 2;  opacity: 0; visibility: hidden;  }
.index-heart-box.on {  opacity: 1; visibility: visible; }
.menu-bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.menu-bg img {width: 100%; height: 100%; object-fit: cover; }

/*--------------------------------------------------------------------------首页--------------------------------------------------------------------------*/

.fp-watermark { display: none; }
.fp-slidesNav.fp-bottom { text-align: center; bottom:40px; }
.fp-slidesNav ul li { width:auto; height: auto; margin:0 10px; }
.fp-slidesNav ul li a span {display: inline-block; width:10px; height: 10px; border-radius: 10px; background: rgba(255,255,255,0.5); margin:0; position: relative; left:auto; top:auto; }
.fp-slidesNav ul li a span.fp-sr-only { display: none; }
.fp-slidesNav ul li:hover a span { margin:0;  }
.fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span { width:30px; height: 10px; border-radius: 10px; margin:0; background: rgba(255,255,255,1); }

.home-nav {  position: fixed;  top: 28%; left: 40px; transform: translateY(-50%);  z-index: 9; }
.home-nav ul li { margin:20px 0; }
.home-nav ul li a { color:#fff; position: relative; padding:0 0 0 24px; transition: all 0.3s ease; }
.home-nav ul li a span { opacity: 0; transition: all 0.3s ease; }
.home-nav ul li a::before { content: " "; box-sizing: border-box; position: absolute; top: calc(50% - 4px);  left: 0; width:10px;  height: 10px; border-radius: 10px; border:1px solid #fff;  z-index: 2; }
.home-nav ul li:hover a::before , .home-nav ul li.active a::before { background: #fff; }
.home-nav ul li:hover a span, .home-nav ul li.active a span { opacity: 1; }
.home-nav.active ul li a { color:#333; }
.home-nav.active ul li a::before { border:1px solid #d8b66e; }
.home-nav.active ul li:hover a::before , .home-nav.active ul li.active a::before { background: #d8b66e; }

.i-animate1 { animation: fadeOutDown2 1s 0 ease both; }
.section.active .i-animate1 { animation: fadeInUp2 1s 0.1s ease both; }

.i-animate2 { animation: fadeOutDown2 1s 0 ease both; }
.section.active .i-animate2 { animation: fadeInUp2 1s 0.2s ease both;  }

.i-animate3 { animation: fadeOutDown2 1s 0 ease both; }
.section.active .i-animate3 { animation: fadeInUp2 1s 0.3s ease both;  }

.i-animate4 { animation: fadeOutDown2 1s 0 ease both; }
.section.active .i-animate4 { animation: fadeInUp2 1s 0.4s ease both;  }

.i-animate5 { animation: fadeOutDown2 1s 0 ease both; }
.section.active .i-animate5 { animation: fadeInUp2 1s 0.5s ease both;  }

.i-animate6 { animation: fadeOutDown2 1s 0 ease both; }
.section.active .i-animate6 { animation: fadeInUp2 1s 0.6s ease both;  }

.i-bg { width:100%; height: 100dvh; position:absolute; left:0; top:0; z-index: -1; }
.i-bg img { width: 100%; height: 100%; object-fit: cover; object-position:  center center;  }

.i-video{ position: relative; background: #000;  }
.i-video .item-pic img { height: 100%; object-fit: cover; }
.i-video .item-pic video {position: absolute; left: 0;top: 0; width: 100%;height: 100%; object-fit: cover; object-position: left center; z-index: 9;   }
.i-video .sbico { position: absolute; bottom:40px; left:50%; z-index: 99;}
/*圆圈--*/
.sbbox { 
width: 80px;
height: 80px;
line-height: 80px;
border-radius: 100%;
position: relative;
text-align: center;
}
.sbbox img {
	    -webkit-animation: move 1.5s infinite linear;
	    animation: move 1.5s infinite linear;
}
@-webkit-keyframes move {
	0%,100% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
50% {
	-webkit-transform:translateY(-8px);
	transform:translateY(-8px)
}
}@keyframes move {
	0%,100% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
50% {
	-webkit-transform:translateY(-8px);
	transform:translateY(-8px)
}
}
/*环形文字css--*/
.circular{
width: 80px;
height: 80px;
position: absolute;
left: -20px;
top: 0;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 3px;
animation: circle 12s infinite linear; 
-webkit-animation: circle 12s infinite linear; 
}
.circular path { fill: none; }
.circular svg { display: block; overflow: visible; }
.circular text { fill:#fff; }
/*环形文字css--end*/

/*旋转动画css--animation*/
@-webkit-keyframes circle{ 
0%{ transform:rotate(0deg); }
100%{ transform:rotate(-720deg); }
}
@-webkit-keyframes circleReverse{
0%{ transform:rotate(0deg); }
100%{ transform:rotate(360deg); }
}
/*css--end*/

.scroll-down { position: absolute; left : 50%; bottom:40px; width: 32px; height: 72px; margin-left: -16px; text-align: center; cursor: pointer; }
.scroll-down .por { position: relative; z-index:99;}
.scroll-down span.fi { width: 5px; height: 5px; background: url(../images/ico-down1.png) no-repeat; margin: 0 0 6px 14px; animation: scrollDown 1.5s infinite 1.6s; -webkit-animation: scrollDown 1.5s infinite 1.6s; }
.scroll-down span.se { width: 7px; height: 7px; background: url(../images/ico-down2.png) no-repeat; margin: 0 0 6px 13px; animation: scrollDown 1.5s infinite 1.4s; -webkit-animation: scrollDown 1.5s infinite 1.4s; }
.scroll-down span.th { width: 9px; height: 9px; background: url(../images/ico-down3.png) no-repeat; margin: 0 0 6px 12px; animation: scrollDown 1.5s infinite 1.2s; -webkit-animation: scrollDown 1.5s infinite 1.2s; }
.scroll-down span.fo { width: 33px; height: 33px; background: url(../images/ico-down4.png) no-repeat; animation: scrollDown 1.5s infinite 1s; -webkit-animation: scrollDown 1.5s infinite 1s; }
@keyframes scrollDown {
	 0% {
	 opacity: 1;
	 top: 0;
	}
	 100% {
	 opacity: 0;
	 top: 10px
	}
}

.ct { z-index: 9;}

.i-about .ct {  width:92%; margin:0 auto; }
.i-about .logo-only img { height: 180px;  margin-bottom: 30px; }
.i-about .slogan span { font-size: 24px;   font-style: italic;  text-shadow: 2px 2px 2px #d8b66e; /* padding:16px 32px;   border:1px solid #d8b66e;  border-radius: 50%; */ }
.i-about .info { width:92%;  overflow: hidden; margin:40px auto; }
.i-about .info .item-txt { height: 240px;  display: flex; justify-content: center;  align-items: center; }
.i-about .info .item-txt p { margin:5px 0; }
.i-about .info .item-txt p strong { color:#333; }
.i-about .imorebtn a { margin:0 auto 40px; }
.i-about .list ul {  display: flex; justify-content: center; }
.i-about .list ul li {  margin:0 2vw;  }
.i-about .list ul li .circle { box-sizing: border-box; width:5vw; height: 5vw; border:2px solid #d8b66e;  border-radius: 100%; display: flex;  justify-content: center; align-items: center; text-align: center; position: relative; margin: 0 auto;  margin-bottom: 20px; }
.i-about .list ul li .circle i {display: block;width: 5vw; height: 5vw; position: absolute; left: 0; top: 0; border-radius: 50%; border: 0.5vw solid transparent;   }
.i-about .list ul li .circle i span { position: absolute; left: 0; top: 0; width: 0.5vw; height: 0.5vw; border-radius: 50%; background: #d8b66e; opacity: 0; visibility: hidden; transition: all 0.3s ease;   }
.i-about .list ul li .circle em { font-size: 2.4vw;  -webkit-background-clip: text; 	color: transparent; background-image: linear-gradient(90deg, #b69c4a, #f0d079);  transition: all 0.5s ease; }
.i-about .list ul li:hover .circle i { animation:circleRoate 3s infinite linear; }
.i-about .list ul li:hover .circle i span { opacity: 1;  visibility: visible; }
.i-about .list ul li:hover .circle em {  transform: rotateY(360deg); }
.i-about .para-logo { margin-top:-16%;  }
.i-about .para-info { margin-top:12%; }
.i-about .para-list { margin-top:24%; }
.i-about-video { position: absolute;  width:100%; height: 100vh; top:0; left:0; z-index: 2; opacity: 0.05;  }
/* .logo-only { width:120px; position: relative; overflow: hidden; margin:0 auto;}
.logo-only:before{background-color:rgba(255,255,255,0.3);content:"";height:200%;left:-280px;position:absolute;top:-50%;-webkit-transform:rotate(35deg);transform:rotate(35deg);-webkit-transition:all 2000ms cubic-bezier(0.19,1,0.22,1);transition:all 2000ms cubic-bezier(0.19,1,0.22,1);width:80px;z-index:0}
.logo-only:after{background-color:rgba(255,255,255,0.3);content:"";height:200%;left:180%;position:absolute;top:-50%;-webkit-transform:rotate(35deg);transform:rotate(35deg);-webkit-transition:all 2000ms cubic-bezier(0.19,1,0.22,1);transition:all 2000ms cubic-bezier(0.19,1,0.22,1);width:80px;z-index:0}
.logo-only:hover:before{left:180%;-webkit-transition:all 2000ms cubic-bezier(0.19,1,0.22,1);transition:all 2000ms cubic-bezier(0.19,1,0.22,1)}
.logo-only:hover:after{left:-280px;-webkit-transition:all 2000ms cubic-bezier(0.19,1,0.22,1);transition:all 2000ms cubic-bezier(0.19,1,0.22,1)} */

.swp-ctrl { width: 92%; position: absolute; left:4%; bottom:16%; z-index: 9;     }
.swp-ctrl .swp-ctrl-box {  display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 40px;   }
.swp-ctrl .swp-ctrl-box .swp-ctrl-item {  position: relative;  padding:20px 0;  background: rgba(0,0,0,0.35);  border-radius: 10px; overflow: hidden; display: flex; justify-content: center; align-items: center;  cursor: pointer;   }
.swp-ctrl .swp-ctrl-box .swp-ctrl-item i { margin-right: 10px; }
.swp-ctrl .swp-ctrl-box .swp-ctrl-item img { width:48px;  }
.swp-ctrl .swp-ctrl-box .swiper-slide .swp-ctrl-item::after { content: ''; position: absolute; left:0; bottom:0; width:100%; height: 0; z-index: -1;  transition: all 0.3s ease;   }
.swp-ctrl .swp-ctrl-box .swiper-slide:first-child .swp-ctrl-item::after {  background: linear-gradient(to top, #006837, rgba(0, 0, 0, 0)); }
.swp-ctrl .swp-ctrl-box .swiper-slide:nth-child(2) .swp-ctrl-item::after {  background: linear-gradient(to top, #d8b66e, rgba(0, 0, 0, 0)); }
.swp-ctrl .swp-ctrl-box .swiper-slide:nth-child(3) .swp-ctrl-item::after {  background: linear-gradient(to top, #cf0010, rgba(0, 0, 0, 0)); }
.swp-ctrl .swp-ctrl-box .swiper-slide:nth-child(5) .swp-ctrl-item::after {  background: linear-gradient(to top, #007bc5, rgba(0, 0, 0, 0)); }
.swp-ctrl .swp-ctrl-box .swiper-slide:nth-child(6) .swp-ctrl-item::after {  background: linear-gradient(to top, #804000, rgba(0, 0, 0, 0)); }
.swp-ctrl .swp-ctrl-box .swiper-slide:nth-child(4) .swp-ctrl-item::after {  background: linear-gradient(to top, #ae3561, rgba(0, 0, 0, 0)); }
.swp-ctrl .swp-ctrl-box .swiper-slide:hover .swp-ctrl-item::after, .swp-ctrl .swp-ctrl-box .swiper-slide.on .swp-ctrl-item::after  { height: 100%; }
.iban-swp .picbox {  width: 100%; height: 100dvh; overflow: hidden;  } 
.iban-swp .bg { width: 100%; height: 100dvh; position: relative; display: table;  background-position: center; background-repeat: no-repeat; background-size: cover;   }
.iban-swp .bg::after { width:100%; height: 100%; content: ""; left: 0; top: 0; opacity: 0.3; position: absolute; /*background: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0)); */  background: #000;  z-index: 1; }
.iban-swp .bg .txt { width:92%; margin:0 auto; position: relative; z-index: 2; }
.iban-swp .bg .txt .ico img { width:68px; }
.iban-swp .bg .txt h2 { font-size: 30px; margin:20px 0 30px;  }
.iban-swp .bg .txt .info p { margin:5px 0; }
.iban-swp .bg .txt .imorebtn-white a { margin:40px auto 0; }
.iban-swp .bg .txt  .i-btn a  { margin:40px auto 0; }

.i-ownbrand .ct { display: flex; justify-content: center; align-items: center; z-index: 99;  }
.i-ownbrand .imglist { width:24%; margin:0 10% 0 4%; }
.i-ownbrand .imglist .imgbox { background: #fff; width:100%; height: 100%; animation: yuan 3s linear infinite;  overflow: hidden; }
.i-ownbrand .sp-pn { background: #c93c70; }
.i-ownbrand .sp-prev { left:-100px; }
.i-ownbrand .sp-next { right:-100px; }
.i-ownbrand .txt { width:30%;  } 
.i-ownbrand .txt .ownlogo img { width:180px;}
.i-ownbrand .txt h2 { font-size: 30px; margin:20px 0 0;  text-shadow: 2px 2px 2px #d8b66e;  }
.i-ownbrand .txt h3 { font-size: 30px;  text-shadow: 2px 2px 2px #d8b66e;  }
.i-ownbrand .txt .info { margin:30px 0 0;  text-align: left; }
.i-ownbrand .txt .info p { margin:5px 0; }
.i-ownbrand .txt .imorebtn-pink a { margin:40px auto 60px; }

.i-moreitem .ct .tit { margin-bottom: 40px; }
.i-moreitem .ct .tit img { width: 60px; }
.i-moreitem .ct .tit h2 { font-size: 30px; margin:20px 0; }
.imgbg{ width: 100%;   height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;  transition: ease 0.5s;  }
.z_adv_li {width:68%; margin:0 auto;  display: flex; align-items: center;  }
.z_adv_li .item{ flex: 1;  margin:0 20px; height: 420px; position: relative; overflow: hidden;transition: ease 0.5s; cursor: pointer;  border-radius: 30px;  }
.z_adv_li .item::before{content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; z-index: 1; pointer-events: none; transition: ease .5s; }
.z_adv_li .item::after { content: "";  position: absolute; left: 0; bottom: 0; z-index: 1; width:100%; height: 50%; background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));  opacity: 0.5; }
.z_adv_li .item.active { flex: 2;  text-align: left; }
.z_adv_li .item em img { width:48px; margin-bottom: 10px; }
.z_adv_li .item h3 {font-size: 30px;}
.z_adv_li .titbar { position: absolute; left: 0; transition: ease 0.5s; bottom: 20px; width: 100%; padding:0 40px; text-align: center; color: #fff; z-index: 2;}
.z_adv_li .infobox { width: 100%; position: absolute; left: 0; bottom: 0; z-index: 3;  color: #fff; padding: 40px; box-sizing: border-box; padding-top: 0; transform: translateY(140%); transition: ease 0.5s; opacity: 0;  }
.z_adv_li .infobox .desc{ margin: 20px 0; }
.z_adv_li .item.active .infobox{ transform: translateY(0); opacity: 1;}
.z_adv_li .item.active .imgbg{ transform: scale(1.05,1.05);}
.z_adv_li .item.active .titbar,.z_adv_li .item.active::before{ opacity: 0;}
.z_adv_li .item.active::after { opacity: 1; height: 100%;  }
.i-moreitem-video { position: absolute;  width:100%; height: 100vh; top:0; left:0; z-index: 2; opacity: 0.05;  }

.footer::before { content: "";  position: absolute; left: 0; top: 0; z-index: 1;  width:100%; height: 4px; background: linear-gradient(90deg, #d0ac62, #f7e09d, #d0ac62);  }
.footer .cc { padding:40px 0; }
.footer .fleft  { width:20%;  }
.footer .fleft .flogo { margin-bottom: 40px; }
.footer .fleft .flogo img { height:68px; }
.footer .fleft .ftel h2 i { display: inline-block; width:40px; height:40px; line-height: 40px; font-size: 18px; text-align: center; background: #d8b66e; color:#fff; border-radius: 40px; margin-right:10px; }
.footer .fleft .ftel h2 {margin:10px 0 20px; }
.footer .fleft .ftel h2 a {  font-size: 32px;  font-weight: 600; }
.footer .fleft .fadd { position:relative; z-index: 9; }
.footer .fleft .fadd p { font-size: 24px;   font-style: italic;  text-shadow: 2px 2px 2px #d8b66e; line-height: 160%;  }
.footer .fleft .fadd p:nth-child(2) { text-indent:4em; }
.footer .fright { width:80%; }
.footer .fright ul li a img, .footer .fright ul li a i { margin-right: 20px; }
.footer .fright ul li h3 a { font-size: 18px;  color:#333;  }
.footer .fright ul li img { width:24px; }
.footer .fright ul li a i { display: inline-block; font-size: 24px; }
.footer .fright ul li img.m { width:30px;  margin-left:-4px; }
.footer .fright ul li img.s { width:46px;  margin-left:-10px;  margin-right: 10px; }
.footer .fright ul li .down { margin:20px 0;  height: auto; display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px;  }
.footer .fright ul li .down a span  { position: relative; display: inline-block;  line-height: 200%;  flex:1; padding: 5px 0;  }
.footer .fright ul li .down a span::after { content: '';  width:0; height: 2px; background: #d8b66e; position: absolute; left:0; bottom:-4px;  transition: all 0.3s ease;   }
.footer .fright ul li .down a:hover span::after { width:100%;  }
.footer .fright ul li .down a .flex-normal i  { margin: 12px 20px 0 0; }
.footer .cpr { padding:20px 0;  border-top:1px solid #eee;  }
.footer .cpr .fico a i { font-size:24px; color:#999;  margin-left:20px; }
.footer .cpr .fico a:hover i { color:#d8b66e; }
.footer .cpr.pc-cc { display:flex; }

.menulogo .flogo { margin-bottom: 40px; }
.menulogo .flogo img { height:68px; }
.menulogo .fadd { position:relative; z-index: 9; }
.menulogo .fadd p { font-size: 24px;   font-style: italic;  text-shadow: 2px 2px 2px #d8b66e; line-height: 160%;  }
.menulogo .fadd p:nth-child(2) { text-indent:4em; }

.ellipse { position: absolute; top:15px; left:0; z-index: -1;  width: 240px;  height: 50px; border:1px solid #d8b66e;  border-radius: 50%/50%;  transform: rotate(160deg);   }
.ellipse.ellipse2 { transform: rotate(170deg); }

/* 鼠标追随 */
/*
.cursor{width:40px; height:40px; position:absolute;  left:0;  top:0; pointer-events: none; margin: -20px 0 0 -20px; z-index: 999;  visibility:hidden;}
.cursor:before {content: ''; display: block; width: 25px;height: 25px; background:#1b3c81; border-radius: 50%; box-sizing: border-box; position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%) scale(1);  transition: all .3s cubic-bezier(.3,1.83,.49,.88);}
.cursor,.cursor::after { user-select: none; pointer-events: none; mix-blend-mode: difference; }
.cursor.hover:before { transform: scale(1.4); }
*/

/* 鼠标追随 */
/*
.cursor{width: 2.6vw; height: 2.6vw;position: absolute;left: 0;top: 0; pointer-events: none;margin: -1.3vw 0 0 -1.3vw;z-index: 120;visibility: hidden;}
.cursor:before{content: '';display: block;width: 100%;height:100%;background:#d8b66e;border-radius: 50%; box-sizing: border-box;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(.3);transition: all .4s cubic-bezier(.3,1.83,.49,.88);}
*/

.cursor{user-select: none;pointer-events: none;/* mix-blend-mode:lighten; */}
.cursor.nav::before{opacity: 0; }
.cursor.a::before{transform: translate(-50%,-50%) scale(1); }
.cursor.xh::before{width: 4vw;height:4vw;background:url(../images/xh.png); background-size: 100% 100%;border-radius: 50%; box-sizing: border-box;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all .4s cubic-bezier(.3,1.83,.49,.88); animation: rogs 20s infinite linear;}

.cursor.more::before{width: 5.2vw;height:5.2vw;background:url(../images/more.png); background-size: 100% 100%;border-radius: 50%; box-sizing: border-box;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all .4s cubic-bezier(.3,1.83,.49,.88); }

.result-box { padding:20px 20px 30px; }
.layui-layer { border-radius: 10px; }
.layui-layer-title { font-size: 20px; color:#333; font-weight: bold; height: 60px; line-height: 60px; padding: 0 60px 0 20px; }
.layui-layer-setwin span { width: 24px; height: 24px; line-height: 26px; font-size: 24px; }

/*--------------------------------------------------------------------------内页tips--------------------------------------------------------------------------*/
.cbody { width:100%; height: 100vh; overflow: hidden; }
.header .hnav .chlogo img.white { display: none; }
.header .hnav .chlogo img.green { display: block; }
.cinfo { width:100%; height: 100vh;  display: flex; justify-content: center; align-items: center;  }
.cinfo .tips { position:relative; z-index: 99; }
.cinfo .tips .imorebtn a {  margin:40px auto 0;  background: #d8b66e;  color:#fff;  }
.cinfo .tips .imorebtn a i {  transform: rotate(45deg);  }
.c-video { position: absolute; width: 100%;  height: 100vh;  top: 0; left: 0;  z-index: 2;  opacity: 0.05; }
.c-video .item-pic img { height: 100%; object-fit: cover; }
.c-video .item-pic video {position: absolute; left: 0;top: 0; width: 100%;height: 100%; object-fit: cover; object-position: left center; z-index: 9;  }

/*--------------------------------------------------------------------------移动端--------------------------------------------------------------------------*/
@media only screen and (max-width:981px){
	
	.imorebtn a { width:3.8rem; height: 1.1rem; padding:0; }
	.imorebtn a i { font-size: 12px; margin: 0 0 0 10px;  }
	
	.header{ background: #fff;  box-shadow: 0 0 20px rgba(0,0,0,0.1);  }
	.header .hnav { padding:5px 0; }
	.header .hnav .hlogo img { height: 40px;}
	.header .hnav .hlogo img.white { display:none; }
	.header .hnav .hlogo img.green { display:block; }
	.header .hnav .hmenu .hmenuitem, .header .hnav .hlang { width:50px; }
	.z_menu_btn , .header .hnav .hlang a { height: 36px; }
	.z_menu_btn, .header .hnav .hlang a i { margin:0; }
	
	.z_menu_bg { width:100%; height: 0;  margin:0;  border-radius: 0;  transform: scale(1);}
	.z_menu_bg.on { height: 100vh;  }

	.header .hnav .hlang:hover .langlist { top:50px; }
	.header .hnav .hlang:hover .langlist { width:120px; top:50px; }
	
	.home-nav { top:50%;  left:0.36rem; display: none; }
	.home-nav ul li { margin:0; }
	.home-nav ul li a span { display: none; }

	.index-heart-box { display:none; }
	.menu-box { display:block;  height: 100vh;  overflow-y: scroll;   padding:1.8rem 0.36rem 1.2rem 0.36rem;   }
	.menu-box .imbg { width:100%; height: auto;  display: block; }
	.menu-box .imbg::before { display:none; }
	.menu-box .imbg .itembox { padding: 0 0.36rem;}
	.menu-box .imbg .itembox h3 a { font-size:0.46rem; }
	.menu-box .imbg:hover .itembox a { color:#555; }
	.menu-box .imbg .itembox .down { margin: 0.36rem 0 0.48rem 0; grid-gap: 0.24rem; }
	.menu-box .imbg .imglist { display:none!important; }
	.menu-box .imbg .itembox .down a.on span::after { width: 0; }
	.menu-box .imbg .itembox .down a span { width:auto; }
	.menu-box .imbg .itembox a img, .menu-box .imbg .itembox a i { margin-right:10px;  font-size:0.48rem; }
	.menu-box .imbg .itembox .down a .flex-normal i { margin:3px 10px 0 0; }
	
	.imbg-m {  position: relative; z-index: 99; }
	.menulogo { padding:0.36rem 0 0; }
	.menulogo .flogo { opacity: 1; text-align: center; margin: 0 0 0.64rem; }
	.menulogo .flogo img { height: 50px;}
	.menulogo .fadd { margin-bottom: 0.64rem; text-align: center; }
	.menulogo .fadd p { font-size:0.5rem;  }

	.section { position:relative; z-index: 1;   }
	.mhdiv { width:100%; height: 30px; }
	.scroll-down {  bottom:0.36rem; }
	
	.i-about .ct {   width: calc(100% - 0.72rem); margin:0 auto; padding-bottom:2rem;  }
	.i-about .logo-only { display:none; }
	.i-about .logo-only img { height: 140px;  margin-bottom: 0.64rem; }
	.i-about .info { width: 100%; margin:0.36rem 0; text-align: left; }
	.i-about .info .tt2 { margin:12% 0; }
	.i-about .info .tt3 { margin:12% 0 8%; }
	.i-about .info .tt4 { margin:10% 0 4%; }
	.i-about .imorebtn a { margin: 0 auto;}
	.i-about .list { width: calc(100% - 0.72rem);   position: absolute; bottom:1.2rem; left:0.36rem; z-index: 9; }
	.i-about .list ul { display: flex; justify-content: space-between;   }
	.i-about .list ul li { margin:0; }
	.i-about .list ul li:nth-child(2) {width:26%;  }
	.i-about .list ul li:last-child { width:28%;  margin:0; }
	.i-about .list ul li .circle { width: 1.8rem; height: 1.8rem;   margin:0 auto 0.24rem; }
	.i-about .list ul li .circle i { width: 1.82rem; height: 1.82rem; border: 0.2rem solid transparent;  top:-0.05rem; left:-0.05rem;  }
	.i-about .list ul li .circle i span { width: 0.2rem; height: 0.2rem;}
	.i-about .list ul li .circle em { line-height: 100%; font-size: 0.9rem;}
	.i-about-video { height:100%; }
	
	.i-about .slogan span { font-size: 0.5rem; }
	.i-about .info .item-txt { height: auto; padding:0;  }
	.i-about .info .item-txt p { margin:5px 0; }
	
	.iban-swp .bg .txt {  width: calc(100% - 0.72rem);  margin:0 auto 36%;  }

	.iban-swp .bg .txt .ico img { width:1rem; }
	.iban-swp .bg .txt h2 { font-size: 0.46rem; margin: 0.24rem 0; }
	.iban-swp .bg .txt  .info { text-align: left;  }
	.iban-swp .bg .txt .imorebtn-white a { margin: 0.36rem auto 0; }
	.iban-swp .bg .txt .i-btn a { margin: 0.36rem auto 0; }
	
	.swp-ctrl { width:calc(100% - 0.72rem); left:0.36rem;  bottom:0.36rem; }
	.swp-ctrl .swp-ctrl-box { display: grid;  grid-template-columns: repeat(2, 1fr);   grid-gap: 0.24rem;}
	.swp-ctrl .swp-ctrl-box .swiper-slide { width: 100%!important;  }
	.swp-ctrl .swp-ctrl-box .swp-ctrl-item {   padding:0 0.36rem; height: 56px;  font-size: 0.34rem;  justify-content: flex-start; }
	.swp-ctrl .swp-ctrl-box .swp-ctrl-item span { line-height: 160%; }
	.swp-ctrl .swp-ctrl-box .swp-ctrl-item img { width:0.72rem; }
	
	.i-ownbrand .ct { display: block; width: calc(100% - 0.72rem);  margin:0 auto;  padding:1.8rem 0 0;}
	.i-ownbrand .imglist , .i-ownbrand .txt { width:100%; }
	.i-ownbrand .imglist { width: calc(100% - 3.6rem);  margin:0 auto;  padding: 0.48rem 0;    }
	.i-ownbrand .txt .ownlogo img { width: 100px;   }
	.i-ownbrand .txt h2 { font-size: 0.46rem; margin: 0.24rem 0 0; line-height: 120%; }
	.i-ownbrand .txt h3 { font-size: 0.46rem;  }
	.i-ownbrand .txt .info { margin:0.24rem 0 0; }
	.i-ownbrand .txt .imorebtn-pink a { margin: 0.36rem auto 0;  }
	.i-ownbrand .sp-prev { left:-1.4rem; }
	.i-ownbrand .sp-next { right:-1.4rem; }

	.i-moreitem::before { content: "";  position: absolute; left: 0; top: 0; z-index: 1;  width:100%; height: 2px; background: linear-gradient(90deg, #d0ac62, #f7e09d, #d0ac62);  }
	.i-moreitem::after { content: "";  position: absolute; left: 0; bottom: -2px; z-index: 1;  width:100%; height: 2px; background: linear-gradient(90deg, #d0ac62, #f7e09d, #d0ac62);  }
	.i-moreitem .ct {  width: calc(100% - 0.72rem);  margin:0 auto; padding:1rem 0 0;  }
	.i-moreitem .ct .tit { margin-bottom:0.36rem; }
	.i-moreitem .ct .tit .ico {  display: flex; justify-content: center; align-items: center; }
	.i-moreitem .ct .tit img { width:0.8rem; margin-right: 0.24rem;  }
	.i-moreitem .ct .tit h2 { font-size: 0.46rem; margin:0.24rem 0; }
	.z_adv_li { width:100%; display: block; }
	.z_adv_li .titbar { padding:0 0.36rem; display: flex; justify-content: center; align-items: center;  bottom:auto; }
	.z_adv_li .infobox { padding:0 0.36rem; }
	.z_adv_li .infobox .desc { margin:0.36rem 0; }
	.z_adv_li .item {margin:0.24rem 0; width: 100%; height: 1.6rem; border-radius: 10px;  display: flex;   align-items: center;  }
	.z_adv_li .item:last-child { margin:0;  }
	.z_adv_li .item h3 { font-size: 0.46rem;}
	.z_adv_li .item em img { width:0.8rem; margin:0 0.24rem 0 0;  }
	.z_adv_li .item.active { height:5.4rem; }
	.z_adv_li .item.active .infobox { padding:0.36rem; }
	.z_adv_li .item.active .infobox .ico { display: flex; justify-content: flex-start; align-items: center; }
	.z_adv_li .item.active .infobox .ico img { margin-right:0.24rem; }
	.z_adv_li .item::after { height: 100%;}
	.z_adv_li .item:nth-child(2).active { height: 6.6rem; }
	.z_adv_li .item:nth-child(3).active { height: 6rem; }
	.i-moreitem-video { height: 100%; }
	
	.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height:100%!important; }
	.footer::before {  display: none; }
	.footer .cc { padding:0 0 20%;   }
	.footer p, .footer a { font-size:0.34rem; }
	.footer .fleft , .footer .fright { float:none; width:100%; } 
	.footer .fleft  { margin:12% 0; }
	.footer .fleft .flogo { text-align: center; margin-bottom:12%; }
	.footer .fleft .flogo img { height: 50px;}
	.footer .fleft .ftel p { display: flex; align-items: center; }
	.footer .fleft .ftel i { width:32px; height: 32px; line-height: 32px; font-size: 0.34rem; }
	.footer .fleft .ftel h2 { margin:0.12rem 0; }
	.footer .fleft .ftel h2 a { font-size: 0.5rem;  }
	.footer .fleft .fadd { margin-bottom: 0.64rem; text-align: center; }
	.footer .fleft .fadd p { font-size:0.5rem;  }
	.footer .fright ul { justify-content: flex-start; }
	.footer .fright ul li  { width:100%; margin:0.36rem 0 0; display: none;  } 
	.footer .fright ul li:last-child { width:100%; margin:0;  display: block; }
	.footer .fright ul li:last-child h3 { display:none; }
	.footer .fright ul li h3 a span { font-size: 0.46rem;}
	.footer .fright ul li a img, .footer .fright ul li a i { margin-right: 0.36rem;}
	.footer .fright ul li a i { font-size: 0.46rem; }
	.footer .fright ul li .down { margin:0.36rem 0;  grid-gap: 0;}
	.footer .fright ul li .down a .flex-normal i { margin: 3px 0.36rem 0 0; }
	.cpr { width: 100%; padding:0.24rem 0.36rem; border-top:2px solid;  border-image: linear-gradient(90deg, #d0ac62, #f7e09d, #d0ac62) 1;  position: absolute; bottom:0;   }
	.cpr p { font-size:0.36rem; }
	.cpr .fico  {  width: 100%; font-size:24px; color:#999;    text-align: center; }
	.cpr .fico a i { margin:0 0.36rem; }
	
	.ellipse { left:18%; }
	
}