/* reset */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, menu, input, textarea, button, select, th, td iframe{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, b, strong { font-size:100%; font-weight:normal;}
li { list-style:none;}
em, i { font-style:normal;}
a, a:visited, a:active { text-decoration:none; border:none; outline:none;}
input, textarea { outline:none;}
textarea { resize: vertical;}
body { -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; word-wrap:break-word; line-height:1.5;font-size: 12px;min-width:7.5rem!important;}
body, button, input, select, textarea { font-family: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', 'microsoft yahei', simsun, sans-serif;}
.none{ display:none;}
.left { float:left;}
.right { float:right;}
.m-hide{display: none;}
.clearfix::after { content:''; clear:both; display:block; height:0; overflow:hidden;visibility:hidden;}
.The_total{display:none;}
a[title="站长统计"]{display: none;}
body{width:7.5rem;margin: 0 auto!important;overflow-x: hidden;overflow-y: auto;}
.wrap{width:7.2rem;margin: 0 auto;}
.wrap1{width:7.2rem;margin: 0 auto;}
.m-show{display:block!important;}
.m-hide{display: none!important;}
.m-ib{display: inline-block!important;}
#box-kefu,#zhy,.aside-bgd,.box-fix-nav{display: none;}
*{
	outline:medium;
}
html,body {
	position: relative;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	min-width:7.5rem;
	background: #fff;
}
/* 首页 */
.indpage{
	display: inline-block;
	width: 100%;
	height: 100%;
	min-height: 13.34rem;
	background: url(../images/indimg.jpg) no-repeat center top;
	background-size: 100%;
	position: relative;
}
.indTp {
    display: inline-block;
    width: 100%;
    margin-top: 0.36rem;
    position: absolute;
    top: 0;
    left: 0;
}
.indTp .idTL{width: 1.7rem;float: left;margin-left: .28rem;margin-top: 0;}
.indTp .idTR {
    width: 2.1rem;
    float: left;
    margin-right: 0.21rem;
    top: 0;
    left: 0.42rem;
}
.indTp>div img{width: 100%;}
.idbt{display: inline-block;width: 3.02rem;height: 1.02rem; line-height: .78rem; background: url(../images/idImg4.png) no-repeat center top;background-size: 100% 100%;font-size: .35rem;color: #00ffff;text-align: center;
	position: absolute;
	right: 0.2rem;
	top: .5rem;
	-webkit-animation: indexDraw 4s linear infinite;
	animation: indexDraw 4s linear infinite;
}
.btT{font-size: .28rem;color: #fff;text-align: left;width: 80%;margin: 0.84rem 10% 0;display: inline-block;}
.indBp{display: inline-block;width: 100%;background: url(../images/idImg1.png) no-repeat center bottom;background-size: 100% auto;padding-bottom: 3.7rem;}
.indBp>div>img{width: 100%;}
.indBp>div{margin: 0 auto;}
.idTR{width: .7rem;float: right;margin-right: .21rem; cursor: pointer;position: absolute;right: 0;top: .37rem;z-index: 111;}
.idTR img{width: 100%;}
.indBp .idimg1{width: 6.73rem;margin-top: 1.75rem;}
.indBp .idimg2{width: 3.63rem;display: block;margin-top: .9rem;}
.indBp .idimg3{
	width: 6.08rem;height: 4.66rem;background: url(../images/idImg3.png) no-repeat center top;background-size: 100% 100%;margin-top: .9rem;
}
.idBtn{display: inline-block;width: 100%;margin: .25rem auto 0;text-align: center;}
.indBp .idimg3 a{display: block;width: 2.36rem; height: .75rem; line-height: .66rem; margin: 0 auto;font-size: .32rem;color: #fff;background: url(../images/idImg2.png) no-repeat center top;background-size: 100% 100%;transition: .3s;}
.indBp .idimg3 a:hover, .indBp .idimg3 a:active{
	box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.indBp .idimg3 .idbtn1{margin-bottom: .27rem;}
.idimg3 a img{display: inline-block;width: 100%;}
.mySwiper{min-height: 13rem;}
.swiper {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	width: 6.75rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	display: inline-block;
	width: 100%;
}
.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper-wrapper{
	width: 6.75rem!important;
	margin: 0 auto;
}
.sp1L{width: 4.05rem;float: left;margin-left: .14rem;margin-top: .49rem;}
.sp1R{width: .7rem;float: right;margin-right: -0.11rem;}
.sp1>div img{width: 100%;}
.sp2{
	display: inline-block;
	width: 6.88rem;
	height: 3.11rem;
	background: url(../images/tmBg.png) no-repeat center top;
	background-size: 100% 100%;
	margin-top: .6rem;
	position: relative;
}
.sp2 .p1{
	display: inline-block;width: 1.93rem;height: 1.85rem;line-height: 1.8rem;position: absolute;top: -0.58rem;left: -0.45rem;/* background: url(../images/tmLx.png) no-repeat center top;background-size: 100% 100%; */
}
.sp2 .p1 img{
	width: 100%;animation: zhuan infinite linear 12s;
}
.sp2 .p1 span {
    font-size: .45rem;font-weight: bold;color: #0037a7;position: absolute;top: 0;display: inline-block;width: 100%;left: 0;
}
.sp2 .p2 {
    font-size: .32rem;
    color: #fff;
    width: 72%;
    display: inline-block;
    text-align: left;
    float: left;
    margin-left: 1.42rem;
    margin-top: 0.62rem;
    margin-bottom: 0.2rem;
    letter-spacing: 1px;
}
 .sp2 .tdz{font-size: .3rem;margin-top: .42rem;}
.sp2 .p2 span{font-size: .35rem;color: #00ffff!important;margin-right: .1rem;}
.sp2 .p3{width: 5.92rem; margin-left: .34rem;}
.sp2 .p3 img{width: 100%;}
.dtxx{
	font-size: .2rem;color: #fff;text-align: left;width: 94%;margin-left: 5%;margin-top: .25rem;
}
.dtxx>p{
	width: 100%;
}
.sp3 ul{
	display: inline-block;
	width: 100%;
	margin-top: .3rem;
}
.sp3 ul li{
	display: inline-block;
	width: 6.46rem;
	height: 1.33rem;
	background: url(../images/btnBg.png) no-repeat center top;
	background-size: 100% 100%;
	margin-bottom: .12rem;
	cursor: pointer;
}
/* .sp3 ul li:hover{outline: none;} */
.sp3 li span{
	display: inline-block;
	width: .82rem;
	height: 1.1rem;
	float: left;
	font-size: .56rem;
	color: #00ffff;
	font-weight: bold;
	line-height: 1.1rem;
	margin-left: .18rem;
}
.sp3 li p{
	display: inline-block;
	float: left;
	width: 84%;
	/* margin-left: .12rem; */
	font-size: .25rem;
	color: #fff;
	line-height: .35rem;
	text-align: left;
	margin-top: .27rem;
}
.sp3 li p.dhxx {
    margin-top: 0.4rem;
}
.sp3 li p.dt{
	margin-top: .1rem;
}
.sp3 li p.qz{
	font-size: .28rem;
}
/* .six {width: 100%;  background: url(../images/six_bg.jpg) center no-repeat; background-size: 100% 100%; position: relative; display: none;} */
.six {width: 100%;  background: #fff; position: relative; display: none;}
.six img{width: 100%;}
.six_p {width: 91.2%; margin: 0 auto; padding: 20% 0 0; position: relative;}
.six_p span {width: 50%; display: block; position: absolute; top: 20%; left: 43%; font-size: .28rem; color: #825143; line-height: .6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.six_p2 {width: 56%; margin: 0 auto;}
.six_p3 {width: 26%; position: absolute; left: 37%; bottom: .6rem;}
.six_p4 {width: 100%; text-align: center; font-size: .3rem; color: #fff; line-height: .4rem; position: absolute; left: 0; bottom: 0;}
.six .zyimg {
	/* position: absolute;top: 3.82rem;left: 0.75rem;width: 5.85rem; */
	
}
.zzp4>img{display: none;}
/* 弹窗 */
.zhezhao {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .8); z-index: 8; display: none;}
.news {width: 6.5rem; height: 3.6rem; background: #fff url(../images/frmBg.jpg) no-repeat center top; background-size: 100%; z-index: 9; display: none; border-radius: 12px; position: fixed; top: 50%; left: 50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.news .close {display: block; width: .49rem; position: absolute; top: -.6rem; right: 0;}
.news .close img{width: 100%;}
.news_p {width: 100%; text-align: center; background: url(../images/botton_bg.png) center repeat-y; background-size: 101% auto; font-size: .3rem; color: #fff; line-height: .6rem; font-weight: bold; border-radius: 11px 11px 0 0;}
.news_m {width: 100%; margin: 0 auto; padding: .45rem 0;}
.news_mp {width: 5.73rem; height: .75rem; border: .035rem solid #150f59; border-radius: .2rem; margin: 0 auto .2rem;}
.news_mp label {width: 25%; display: inline-block; text-align: right; margin: 0; font-size: .28rem; color: #150f59; line-height: .75rem;font-weight: bold;}
.news_mp input {display: inline-block; width: 70%; background: transparent; border: none; margin: 0; border: none; border-bottom: 1px solid #ddd; font-size: .32rem; color: #333; line-height: .72rem; outline: none;}
.news_ma {width: 3.02rem; height: .79rem; margin: .2rem auto 0; display: block; background: url(../images/btttom-bg.png) center repeat-y; background-size: 101% auto; text-align: center;}
/* 加隐私条款 */
.xieyi {width: 100%;margin: 0 auto .16rem;  font-size: .24rem; text-align: center; line-height: .44rem; display: inline-block; clear: both;}
.xieyi .xy {border: none; width: auto; height: .4rem; background: transparent;  vertical-align: inherit; color: #666666;}
.xieyi input[type=checkbox] {position: relative; float: none; width: .22rem; height: .22rem; padding: 0; margin-bottom: 0; border: none; border-radius: .05rem; -webkit-appearance: checkbox; vertical-align: inherit;}
.xieyi input[type=checkbox]::before {position: absolute; content: ""; top: 0; left: 0; background: #fff; width: 100%;  height: 100%; border: 1px solid #150f59; border-radius: .05rem;}
.xieyi input[type=checkbox]:checked::before {position: absolute; content: "\2713"; background-color: #150f59; top: 0; left: 0; width: 100%; border: 1px solid #423d79; border-radius:.05rem; color: #fff; font-size: .12rem; font-weight: bold; text-align: center; line-height: .15rem;}
.xieyi a {display: inline; background: transparent;line-height: .4rem; color: #f5501d;}

/* 最终版 */
.indpage1{
	display: inline-block;
	width: 100%;
	height: 100%;
	min-height: 13.34rem;
	background: url(../images/indimg2.jpg) no-repeat center top;
	background-size: 100% auto;
	position: relative;
}










.sctp{width: 100%;}
#tarPic {width: 100%; position: absolute; top: 0; left: 0;max-width: 7.5rem;}
.zz1{
	display: inline-block;
	width: 6.76rem;
	height: 9.19rem;
/* 	background: url(../images/zbBg.png) no-repeat center top;
	background-size: 100%; */
	position: absolute;
	top: 1.45rem;
	left: .38rem;
}
.zzp1 {
    display: inline-block;
    width: 100%;
    font-size: .36rem;
    font-weight: bold;
    color: #150f59;
    background: url(../images/titBg.png) no-repeat center;
    text-align: center;
    margin: 0.22rem auto 0;
    background-size: 4.47rem;
}
.zzp2 {
    display: inline-block;
    width: 100%;
    height: 1.02rem;
    /* background: url(../images/zbimg1.png) no-repeat center top;
    background-size: 3.82rem; */
    text-align: center;
    margin-top: 2.5rem;
    /* margin: 0 21%; */
}
#six_sp {
    font-size: 1.1rem;
    color: #fff;
    font-weight: bold;
    /* margin-left: 1rem; */
    line-height: 1.8rem;
}
.zzp3 {
    display: inline-block;
    width: 100%;
    font-size: .58rem;
    color: #00ffff;
    text-align: center;
    margin-top: 0.85rem;
}
.zp3img1{
	background: url(../images/mc1.png) no-repeat center top;
	background-size: 5.71rem;
}
.zp3img2{
	background: url(../images/mc2.png) no-repeat center top;
	background-size: 5.71rem;
}
.zp3img3{
	background: url(../images/mc3.png) no-repeat center top;
	background-size: 5.71rem;
}
.zp3img4{
	background: url(../images/mc4.png) no-repeat center top;
	background-size: 5.71rem;
}
.zzp3 span {
    font-size: .94rem;
    color: #fff;
    font-weight: bold;
    width: 108%;
    text-align: center;
    display: inline-block;
    letter-spacing: .54rem;
    margin: 0.25rem auto 0;
    text-align: center;
}
.zzp4 {
    display: inline-block;
    width: 54%;
    font-size: .26rem;
    color: #fff;
    text-align: left;
    float: right;
    margin-top: 1.6rem;
    margin-right: 0.52rem;
}
.zzp5 {
    display: inline-block;
    width: 100%;
    background: url(../images/zbimg3.png) no-repeat left top;
	background-size: .42rem;
    padding-top: 0.44rem;
    font-size: .22rem;
    color: #150f59;
    width: 86.2%;
    margin: 0.22rem 6.9% 0;
}
.zzp6 {
    margin-top: 0.92rem;
    margin-left: 0.66rem;
    display: inline-block;
    width: 90%;
}
.zzp6>div{
	display: inline-block;
	float: left;
}
.zp5L {
    width: 43%;
    margin-right: 0.45rem;
}
.zp5L>p{
	font-size: .28rem;
	font-weight: bold;
	color: #01be9e;
}
.zpd1 img{width: .72rem;}
.zp5L .zpd3{
	font-size: .2rem;
	color: #150f59;
}
.zp5R{
	width: 1.75rem;
}
.sp1R{
	display: inline-block;
	width: .7rem;
	height: auto;
	background: url(../images/music.png) no-repeat center top;
	background-size: 100%;
}
.sp1R embed{
	display: inline-block;
	width: .7rem;
	height: .61rem;
}
.mustop{display: none;}
#ss{width: 7.5rem; position: absolute; top: 0; left: 0;z-index: 11111;display: none;}
#ss img{width: 7.5rem;}
.btn1{
	position: absolute;
	    top: 0;
	left: 0;
}
body>img{width: 7.5rem; position: absolute; top: 0; left: 0;z-index: 11111;}
@keyframes indexDraw {
  0% {
    right: 0.2rem;
  }

  /* 25% {
    right: 1rem;
  } */

  50% {
    right: 1rem;
  }

  /* 75% {
    right: 1rem;
  } */

  100% {
    right: 0.2rem;
  }
}
@keyframes zhuan{
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
}
/* 页面底部特效 */
.dbxg{
	display: inline-block;width: 100%;
}
.X1{
	width: .32rem;height: 1.62rem;position: absolute;bottom: .3rem;left: 1.3rem;
	-webkit-animation: ballon2 2s linear infinite;
	animation: ballon1 8s linear infinite;
}
.X2{
	width: .19rem;height: .99rem;position: absolute;bottom: .1rem;left: 2.7rem;
	-webkit-animation: ballon2 2s linear infinite;
	animation: ballon2 4s linear infinite;
}
.X3{
	width: .32rem;height: 1.62rem;position: absolute;bottom: .6rem;left: 4.2rem;
	-webkit-animation: ballon2 3s linear infinite;
	animation: ballon2 6s linear infinite;
}
.X4{
	width: .32rem;height: 1.62rem;position: absolute;bottom: .3rem;left: 6.28rem;
	-webkit-animation: ballon2 4s linear infinite;
	animation: ballon1 3s linear infinite;
}
.ggd{
	display: inline-block;width: 100%;
}
.Dl1{
	width: .56rem; position: absolute;left: 0.78rem;bottom: 0.42rem;
	animation: bd 1s infinite linear alternate;
}
.Dl2{
	width: .5rem; position: absolute;left: 2.55rem;bottom: 1.7rem;
	animation: bd2 1s infinite linear alternate;
}
.Dl3{
	width: .56rem; position: absolute;right: 1.46rem;bottom: 1.52rem;
	animation: bd 1s infinite linear alternate;
}
.Dl4{
	width: .56rem; position: absolute;right: 0.48rem;bottom: 0.8rem;
	animation: bd2 1s infinite linear alternate;
}





@keyframes ballon1 {
   0%{-webkit-transform: translateY(0); opacity: 0;}
  50%{-webkit-transform: translateY(-.1rem); opacity: 1;}
100% {-webkit-transform: translateY(-1.8rem); opacity: 0;}
}
@-webkit-keyframes ballon1 {
	0%{-webkit-transform: translateY(0); opacity: 0;}
  50%{-webkit-transform: translateY(-.1rem); opacity: 1;}
100% {-webkit-transform: translateY(-1.8rem); opacity: 0;}
}
@keyframes ballon2 {
   0%{-webkit-transform: translateY(0); opacity: 0;}
  50%{-webkit-transform: translateY(-.5rem); opacity: 1;}
100% {-webkit-transform: translateY(-2.8rem); opacity: 0;}
}
@-webkit-keyframes ballon2 {
	0%{-webkit-transform: translateY(0); opacity: 0;}
  50%{-webkit-transform: translateY(-.5rem); opacity: 1;}
100% {-webkit-transform: translateY(-2.8rem); opacity: 0;}
}
@keyframes bd{
    0%{transform: scale(1);}
    100%{transform: scale(1.3);}
}
@keyframes bd2{
    0%{transform: scale(1.3);}
    100%{transform: scale(1);}
}