@charset "UTF-8";
/*-----default model-----*/
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td,figcaption {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;}
img {border:none;}
input,textarea,button,select {outline: 0 none;}
table{border-collapse: collapse; margin:0 auto;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center;}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 
body{width: 100%;height:100%; background: #fff; font-size: 12px;min-width: 1100px!important; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; color: #444;overflow-x: hidden;background: #ff445b;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.left{float: left;}
.right{float: right;}
.wrap{position: relative; width: 1200px; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none;}
.p-hide{
	display: none;
}
section{
	display: inline-block;width: 100%;
}
.main{
	display: inline-block;width: 100%;position: relative;border: .02rem solid #ffd4a2;background: #f11f3a;box-shadow: 0 .01rem .1rem rgba(255,56,74,0.5);border-radius: .45rem;z-index: 1;padding-bottom: .24rem;
}
.section .wrap::before{
	display: inline-block;content: '';width: 11.97rem;height: .77rem;background: url(../images/bgT.png) no-repeat center top;background-size: auto .77rem;position: absolute;top: -.44rem;
}
.title{display: inline-block;width: 100%;margin-top: -.4rem;margin-top: -5rem;}
.title h2{
	height: 1.76rem;
}

.banner-box{
	width: 100%;height:985px;position: relative;background: url(../images/banner_bg.jpg) no-repeat center top;font-size: 0; box-sizing: border-box;background-size: auto 9.85;
}
.banner-box .logo{
	 display: inline-block;width: 3.68rem;margin-top: .6rem;float: left;
}
.banner-box .logo img{
	width: 100%;
}
.banP1{
	display: inline-block;font-size: .22rem;color: #fff;width: 5.47rem;height: .32rem;line-height: .32rem;margin-top: -.1rem;border-radius: 1rem;position: absolute;bottom: .28rem;left: 2.72rem;
	background: #ff6050; background: linear-gradient(to right, #ff6050 90%,rgba(255,255,255,0));
}
.banimg{
	display: block;
}
.banimg1{
	width:11.36rem;display: inline-block;margin-top: .85rem;margin-left: .5rem;
}
.banimg2{
	-webkit-animation: scaleUp 1.2s infinite ease-in-out alternate;
	animation: scaleUp 1.2s infinite ease-in-out alternate;
	width: 2.26rem;position: absolute;left: .8rem;top: 1.1rem;
}
.banimg3{
	-webkit-animation: scaleUp 1.2s infinite ease-in-out alternate;
	animation: scaleUp 1.2s infinite ease-in-out alternate;
	width: 2.7rem;position: absolute;right: -1rem;bottom: -.6rem;
}

/* sec1 */
.sec1{
	margin-bottom: 2.15rem;
}
.cot1{
	width: 11.6rem;height: 11.54rem;background: #ffdcbc;box-shadow: inset 0 .16rem .38rem rgba(255,128,66,0.6);margin: .24rem auto 0;border: .01rem solid #ffd989;border-radius: .35rem;height: auto;position: relative;
}
.s1Bg{
	width: 3.23rem;position: absolute;bottom: .5rem;right: .4rem;
}
.itembox{
	display: inline-block;width: 94%;margin: .35rem 3% 0;
}
.itembox>div{
	display: inline-block;float: left;width: 3.48rem;height: 1.36rem;background: #fff;border-radius: .12rem;margin-right: .21rem;margin-bottom: .2rem;box-shadow: 0 0 .05rem #ffcea7;transition: all .8s;
}
.itembox>div:hover{
	transform: scale(1.2);
}
.itembox>div:nth-of-type(3n){
	margin-right: 0;
}
.item>div{
	display: inline-block;float: left;
}
.s1L{
	width: 1.08rem;margin-left: .12rem;margin-top: .13rem;
}
.s1L img{
	width: 100%;
}
.s1R{
	width: 62%;margin-top: .18rem;margin-left: .06rem;
}
.s1R>p{
	display: inline-block;float: left;text-align: left;width: 100%;
}
.s1R .p1{
	font-size: .19rem;font-weight: bold;color: #2c2c2c;
}
.s1R .p2{
	font-size: .14rem;color: #878787;
}
.s1Btn{
	display: inline-block;width: 100%;margin-top: .09rem;
}
.s1Btn>div{
	display: inline-block;float: left;
}
.s1BL>span{
	display: inline-block;float: left;color: #f11f3a;height: .52rem;line-height: .52rem;
}
.s1BL>span>img{
	vertical-align: middle;
}
.s1BL .sp1{
	width: .2rem;
}
.s1BL .sp1 img{
	width: 100%;
}
.s1BL .sp2{
	font-size: .16rem;font-weight: bold;margin-left: .05rem;
}
.s1BL .sp3{
	font-size: .22rem;font-weight: bold;letter-spacing: -.02rem;animation: scale 2s infinite alternate linear;
}
.s1Btn .btn{
	display: inline-block;width: .93rem;height: .52rem;margin-left: .1rem;
}
.s1Btn .btn>a{
	display: inline-block;width: 100%;font-size: .18rem;color: #fff;line-height: .5rem;background: url(../images/s1btn.png) no-repeat center top;background-size: 100%;
}
.s1Btn .btn .qxx{
	background: url(../images/s1btn1.png) no-repeat center top;background-size: 100%;
}
.type20 .s1R .p1{
	font-size: .18rem;line-height: .22rem;
}
.type20 .s1Btn{
	margin-top: 0;
}

.itembox .type18{
	clear: both;display: block;margin-right: .21rem!important;
}
.itembox .type20{
	clear: both;display: block;
}
/* sec2 */
.sec2{
	margin-bottom: 1rem;
}
.cot2>div{
	display: inline-block;width: 97%;margin: .23rem 1.5% 0;border-radius: .25rem;border: .01rem solid #fedb86;background: #ffdcbc;box-shadow: 0 0 .2rem rgba(255,128,66,0.6);padding-top: .22rem;padding-bottom: .15rem;box-shadow:inset 0 0 .2rem rgba(255,128,66);
}
.cot2 .s2S{
	box-shadow: inset 0 0 .2rem rgba(255, 128, 66,0.6);
}
.s2S>div{
	display: inline-block;float: left;width: 5.28rem;height: 1.38rem;background: url(../images/s2icon6.png) no-repeat center top;background-size: 100%;
}
.s2S .s2sL{
	margin-left: .54rem;margin-right: .42rem;
}
.s2S>div>div{
	display: inline-block;float: left;
}
.s2ld1{
	width: 1.39rem;margin-left: -.5rem;margin-top: -.07rem;
}
.s2ld1 img{
	width: 100%;
}
.s2ld2{
	width: 1.74rem;margin-top: .32rem;
}
.s2ld2 img{
	width: 100%;
}
.s2ld3{
	margin-left: .29rem;
}
.s2ld3>span{
	display: inline-block;float: left;
}
.s2ld3>span>a{
	display: inline-block;width: 100%;
}
.s2ld3>span>a>img{
	width: 100%;animation: scale 1s infinite alternate linear;
}
.s2ld3L .s2p1{
	font-size: .18rem;color: #333;margin-top: .42rem;
}
.s2ld3L .s2p2{
	font-size: .18rem;color: #f30700;width: 1.2rem;height: .24rem;line-height: .24rem;border: .01rem solid #f93b0c;border-radius: 1rem;
}
.s2ld3R{
	width: .84rem;margin-top: .25rem;
}
.s2ld3R>img{
	width: 100%;animation: scale 1s infinite alternate linear;
}
.s2ld3L{
	margin-right: .05rem;
}
.cot2 .s2bt{
	padding: 0;overflow: hidden;
}
.s2bt>div{
	display: inline-block;width: 100%;;
}
.s2btT{
	width: 100%;height: .91rem;line-height: .91rem;background: #febe80;box-shadow:inset 0 0 .3rem rgba(255,128,66);
}
.s2btT>div{
	display: inline-block;float: left;
}
.btqL{
	width: 5.33rem;height: .91rem;background: url(../images/s2tit1.png) no-repeat center top;background-size: 100%;
	
}
.btqL img{
	width: 1.47rem;float: left;margin-left: .2rem;margin-top: .08rem;
	animation-iteration-count: infinite;
}
/* 闹钟 */
@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
  100% { transform: translateX(5px); }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}
.btqL>span{
	font-size: .42rem;font-weight: bold;color: #fff;float: left;margin-left: -.05rem;
}

.btqR{
	width: 5.6rem;height: .91rem;
}
.btqR>div{
	display: inline-block;width: 100%;float: left;
}
.s2jdt{
	height: .27rem;margin-top: .18rem;margin-bottom: .08rem;
}
.s2jdt>p{
	display: inline-block;float: left;
}
.s2jdt .p1{
	width: 1.51rem; height: .27rem;line-height: .27rem;font-size: .18rem;color: #fff;border-radius: 1rem;margin-right: .14rem;text-align: left;margin-left: 1.15rem;
	background: #f53e27; background: linear-gradient(to bottom, #fb8866,#f53e27);
}
.s2jdt .p1>span{
	display: inline-block;width: .94rem; color: #f53e28;background: #fff;border-radius: 1rem;float: left;text-align: center;margin-right: .06rem;
}
.s2jdt .p2{
	font-size: .18rem;color: #fff;height: .27rem;line-height: .27rem;
}
.s2jdB{
	display: inline-block;width: 100%;height: .18rem;background: #fff;border-radius: 1rem;
}
.s2jdB>span{
	display: inline-block;float: left;
}
.s2jdB .sp1{
	height: .14rem;border: .02rem solid #fff;border-radius: 1rem;
	background: #f53e27; background: linear-gradient(to bottom, #fd8768,#f53e27);
	box-shadow: inset 0 .04rem .05rem #f4321d;
}
.s2jdB .sp2{
	width: .28rem;line-height: initial;margin-top: -.05rem;margin-left: -.28rem;
}
.s2jdB .sp2 img{
	width: 100%;
}
.s2bt .s2btB{
	width: 93.5%;margin: .38rem 3.3% 0;
}
.s2btB>div{
	display: inline-block;width: 3.44rem;height: 2.49rem;float: left;margin-right: .27rem;margin-bottom: .24rem;
}
.s2btB>div:nth-of-type(3n){
	margin-right: 0;
}
.s2bxq>a{
	display: inline-block;transition: all .8s;
}
.s2bxq>a:hover{
	transform: scale(1.1);
}
.cot2 .s2Z{
	padding-bottom: .14rem;
}
.cot2 .s2X{
	padding-bottom: .14rem;
}
.s2X .btqL{
	background: url(../images/s2tit2.png) no-repeat center top;background-size: 100%;
}
.s2X .s2btT{
	background: #ffab9f;
}






@keyframes scale{
	0%{transform: scale(.8);}
	100%{transform: scale(1.1);}
}
@keyframes scale2{
	0%{transform: scale(.8);}
	100%{transform: scale(.6);}
}
@keyframes scale3{
	0%{transform: scale(1.8); opacity: 0;}
	100%{transform: scale(1); opacity: 1;}
}

@keyframes move2{
	0%{transform: translateX(5px);}
	100%{transform: translateX(0);}
}


@keyframes ballon {
	0%{
		-webkit-transform: translate(-10px,-5px);
	}
	100%{
		-webkit-transform: translate(10px,5px);
	}
}
@keyframes scaleDraw {  
	0%{
		transform: scale(1);  
	}
	25%{
		transform: scale(1.03); 
	}
	50%{
		transform: scale(1);
	}
	75%{
		transform: scale(.97);
	}
}
/* 旋转 */
@-webkit-keyframes rotation{
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(-360deg);}
}
@-webkit-keyframes iconPulse {
	0%{
		-webkit-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0;
	}
	50%{
		opacity: 1;
	}	
	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes iconPulse {
	0%{
		-webkit-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0;
	}
	50%{
		opacity: 1;
	}	
	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
/* 闹钟 */
@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
  100% { transform: translateX(5px); }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}
@keyframes sx {
    0%{transform: translateX(-400px) scale(.2);}
    100%{transform: translateX(0) scale(1);}
}
@keyframes sx1 {
    0%{transform: translateX(400px) scale(.2);}
    100%{transform: translateX(0) scale(1);}
}
@keyframes scale2{
	0%{transform: scale(1.2);}
	100%{transform: scale(0.8);}
}
@keyframes scaleUp{
    0%{transform: translateY(-10px);}
    100%{transform: translateY(0);}
}
@keyframes scaleUp{
    0%{transform: translateY(-10px);}
    100%{transform: translateY(0);}
}
/* 弹窗 */
/*文字流动*/



@-moz-keyframes word {0% {background-position: 0 0;}  100% {background-position: -100% 0 }}
@-webkit-keyframes word {0% {background-position: 0 0;}  100% {background-position: -100% 0}}
@-ms-keyframes word {0% {background-position: 0 0;}  100% {background-position: -100% 0}}
@-o-keyframes word {0% {background-position: 0 0;}  100% {background-position: -100% 0}}
@keyframes word {0% {background-position: 0 0;}  100% {background-position: -100% 0}}