body{
 	color: #2D323A;
 }
 .dis-b{
 	display: block;
 }
 p{
 	text-indent: 2em;
 }
 #blackbg{
 	background-color:rgba(0,0,0,0.41);
 	width: 100%;
 	height: 100%;
 	position: fixed;
 	left: 0;
 	top:0;
 	z-index: 100;
 	display: none;
 }
.m_show{
	display:none
}
#main{
 	background: url(../images/bg.png) center top no-repeat;
 	background-size: cover;
 	padding-bottom: 35px;
 }
 .wrap{
 	width:1280px;
 	margin:0 auto;

 }
 .banner{
 	margin-bottom: 110px;
 	position: relative;
 	min-width: 1280px;
 }
 .banner img{
	width:100%
 }
 .tools-intro{
 	background: url(../images/boxbg1.png) center center no-repeat;
 	background-size: 100% 100%;
 	width: 1220px;
 	height: 229px;
 	position: absolute;
 	left: 50%;
 	bottom: -101px;
 	transform: translate(-610px);
 	padding: 27px 26px 41px 37px;
 	box-sizing: border-box;
 	font-size: 16px;
 	line-height: 24px;
 	color: #2B3649

 }
 .com-box{
 	margin-top: 55px;
 }
 .module-title{
 	width:325px;
 	height: 71px;
 	background: url(../images/titlebg.png) center center no-repeat;
 	background-size: 100% auto;
	margin: 0 auto;
	font-size: 40px;
	line-height: 71px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	margin-bottom: 8px;
 }
 .module-box1{
	background: url(../images/boxbg2.png) center center no-repeat;
 	background-size: 100% auto;
 	width: 1280px;
 	height: 1141px;
 	
 }
 .modu-margin{
 	padding: 66px 0 0 58px;
 }
 .aside-box{
 	width: 1164px;
 	margin-top: 6px
 }
 .aside-box.elem1{
  	background: url(../images/icon-01.png) left top no-repeat;
 	background-size: 100% auto;
 	height: 323px
  }
  .aside-box.elem1 .module-iconlist{
  	padding-top: 33px
  }
  .aside-box.elem2{
  	background: url(../images/icon-02.png) left top no-repeat;
 	background-size: 100% auto;
 	height: 356px
  }
  .aside-box.elem2 .module-iconlist{
  	padding-top: 34px
  }
  .aside-box.elem3{
  	background: url(../images/icon-03.png) left top no-repeat;
 	background-size: 100% auto;
 	height: 309px;
  }
  .aside-box.elem3 .module-iconlist{
  	padding-top: 38px
  }
 .aside-elem{
 	box-sizing: border-box;
 	padding: 35px  35px 25px 35px;
 }
 .aside-elem .module-txt{
 	font-size: 16px;
 	line-height: 30px;
 	padding-top: 10px;

 }
 .module-iconlist{
 	display: flex;
 	
 }
 .module-iconlist li{
 	display: flex;
 	height: 45px;
 	line-height: 45px;
 	align-content: center;
 	width: 25%

 }
 .module-iconlist li img{
 	height: 100%;
 	width: auto;
 	margin: 0 6px 0 11px;
 }
 .module-iconlist li a{
 	font-size: 18px;
 	color: #161617
 }
 .module-iconlist li a:hover{
 	color:#0061E6;
 }
 .flex-between{
 	display: flex;
 	justify-content: space-between;
 }
 .aside-tool{
 	border: 1px solid #95B4FF;
 	box-sizing: border-box;
 	border-radius: 6px;
 	width:560px;
 	height: 208px;
 	display: flex;
 }
 .tools-bg{
 	width: 1143px;
 	background: url(../images/tools-bg.png) center top no-repeat;
	background-size: 100% auto; 
	padding: 85px 71px 90px 66px;
 }
 .tools-bg .tools-title{
 	font-size: 26px; 
 	line-height: 24px;
	margin-bottom: 53px;
	text-align: center;
	}
 .flex-l{
 	background: url(../images/blue1.png) center center no-repeat;
	background-size: 100% auto;
	width:178px;
	height: 148px;
	padding: 60px 0 0 40px;
	position: relative;	
	color: #FFF;
 }
 .flex-l.tools2{
	 	background-image:url(../images/blue2.png); 
	 }
 .flex-r{
 	display: flex;
 	flex-direction: column;
 	padding: 28px 20px;
	width: 300px;
	height: 152px;
	justify-content: space-between;
 }
 .flex-l .t1{
 	font-size: 36px;
 	line-height:40px;
 }
 .flex-l .t2{
 	font-size: 26px;
 	line-height: 30px;
 }
  .flex-r .t1,.flex-r a.t2{
	font-size: 15px;
	line-height: 24px;
	color: #2D323A;
 }
 .flex-r a.t2{
 	text-decoration: underline;
 }
 .flex-r a.t2:hover{color: #1C4EFF}
 .tools-bg .tooles-title{
 	font-size: 26px;
 	line-height: 35px;
 	color: #2D323A;
	margin-bottom: 50px;
	text-align: center;
 }
 .rule-box{
 	background: url(../images/boxbg3.png) left top no-repeat;
 	background-size: 100% auto;
 	width: 1120px;
 	padding: 91px 90px 92px 69px
 }
 .rule-txt{
 	border:2px solid #95B4FF;
 	font-size: 16px;
 	line-height: 28px;
 	padding: 25px 30px;
 	border-radius: 6px;
 }
 .rule-txt a{
 	color: #ff5b5b;
 	text-decoration: underline;
 }
 .awards-list{
 	display: flex;
 }
 .awards-list li:nth-child(2){
 	margin:  0 56px 0 118px;
 }

 .awards-list li .awards-title{
 	line-height: 24px;
 	display: flex;
 	color: #2D323A;
 	font-size: 18px;
 	font-weight: bold;
 	height: 24px;
 	margin-bottom: 25px;
 	margin-top: 50px;
 }
 .awards-list li .awards-title span{
 	background: #2050FC;
 	width:8px;
 	margin-right: 8px;
 	height: 100%;
 	display: block;
 }
 .awards-list li .awards-img{
 	margin-top: 10px;
 	line-height: 17px;
 	height: 17px;
 }
 .tips-txt{
 	font-size: 16px;
 	color: #5B5F65;
 	line-height: 24px;
 	margin-top: 50px;
 }
 .w1241{
 	width:1241px;
 	margin:	33px auto 0 auto;
 }
 .mps-bg{
 	background: url(../images/mps-bg.png) left top no-repeat;
 	background-size: 100% auto;
 	display: flex;
 	width: 100%;
 }
 .mps-bg .company-desc{
 	padding: 50px 0 80px 54px;
 	font-size: 16px;
 	line-height: 28px;
 	width:860px;
 	color: #2B3649
 }
 .mps-bg .company-desc a{
	color: #367ffd;
 }
 .mps-bg .company-desc a:hover{
 	color: #1c4eff
 }

 .mps-bg .company-desc strong{
 	line-height: 24px;
 	margin-bottom: 20px;
 	display: block;
 	margin-top: 12px;

 }
 .mps-bg .qrcode{
	margin: 50px 0 0 8px;
	display: flex;
	flex-direction: column;
	width:224px;
	text-align: center;
 }
 .mps-bg .qrcode img{
 	margin-bottom: 10px;
 	width: 184px;
 	padding: 0 20px;
 }
 .mps-bg .qrcode span{
 	color: #2B3649;
 	font-size: 16px;
 	line-height: 22px;
 }
 #fixed{
 	position: fixed;
 	right: 60px;
 	top: 100%;
 	transform: translateY(-143px);
 }
 #fixed.aside-fixed{
	top: 50%;
 }
 #fixed .guide-img{
 	width: 162px;
 	cursor: pointer;
 	display: block;
 }
 #fixed .menu-list{
 	width: 138px;
 	height: 186px;
 	background: url(../images/pop-bg.png) left top no-repeat;
 	background-size: 100% auto;
 	margin-left: 3px;
 	display: flex;
 	flex-direction: column;
 	padding: 26px 0 0 18px;
 }
 #fixed .menu-list a{
 	cursor: pointer;
 	border:2px solid #2050FC;
 	border-radius: 16px;
 	text-align: center;
 	line-height: 32px;
 	height: 32px;
 	color: #2050FC;
 	width: 120px;
 	margin-bottom: 12px;
 	box-sizing: border-box;
 }
  #fixed .menu-list a:hover, #fixed .menu-list a.act{
  	color: #FFF;
  	background-color: #2050FC;
  }
 .footer,#top{
 	min-width: 1280px;
 }
 .flex-center{
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 }
 .popbox{
 	background:#FFF;
 	z-index: 101;
 	position: fixed;
 	width: 1436px;
 	height:80%;
	left: 50%;
	top: 10%;
	transform: translateX(-708px);
	overflow-y: auto;
	overflow-x: hidden;
	
	display: none;
 }
 .pt67{
 	padding-top: 67px;
 }
 .pop-close{
 	position: fixed;
 	top: 10%;
 	left: 50%;
 	width:50px;
 	height: 50px;
 	z-index: 102;
 	transform: translateX(637px) translateY(13px);
 	cursor: pointer;
 	display: none;
 	background: url(../images/pop_close.png) left top no-repeat;
	 	background-size: contain;
 }
 .pop-title{
 	width:1070px;
 	margin: 0 auto;
 	background: url(../images/pop_circle.png) left top no-repeat;
 	background-size: auto 78px;
 	font-size: 48px;
 	color: #2D323A;
 	line-height: 78px;
 	padding-left: 20px;
 	display: flex;
 }
 .pop-tips{
 	font-size: 30px;
 	line-height: 24px;
 	margin: 40px auto 141px auto;
 	color: #2D323A;
 	width:1030px
 }
 .pop-title .c_red{
 	color: #ff2f2f;
 }
 .pop-img1{
 	padding-top: 30px;

 }
 .pop-img2{
 	padding: 30px 0 117px 0;
 }
 .pop-img3{
 	padding: 30px 0 0 0;
 }
 .pop-img1,.pop-img2{
 	width: 1030px;
 	margin: 0 auto;
 }
 .pop-img3,.pop-img4{
 	width: 972px;
 	margin: 0 auto;
 }
 .pop-img4{
 	margin-top: 45px;
 }
 .pop-tips2{
 	font-size: 30px;
 	line-height: 54px;
 	display: flex;
 	width:1110px;
 	margin: 57px auto 82px auto;
 }
@media screen and (max-width: 800px) {
	html{
		font-size: 13.33333333vw;
	}
	body{
		font-size: .28rem;
	}
	.wrap{
		width: 100%;
	}
	.footer,#top{
	 	min-idth: auto;
	 }
	 #bg_m{
	 	background: url(../images/bg_m.png) center top no-repeat;
	 	background-size: cover;
	 	padding-bottom: 1.9rem;
	 }
	 .navlist-box-m{
	 	background-color: #0B2CAE;
	 	height: .88rem;
	 	width:100%;
	 	position: fixed;
	 	left: 0;
	 	top: 0;
	 	width: 100%;
	 	z-index: 10;
	 }
	 .navlist-box-m .logo{
		height: .3rem;
		position: absolute;
		left: .32rem;
		top:.29rem;
	 }
	 .navlist-box-m .men-box{
	 	padding-left: 1.45rem;
	 }
	 .navlist-box-m .menu-list{
		display: flex;
	}
	.navlist-box-m .menu-list li{
		width: 25%;
		text-align: center;
		box-sizing: border-box;
	}
	.navlist-box-m .menu-list li a{
		display: block;
		color: #FFF;
		font-size: .28rem;
		line-height: .83rem;
		white-space: nowrap;
	}
	.navlist-box-m .menu-list li span{
		display: block;
		width: 100%;
		background: #54B2FF;
		opacity: 0;
		height: .06rem;
    	border-radius: .02rem;
	}
	.navlist-box-m .menu-list li.act span{
		opacity: 1
	}
	.navlist-box-m .menu-list li.act a{
		color: #54B2FF;
		white-space: nowrap;
	}
	.banner-img{
		width: 100%;
		padding-top: .44rem;
	}
	.tools-intro_m{
		background: url(../images/boxbg1_m.png) center center no-repeat;
	 	background-size: contain;
	    width: 6.66rem;
	    height: 5.08rem;
	    font-size: .24rem;
	    line-height: .44rem;
	    padding: .25rem .25rem .5rem .3rem;
	    margin: .45rem auto 0 auto;
	}
	.module-title{
		width: 3.25rem;
		height: .71rem;
		background: url(../images/titlebg_m.png) center center no-repeat;
	 	background-size: contain;
	 	margin: .9rem auto .33rem auto;
	 	font-size: .4rem;
	 	line-height: .71rem;
	}
	.module-title2{
		margin-top: .4rem;
		margin-bottom: .2rem;
	}
	.tools-bg_m{
		width: 7.5rem;
		height: 17.53rem;
		background: url(../images/boxbg2_m.png) center center no-repeat;
	 	background-size: contain;
	}
	.tools-bg_m .pad-box{
		padding: .34rem 0 0 .4rem;
	}
	.tools-box{
		/*border:.03rem solid rgba(201,201,201,0.2);*/
		box-shadow :.06rem .06rem .03rem rgba(201,201,201,0.2);
		background: #FFF;
		width: 6.72rem;
		padding: .2rem .23rem .2rem .23rem;
		box-sizing: border-box;
		border-radius: .06rem;
		margin-top: .3rem;
	}
	.tools-box .tools-title{
		height: .67rem;
	}
	.tools-box .tools-txt{
		font-size: .22rem;
		line-height: .36rem;
		color: #2D323A;
		margin: .32rem 0 .32rem 0;
	}
	.tools-link{
	 	display: flex;
	 	flex-wrap: wrap;
	 	
	 }

	 .tools-link li{
	 	display: flex;
	 	height: .45rem;
	 	line-height: .45rem;
	 	align-content: center;
	 	width: 50%;
	 	margin-bottom: .2rem

	 }
	 .tools-link2 li{
	 	width: 33.3333%;
	 }
	 .tools-link li img{
	 	height: 100%;
	 	width: auto;
	 	margin: 0 .03rem 0 0;
	 }
	 .tools-link li a{
	 	font-size: .2rem;
	 	color: #161617
	 }
	 .tools-link li a:hover{
	 	color:#0061E6;
	 }
	 .offline-bg3{
	 	width: 7.5rem;
	 	height:7.62rem;
	 	background: url(../images/tools-bg_m.png) center center no-repeat;
	 	background-size: contain;
	 	
	 }
	 .flex-column{
	 	display: flex;
	 	flex-direction: column;
	 }
	 .offline-title{
	 	font-size: .26rem;
	 	line-height: .24rem;
	 	text-align: center;
	 	padding-top: .88rem;
	 	margin-bottom: .1rem
	 }
	 .aside-tool{
	 	border: .02rem solid #95B4FF;
	 	box-sizing: border-box;
	 	border-radius: .06rem;
	 	width:6.82rem;
	 	height: 2.46rem;
	 	display: flex;
	 	margin: .3rem auto 0 auto;
	 	overflow: hidden;
	 }
	 .flex-l{
	 	background: url(../images/blue1.png) center center no-repeat;
		background-size: auto 100%;
		width: 2.1rem;
	    height: 1.74rem;
	    padding: .72rem 0 0 .48rem;
		position: relative;	
		color: #FFF;
	 }
	 .flex-l.tools2{
	 	background-image:url(../images/blue2.png); 
	 }
	 .flex-r{
	 	display: flex;
	 	flex-direction: column;
	 	padding: .24rem .28rem 0 .16rem;
		width: 4.1rem;
		height: 1.94rem;
		justify-content: space-between;
	 }
	 .flex-l .t1{
	 	font-size: .42rem;
	 	line-height:.4rem;
	 }
	 .flex-l .t2{
	 	font-size: .3rem;
	 	line-height: .35rem;
	 }
	  .flex-r .t1,.flex-r a.t2{
		font-size: .2rem;
		line-height: .28rem;
		color: #2D323A;
		word-break: break-all;
	 }
	 .flex-r a.t2{
	 	text-decoration: underline;
	 }
	 .flex-r a.t2:link,.flex-r a.t2:visited,.flex-r a.t2:hover,.flex-r a.t2:active{
	 	color:#2D323A;
	 }

	 .rule-box{
	 	background: url(../images/boxbg3_m.png) left top no-repeat;
	 	background-size: 100% auto;
	 	width: 100%;
	 	padding: 0;
	 	box-sizing: border-box;
	 	padding: .78rem .4rem .8rem .36rem;
	 }
	 .rule-txt{
	 	border:.02rem solid #95B4FF;
	 	font-size: .26rem;
	 	line-height: .4rem;
	 	padding: .5rem .3rem;
	 	border-radius: .06rem;
	 	
	 }
	 .rule-txt a{
	 	color: #ff5b5b;
	 	text-decoration: underline;
	 }
	 .awards-list{
	 	display: flex;
	 }
	 .awards-list{
	 	display: flex;
	 	justify-content: space-between;
	 	width: 5.4rem;
	 	margin:0 auto;
	 }
	 .awards-list li:nth-child(2){
	 	margin:0;
	 }
	 .awards-list li .awards-title{
	 	line-height: .26rem;
	 	display: flex;
	 	color: #2D323A;
	 	font-size: .24rem;
	 	font-weight: bold;
	 	height: .26rem;
	 	margin-bottom: .25rem;
	 	margin-top: .32rem;
	 }
	 .awards-list li .awards-title span{
	 	background: #2050FC;
	 	width:.08rem;
	 	margin-right: .08rem;
	 	height: 100%;
	 	display: block;
	 }
	 .awards-list li .awards-img{
	 	margin-top: .1rem;
	 	line-height: .17rem;
	 	height: .17rem;
	 	font-size: .18rem;
	 	white-space: nowrap;
	 	text-align: center;
	 }
	 .awards-list li img{
	 	width: 2.34rem;
	 	height: 2rem;
	 }
	 .tips-txt{
	 	font-size: .22rem;
	 	color: #5B5F65;
	 	line-height: .32rem;
	 	margin: .32rem auto 0 auto;
	 	width: 5.4rem
	 }
	 .wx-layout{
	 	display: flex;

	 }
	 .wx-layout .dian{
	 	padding-right: .04rem;
	 	text-indent: 2em;
	 }
	 .mps-bg{
	 	background: url(../images/mps-bg_m.png) left top no-repeat;
	 	background-size: 100% auto;
	 	display: inherit;
	 }
	 .mps-bg .company-desc{
	 	padding: .78rem 0 0 .54rem;
	 	font-size: .22rem;
	 	line-height: .36rem;
	 	width:6.2rem;
	 	color: #2B3649;
	 	word-break: break-all;

	 }
	 .mps-bg .company-desc a{
		color: #367ffd;
	 }

	 .mps-bg .company-desc strong{
	 	line-height: .28rem;
	 	margin-bottom: .24rem;
	 	display: block;
	 	font-size: .3rem;
	 	margin-top: 0;

	 }
	 .mps-bg .qrcode{
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		text-align: center;
		width: 2.96rem;
		align-items: center;
		padding-bottom: .8rem;
	 }
	 .mps-bg .qrcode img{
	 	margin-bottom: .1rem;
	 	width: 2.46rem;
	 	padding: 0;
	 	margin-top: .5rem
	 }
	 .mps-bg .qrcode span{
	 	color: #2B3649;
	 	font-size: .22rem;
	 	line-height: .3rem;
	 	white-space: nowrap;
	 }
	 #guide_fixed{
	 	position: fixed;
	 	left: 0;
	 	bottom: 0;
	 	width: 100%;
	 }

	 .popbox{
	 	background:#FFF;
	 	z-index: 101;
	 	position: fixed;
	 	width: 100%;
	 	height: 60%;
	 	top: 15%;
		left: 0;
		display: none;
		transform: translateX(-0);
		background-color: #F2F3F5;
	 }
	 .pt67{
	 	padding-top: .36rem;
	 }
	 .pop-close{
	 	position: fixed;
	 	top: 80%;
	 	left: 50%;
	 	width:1rem;
	 	height: 1rem;
	 	z-index: 102;
	 	transform: translateX(-.5rem) translateY(0);
	 	cursor: pointer;
	 	display: none;
	 	background: url(../images/pop_close_m.png) left top no-repeat;
	 	background-size: contain;
	 }
	 .pop-title{
	 	width:6rem;
	 	margin: 0 auto;
	 	background: url(../images/pop_circle_m.png) left top no-repeat;
	 	background-size: auto .6rem;
	 	font-size: .48rem;
	 	color: #2D323A;
	 	line-height: .6rem;
	 	padding-left: .2rem;
	 	display: flex;
	 }
	 .pop-tips{
	 	font-size: .3rem;
	 	line-height: .24rem;
	 	margin: .2rem auto .8rem auto;
	    color: #2D323A;
	    width: 6.98rem;
	 }
	 .pop-title .c_red{
	 	color: #ff2f2f;
	 }
	 .pop-img1{
	 	padding-top: .4rem;
	 }
	 .pop-img2{
	 	padding: .4rem 0 1.08rem 0;
	 }
	 .pop-img3{
	 	padding: .4rem 0 0 0;
	 }
	 .pop-img1,.pop-img2{
	 	width: 6.98rem;
	 	margin: 0 auto;
	 }
	 .pop-img3,.pop-img4{
	 	width: 6.46rem;
	 	margin: 0 auto;
	 }
	 .pop-img4{
	 	margin-top: .46rem;
	 }
	 .pop-tips2{
	 	font-size: .3rem;
	 	line-height: .48rem;
	 	display: flex;
	 	width:6.42rem;
	 	margin: .56rem auto 1.02rem auto;
	 }
	.dis-b{
		display: none;
	}
		
	.pc_show{
		display:none
	}
	.m_show{
		display: block
	}
}


@media screen and (max-width: 360px){

}