@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: 2.52rem; background: url(../images/t_bg.png) no-repeat top center / 100% 100%; padding-top: 0.8rem; box-sizing: border-box; text-align: left;}
.title h2{font-size: .48rem; color: #ff6000; font-weight: bold; letter-spacing: .01rem; padding-left: 1.9rem;}
.title h2 span:nth-child(1){width: 1.68rem; height: 0.65rem; line-height: 0.65rem; background: url(../images/t_span_bg.png) no-repeat center / 100%; font-size: .3rem; color: #fff; font-weight: bold; display: inline-block; vertical-align: top; text-align: center;}
.title h2 span:nth-child(2){width: 4.54rem; display: inline-block; text-align: center;}
.section a{transition: all .4s;}
.section a:hover{ transform: translateY(-4px);}
@keyframes move3{
	0%{transform: translateX(-10px);}
	50%{transform: translateX(40px);}
	100%{transform: translateX(0);}
}
.move2{ animation: move3 1.5s alternate forwards ease-in-out;}

/*banner*/
.banner-box{
	width: 100%;height: 684px;position: relative;background: url(../images/ban_bg.jpg) no-repeat top center;font-size: 0; 
}
.banner-box h1{
	padding-left: 0.56rem;padding-top: 0.98rem; position: relative;
}
.banner-box h1 span{
	font-size: .34rem; color: #792200; font-weight: bold; position: absolute; top: 1.13rem; right: 4.57rem;
}
.ban-img img:nth-child(1){
	position: absolute; top: 3.22rem; left: -0.98rem;animation: scaleUp2 1s infinite ease-in-out alternate;
}
.ban-img img:nth-child(2){
	position: absolute; bottom: -.5rem; left: .12rem;animation: scaleDown2 1s infinite ease-in-out alternate;
}
.ban-img img:nth-child(3){
	position: absolute; top: .86rem; right: -.22rem;animation: scaleUp2 1s infinite ease-in-out alternate;
}
@keyframes scaleUp2{
	0%{transform: translateY(-10px);}
	100%{transform: translateY(0);}
}
@keyframes scaleDown2{
	0%{transform: translateY(0);}
	100%{transform: translateY(-10px);}
}

/*sec01*/
.sec01{
	background: url(../images/s1_bg.jpg) no-repeat top center / auto 100%; padding-top: 0;
}
.s1-m{
	display: flex; justify-content: center;
}
.s-m{
	background: url(../images/m_bg.png) repeat-y top center / 100%;
}
.sec01-l{
	width: 6.44rem; text-align: left; margin-right: 0.2rem;
}
.sec01-l ul li{
	width: 0.8rem; height: 0.45rem; line-height: 0.45rem; background: #fff; border: 1px solid #4ea0f6; border-radius: .1rem; font-size: .18rem; color: #221815; margin: .06rem; display: inline-block; vertical-align: top; text-align: center; cursor: pointer; box-sizing: border-box;
}
.sec01-l ul li:hover{
	background: #ff7710; background: linear-gradient(to bottom, #ff7710 , #ff4800); color: #fff; border: none;
}
.sec01-l ul li.on{
	background: #ff7710; background: linear-gradient(to bottom, #ff7710 , #ff4800); color: #fff; border: none;
}
.sec01-r{
	width: 3.5rem; padding: .22rem; box-sizing: border-box; text-align: left; border-radius: .1rem; box-shadow: inset 0 0 10px #fff; background: #4c9ff6; background: linear-gradient(to right, #4c9ff6 , #0479f3);
}
.sec01-r ul li{
	background: #0479f3; border-radius: .1rem; padding: .15rem .17rem .14rem; margin-bottom: 0.1rem;
}
.sec01-r h3{
	font-size: .2rem; color: #fff109; font-weight: 600; margin-bottom: 0.08rem; border-bottom: 1px solid #4ea0f6; padding-bottom: 0.08rem; text-align: center;
}
.sec01-r p{
	width: 2.38rem; font-size: .18rem; color: #fff; text-align: center; margin-left: 0.22rem;
}
.sec01-r a{
	width: 2rem; height: 0.5rem; line-height: 0.5rem; background: #fff9d1; background: linear-gradient(to bottom, #fff9d1 , #ffdf03); border-radius: .25rem; text-align: center; font-size: .24rem; color: #721101; font-weight: bold; display: block; margin: 0 auto; margin-top: 0.14rem;
}
.s-b{
	height: 0.88rem; background: url(../images/m_bbg.png) no-repeat top center / 100%;
}

/*sec02*/
.sec02{
	background: url(../images/s2_bg.jpg) no-repeat top center / auto 100%; padding-top: 0; padding-bottom: 0.4rem;
}
.sec02-main{
	background: url(../images/s2_mbg.png) no-repeat center / 100%; height: 3.16rem; padding-top: 0.32rem; box-sizing: border-box;
}
.sec02-main h3{
	font-size: .35rem; color: #ff6000; font-weight: bold; background: url(../images/s2_tbg.png) no-repeat center; margin-bottom: 0.2rem;
}
.form-i{
	width: 3.2rem; height: 0.45rem; border: 1px solid #228af4; border-radius: .05rem; text-align: left; display: inline-block; margin: 0 .1rem;
}
.form-i span{
	width: 1.15rem; height: 100%; line-height: 0.45rem; background: #228af4; border-radius: .03rem .05rem .05rem .03rem; font-size: .2rem; color: #fff; font-weight: 600; display: inline-block; vertical-align: top; text-align: center;
}
.form-i input{
	width: 2.04rem; height: 100%; box-sizing: border-box; display: inline-block; vertical-align: top; border: none;  padding-left: 0.1rem; font-size: .18rem;
}
.sec02-main .form-btn{
	width: 3.29rem; height: 0.6rem; line-height: 0.47rem; background: url(../images/s2_abg.png) no-repeat top center / 100%; font-size: .24rem; color: #fff; font-weight: bold; border: none; cursor: pointer; display: inline-block; margin-top: 0.1rem;
}

/*sec03*/
.sec03{
	background: url(../images/s3_bg.jpg) no-repeat top center / auto 100%; padding-top: 0;
}
.sec03-t{
	width: 92%; height: 3.3rem; background: url(../images/s3_tmbg.png) no-repeat center / 100%; margin-top: -0.15rem; display: flex; align-items: center; justify-content: space-evenly; margin: 0 auto;
}
.sec03-t h3{
	width: 2.53rem; height: 2.53rem; background: url(../images/s3_yuan.png) no-repeat center / 100%; font-size: .36rem; color: #fff; font-weight: bold; line-height: 0.46rem; padding-top: 0.82rem; box-sizing: border-box; margin-right: 0.05rem; animation: scale 1s infinite alternate ease-in-out;
}
.sec03-t .hd{
	margin-right: 0.1rem;
}
.sec03-t .hd ul li{
	width: 1.8rem; height: 0.45rem; line-height: 0.45rem; border: 1px solid #fff; border-radius: .22rem; font-size: .24rem; color: #fff; font-weight: 600; box-sizing: border-box; margin: .2rem 0; cursor: pointer;
} 
.sec03-t .hd ul li.on{
	border: none; background: #fff9d1; background: linear-gradient(to bottom, #fff9d1 , #ffe216); color: #721101; 
}
.sec03-t .bd{
	width: 4.73rem; height: 2.69rem; background: url(../images/s3_trbg.png) no-repeat center / 100%; text-align: left; padding: .35rem .4rem .3rem .55rem; box-sizing: border-box;
}
.sec03-t .bd ul li h4{
	font-size: .24rem; color: #ff4a01; font-weight: bold; padding-right: 0.16rem; margin-bottom: 0.1rem;
}
.sec03-t .bd ul li h4::before{
	content: ''; width: 0.21rem; height: 0.21rem; background: url(../images/s3_yuan2.png) no-repeat center / 100%; display: inline-block; vertical-align: middle; margin-right: 0.15rem;
}
.sec03-t .bd ul li p{
	font-size: .16rem; color: #000; line-height: 0.28rem; font-weight: 600;
}
.bd-list{
	height: 140px; overflow: hidden;
}
.sec03-btn1{
	margin-top: .24rem;
}
.sec03-btn1 a{
	width: 4.29rem; height: 0.75rem; line-height: 0.66rem; font-size: .3rem; color: #fff; font-weight: 600; display: inline-block; margin: 0 .24rem;
}
.sec03-btn1 a:nth-child(1){
	background: url(../images/s3_abg01.png) no-repeat center / 100%;
}
.sec03-btn1 a:nth-child(2){
	background: url(../images/s3_abg02.png) no-repeat center / 100%;
}
.sec03-btn2{
	position: relative; top: .28rem;
}
.sec03-btn2 a{
	color: #fff;width: 1040px; height: 0.75rem; line-height: 0.75rem; background: #4a9ff6; background: linear-gradient(to right, #4a9ff6 , #057af3); border-radius: .1rem .1rem 0 0; box-shadow: inset 0 0 10px #fff; margin: 0 auto; font-size: .36rem; font-weight: 600; display: block;
}
.bktj{
	position: relative;
}
.bktj::before{
	content: ''; width: 0.83rem; height: 0.76rem; background: url(../images/hand.png) no-repeat center / 100% 100%; display: block; position: absolute; top: 0.22rem; right: 1.89rem; animation: hand .8s infinite alternate;
}
@keyframes hand{
	0%{transform: scale(1);}
	100%{transform: scale(1.1);}
}

/*sec04*/
.sec04{
	background: url(../images/s4_bg.jpg) no-repeat top center / auto 100%; padding-top: 0; padding-bottom: .5rem;
}
.sec04-main{
	height: 2.51rem; background: url(../images/s4_mbg.png) no-repeat center / 100%; padding-top: 0.4rem; box-sizing: border-box;
}
.sec04-main p{
	width: 6.72rem; font-size: .48rem; color: #fff; font-weight: 600; display: inline-block; vertical-align: top; margin-right: 0.32rem; padding-left: 1.6rem;
}
.sec04-main a{
	width: 1.29rem; height: 1.3rem; line-height: 0.3rem; background: url(../images/s4_abg.png) no-repeat center / 100%; font-size: .24rem; color: #721101; font-weight: bold; display: inline-block; padding-top: 0.32rem; box-sizing: border-box; display: inline-block; vertical-align: top; margin-top: 5px;
}

/*sec05*/
.sec05{
	background: url(../images/s5_bg.jpg) no-repeat top center / auto 100%; padding-top: 0; padding-bottom: .6rem; overflow: hidden;
}
.sec05-mbg{
	position: absolute; top: 2.19rem; left: 0;
}
.sec05-lc{
	position: relative;
}
.sec05-lc ul{
	background: url(../images/s5_line.png) no-repeat top .48rem center; 
}
.sec05-lc ul li{
	width: 2.08rem; display: inline-block; vertical-align: top; margin-right: 0.3rem; margin-bottom: 0.18rem; position: relative;
}
.sec05-lc ul li i{
	width: 1.01rem; height: 1.01rem; display: inline-block; 
}
.sec05-lc ul li:nth-child(1) i{
	background: url(../images/s5_i01.png) no-repeat center / 100%;
}
.sec05-lc ul li:nth-child(2) i{
	background: url(../images/s5_i02.png) no-repeat center / 100%;
}
.sec05-lc ul li:nth-child(3) i{
	background: url(../images/s5_i03.png) no-repeat center / 100%;
}
.sec05-lc ul li:nth-child(4) i{
	background: url(../images/s5_i04.png) no-repeat center / 100%;
}
.sec05-lc ul li:nth-child(5) i{
	background: url(../images/s5_i05.png) no-repeat center / 100%;
}
.sec05-lc ul li:nth-child(6) i{
	background: url(../images/s5_i06.png) no-repeat center / 100%;
}
.sec05-lc ul li:nth-child(7) i{
	background: url(../images/s5_i07.png) no-repeat center / 100%;
}
.sec05-lc ul li:nth-child(1):hover i{
	background: url(../images/s5_i01_h.png) no-repeat center / 100%;
}
.sec05-lc ul li:nth-child(2):hover i{
	background: url(../images/s5_i02_h.png) no-repeat center / 100%;
}
.sec05-lc ul li:nth-child(3):hover i{
	background: url(../images/s5_i03_h.png) no-repeat center / 100%;
}
.sec05-lc ul li:nth-child(4):hover i{
	background: url(../images/s5_i04_h.png) no-repeat center / 100%;
}
.sec05-lc ul li:nth-child(5):hover i{
	background: url(../images/s5_i05_h.png) no-repeat center / 100%;
}
.sec05-lc ul li:nth-child(6):hover i{
	background: url(../images/s5_i06_h.png) no-repeat center / 100%;
}
.sec05-lc ul li:nth-child(7):hover i{
	background: url(../images/s5_i07_h.png) no-repeat center / 100%;
}
.sec05-lc ul li h3{
	font-size: .24rem; color: #0075ef; font-weight: bold; margin: .1rem 0;
}
.sec05-lc ul li:hover h3{
	color: #ff5002;
}
.sec05-lc ul li p{
	font-size: .18rem; color: #221815; line-height: 0.26rem;
}
.sec05-btn a{
	width: 3.29rem; height: 0.65rem; line-height: 0.55rem; font-size: .24rem; color: #fff; font-weight: 600; display: inline-block; position: relative; margin: .22rem .41rem;
}
.sec05-btn a:nth-child(1){
	background: url(../images/s3_abg01.png) no-repeat center / 100% 100%;
}
.sec05-btn a:nth-child(2){
	background: url(../images/s3_abg02.png) no-repeat center / 100% 100%;
}
.sec05 .sec05-jt{
	position: absolute; top: .37rem; left: 2.86rem;
}
.sec05 .sec05-jt02{
	position: absolute; top: 2.91rem; right: 0;
}
.sec05 .sec05-jt img{
	animation: move 1s infinite ease-in-out;
}
.sec05 .sec05-jt02 img{
	animation: move2 1s infinite ease-in-out;
}
.sec05 .jt img{
	margin-right: 2.15rem;
}

/*sec06*/
.sec06{
	background: url(../images/s6_bg.jpg) no-repeat top center / auto 100%; padding-top: 0; padding-bottom: .6rem; 
}
.sec06-main ul{
	margin-left: -20px;
}
.sec06-main ul li{
	width: 4.6rem; display: inline-block; vertical-align: top; border-radius: .3rem 0 0 0; box-shadow: inset 0 0 10px #fff; padding-top: 0.2rem; padding-left: 0.22rem;
}
.sec06-main ul li:nth-child(1){
	background: #ff5609; background: linear-gradient(to bottom, #ff5609, #fff); margin-right: 0.38rem;
}
.sec06-main ul li:nth-child(2){
	background: #2d8ef5; background: linear-gradient(to bottom, #2d8ef5, #fff);
}
.sec06-main ul li h3{
	font-size: .36rem; color: #fff; font-weight: bold; padding-bottom: 0.12rem;
}
.sec06-main ul li div{
	width: 4.8rem; background: #fff; box-shadow: 0 6px 20px #ff4b0535; padding: .24rem; box-sizing: border-box; text-align: left;
}
.sec06-main ul li:nth-child(2) div{
	box-shadow: 0 6px 20px #3b95f635;
}
.sec06-main ul li div h4{
	height: 0.45rem; line-height: 0.45rem; font-size: .24rem; color: #fff; font-weight: 600; background: #ff750f; background: linear-gradient(to right, #ff750f, #ff4a00); border-radius: .22rem .22rem 0 .22rem; padding: 0 .24rem; display: inline-block; vertical-align: middle; margin-right: 0.1rem; margin-bottom: 0.15rem;
}
.sec06-main ul li:nth-child(2) div h4{
	background: #4c9ef5; background: linear-gradient(to right, #4c9ef5, #0579f3);
}
.sec06-main ul li div span{
	font-size: .22rem; color: #ff4b01; font-weight: 600; display: inline-block; vertical-align: middle; margin-bottom: 0.15rem;
}
.sec06-main ul li:nth-child(2) div span{
	color: #0479f3;
}
.sec06-main ul li div p{
	font-size: .18rem; color: #221815; margin-bottom:0.1rem; display: flex; align-items: center;
}
.sec06-main ul li div p img{
	display: inline-block; vertical-align: middle; margin-right: 0.12rem; width: 0.42rem;
}
.sec06-main ul li div p b{
	font-size: .2rem; color: #ff4a00; font-weight: bold; display: inline-block; vertical-align: middle; padding-right: 0.05rem;
}
.sec06-main ul li:nth-child(2) div p b{
	color: #0579f3;
}
.sec06-main ul li div a{
	width: 1.8rem; height: 0.45rem; line-height: 0.45rem; background: #ff750f; background: linear-gradient(to right, #ff750f, #ff4a00); border-radius: .22rem; font-size: .22rem; color: #fff; font-weight: 600; display: block; text-align: center; margin: 0 auto; margin-top: 0.2rem;
}
.gray{
	background: #888888 !important; color: #fff !important;
}

/*sec07*/
.sec07{
	background: url(../images/s7_bg.jpg) no-repeat top center / auto 100%; padding-top: 0; padding-bottom: .6rem; 
}
.s7-m{
	display: flex; align-items: center;justify-content: center;
}
.sec07-l h3{
	width: 2.9rem; height: 0.74rem; line-height: 0.58rem; background: url(../images/s7_lbg01.png) no-repeat center / 100%; font-size: .22rem; color: #fff; font-weight: bold; margin-bottom: 0.1rem; animation: scale 1s infinite alternate ease-in-out;
}
.sec07-m{
	width: 3.6rem;
}
.sec07-m a{
	width: 3.29rem; height: 0.65rem; line-height: 0.55rem; font-size: .24rem; color: #fff; font-weight: 600; display: inline-block; position: relative;background: url(../images/s3_abg01.png) no-repeat center / 100% 100%; margin-top: -.36rem;
}
.sec07-r h3{
	width: 2.9rem; height: 1.04rem; line-height: 0.28rem; background: url(../images/s7_lbg02.png) no-repeat center / 100%; font-size: .22rem; color: #fff; font-weight: bold; margin-bottom: 0.1rem; padding: .17rem .4rem 0; box-sizing: border-box;  animation: scale 1s infinite alternate ease-in-out;
}
.sec07-main p{
	width: 2.54rem; font-size: .18rem; color: #342929; line-height: 0.28rem; text-align: left; margin: 0 auto;
}
@keyframes scale{
	0%{transform: scale(1);}
	100%{transform: scale(1.1);}
}

/*sec08*/
.sec08{
	background: url(../images/s8_bg.jpg) no-repeat top center / auto 100%; padding-top: 0; padding-bottom: .6rem; 
}
.sec08-main{
	height: 4.7rem; display: flex; align-items: center; justify-content: center; background: url(../images/s8_mbg.png) no-repeat top center; padding-top: 0.09rem; box-sizing: border-box;
}
.sec08-l{
	position: relative;
}
.sec08-l h3{
	font-size: .24rem; color: #fff; font-weight: 600; position: absolute; bottom: .33rem; left: 1.44rem;
}
.sec08-m{
	width: 3.3rem; position: relative; top: -.06rem;
}
.sec08-m h3{
	font-size: .24rem; color: #fff; font-weight: 600; position: absolute; bottom: .21rem; left: .9rem;
}
/* .sec08-m p{
	width: 2.55rem; height: 0.5rem; line-height: 0.5rem; background: #ff4a01; background: linear-gradient(to right, #ff4a01, #ff740e); border-radius: .25rem; font-size: .24rem; color: #fff; display: block; box-shadow: inset 0 0 10px #fff , 0 8px 10px #ff750f40; margin: .28rem auto;
}
.sec08-m p:nth-child(2){
	background: #077af3; background: linear-gradient(to right, #077af3, #4a9ef6); box-shadow: inset 0 0 10px #fff,0 8px 10px #469cf540; 
} */
.sec08-r{
	position: relative;
}
.sec08-r h3{
	font-size: .24rem; color: #fff; font-weight: 600; position: absolute; bottom: .33rem; left: .35rem;
}

/*sec09*/
.sec09{
	background: url(../images/s9_bg.jpg) no-repeat top center / auto 100%; padding-top: 0; padding-bottom: .6rem; 
}
.sec09-title h2{
	padding-left: 0;
}
.sec09-title h2 span:nth-child(1){
	display: none;
}
.sec09-title h2 span:nth-child(2){
	margin: 0 auto; display: block;
}
.sec09-main{
	position: relative;
}
.sec09-main::before{
	content: ''; width: 11.1rem; height: 1.86rem; background: url(../images/s9_mbg.png) no-repeat center / 100%; display: block; position: absolute; left: .18rem; top: 1.18rem;
}
.s9-m{
	display: flex; align-items: center; justify-content: center;
}
.s9-m ul{
	position: relative;
}
.s9-m ul::before{
	content: ''; width: 2.46rem; height: .79rem; background: url(../images/s9_jt.png) no-repeat center / 100%; display: block; position: absolute; left: 2.03rem; top: .3rem;animation: move 1.5s infinite ease-in-out;
}
.s9-m ul li{
	display: inline-block; vertical-align: top; margin: 0 .38rem;
}
.s9-m ul li h3{
	width: 1.44rem; height: 0.46rem; line-height: 0.46rem; background: #ff4a01; background: linear-gradient(to left, #ff4a01, #ff740e); border-radius: .23rem; font-size: .24rem; color: #fff; display: block; box-shadow: inset 0 0 10px #fff; margin: .14rem auto; margin-bottom: 0.1rem;
}
.s9-m ul li:nth-child(2) h3{
	background: #077af3; background: linear-gradient(to left, #077af3, #4a9ef6); box-shadow: inset 0 0 10px #fff; 
}
.s9-m ul li p{
	font-size: .18rem; color: #342929;
}
.sec09-r{
	position: relative;
}
@keyframes move{
	0%{transform: translateX(-5px);}
	100%{transform: translateX(5px);}
}
@keyframes move2{
	0%{transform: translateX(5px);}
	100%{transform: translateX(-5px);}
}

/*弹窗*/
.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.8); display: none;}
.popup {width: 3.64rem; background: #fff; z-index: 9; border-radius: .2rem; position: fixed; top: 50%; left: 50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); text-align: center;}
.popup h3 {width: 100%; height: .7rem; line-height: .7rem; text-align: center; background: #ea5307;font-size: .26rem; color: #fff; font-weight: bold; border-radius: 9px 9px 0 0;}
.popup-m{padding: .2rem 0;}
.popup-img img{width: 1.4rem;}
.popup-p{font-size: .2rem; color: #444444; line-height: 0.3rem; margin: 0.1rem 0;}
.popup .close1 {display: block; width: .3rem; position: absolute; top: -.4rem; right: 0;}
.popup .close1 img{width: 100%;}

/* 协议 */
.form_bot {width: 94%; margin: 10px auto 0; text-align: center; font-size: .16rem; color: #303030; line-height:.26rem;}
.form_bot span a {color: #303030;}
.form_bot label {display: inline-block;}
.form_bot label input {display: inline-block; width: .14rem; height: .14rem; border: none; vertical-align: top; margin:
.06rem 0 0; position: relative;}
.form_bot label input[type=checkbox]::before {position: absolute; content: ""; top: 0; left: 0; background: #fff; width:
100%; height: 100%; border: 1px solid #888; border-radius: 2px;}
.form_bot label input[type=checkbox]:checked::before {position: absolute; content: "\2713"; background: #f1522b; top: 0;
left: 0; width: 100%; height: 100%; border: 1px solid #f1522b; border-radius: 2px; color: #303030; line-height: .14rem;
font-weight: bold; text-align: center;}

/*侧边导航*/
.lfNav{position: fixed;width: 280px;height: 409px;background: url(../images/fixedNavBg.png) no-repeat center / 100% 100%;top:18%;left:20px;z-index:9999;}
.lfNav .close{position:absolute;top: 0;right: -2px;height: 41px;width: 41px;}
.mt185{margin-top: 163px;}
.nav-bg{width: 191px;height: 40px;display: block;float:left;clear:both;margin-left: 44px;margin-bottom: 14px;}
.nav-bg a{width: 87%;height: 100%;display: block;margin:auto;font: 18px/40px "微软雅黑";color: #0479f3;font-weight: 600;text-align: center;border: 1px solid #8ec3fa;border-radius: .28rem; box-sizing: border-box;}
.lfNav .nav-bg:nth-child(2) a:hover{ background: #ff641d; background: linear-gradient(to right, #ffb90e, #ff641d); color: #fff; border: none;box-shadow: inset 0 0 10px #fff;}
.lfNav .nav-bg:nth-child(2) a.on{ background: #ff641d; background: linear-gradient(to right, #ffb90e, #ff641d); color: #fff; border: none;box-shadow: inset 0 0 10px #fff;}
.lfNav .nav-bg:nth-child(3) a:hover{ background: #ff0f0f; background: linear-gradient(to right, #ff0f0f, #ff6566); color: #fff; border: none; box-shadow: inset 0 0 10px #fff;}
.lfNav .nav-bg:nth-child(3) a.on{ background: #ff0f0f; background: linear-gradient(to right, #ff0f0f, #ff6566); color: #fff; border: none; box-shadow: inset 0 0 10px #fff;}
.lfNav .nav-bg:nth-child(4) a:hover{ background: #6633e4; background: linear-gradient(to right, #6633e4, #ab63eb); color: #fff; border: none; box-shadow: inset 0 0 10px #fff;}
.lfNav .nav-bg:nth-child(4) a.on{ background: #6633e4; background: linear-gradient(to right, #6633e4, #ab63eb); color: #fff; border: none; box-shadow: inset 0 0 10px #fff;}
.lfNav .nav-bg:nth-child(5) a:hover{ background: #418c0b; background: linear-gradient(to right, #418c0b, #418c0b); color: #fff; border: none; box-shadow: inset 0 0 10px #fff;}
.lfNav .nav-bg:nth-child(5) a.on{ background: #418c0b; background: linear-gradient(to right, #418c0b, #418c0b); color: #fff; border: none; box-shadow: inset 0 0 10px #fff;}
.left_top{width:150px; height:60px;display: block;float:left;margin-left:0;}

/* .pub-btn{overflow:hidden; position: relative;}
.pub-btn::before{content:"";position:absolute;width:100%;height:200px;left:0;right:0;top:50%;background: rgb(255 255 255 / 12%);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)}
.ban-form-main .pub-btn::before{content:"";position:absolute;width:100%;height:200px;left:0;right:0;top:50%;background: rgb(255 255 255 / 19%);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)}
@-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 mytop{0%{transform:scale(0.2)}
100%{transform:scale(1)}
} */