@import "iconfont.css";
.c99{color: #999;}.c66{color: #666;}
.vm{top: 50%;left: 50%; position: absolute;-webkit-transform: translate(-50%, -50%);transform:translate(-50%, -50%);}
.vtm{top: 50%; position: absolute;-webkit-transform: translate(0%, -50%);transform:translate(0, -50%);}
.vwm{left: 50%; position: absolute;-webkit-transform: translate(-50%, 0%);transform:translate(-50%, 0%);}

a:hover{text-decoration:none;}
h3,p{margin:0;}
button{outline: none;background: none;border:none;}
html{-ms-text-size-adjust:100%;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
body{font-family: Arial;min-width: 320px;background-color: #fff;font-size: 14px;}
html,body{width: 100%;overflow-x: hidden;}
a,a:hover {color: #333;cursor:pointer;}
ul,li {padding: 0;margin: 0;list-style: none;}
.left{ float:left;display: inline-block;}.right{float:right;display: inline-block;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;overflow:hidden;}
.clearfix{*zoom:1;}
*{box-sizing: border-box;padding: 0;margin: 0;}
.wrap{width: 14.5rem;margin: 0 auto;padding: 0;}
.wow { visibility: hidden;}
.flex{display: flex;}
.col-center{align-items: center;}
.row-center{justify-content: center;}
.flex_wrap{flex-wrap: wrap;}
.flex-column{flex-direction: column;}
.img-responsive{width: 100%;margin: 0 auto;display: block;}
.section{position: relative;}
.ec_bot{text-align: center; position: absolute;left: 0;right: 0;bottom: .66rem;z-index: 2;font-size: .3rem;
	line-height: 1.6;
}
.ec_bot p{
	margin-top: .5rem;
}
.ec_hd{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.82rem;
	height: .76rem;
	background-color: rgba(255, 255, 255, .3);
	border: 1px solid #61878c;
	color: #003d51;
	font-size: .46rem;
	font-weight: bold;
	margin: 0 auto;
	animation: arrow-down 800ms infinite alternate;
}
.f35{font-size: .35rem;}
.t2em{text-indent: 2em;}
@keyframes arrow-down {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(.2rem);
  }
}
.comdiv{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top:0;
	z-index: 2;
}
.cmInfo p{
	margin-bottom: .2rem;
	text-align: justify;
}
.cmInfo1 p{
	margin-bottom: 0;
}
.sec3{
	background: url(../images/g3.jpg) no-repeat center top;
	background-size: 100% auto;
	padding: 1rem .9rem;
}
.cmUl{
	display: flex;
	flex-direction: column;
}
.cmUl li{
	position: relative;
	padding:.1rem;
	width: auto;
	display: inline-flex;
	width: 4.02rem;
	height: 4.02rem;
	border-radius: 50%;
	overflow: hidden;
	background-image: linear-gradient(to bottom,#8cb7c7,#1b77ac);
}
.cmUl li img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	display: block;
	
}
.cmUl li  .name{
	position: absolute;
	left: 0;
	top:0;
	bottom: 0;
	width: .98rem;
	box-sizing: border-box;
	padding: 0 .1rem;
	font-size: .44rem;
	text-align: center;
	color: #fff;
	display: flex;
	align-items: center;
	padding-left: .2rem;
	background-image: linear-gradient(to bottom,#8cb7c7,#1b77ac);
}
.popover{
	position: fixed;
	left: 0;
	top:0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .67);
	z-index: 200;
	display: none;
	
}
.popbg{position: absolute;
	left: 0;
	top:0;
	right: 0;
	bottom: 0;}
.popcont{
	background: url(../images/tg1.png) no-repeat center;
	width: 9.13rem;
	height:12.84rem;
	overflow-y: auto;
	border-radius: .8rem;
	background-size: cover;
	padding:.98rem;
	display: flex;
	justify-content: center;
	flex-direction: column;
	font-size: .45rem;
	line-height: 1.6;
	position: relative;
}
.popcont .close{
	position: absolute;
	right: .5rem;
	top:.3rem;
	z-index: 2;
}
.popcont .close img{
	width:.43rem;
	height:.43rem;
}
.popcont .p{
	text-indent: 2em;
}
.cmUl li:nth-child(2){
	margin-left: 4rem;
	margin-top: -1rem;
}
.cmUl li:nth-child(3){
	margin-left: 1rem;
}
.cmUl li:nth-child(4){
	margin-left: 5rem;
	margin-top: -2rem;
}
.cmUl li:nth-child(5){
	margin-top: 1rem;
	margin-left: 2rem;
}
.cmUl li:nth-child(6){
	margin-top: 1.5rem;
	margin-left:4rem;
}
.cmUl li:nth-child(8){
	margin-left:4.2rem;
}
.cmUl li:nth-child(9){
	margin-left:0rem;
	margin-top: 2rem
}
.cmUl li:nth-child(10){
	margin-left:4rem;
	margin-top: 0rem
}
.cmUl li:nth-child(11){
	margin-left:1rem;
	margin-top: 0rem
}
.cmUl li:nth-child(12){
	margin-left:1rem;
	margin-top: 1rem
}

.cmUl li:nth-child(13){
	margin-left:5rem;
	margin-top: 0rem
}

.cmUl li:nth-child(14){
	margin-left:1rem;
	margin-top: 0rem
}

.cmUl li:nth-child(15){
	margin-left:2rem;
	margin-top: 1rem
}

.cmUl li:nth-child(16){
	margin-left:1rem;
	margin-top: 1rem
}
.cmUl li:nth-child(17){
	margin-left:5rem;
	margin-top: 0rem
}

.cmUl li:nth-child(18){
	margin-left:1rem;
	margin-top: 0rem
}

.cmUl li:nth-child(19){
	margin-left:5rem;
	margin-top: 0rem
}
.swrap{
	position: absolute;
	left: 0;
	right: 0;
	top:0;
	bottom: 0;
	z-index: 2;
}
.swrap .cmInfo{
	padding-top: 1.8rem;
	text-align: center;
	font-size: .34rem;
	line-height: 1.7;
}
.hua_tu{
	margin: 0 .8rem;
	padding-top: 3.3rem;
}
.jimg{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 1.8rem;
}
.jimg img{
	width: 1.4rem;
}
.jbtn{
	margin-top: .7rem;
	font-weight: bold;
}
.jbtn img{
	width:2.46rem;
	height:1.15rem;
	display: block;
}
.jbtn a{
	position: relative;
	margin: 0 .3rem;
	border-radius: .2rem;
	box-shadow: 0 0 5px rgba(0, 0, 0, .17);
}
.jbtn a span{
	position: absolute;
	left: 0;
	top:0;
	right:0;
	bottom: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .4rem;
}
.jbtn a.jxhua span{
	color: #fff;
}
.fl_p{
	color: #fff;
	text-align: center;
}
.fl_cont .pic{
	display: flex;
	align-items: center;
	justify-content: center;
}
.fl_cont .pic img{
	width: 7rem;
}
.fl_p{
	font-size:.5rem;
	font-weight: bold;
	margin-top: .1rem;
}
.fl_p span{
	color: #f00;
	margin: 0 .1rem;
}
.closed{
	position: absolute;
	right: -.1rem;
	top:-.1rem;
}
.closed img{
	width: .5rem;
}
#popFlower{
	display: block;
	visibility: hidden;
	opacity: 0;
}
.flc{
	transform: scale(0);
}
#popFlower.in{
	visibility: visible;
	opacity: 1;
}
#popFlower.in .flc{
	transition: all 400ms;
	transform: scale(1);
}
.jnbox{
	width: 9.08rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top:2.52rem;
	z-index: 20;
}
.mySwiper,#scroll-container {
  width: 9.08rem; /* Adjust width as needed */
  overflow: hidden;
  white-space: nowrap;
  height:5.38rem;
  margin-bottom: .7rem;
}
.mySwiper .swiper-slide{
	height: .85rem;
	margin-bottom: .2rem;
	width: auto !important;
}
.mySwiper .swiper-slide img{border-radius: 50%;
	width: .85rem;
	height: .85rem;}

#scroll-content {
        position: absolute;
		white-space: nowrap;
        animation: marquee 10s linear infinite;
    }
    @keyframes marquee {
        0% { transform: translateX(100%); }
        100% { transform: translateX(-100%); }
    }
#scroll-content ul{}
.aclose{
	position: absolute;
	right: .45rem;
	top:.45rem;
	z-index: 20;
}
.aclose img{
	width: .4rem;
}
.scUl{
	display: flex;
	flex-wrap: wrap;
	padding-top: .5rem;
	height: 5.8rem;
}

.scUl li,.mySwiper .item{
	background-color: #666666;
	height: .94rem;
	border-radius: .47rem;
	padding:.1rem;
	color: #fff;
	margin: 0 .2rem .28rem;
	min-width: 3.53rem;
}
.scUl li img{
	border-radius: 50%;
	width: .85rem;
	height: .85rem;
}
.scUl li p,.mySwiper .item p{
	padding:0 .2rem;
}
.scUl li:first-child{
	margin-left: auto;
	margin-right: auto;
}
.scUl li:nth-child(2n+2){
	
}
.scUl li:nth-child(3n+2){
	margin-left: .4rem;
}
.scUl li{
	margin-right: .1rem !important;
}
.row-between{
	justify-content: space-between;
}
.lybox{
	width: 7.72rem;
	margin:0 auto;
	padding-top: .7rem;
}
.lybox h3{
	color: #000;
	font-weight: bold;
	font-size: .4rem;
	margin-bottom: .35rem;
}
.lyUl{
	display: flex;
	flex-wrap: wrap;
	background-color: #fff;
	border: 1px solid #333;
	padding: .45rem;
	border-radius: .1rem;
}
.lyUl li{
	height: .84rem;
	border-radius: .42rem;
	padding: 0 .48rem;
	font-size: .3rem;
	background-color: #d7d7d7;
	margin: 0 .1rem .2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.lyUl li:nth-child(4){
	margin: 0 0 .2rem 0;
}
.lyUl li:nth-child(5){
	margin: 0 0 .2rem .08rem;
}
.lyUl li.in{
	background-color: #15708f;
	color: #fff;
}

.jn_bd{
	margin-top: 1.4rem;
	height: 9.6rem;
	overflow-y: auto;
	padding: 0 .45rem;
	margin-bottom: .5rem;
}
.jcell{font-size: .4rem;line-height: 1.6;}
.jn_bd p{
	
	text-indent: 2em;
	
}
.jn_hd li{
	background: url('../images/an1.png') no-repeat center;
	width: 2.68rem;
	height:1.35rem;
	background-size: cover;
	margin: 0 .08rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	text-align: center;
}
.jn_hd li.active{
	background-image: url('../images/an2.png');
	color: #fff;
}
.jn_hd li a{text-decoration: none;}
.wbot{
	position: absolute;
	left: 0;
	right: 0;
	bottom: .6rem;
	z-index: 20;
	text-align: center;
}
.wbot img{
	width: 3.15rem;
}
.wbot .lvse{
	color: #115c57;
	font-size: .36rem;
}
.wbot p{
	margin-top: .2rem;
	font-size: .3rem;
	line-height: 1.7;
}

.cPointer{
	position: absolute;
	background: url(../images/pointer.png) no-repeat center;
	background-size: cover;
	width: 1rem;
	height: 1rem;
	right: .6rem;
	bottom: .4rem;
	animation: tgtipsbefore 2s linear infinite;
}

@keyframes tgtipsbefore{
	20%{-webkit-transform:scale(1);transform:scale(1);opacity: 1;}
	60%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity: .5;}
	to{-webkit-transform:scale(1);transform:scale(1);opacity: 1;}
}

.bgm-btn{z-index: 100; position: absolute;right: .3rem;top:1.05rem;background: url(../images/yfbtn.png) no-repeat;width: .68rem;height: .68rem;background-size: cover;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;}

.bgm-btn.rotate{

	animation-play-state:running;
	-webkit-animation-play-state:running;
	-webkit-animation:rotating 1.2s linear infinite;
	animation:rotating 1.2s linear infinite

}

.bgm-btn.pause{

	animation-play-state:paused;

	-webkit-animation-play-state:paused;

}
@keyframes rotating{

	0%{transform:rotate(0deg)}

	to{transform:rotate(1turn)}

}
.st1{
	position: absolute;
	right: .6rem;
	top:.9rem;
}
@keyframes rotate3d{0%{-webkit-transform:translateZ(0) rotate(-1turn);transform:translateZ(0) rotate(-1turn);-webkit-transform-origin:center;transform-origin:center}to{-webkit-transform:none;transform:none;-webkit-transform-origin:center;transform-origin:center}}

@media only screen and (min-width: 1080px){
	html{font-size: 100px !important;}
}