@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: "Microsoft YaHei",-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Helvetica,Arial,"PingFang SC",'Noto Sans',"Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; color: #444;}
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: 1100px; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none;}
.section{ padding-top: .8rem;}
.title{height: 1.67rem; background: url(../images/bt_bg.png) no-repeat top center; box-sizing: border-box; padding-top: 0.44rem; text-align: left;}
.title h2{font-size: .5rem; color: #fff; font-weight: bold; letter-spacing: .02rem; background-image: -webkit-linear-gradient(top,#fefae5,#fbec92); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-left: 3.7rem; position: relative;}
.title h2::before{content: ''; width: 0.5rem; height: 0.42rem; background: url(../images/bt_icon.png) no-repeat center / 100%; display: block; position: absolute; left: 2.99rem; top: .1rem; animation: btMove .8s infinite ease-in-out alternate;}
@keyframes btMove{
	0%{transform: translateY(-4px);}
	100%{transform: translateY(4px);}
}

/*banner*/
.banner-box{
	width: 100%;height: 570px;position: relative;background: url(../images/ban_bg.jpg) no-repeat top center;font-size: 0; padding-top: 0.96rem;
}
.banner-box h1{
	position: relative; z-index: 1;
}
.ban-img{
	position: absolute; top: -.3rem; left: .55rem;
}

/*sec01*/
.sec01{
	background: url(../images/s1_bg.jpg) no-repeat top center; padding-top: 0; padding-bottom: 0.64rem;
}
.main{
	background: #2dd1fa; border-radius: .5rem; padding: .34rem .28rem; margin-top: -0.1rem;
}
.sec01-mbg{
	background: #0658c1;
	background: linear-gradient(to bottom, #0658c1 , #0760d1); /* 标准的语法 */
	border-radius: .5rem; border: 2px solid #43f5fc; box-sizing: border-box; padding: .38rem 0;
}
.pub-hd{
	margin-bottom: 0.4rem;
}
.pub-hd ul li{
	height: 0.48rem; line-height: 0.48rem; background: #2b7fee; border-radius: .24rem; font-size: .24rem; color: #fff; font-weight: bold; display: inline-block; padding: 0 .25rem; margin: 0 .08rem; cursor: pointer;
}
.pub-hd ul li.on{
	background: #fb7c19;
	background: linear-gradient(to right, #fb7c19 , #fe9d03); /* 标准的语法 */
}
.sec01-mbg .bd{
	width: 9.85rem; background: #fff; border: 22px solid #fff; box-sizing: border-box; border-radius: .2rem; margin: 0 auto;
}
.sec01-mbg .bd ul{
	height: 3.54rem; background: url(../images/s1_li_bg.png) no-repeat top center / 100% 100%; padding: .1rem .1rem .1rem 0; box-sizing: border-box;
}
.sec01-mbg .bd ul li{
	text-align: left;
}
.sec01-mbg .bd ul li .img{
	width: 4.54rem; display: inline-block; vertical-align: top; text-align: center; margin-top: 0.14rem;
}
.sec01-mbg .bd ul li .img p{
	width: 4.4rem; height: 0.5rem; line-height: 0.5rem; background: url(../images/s1_tips_bg.png) no-repeat top center / 100% 100%; display: block; text-align: left; font-size: .22rem; color: #fff; font-weight: bold; padding-left: 0.3rem; box-sizing: border-box;
}
.sec01-mbg .bd ul li .txt{
	width: 4.7rem; height: 3.34rem; background: #fff; border-radius: .1rem; display: inline-block; padding: .4rem .2rem .2rem;  box-sizing: border-box; padding-right: 0;
}
.sec01-mbg .bd ul li .txt p{
	font-size: .18rem; color: #333; font-weight: 600; text-align: left; margin-bottom: 0.2rem;
}
.sec01-mbg .bd ul li .txt p i{
	width: 0.25rem; height: 0.21rem; line-height: 0.26rem; background: url(../images/s1_dh.png) no-repeat center / 100% 100%; display: inline-block; margin-right: 0.08rem; position: relative; top: .04rem;
} 
.sec01-mbg .bd ul li .txt a{
	width: 2.7rem; height: 0.6rem; line-height: 0.6rem; background: #fb7c19; background: linear-gradient(to right, #fb7c19, #fe9d03); /* 标准的语法 */ border-radius: .33rem; box-shadow: 0 5px 0 #fc5f12; font-size: .3rem; color: #fff; font-weight: bold; display: inline-block; text-align: center; margin: 0 auto; display: block;
}

/*sec02*/
.sec02{
	background: url(../images/s2_bg.jpg) no-repeat top center; padding-top: 0; padding-bottom: 0.62rem;
}
.sec02-mbg{
	height: 5.74rem; background: url(../images/s2_mbg.png) no-repeat top center; padding-top: 0.4rem; border-radius: .5rem;
}
.sec02 .bd ul{
	height: 5.2rem !important;
}
.sec02 .bd ul li{
	position: relative;  display: none;
}
.sec02 .bd ul li.on{
	display: block;
}
.sec02 .bd ul li img{
	margin-top: 0.14rem;
}
.sec02 .bd ul li div{
	padding-top: 0.13rem; box-sizing: border-box; position: absolute;
}
.sec02 .bd ul li div.bd01{
	width: 2.8rem; height: 0.92rem; background: url(../images/s2_lbg01.png) no-repeat center / 100% 100%; text-align: right; padding-right: 0.5rem; left: 0.85rem; top: 0.36rem; visibility: visible !important;
}
.sec02 .bd ul li div.bd02{
	width: 2.77rem; height: 0.92rem; background: url(../images/s2_lbg02.png) no-repeat center / 100% 100%; text-align: left; padding-left: 0.5rem; right: 0.85rem; top: 0.36rem; visibility: visible !important;
}
.sec02 .bd ul li div.bd03{
	width: 3.32rem; height: 0.92rem; background: url(../images/s2_lbg03.png) no-repeat center / 100% 100%; text-align: center; padding-top: 0.2rem; left: 33%; top: 2.43rem; visibility: visible !important;
}
.sec02 .bd ul li div h3{
	font-size: .26rem; color: #0964d0; font-weight: bold;
}
.sec02 .bd ul li div p{
	font-size: .22rem; color: #333;
}
.sec02 .bd ul li a{
	width: 3.72rem; height: 0.66rem; line-height: 0.66rem; background: #fb7c19; background: linear-gradient(to right, #fb7c19, #f69c0a); /* 标准的语法 */ border-radius: .34rem; box-shadow: 0 5px 0 #fe7300; display: block; margin: 0 auto; font-size: .3rem; color: #fff; font-weight: bold; margin-top: 1.7rem; position: relative;
}
.sec02 .bd ul li a::before{
	content: ''; width: 0.83rem; height: 0.76rem; background: url(../images/s2_hand.png) no-repeat center / 100% 100%; display: block; position: absolute; top: .22rem; right: -.16rem; animation: hand 1s infinite alternate;
}
@keyframes hand{
	0%{transform: scale(1);}
	100%{transform: scale(1.1);}
}
@keyframes flash{
	0%{transform: scale(1);}
	100%{transform: scale(1.1);}
}

/*sec03*/
.sec03{
	background: url(../images/s3_bg.jpg) no-repeat top center; padding-top: 0; padding-bottom: 0.62rem;
}
.sec03-mbg{
	background: url(../images/s3_mbg.png) no-repeat top center; padding-top: 0.08rem; border-radius: .5rem; padding-bottom: 0.84rem;
}
.sec03-mbg h3{
	width: 4.52rem; height: 0.8rem; line-height: 0.8rem; background: #008fe9; border-radius: 0 0 .4rem .4rem; font-size: .26rem; color: #fff; font-weight: bold; display: block; margin: 0 auto;
}
.sec03-l{
	width: 4.54rem; display: inline-block; margin-top: 0.1rem; margin-left: 0.4rem;
}
.sec03-l h4{
	width: 2.12rem; height: 0.65rem; line-height: 0.65rem; background: url(../images/s3_tbg.png) no-repeat center / 100%; font-size: .34rem; color: #fff; font-weight: bold; margin-bottom: 0.12rem; text-align: left; padding-left: .25rem; box-sizing: border-box;
}
.sec03-l img{
	margin-left: 0.6rem;
}
.sec03-r{
	width: 4.95rem; display: inline-block; vertical-align: top; margin-top: 0.4rem; margin-left: 0.4rem;
}
.sec03-r ul li{
	margin-bottom: 0.14rem; display: flex; align-items: center; position: relative;
}
.sec03-r ul li div{
	width: 0.82rem; height: 0.7rem; background: #1777f0; border-radius: .1rem 0 0 .1rem; display: flex; justify-content: center;
    align-items: center;
}
.sec03-r ul li span{
	width: 2.8rem; height: 0.7rem; line-height: 0.7rem; background: #e9fafe; background: linear-gradient(to right, #e9fafe, #abecfc); /* 标准的语法 */ border-radius: 0 .1rem .1rem 0; display: block; font-size: .26rem; color: #333; font-weight: bold;
}
.sec03-r ul li::before{
	content: ''; width: 0.4rem; height: 0.4rem; background: url(../images/s3_jt.png) no-repeat center / 100% 100%; position: absolute; left: .6rem;
}
.sec03 a{
	width: 3.2rem; height: 0.66rem; line-height: 0.66rem; background: #fb7c19; background: linear-gradient(to right, #fb7c19, #f69c0a); /* 标准的语法 */ border-radius: .34rem; box-shadow: 0 5px 0 #fe7300; display: block; margin: 0 auto; font-size: .3rem; color: #fff; font-weight: bold; margin-top: .12rem; position: relative;
}
.sec03 a::before{
	content: ''; width: 0.83rem; height: 0.76rem; background: url(../images/s2_hand.png) no-repeat center / 100% 100%; display: block; position: absolute; top: .22rem; right: -.16rem; animation: hand 1s infinite alternate;
}

/*sec04*/
.sec04{
	background: url(../images/s4_bg.jpg) no-repeat top center; padding-top: 0; padding-bottom: 0.64rem;
}
.sec04-mbg{
	background: #fff; border-radius: .5rem; border: 2px solid #43f5fc; padding: .32rem 0;
}
.sec04-main .hd{
	margin-bottom: 0.3rem;
}
.sec04-main .hd ul li{
	width: 2rem; height: 0.48rem; line-height: 0.48rem; background: #d5e7fe; border-radius: .24rem; font-size: .24rem; color: #0760d2; font-weight: bold; margin: 0 .12rem; display: inline-block; cursor: pointer;
}
.sec04-main .hd ul li.on{
	background: #fb7c19; background: linear-gradient(to right, #fb7c19, #fe9d03); color: #fff; 
}
.sec04-main .bd ul li div{
	width: 1.48rem; display: inline-block; vertical-align: top; margin: .2rem .26rem;
}
.sec04-main .bd ul li img{
	width: 100%; margin-bottom: 0.1rem;
}
.sec04-main .bd ul li h3{
	height: 0.32rem; line-height: 0.32rem; background: #008fe9; border-radius: .05rem; font-size: .16rem; color: #fff;
}

/*侧边导航*/
.lfNav{position: fixed;width: 134px;height: 350px;background: url(../images/fixedNavBg.png) no-repeat center / 100% 100%;top:18%;left:20px;z-index:9;}
.lfNav .close{position:absolute;top:0; right:0; height:32px; width:32px; }
.mt185{margin-top: 107px;}
.nav-bg{width: 161px;height: 41px;display: block;float:left;clear:both;margin-left: -14px;margin-bottom: 2px;}
.nav-bg a{width: 57%;height: 36px;display: block;margin:auto;font: 15px/34px "微软雅黑"; font-weight: bold; color: #fff;text-align: center;}
.nav-bg a:hover{color: #fceea1;}
.left_top{width:150px; height:60px;display: block;float:left;margin-left:0;}