@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; width: 100%;color: #333;text-align: center;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
.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: #fff;}
#footer_bx{clear: both;}


.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;}
.stage {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    pointer-events: none;
}  
/* body{
	cursor: url(https://files.cnblogs.com/files/monster-jian/cursor.ico),auto;
} */
 /* 输入框填充背景 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset;
}
 
/* 输入框填充透明 */
/* 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:7.98rem;background:url('../images/banner.jpg') no-repeat center top; overflow:hidden;width:100%; text-align:center;}
.banner-box .wrap{height: auto;}
.banner-box .logo{width: auto; position: absolute;left: 0; top: .2rem; cursor: pointer;display: block;}
.banner-box .logo img{width: 100%; max-width: 1.26rem;}
.banbox{
	width: 100%; clear: both; float: left; position: relative; height: 7.98rem;
}
.banTheme{
	width: 8.83rem;float: left; margin-left: 1.18rem; display:block; margin-top: .63rem;
	position: relative;
}
.banbox img.theme01{
	width: 100%;display: block;
	animation: fangda 0.8s ease-in-out;
	position: relative;
	z-index: 2;
}
.banbox img.banTag{
	width: 2.25rem; display: block;
	position: absolute; top: 1.2rem; right: -.74rem;
	z-index: 2;
	animation: fangda 0.8s ease-in-out;
}
.shan{
	width: 40px;
	height: -1px;
	background: #ffffff73;
	transform: rotate(118deg);
	position: absolute;
	top: 1.75rem;
	right: .4rem;
	z-index: 22;
	animation: shanmove 1s infinite linear;
	box-shadow: 0 0 10px 15px #fff;
	border-radius: 15px;
}
@keyframes shanmove{
	0%{transform: translate(0,0) rotate(118deg); opacity: 1;}
	100%{transform: translate(120px, 65px) rotate(118deg); opacity: 0;}
}
.banbox .rule{
	width: 6.92rem; height: 1.05rem;
	background: url('../images/ban-rule.png') no-repeat center bottom / 100%;
	padding-top: .42rem;
	position: absolute; top: 3.33rem; left: .96rem;
	z-index: 2;
}
.banbox .rule font{
	font-size: .32rem; line-height: .36rem; font-weight: bold; color: #fff;
	float: left; margin-left: .36rem; margin-top: .19rem;
	width: .7rem;
	text-align: center;
	padding-right: .34rem;
}
.banbox .rule p{
	font-size: .24rem; line-height: .36rem; font-weight: bold; color: #1992cb;
	float: left; margin-top: .19rem; margin-left: .25rem;
	text-align: left;
	width: 4.8rem;
}
.banbox img.banPic01{
	width: 1.96rem; display: block;
	position: absolute; top: 1.95rem; left: -.67rem;
	animation: scaleUp 1.5s infinite ease-in-out alternate;
		-webkit-animation: scaleUp 1.5s infinite ease-in-out alternate;
}
.banbox img.banPic02{
	width: 2.69rem; display: block;
	position: absolute; top: 4.6rem; left: -.86rem;
	animation: upShow 1.5s infinite ease-in-out alternate;
}
.banbox img.banPic03{
	width: 2.21rem; display: block;
	position: absolute; bottom: .19rem; left: 3.1rem;
	animation: scaleUp 1.5s infinite ease-in-out alternate;
		-webkit-animation: scaleUp 1.5s infinite ease-in-out alternate;
}
.banbox img.banPic04{
	width: 2.22rem; display: block;
	position: absolute; bottom: .26rem; right: 2.44rem;
	animation: upShow 1.5s infinite ease-in-out alternate;
}
.banbox img.banPic05{
	width: 2.41rem; display: block;
	position: absolute; bottom: .95rem; right: -.95rem;
	animation: scaleUp 1.5s infinite ease-in-out alternate;
		-webkit-animation: scaleUp 1.5s infinite ease-in-out alternate;
}
.banbox img.banPic06{
	width: 1.96rem; display: block;
	position: absolute; top: 2.98rem; right: -1.8rem;
	animation: upShow 1.5s infinite ease-in-out alternate;
}

@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 upShow {
	0%{transform: translateY(5px);}
	50%{transform: translateY(-5px);}
	100%{transform: translateY(5px);}
}
@-webkit-keyframes scaleUp{
    0%{transform: translateY(-.05rem);}
    50%{transform: translateY(.05rem);}
    100%{transform: translateY(-.05rem);}
}
@keyframes scaleUp{
    0%{transform: translateY(-.05rem);}
    50%{transform: translateY(.05rem);}
    100%{transform: translateY(-.05rem);}
}

.sections{
	width: 100%; clear: both; float: left;
}
.wrap.type01::before{
	content: '';width: 11rem; height: 1.53rem; display: block;
	background: url('../images/sec-img01.png') no-repeat center / 100%;
	float: left; margin-top: .56rem;
}
.secTit{
	height: 1.48rem; width: 100%;
	background: url(../images/secTit01.png) no-repeat center / auto 100%;
	position: relative; z-index: 2;
	float: left;margin-top: -2.09rem;
}
.secTit h2{
	font-size: .48rem; line-height: .9rem; font-weight: bold; float: left; 
	margin-top: .18rem;
	width: 100%;
	position: relative;
}
.secTit h2 em{
	color: #f13723;margin-right: .9rem;
}
.secTit h2 i{
	color: #972502;margin-left: .9rem;
}
.secTit h2::before{position: absolute;}
/*section1*/
.sec01{
	height: 10.56rem;
	background: url(../images/s1-bg.jpg) no-repeat center top / 19.2rem;
}
.s1-title h2::before{
	content: '';width: 1.33rem; height: 1.3rem; display: inline-block;
	background: url('../images/s1-icon01.png') no-repeat center / 100%;
	top: .08rem;
	left: 50%;
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	transform:translate(-50%,0);
}
.secMain{
	width: 100%; float: left; clear: both; margin-top: -.58rem; min-height: 1rem;
	border: solid .02rem #fff;
	background: #f45d44;
	background: -webkit-linear-gradient(#f45c43,#ffa77c);
	background: -moz-linear-gradient(#f45c43,#ffa77c);
	background: -o-linear-gradient(#f45c43,#ffa77c);
	background: linear-gradient(#f45c43,#ffa77c);
	border-radius: .31rem;
	box-shadow: 0 .12rem .16rem rgba(248,115,89,.6);
}
.secMain .kuang{
	width: 10.4rem; float: left; margin: .26rem .3rem; min-height: .5rem;
	background: #feffff;
	background: -webkit-linear-gradient(45deg, #feffff,#edfffe);
	background: -moz-linear-gradient(45deg, #feffff,#edfffe);
	background: -o-linear-gradient(45deg, #feffff,#edfffe);
	background: linear-gradient(45deg, #feffff,#edfffe);
	border-radius: .12rem;
	box-shadow: 0 .05rem 0 #ffdf7e;
}
.s1-main .itembox{
	width: 100%; clear: both; float: left; margin: .43rem auto 0;
}
.s1-main .itembox .item{
	width: 4.71rem; height: 3.64rem; display: inline-block; margin: 0 .16rem;
	background: url('../images/s1-kuang.png') no-repeat center top / 100%;
	transition: all .8s;
} 
.s1-main .itembox .item:hover{
	transform: scale(1.05);
}
.s1-main .itembox .item h3{
	font-size: .32rem; line-height: .52rem; color: #266cf6;
	width: 100%; float: left; margin: .15rem auto .08rem;
}
.s1-main .itembox .item .txt{
	width: 3.6rem; height: 2.28rem; display: inline-block; margin: 0 auto;
	background: url('../images/s1-img01.png') no-repeat center / 100%;
	position: relative;
}
.s1-main .itembox .item .txt span{
	font-size: .2rem; line-height: .36rem; color: #df3418; font-weight: bold;
	background: #f45d44;
	background: -webkit-linear-gradient(90deg, #fbffc4,#fcdd5e);
	background: -moz-linear-gradient(90deg, #fbffc4,#fcdd5e);
	background: -o-linear-gradient(90deg, #fbffc4,#fcdd5e);
	background: linear-gradient(90deg, #fbffc4,#fcdd5e);
	border-radius: .18rem .18rem 0 .18rem;
	padding: 0 .15rem;
	position: absolute; top: -.12rem; right: 0;
}
.s1-main .itembox .item .txt font{
	float: left; margin-top: .23rem; margin-left: .15rem; margin-bottom: .08rem;
	font-size: .32rem; line-height: .48rem; font-weight: bold; color: #fff;
}
.s1-main .itembox .item .txt ul{
	clear: both; float: left; margin-left: .15rem; margin-bottom: .32rem;
}
.s1-main .itembox .item .txt ul li{
	font-size: .2rem; line-height: .3rem; color: #d8e5ff;
	float: left;margin-right: .22rem;
}
.s1-main .itembox .item .txt ul li::before{
	content: '';width: .08rem; height: .3rem; display: inline-block;
	background: url('../images/s1-icon02.png') no-repeat center / 100%;
	vertical-align: top;margin-right: .05rem;
}
.s1-main .itembox .item .txt a{
	width: 2.45rem; height: .66rem; display: inline-block; margin: 0 auto;
	background: url('../images/s1-btn01.png') no-repeat center / 100%;
	font-size: .28rem; line-height:.66rem; color:#db4128;
}
/* section02 */
.sec02{
	height: 8.49rem;
	background: url('../images/s2-bg.jpg') no-repeat center top / 19.2rem;
}
.s2-title h2::before{
	content: '';width: 1.27rem; height: 1.02rem; display: inline-block;
	background: url('../images/s2-icon01.png') no-repeat center / 100%;
	top: .08rem;
	left: 50%;
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	transform:translate(-50%,0);
}
.s2-main{
	width: 100%;min-height: 1rem;float: left; clear: both; margin-top: -.58rem;
	background: #ffdaa7;
	background: -webkit-linear-gradient(#ffdaa7,#ffdba7);
	background: -moz-linear-gradient(#ffdaa7,#ffdba7);
	background: -o-linear-gradient(#ffdaa7,#ffdba7);
	background: linear-gradient(#ffdaa7,#ffdba7);
	border: solid .02rem #fff;
	border-radius: .31rem;
	position: relative;
}
.s2-main::before,.s2-main::after{
	content: '';width: 1.02rem; height: .41rem; display: inline-block;
	background: url('../images/s2-line01.png') no-repeat center / 100%;
	position: absolute; top: .17rem;
}
.s2-main::before{left: .5rem;}
.s2-main::after{right: .5rem;}
.s2-main font{
	font-size: .2rem; height: .34rem; line-height: .34rem; display: inline-block;
	border-radius: .3rem; 
	background: #fabf75;
	border: 2px solid transparent;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	background-image: linear-gradient(to right, #fabf75, #fabf75), linear-gradient(180deg, #fa984a, #fff);
	padding: 0 .4rem;  
	margin-top: .2rem; margin-bottom: .16rem;
}
.s2-main font em{
	font-weight: bold; color: #e71600;
}
.s2-left{
	width: 8.1rem; height: auto; float: left;
	background: #fab455;
	border-radius: .15rem;
	margin-left: .25rem; margin-bottom: .27rem;
}
.s2-left .kuang{
	width: 7.88rem; height: auto; display: block; float: left; margin: .12rem;
	border-radius: .15rem;
	box-shadow: 0 .11rem .49rem #bb0200 inset;
	min-height: .5rem;
	background: #fd3433;
	background: -webkit-linear-gradient(#fd3433,#f22016);
	background: -moz-linear-gradient(#fd3433,#f22016);
	background: -o-linear-gradient(#fd3433,#f22016);
	background: linear-gradient(#fd3433,#f22016);
	padding-top: .17rem;
}
.s2-left .kuang .item{
	width: 2.42rem; height: 2.24rem; display: inline-block; margin: 0 .08rem .15rem;
	border-radius: .15rem;
	background: #feefcb;
	background: -webkit-linear-gradient(#fffcea,#ffeab8);
	background: -moz-linear-gradient(#fffcea,#ffeab8);
	background: -o-linear-gradient(#fffcea,#ffeab8);
	background: linear-gradient(#fffcea,#ffeab8);
}
.draw .item.active {background: #972502;}
.s2-left .kuang .item img{
	width: 2.24rem; display: inline-block; margin: .35rem auto 0;
}
.s2-right{
	float: right; margin-top: .17rem;margin-right: .2rem;
}
.s2-right a.btn01{
	width: 2.24rem; display: block; float: left;
	border-radius: .49rem;
	margin-bottom: .38rem;
}
.s2-right a.btn02{
	width: 2.2rem; display: block; float: left;
	clear: both;
	border-radius: .73rem;
	height: .73rem;
	font-size: .24rem; line-height: .68rem; color: #ec290f;
	background: url(../images/s2-btn02.png) no-repeat center / 100%;
}
.s2-right a img{
	width: 100%; display: block;
}
.s2-right a.btn01 img{
	-webkit-animation: scaleDraw 2s ease-in-out infinite;
		animation: scaleDraw 2s ease-in-out infinite;
}


/*section3*/
.sec03{
	height: 6.83rem;
	background: url(../images/s3-bg.jpg) no-repeat center top / 19.2rem;
}
.s3-title h2::before{
	content: '';width: 1.33rem; height: 1.3rem; display: inline-block;
	background: url('../images/s1-icon01.png') no-repeat center / 100%;
	top: .08rem;
	left: 50%;
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	transform:translate(-50%,0);
}
.s3-main .itembox{
	width: 100%; clear: both; float: left;margin-top: .3rem; margin-bottom: .35rem;
}
.s3-main .itembox .item{
	width: 3.01rem; height: 3.03rem; display: inline-block;margin: 0 .15rem;
	background: url(../images/s3-img01.png) no-repeat center top / 100%;
	transition: all .8s;
}
.s3-main .itembox .item:hover{
	transform: scale(1.08);
}
.s3-main .itembox .item font{
	width: 100%; float: left; margin-top: .11rem; margin-bottom: .29rem;
	line-height: .38rem; font-size: .24rem; color: #ac4005;
}
.s3-main .itembox .item font em{
	font-weight: bold; color: #ef1005;
}
.s3-main .itembox .item img{
	height: .77rem; display: inline-block;
}
.s3-main .itembox .item p{
	font-size: .18rem; line-height: .24rem; color:#fff;
	width: 100%; float: left; margin-top: .5rem;
}


/*section2*/

/*按钮悬停*/
.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);
}
/*侧边悬停*/
.lfNav{position: fixed;width:150px; height:350px; display: none; background: url(../images/fixedNavBg.png) no-repeat center;top:25%; left:20px;z-index:9;}
.lfNav .close{position:absolute;top:10px; right:10px; height:12px; width:12px; }
.mt185{margin-top:129px;}
.nav-bg{width:150px; height:28px; display: block;float:left; clear:both;margin-left:0;margin-bottom:8px;}
.nav-bg a{width:120px; height:28px; display: block; margin:auto;}

.left_top{width:150px; height:40px;display: block;float:left;margin-left:0;}



@-webkit-keyframes scaleDraw{
	0%  {transform: scale(.98); }
	25% {transform: scale(1.02);}
	50% {transform: scale(.98);}
	75% {transform: scale(1.02);}
	100%{transform: scale(.98);}
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%  {transform: scale(.98); }
	25% {transform: scale(1.02);}
	50% {transform: scale(.98);}
	75% {transform: scale(1.02);}
	100%{transform: scale(.98);}
}