@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: "微软雅黑",Source Han Sans CN, Source Han Sans CN-Regular; */
	/* 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;}
}
@media screen and (min-width:800px) and (max-width:1440px){body{zoom:0.8}}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}
.wrap1{position: relative; width: 1200px; margin: 0 auto;font-size: 0;text-align: center;}
/* 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.61rem;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;}
.banPic{
	width: 100%; position: relative;float: left;
}
.banPic img.pic01{
	width: 1.56rem; display: block;
	position: absolute; top: 2.18rem; left: -.9rem;
	animation: scaleUp 2s .5s infinite ease-in-out alternate;
		-webkit-animation: scaleUp 2s .5s infinite ease-in-out alternate;
}
.banPic img.pic02{
	width: 1.42rem; display: block;
	position: absolute; top: 2.5rem; right: -.97rem;
	animation: scaleUp 2s infinite ease-in-out alternate;
		-webkit-animation: scaleUp 2s infinite ease-in-out alternate;
}
@-webkit-keyframes scaleUp{
    0%{transform: translateY(-5px);}
    50%{transform: translateY(5px);}
    100%{transform: translateY(-5px);}
}
@keyframes scaleUp{
    0%{transform: translateY(-5px);}
    50%{transform: translateY(5px);}
    100%{transform: translateY(-5px);}
}


.sections{
	width: 100%; clear: both; float: left;
}
.secTit{
	width: 100%; clear: both; float: left; margin-top: .7rem; height: .86rem;
	background: url('../images/title-img01.png') no-repeat center / auto .86rem;
	margin-bottom: -.24rem;
}
.secTit h2{
	width: 100%; float: left; margin-top: -.7rem; height: 1.29rem;
	font-size: .44rem; line-height: .87rem; font-weight: bold;
}
.secTit h2 span{
	margin: .16rem .42rem 0; display: inline-block; 
	background-image: linear-gradient( #ffffff, #f7d791);
		color: transparent;
		-webkit-background-clip: text;
}
.secTit h2::before{
	content: ''; width: 1.02rem; height: 1.4rem; display: inline-block;
	background: url('../images/tit-gift01.png') no-repeat center / 100%;
	vertical-align: top;
	margin-left: -.62rem; margin-right: -.34rem;
}

/*section1*/
.sec01{
	background: url('../images/s1-bg.jpg') no-repeat center top;
}
.s1-title h2{
	background: url('../images/title-img02.png') no-repeat center / auto 100%;
}
.s1-main{
	width: 100%; height: 7.74rem; margin-bottom: .51rem;
	background: url('../images/s1-kuang.png') no-repeat center top;
	float: left; clear: both;
	box-shadow: 0 .28rem .59rem rgba(108,14,5,.5);
	border-radius: .2rem;
}
.s1-top{
	width: 10.51rem; height: 4.07rem; display: inline-block;
	background: #fff2ea;
	background: -webkit-linear-gradient(#ffebc2,#fff2ea);
	background: -moz-linear-gradient(#ffebc2,#fff2ea);
	background: -o-linear-gradient(#ffebc2,#fff2ea);
	background: linear-gradient(#ffebc2,#fff2ea);
	border-radius: .125rem;
	float: left;margin: .26rem .25rem .22rem;
}
.s1-top img{
	width: 7.31rem; display: block; float: left;
	margin-left: .4rem;margin-top: .37rem;
}
.s1-top .txt{
	float: right;
	border: solid 1px #f4c362;
	border-radius: .125rem 0 0 .125rem;
	border-right: 0;
	margin-top: .37rem;
	width: 2.5rem;
	padding-bottom: .1rem;
}
.s1-top .txt h3{
	font-size: .18rem; font-weight: bold; line-height: .36rem;color: #b07604;
	border: solid 1px #f4c362; border-left: 0;
	border-radius:0 .36rem .36rem 0;
	padding: 0 .23rem;
	float: left;margin-top: .25rem; margin-bottom: .1rem;
}
.s1-top .txt p{
	width: 2rem; clear: both; float: left; margin-left: .27rem; margin-bottom: .15rem;
	font-size: .18rem; line-height: .24rem;
	text-align: justify;
	color: #b07705;
}
.s1-btm{
	width: 10.5rem; height: 2.94rem; display: inline-block;
	float: left; margin: 0 .25rem .19rem;
	border: solid .02rem #ff8059;
	border-radius: .125rem;
	box-sizing: border-box;
	background: #61c6a9;
	background: linear-gradient(#61c6a9,#1b8162);
}
.s1-btm h3{
	width: .63rem; height: 2.56rem; display: flex;
	float: left; margin-top: .19rem;
	background: url('../images/s1-img02.png') no-repeat center / 100%;
	font-size: .32rem; font-weight: bold; color: #de210c; line-height: 1;
	justify-content: center;
	align-items: center;
}
.s1-btm ul{
	width: 9rem; float: left; margin-left: .45rem; margin-top: .37rem;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.s1-btm ul li{
	width: 1.77rem; height: .5rem; display: inline-block;
	box-shadow: 0 .07rem .18rem rgba(142,249,217,.3),
				0 .02rem .05rem rgba(0,0,0,.3);
	border-radius: .5rem;
	font-size: .18rem; font-weight: bold; line-height: .5rem;
	text-shadow: 0 1px 0 #fff;
	margin: 0 .22rem .3rem;
}
.s1-btm ul li.btn1{margin-left: .4rem;}
.s1-btm ul li.type01{
	background: #fff2ea;
	background: linear-gradient(#fff2ea,#fbce51);
	color: #d71f00;
}
.s1-btm ul li.type02{
	background: #dbecf3;
	background: linear-gradient(#fff2ea,#b2e5ff);
	color: #0c7dba;
}
.s1-btm ul li.type03{
	background: #acfab3;
	background: linear-gradient(#fff2ea,#acfab3);
	color: #019a54;
}
.s1-btm ul li.type04{
	background: #ffc7c7;
	background: linear-gradient(#fff2ea,#ffc7c7);
	color: #d71f00;
}
.s1-btm ul li.type05{
	background: #c3c4ff;
	background: linear-gradient(#fff2ea,#c3c4ff);
	color: #740fe5;
}
.s1-btm ul li.type06{
	background: #c3c4ff;
	background: linear-gradient(#ffffff,#d8d8d8);
	color: #4e4e74;
}
.s1-btm ul li.type07{
	background: #bafbfa;
	background: linear-gradient(#fff2ea,#bafbfa);
	color: #01a7a2;
}
.s1-btm ul li:nth-child(odd){
	animation: scaleLeft 2s infinite ease-in-out alternate;
}
.s1-btm ul li:nth-child(even){
	animation: scaleRight 2s ease-in-out infinite alternate;
}
@-webkit-keyframes scaleLeft{
    0%{transform: translateX(-5px);}
    50%{transform: translateX(5px);}
    100%{transform: translateX(-5px);}
}
@keyframes scaleRight{
    0%{transform: translateX(5px);}
    50%{transform: translateX(-5px);}
    100%{transform: translateX(5px);}
}

/* section02 */
.sec02{
	background: url('../images/s2-bg.jpg') no-repeat center top;
}
.s2-title h2{
	background: url('../images/title-img03.png') no-repeat center / auto 100%;
}
.s2-main{
	width: 100%; height: 6.31rem; display: block; float: left;
	background: url('../images/s2-kuang01.png') no-repeat center top / 100%;
	box-shadow: 0 .28rem .59rem rgba(108,14,5,.5);
	border-radius: .2rem;
	position: relative;z-index: 1;
}
.s2-main .kuang{
	width: 10.5rem; height: 5.77rem; display: inline-flex;
	background: #feda92;
	background: linear-gradient(#feda92,#ffe7b8);
	border-radius: .125rem;
	margin-top: .27rem;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.s2-main .kuang .item{
	width: 4.66rem; height: 5.18rem; display: inline-block;
	border-radius: .21rem;
	box-shadow: 0 .06rem .12rem rgba(200,136,0,.4);
	margin: 0 .2rem;
}
.s2-main .kuang .item1{
	background: url('../images/s2-img01.png') no-repeat center / 100%;
}
.s2-main .kuang .item2{
	background: url('../images/s2-img02.png') no-repeat center / 100%;
}
.s2-main .kuang .item h3{
	float: left; margin-top: .18rem;
	font-size: .32rem; font-weight: bold; color: #fff;
	line-height: .51rem;
}
.s2-main .kuang .item h3 span{
	width: 1.05rem; height: .51rem; display: block; float: left;
	color: #f32300;
	background: #fbffc4;
	background: linear-gradient(#fbffc4, #fcdd5e);
	border-radius: 0 .5rem .5rem 0;
	margin-right: .15rem;
}
.s2-main .kuang .item .txt{
	width: 4.19rem; height: 3.46rem; display: inline-block; margin: .15rem auto;
	background: #fff;
	border-radius: .11rem;
}
.s2-main .kuang .item1 .txt{
	background: url('../images/s2-img03.png') no-repeat center / 100%;
}
.s2-main .kuang .item2 .txt{
	background: url('../images/s2-img04.png') no-repeat center / 100%;
}
.s2-main .kuang .item .txt .line{
	width: 100%; clear: both; float: left;margin-bottom: .16rem;
}
.s2-main .kuang .item .txt .line01{margin-top: .35rem;}

.s2-main .kuang .item .txt .line span{
	width: 1.05rem; height: .3rem; display: inline-block;
	border: solid 1px #f32601;
	border-radius: .3rem;
	font-size: .18rem; line-height: .3rem; color: #f32300;
	float: left;
}
.s2-main .kuang .item1 .txt .line span{margin-left: .5rem;}
.s2-main .kuang .item2 .txt .line span{margin-left: .2rem;}
.s2-main .kuang .item .txt .line p{
	font-size: .18rem; line-height: .36rem; width: 2.3rem; display: inline-block;
	margin-left: .14rem;
	text-align: left;
	float: left;
}
.s2-main .kuang .item .txt .line ul{
	font-size: .18rem; line-height: .36rem; width: 2.4rem; display: inline-block;
	margin-left: .14rem;
	text-align: left;
	float: left;
}
.s2-main .kuang .item .txt .line ul li::before{
	content: '·'; font-size: .18rem; line-height: .36rem; color: #f32300; font-weight: bold;
	margin-right: .08rem;
}
.s2-main .kuang .item .txt .line ul::after{
	content: '······';font-size: .18rem; line-height: .36rem;margin-left: .2rem;
}
.s2-btn{
	width: 100%; clear: both; float: left;
}
.s2-btn a{
	width: 1.77rem; height: .5rem; display: inline-block;
	border-radius: .5rem;
	font-size: .24rem; line-height: .5rem;font-weight: bold;
	/* border: solid 1px rgba(0,0,0,.3); */
	background: #fff2ea;
	background: linear-gradient(#fff2ea,#fbce51);
}
.s2-btn a.btn01{
	color: #e00e07;
	box-shadow: 0 0 .04rem #831200;
}
.s2-btn a.btn02{
	color: #147257;
	box-shadow: 0 0 .04rem #117b5d;
}
.s2-cont{
	width:100%; clear: both; float: left;
}
.s2-cont .secTit{
	height: .61rem;
	margin-top:.26rem;
	margin-bottom: -.26rem;
	background: url('../images/title-img04.png') no-repeat center / auto 100%;
}
.s2-cont .secTit img{width:6.95rem; margin-top: -.26rem;}
.s2-cont .cont{
	width: 100%; clear: both; float: left;
}
.s2-cont .cont1{
	height: 4.56rem;
	background: url('../images/s2-kuang02.png') no-repeat center / 100%;
}
.s2-cont .cont2{
	height: 4.4rem;
	background: url('../images/s2-kuang03.png') no-repeat center / 100%;
	margin-bottom: .52rem;
}
.s2-cont .cont h3{
	font-size: .36rem; line-height: .64rem; font-weight: bold; color: #fff;
	width: 100%; clear: both; float: left; margin: .25rem auto .08rem;
}
.s2-cont .cont h3::before,.s2-cont .cont h3::after{
	content: '';width: 2.95rem; height: .64rem; display: inline-block;
	vertical-align: top;
	margin: 0 .2rem;
}
.s2-cont .cont h3::before{
	background: url('../images/s2-icon01.png') no-repeat center / 100%;
}
.s2-cont .cont h3::after{
	background: url('../images/s2-icon02.png') no-repeat center / 100%;
}
.s2-cont .cont .userTxt{
	width: 10.5rem; height: 3.31rem; display: inline-flex;
	background: #feda92;
	background: linear-gradient(#feda92,#ffe7b8);
	border-radius: .125rem;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.s2-cont .cont .userTxt .user{
	width: 2.07rem; display: inline-block; margin: 0 .21rem;
}
.s2-cont .cont .userTxt .user:nth-child(odd){
	animation: scaleLeft 2s infinite ease-in-out alternate;
}
.s2-cont .cont .userTxt .user:nth-child(even){
	animation: scaleRight 2s ease-in-out infinite alternate;
}

.s2-cont .cont .userTxt .user img{width: 1.52rem; display: inline-block;}
.s2-cont .cont .userTxt .user span{
	margin-top: -.17rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: .18rem; line-height: .24rem; color: #fff;
	padding: 0 .28rem; height: .72rem;
	background: #ee1010;
	background: linear-gradient(#ee1010,#f55715);
	border-radius: .11rem;
	text-align: left;
}
.s2-cont .cont .userTxt .user1 span{white-space: nowrap;}


.s2-cont .cont .light{
	width: 10.5rem; height: 3.14rem; display: inline-block;
	background: #feda92;
	background: linear-gradient(#feda92,#ffe7b8);
	border-radius: .125rem;
}
.s2-cont .cont .light .white{
	background: #fff;
	width: 9.23rem;height: 2.57rem; float: right;
	margin-top: .27rem; margin-right: .27rem;
	border-radius: .11rem;
}
.s2-cont .cont .light ul{
	float: left; margin-left: -.71rem; margin-top: .33rem;
}
.s2-cont .cont .light ul li{
	clear: both; float: left; margin-bottom: .4rem;
	width: 9.68rem; height: .7rem; border-radius: .09rem;
	border: solid 1px #f5440d;
}
.s2-cont .cont .light ul li span{
	width: 2.64rem; height: .7rem; display: inline-block;
	background: url('../images/s2-img06.png') no-repeat center / 100%;
	padding: .05rem .1rem .17rem .11rem;
	font-size: .24rem; line-height: .7rem;font-weight: bold;color: #fff;
	text-align: left;
	text-indent: .23rem;
	float: left; margin-top: -.06rem; margin-left: -.12rem;
	position: relative;
}
.s2-cont .cont .light ul li span::after{
	content: '';width: .54rem;height: .54rem; display: inline-block;
	background: url('../images/s2-icon03.png') no-repeat center / 100%;
	border-radius: 50%;
	box-shadow: 0 .06rem .12rem rgba(241,108,10,.4);
	position: absolute; top: .13rem; right: -.1rem;
}
.s2-cont .cont .light ul li p{
	font-size:.18rem; line-height: .7rem; float: left; margin-left: .28rem;
}

/* section03 */
.sec03{
	background: url('../images/s3-bg.jpg') no-repeat center top;
}
.s3-title h2{
	background: url('../images/title-img05.png') no-repeat center / auto 100%;
}
.s3-main{
	width: 100%; height: 8.97rem; display: block; float: left;
	background: url('../images/s3-kuang01.png') no-repeat center top / 100%;
	box-shadow: 0 .28rem .59rem rgba(108,14,5,.5);
	border-radius: .2rem;
	position: relative;z-index: 1;
	margin-bottom: .32rem;
}
.s3-main .kuang{
	background: #df1a00;
	width: 10.5rem; height: 7.28rem; display: inline-block;
	margin: .26rem auto 0; 
	border-radius: .125rem;
}
.s3-main .kuang .pic{
	width: 100%; float: left; margin-top: .25rem;
}
.s3-main .kuang .pic img{margin-bottom: .1rem;}
.s3-main .kuang p{
	font-size: .18rem; color: #fbd590; float: left;
	margin-top: .35rem; margin-left: .2rem;
}

/* section04 */
.sec04{
	background: url('../images/s4-bg.jpg') no-repeat center top;
}
.sec04 .card{
	width: 100%; clear: both; float: left; margin-bottom: .52rem;
	border-radius: .17rem;
	box-shadow: 0 .09rem .09rem rgba(116,162,157,.35);
}
.sec04 .card img{width: 100%; display: inline-block;}
.s4-itembox{
	width:100%; clear: both; float: left; margin-bottom: .48rem;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.s4-itembox .item{
	width: 3.78rem; height: 2.12rem; display: inline-block;
	border-radius: .1rem;
}
.s4-itembox .item1{
	background: url('../images/s4-pic01.png') no-repeat center / 100%;
}
.s4-itembox .item2{
	margin: auto .33rem;
	background: url('../images/s4-pic02.png') no-repeat center / 100%;
}
.s4-itembox .item3{
	background: url('../images/s4-pic03.png') no-repeat center / 100%;
}
.s4-itembox .item h3{
	font-size: .36rem; font-weight: bold; line-height: .44rem; color: #00766a;
	float: left; margin-left: .88rem; margin-top: .58rem;
}
.s4-itembox .item h3::before{
	content: ''; width: .1rem; height: .44rem; display: inline-block;
	background: url('../images/s4-icon01.png') no-repeat center / 100%;
	float: left; margin-left: -.21rem;
}
.s4-itembox .item p{
	font-size: .18rem; line-height: .28rem; float: left; margin-top: .26rem; margin-left: .88rem;
}


/*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;}