@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,form,input,select,ul,li,ol,dl,dt,dd{margin:0px;padding:0px;list-style:none; border-radius:0px;font-family:"microsoft yahei";}
body{ font-family:"microsoft yahei";font-size:12px;color:#333;max-width:640px;min-width:320px; overflow:hidden;margin:0 auto;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;}
a{text-decoration:none;outline:none;color:#333;cursor:pointer;}
a img{border:none;}
input{ outline: none;}
button{ outline: none;}
table { border-collapse:collapse;border-spacing:0; max-width:100%;}

html{ overflow-y: scroll;}
.textl{ text-align: left;}
.textr{ text-align: right;}
.textc{ text-align: center;}
.fl{ float: left;}
.fr{ float: right;}
.weaper{ margin: 0 auto; width: 6.4rem;}
.oh{ height: auto; overflow: hidden;}
.fl{ float:left;}
.top,.banner,.menu-nav{float:left;width:100%;}


/*头部*/
.viewport{ position:relative; min-width:320px; max-width:740px; width:100%; margin:0px auto; clear:both;}
.top{ width:100%; height:35px; top:0; left:0; z-index:100; text-align:center; background:#e5e5e5;}
.top .topleft{ position:absolute; left:30px; top:7px; font-size:16px; font-weight:bold; color:#0a3770;}
.top .topright{ position:absolute; right:30px; top:7px; font-size:16px;}
.top .topright a{ color:#0a3770; font-weight:bold;}
.top .topright a img{ padding-right:5px; vertical-align: middle;}

/*logo*/
.logo{ margin-top:35px; width:6.4rem; height:0.99rem;}
.logo img{ width:100%; display:inline-block;}
.logo h2{ text-indent:-9999px;}

/*banner*/
.banner{ width:6.4rem; height:4.8rem; overflow: hidden; background: url(../images/banner.jpg) no-repeat; background-size:100% 100%;}
.banner .join{ width:6.4rem; height:4.8rem; display: block; text-indent:-9999px;}

.main{ width:100%; height: auto; font-family:"microsoft yahei";}

/*part01*/
.part01{ width:100%; height: auto; overflow: hidden; margin-bottom: 0.4rem;}
.part01-title{ height: 1.56rem; background: url(../images/part01-title.jpg) no-repeat; background-size:100% 100%;}
.part01-title p{ height: 0.61rem; font-size: 0.36rem; font-weight: bold; color: #333; line-height: 0.59rem; text-indent: 2.5rem; padding-top: 0.45rem;}
.part01-title span{ display: block; height: 0.44rem; font-size: 0.18rem; color: #333; line-height: 0.42rem; text-align: center;}
.part01-all table{ width:6rem; height:auto; overflow:hidden; table-layout: fixed; border-left:#0033b4 solid 0.05rem; border-right:#0033b4 solid 0.05rem; border-bottom:#0033b4 solid 0.05rem; text-align:center; margin: 0 auto;}
.part01-all table tr th{ height: 0.4rem; box-sizing: border-box; border-right: 0.01rem solid #fff;  background: #0033b4; font-size:0.18rem; font-weight: bold; color:#fff; text-align: center; letter-spacing: 0.02rem;}
.part01-all table tr td{ height: 0.37rem; border-right: 0.01rem solid #949a9f; border-bottom: 0.01rem solid #949a9f; font-size:0.18rem; font-weight:normal; color:#222; text-align: center; line-height: 0.26rem; background: #fff;}
.part01-all table tr td a{ display: block; width: 1rem; height: 0.27rem; background: -moz-linear-gradient(left, #fc3525, #ff6f4d); background: -webkit-linear-gradient(left, #fc3525, #ff6f4d); background: -o-linear-gradient(left, #fc3525, #ff6f4d); font-size: 0.18rem; color: #fff; text-align: center; line-height: 0.25rem; letter-spacing: 0.02rem; margin: 0.05rem auto;}
.part01-cloum{ width: 6rem; height: 1.66rem; overflow: hidden; background: url(../images/part05-cloum.jpg) no-repeat; background-size:100% 100%; margin: 0 auto 0.4rem;}




/*part02*/
.part02{ width:100%; height: 4.8rem; overflow: hidden; background: url(../images/part02.jpg) no-repeat; background-size:100% 100%;}
.part02-title{ height: 0.91rem; font-size: 0.36rem; font-weight: bold; color: #fff; line-height: 0.89rem; text-indent: 2.5rem; padding-top: 0.3rem;}
.part02-form{ width: 4.96rem; height: 3.12rem; margin: 0 auto;}
.p02form-title{ height: 0.77rem; font-size: 0.28rem; font-weight: bold; color: #144ac0; line-height: 0.77rem; letter-spacing: 0.01rem; padding-top: 0.05rem;}
.part02-form form{ width: 3.36rem; height: 2.2rem; overflow: hidden; margin: 0 auto;}
.part02-form form input{ width: 3.34rem; height: 0.47rem; border:#a3a3a3 solid 0.01rem; font-size: 0.18rem; color: #333; text-indent: 0.15rem; margin-bottom: 0.03rem;}
.part02-form form input::-webkit-input-placeholder {color:#333;}
.part02-form form input:-moz-placeholder {color:#333;}
.part02-form form input::-moz-placeholder {color:#333;}
.part02-form form input:-ms-input-placeholder {color:#333;}
.part02-form form button{ width: 3.36rem; height: 0.48rem; border: none; background: -moz-linear-gradient(left, #fc3525, #ff6f4d); background: -webkit-linear-gradient(left, #fc3525, #ff6f4d); background: -o-linear-gradient(left, #fc3525, #ff6f4d); font-size: 0.2rem; color: #fff;  text-align: center; letter-spacing: 0.02rem; line-height: 0.46rem;}


/*part03*/
.part03{ width:100%; height: auto; overflow: hidden;}
.part03-title{ height: 1.57rem; background: url(../images/part03-title.jpg) no-repeat; background-size:100% 100%;}
.part03-title p{ height: 0.63rem; font-size: 0.36rem; font-weight: bold; color: #333; line-height: 0.61rem; text-indent: 2.5rem; padding-top: 0.45rem;}
.part03-title span{ display: block; height: 0.44rem; font-size: 0.18rem; color: #333; line-height: 0.44rem; text-align: center;}
.part03-cloum{ height: 4.26rem; overflow: hidden; background: url(../images/part03-cloum.jpg) no-repeat; background-size:100% 100%;}
.part03-label{ width: 4.26rem; height: 0.92rem; overflow: hidden; margin: 0.34rem auto 0;}
.p03label{ width: 1.02rem; height: 0.92rem; margin: 0 0.2rem;}
.p03label a{ display: block; width: 1rem; height: 0.26rem; overflow: hidden; border: #fff solid 0.01rem; border-radius: 0.3rem; font-size: 0.18rem; color: #fff; text-align: center; line-height: 0.26rem; margin-bottom: 0.04rem;}
.part03-form{ height: 2.6rem;}
.part03-form form{ height: 1.6rem;}


/*part04*/
.part04{ width:100%; height: auto; overflow: hidden;}
.part04-title{ height: 1.53rem; background: url(../images/part04-title.jpg) no-repeat; background-size:100% 100%;}
.part04-title p{ height: 0.62rem; font-size: 0.36rem; font-weight: bold; color: #333; line-height: 0.62rem; text-indent: 2.5rem; padding-top: 0.45rem;}
.part04-title span{ display: block; height: 0.46rem; font-size: 0.18rem; color: #333; line-height: 0.44rem; text-align: center;}
.part04-cloum{ width: 6.12rem; height: 2.52rem; padding: 0 0.14rem; background: url(../images/part04-cloum.jpg) no-repeat; background-size:100% 100%;}
.part04-cloum p{ float: left; width: 1.03rem; height: 0.95rem; overflow: hidden; padding-top: 1.55rem; margin: 0 0.25rem;}
.part04-cloum p span{ display: block; width: 1.03rem; height: 0.4rem; font-size: 0.18rem; font-weight: bold; color: #333; text-align: center; line-height: 0.4rem;}
.part04-cloum p a{ display: block; width: 1.03rem; height: 0.28rem; border-radius: 0.3rem; background: -moz-linear-gradient(left, #fc3525, #ff6f4d); background: -webkit-linear-gradient(left, #fc3525, #ff6f4d); background: -o-linear-gradient(left, #fc3525, #ff6f4d); font-size: 0.18rem; color: #fff; text-align: center; line-height: 0.28rem;}


/*part05*/
.part05{ width:100%; height: auto; overflow: hidden; background: #00239b;}
.part05-title{ height: 1.58rem; background: url(../images/part05-title.png) no-repeat; background-size:100% 100%;}
.part05-title p{ height: 0.62rem; font-size: 0.36rem; font-weight: bold; color: #fff; line-height: 0.62rem; text-indent: 2.5rem; padding-top: 0.45rem;}
.part05-title span{ display: block; height: 0.36rem; font-size: 0.18rem; color: #fff; line-height: 0.34rem; text-align: center;}

.review-content{ width:6rem; height: auto; overflow:hidden; margin: 0.05rem auto 0.4rem;}

.qypj_122_list_box{ position: relative; width:100%; height: 4.58rem; margin: 0 auto;}
.qypj_122_list{ width: 100%; position: absolute; left: 0; top: 0;}
.qypj_122_list .fl{ float: left;}
.qypj_122_list li{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 2.42rem; height: 4.58rem; background: url(../images/qypj-phone-bg.png); background-size:100% 100%; margin-right: 0.08rem; padding-top: 0.57rem; padding-left: 0.14rem; list-style:none;}
.qypj_122_list li img{ width:2.14rem; height: 3.41rem; display:inline-block;}


/*底部*/
#foot { width:100%; float:left; background:#e5e5e5; padding-bottom:0.35rem; padding-top:0.2rem;}
#foot li { width:100%; text-align:center; color:#0a3770; line-height:0.25rem; font-size:0.14rem;}
.footer{ width: 100%; height: 0.5rem; position: fixed; left: 0; bottom: 0; background: #e5e5e5; text-align: center; }
.footer a{ display: block; padding: 0 0.1rem; border-radius: 0.04rem; height: 0.4rem; line-height: 0.4rem; text-align: center; color: #fff; font-size: 0.18rem; font-weight: bold; margin: 0.05rem; box-sizing: border-box; vertical-align: middle; }
.footer a img{ height: 0.3rem; vertical-align: middle; padding-right: 0.1rem;}
.footer a:nth-child(1){ background: #0033b4; margin-right:0;}
.footer a:nth-child(2){ background: #0033b4;}
.flex{ display: -webkit-box; display: -webkit-flex; display: flex;}
.flex_item{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.con_fuwu { width:100%; margin:0 auto;}
.con_fuwu img { width:100%; height:auto;}


/*5*/
@media (min-device-width : 320px) and (max-device-width : 568px) and (-webkit-min-device-pixel-ratio : 1){	
	.part01-title span{ letter-spacing: -0.03rem;}
	.part02-form form input{ width: 3.32rem;}
	.part03-title span{ letter-spacing: -0.03rem;}
	.p03label a{ letter-spacing: -0.01rem;}
	
}

/*6*/
@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){
	.part01-title span{ letter-spacing: 0;}
	.part02-form form input{ width: 3.32rem;}
	.part03-title span{ letter-spacing: 0;}
	.p03label a{ letter-spacing: 0;}
	
}
/*6+*/
@media (min-device-width : 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio : 3){
	.part01-title span{ letter-spacing: 0;}
	.part02-form form input{ width: 3.34rem;}
	.part03-title span{ letter-spacing: 0;}
	.p03label a{ letter-spacing: 0;}
	
}