@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}
i,em{ font-style:normal;}
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%;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;background:#e42000;}
#footer_bx{clear: both;}

.nav-bgd,.dv_mn{display:none;}
.nav-fixed{position: fixed;top: 0;left: 0;width: 100%; z-index: 900; _position: absolute; _top: expression(eval(document.documentElement.scrollTop));_left:20px }
.pbot80{padding-bottom: 80px;}
.m-show,.m-ib{display: none!important;}
.qgfx_box {margin-top: 10px; margin-bottom: 20px!important;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}
.wrap1{position: relative; width: 1130px; margin: 0 auto;font-size: 0;text-align: center;}

 /* 输入框填充背景 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset;
}

.linear-red{
	
}
.linear-gray{
	background: #a1a1a1;
	background: -webkit-linear-gradient(left, #acabab ,#999999); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #acabab ,#999999); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #acabab ,#999999); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #acabab ,#999999); /* 标准的语法 */
}
.left{float: left;}
.right{float: right;}
.section{display: inline-block;width: 100%;}
/* 输入框填充透明 */
/* input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #fff;
  transition: background-color 5000s ease-out 0.5s;
} */
 
 
/*banner */
.banner-box{position:relative;height:941px;background:url(../images/banner.jpg) no-repeat center top; overflow:hidden;width:100%; text-align:center;}
/* .banner-box .wrap{height: 777px;} */
.banner-box .logo{width: 1.62rem;height: auto; position: absolute;left: 2rem; top:.4rem; cursor: pointer;display: block;}
.banner-box .logo img{width: 100%;}
.banner-box .main{width: 100%; clear: both; float: left;}
.banner-box .main .banimg02{width:6.72rem; display: inline-block;margin-top: .6rem;}
.banner-box .main .banimg01{width: 8.73rem;margin-top: -.55rem;position: relative;
	animation: fangda 0.5s ease-in-out;
	-webkit-animation: fangda 0.5s ease-in-out;
	-moz-animation: fangfa 0.5 ease-in-out;
	-o-animation: fangda 0.5s ease-in-out;
}
.banner-box .main .banimg03{
	position: absolute;top: .6rem;right: -1.1rem; animation: bx 3s infinite ease-in-out alternate;width: 2.17rem;
}
.banner-box .main .banimg04{
	position: absolute;top: 3.8rem;right: 0rem; animation: fangda 3s infinite ease-in-out alternate;
}
.s2-btn a{display: inline-block;width: 2rem;line-height: .5rem;background-color: #ff4310; font-size: .24rem;color: #fff;border-radius: 1rem;border: .01rem solid #ff8256;}
.shdz-btn{
    display: inline-block;
    width: 2.6rem;
    line-height: .52rem;
    background-color: #fff444;
    font-size: .25rem;
    color: #ff4310;
    border-radius: 1rem;
    border: 0.01rem solid #ff8256;
    margin-top: 0.2rem;
    font-weight: bold;
	position: relative;
	overflow: hidden;
	animation: scale2 1s linear infinite alternate;
	-o-animation: scale2 1s linear infinite alternate;
	-moz-animation: scale2 1s linear infinite alternate;
	-webkit-animation: scale2 1s linear infinite alternate;
}
.shdz-btn::before{
    display: inline-block;
    content: "";
    position: absolute;
    width: 100%;
    height: 200px;
    left: 0;
    right: 0;
    top: 50%;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
    margin: -100px auto auto;
    animation: mytop 1s infinite;
    -moz-animation: mytop 1s infinite;
    -webkit-animation: mytop 1s infinite;
    -o-animation: mytop 1s infinite;
    -webkit-transform: scale(0.2);
}
.idImg {
    width: 0.78rem;
    -webkit-animation: scaleDraw 2s ease-in-out infinite;
    animation: scaleDraw 2s ease-in-out infinite;
    position: absolute;
    bottom: 3rem;
    right: 3.2rem;
}
/*section2 互动有礼*/
.sec02{width: 100%; clear: both;display: inline-block;margin-top: -1.2rem;}
.sec02 .tip{font-size: 22px; line-height: .64rem; clear: both; width: 100%; color: #fff;}
/* .sec02 .draw-cont{width:1100px; height: 855px; display: block;
	background: url(../images/s2-img01.png) no-repeat center;
	background-size:auto 100%;
	position: relative;
} */
.sec02 .draw-cont {width: 100%;
    height: 1050px;display: block;
    background: url(../images/s2-img01.png) no-repeat center;
    background-size: 100%;
    position: relative;
}
/* .sec02 .draw-cont::before {
    content: '';
    width: 11rem;
    height: 8.54rem;
    display: block;
    background-image: url(../images/s1-light01.png);
    background-size:auto 100%;
    background-repeat: no-repeat;
	background-position:center;
    position: absolute;
    top: 18px;
    left: 0;
    animation: changeBg .9s ease infinite;
} */
@keyframes changeBg {
	0% {
		background-image:url(../images/s1-light01.png);
	}
	100% {
		background-image:url(../images/s1-light02.png);
	}
}
.sec02 .draw-cont .draw{width: 1008px; height: 933px; display: block; float: left; margin-top: .49rem; margin-left: .48rem; position: relative;}
.draw .item{width: 246px; height: 229px;
	background: url(../images/draw-bg01.png) no-repeat center;
	background-size: auto 100%;
}
.draw .item.active{ background-image: url(../images/draw-bg02.png); background-size:100% 100%;}
.draw .img { display: table-cell; width: 100%; height: 1.34rem; vertical-align: middle; text-align: center; overflow: hidden; float: left;margin-top: -.2rem;}
.draw .img img { vertical-align: middle; height: 1.69rem; display: block;margin: auto;width: auto;}
.draw .name {width: 2.12rem;height: .54rem;line-height: .54rem; display: inline-block;  color: #fff; font-size: 22px; background: url(../images/jptit.png) no-repeat center top;background-size: 100% 100%;}
.draw .gap{width: .12rem;}
.draw .gap-2{height: .1rem;}
.draw .draw-btn{}
.draw .draw-btn .ljc{display: block;width: 3.88rem; height: 1.28rem;line-height: 1.1rem; background: url(../images/btn1.png) no-repeat center; background-size: 100% 100%;position: relative;font-size: 48px;color: #c34603;font-weight: bold;margin: -.8rem auto 0;}
.draw .draw-btn label{font-size: .24rem;color: #fff;margin-top: .1rem;display: inline-block;width: 100%;margin-bottom: .32rem;}
.draw .draw-btn label span{color: #fff300;}
/* .draw .lottery-unit-4 img{margin-top: .1rem;} */
/* section3 */
.sec03{margin-bottom: .5rem;}
.s3-title{display: inline-block;width: 100%;;background: url(../images/titBg.png) no-repeat center .1rem;background-size:auto .38rem;margin: 0.66rem auto 0.15rem;}
.s3-title h2{
	font-weight: bold;
	font-size: .46rem;
	color: #fff;
}
.s3-cont{width: 100%;}
.s3xq{display: inline-block;width: 100%;}
.s3-cont ul{float: left; margin-top: .3rem; width: 100%;}
.s3-cont ul li{clear: both; width: 100%; /* border-bottom: dashed 1px #bbb; */ float: left; padding-bottom: 10px; /* margin-bottom: 5px; */}
.s3-cont ul li:last-child{border-bottom: none;}
.s3-cont ul li font{font-size: .26rem;font-weight: bold; color: #fff; float: left;}
.s3-cont ul li font span{font-size: .22rem; color: #ffe9d5; text-align: left;}
.s3-cont ul li p{font-size: .22rem; color: #ffe9d5; text-align: left; width: 98%; clear: both; float: left;line-height: .34rem;}
.s3-cont ul li p img{margin-top: .2rem;}
.s3-cont .imgbox{width: 100%; clear: both; float: left; margin-top: 10px; margin-bottom: 50px;}
.s3-cont .imgbox .item{float: left;}
.s3-cont .imgbox .item01{margin-right: 60px; margin-left: 100px;}
.s3-cont .imgbox .item02{margin-right: 20px;}
.s3-cont .imgbox .item span{font: 24px/46px "microsoft yahei"; color: #333; text-align: center;}
.s3-cont .imgbox .item img{display: block;}





/*按钮悬停*/
.hvr-grow-shadow{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:active {
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
@keyframes fangda {
    0% {
        -webkit-transform: scale(0.1);
		transform: scale(0.1);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
		transform: scale(1);
        opacity: 1;
    }
}
@keyframes bx {
  0% {
    transform: translateY(0.3rem)
  }
  100% {
    transform: translateY(0rem)
  }
}
@-webkit-keyframes scaleDraw{
	0%  {transform: scale(.78); }
	25% {transform: scale(1.12);}
	50% {transform: scale(.78);}
	75% {transform: scale(1.12);}
	100%{transform: scale(.78);}
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%  {transform: scale(.78); }
	25% {transform: scale(1.12);}
	50% {transform: scale(.78);}
	75% {transform: scale(1.12);}
	100%{transform: scale(.78);}
}
@-webkit-keyframes mytop {
    0% {
        -webkit-transform: scale(0.2)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes mytop {
    0% {
        -moz-transform: scale(0.2)
    }

    100% {
        -moz-transform: scale(1)
    }
}

@-o-keyframes mytop {
    0% {
        -o-transform: scale(0.2)
    }

    100% {
        -o-transform: scale(1)
    }
}
@keyframes scale2 {  from {    transform: scale(.9)  }  to {    transform: scale(1.1)  }}
@-o-keyframes scale2  {  from {    transform: scale(.9)  }  to {    transform: scale(1.1)  }}
@-moz-keyframes scale2  {  from {    transform: scale(.9)  }  to {    transform: scale(1.1)  }}
@-webkit-keyframes scale2  {  from {    transform: scale(.9)  }  to {    transform: scale(1.1)  }}