@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;}

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;}
.textc{ text-align:center;}
.top,.banner,.menu-nav{float:left;width:100%;}
table{ border-collapse: collapse; margin:0 auto;}

/*头部*/
.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:3.4rem; overflow: hidden; background: url(../images/banner.jpg) repeat; background-size:100% 100%; background: url(../images/banner.jpg) repeat; background-size:100% 100%;}
.banner .join{ width:6.4rem; height:3.4rem; display: block; text-indent:-9999px;}

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


/*part01*/
.part01{ width:100%; height: auto; overflow: hidden; background: #2c44b9;}
.part01-all{ width: 5.9rem; height: auto; overflow: hidden; background: #fff; border-radius: 0.1rem; box-shadow: 0 0 0.2rem #95a5ed inset; margin: 0 auto 0.3rem;}
.part01-title{ width: 5.9rem; height: 1.83rem; background: url(../images/part01-title.png) repeat; background-size:100% 100%; text-indent: -99999px;}
.table-title{ width: 3.1rem; height: 0.5rem; font-size: 0.2rem; color: #1d11b7; letter-spacing: 0.02rem; line-height: 0.45rem; font-weight: bold; background: url(../images/table-title.png) repeat; background-size:100% 100%; margin: 0 auto;}
.part01 table{ width: 5.5rem; height: auto; border-left: #626262 solid 1px; border-right: #626262 solid 1px; border-top: #626262 solid 1px; margin: 0.15rem auto 0.3rem;}
.part01 table .coutr{ height: 0.45rem; color: #fbfbfb; font-size: 0.16rem; background:#1b3598;}
.part01 table .coutr th{ border-right: #fff solid 0.01rem; font-size: 0.2rem; font-weight: normal;}
.part01 table tr td{ border-left: #626262 solid 1px; border-bottom: #626262 solid 1px; height: 0.45rem; font-size: 0.16rem; text-align: center; vertical-align:middle;}
.part01 table tr .nb{ padding: 0 0.2rem; border-left: none;}
.part01 table tr td a{ display: block; margin: 0 4px; height: 0.3rem; line-height: 0.3rem; border-radius: 0.2rem; color: #fff; background: #e3072c;}


/*part02*/
.part02{ width:100%; height: auto; overflow: hidden; background: #2c44b9;}
.part02-all{ width: 5.9rem; height: auto; overflow: hidden; background: #fff; border-radius: 0.1rem; box-shadow: 0 0 0.2rem #95a5ed inset; margin: 0 auto 0.3rem;}
.part02-title{ width: 5.9rem; height: 1.51rem; background: url(../images/part02-title.png) repeat; background-size:100% 100%; text-indent: -99999px;}
.part02 form{ width: 3.2rem; height: auto; margin:0 auto 0.35rem;}
.part02 form input{ width: 3.18rem; height: 0.36rem; border: #ababab solid 0.01rem; font-size: 0.18rem; color: #4e4e4e; line-height: 0.38rem; text-indent: 0.1rem; margin-bottom:0.08rem;}
.part02 form button{ width: 3.2rem; height: 0.38rem; border: none; border-radius:0.3rem; font-size:0.18rem; color:#fff; line-height:0.38rem; letter-spacing: 0.03rem; background:#e3072c;}
.part02 form input::-webkit-input-placeholder {color:#4e4e4e;}
.part02 form input:-moz-placeholder {color:#4e4e4e;}
.part02 form input::-moz-placeholder {color:#4e4e4e;}
.part02 form input:-ms-input-placeholder {color:#4e4e4e;}


/*part03*/
.part03{ width:100%; height: auto; overflow: hidden; background: #2c44b9;}
.part03-all{ width: 5.9rem; height: auto; overflow: hidden; background: #fff; border-radius: 0.1rem; box-shadow: 0 0 0.2rem #95a5ed inset; margin: 0 auto 0.3rem;}
.part03-title{ width: 5.9rem; height: 1.39rem; background: url(../images/part03-title.png) repeat; background-size:100% 100%; text-indent: -99999px;}
.part03-cloum{ width: 5.25rem; height:auto; overflow: hidden; margin: 0 auto;}
.p03-list{ width: 1.75rem; height: 1.65rem; overflow: hidden; margin-bottom: 0.25rem;}
.p03-list a{ display: block; width: 1.75rem; height: 1.65rem;}
.p03-list01{ background: url(../images/p03-list01.jpg) repeat; background-size:100% 100%;}
.p03-list02{ background: url(../images/p03-list02.jpg) repeat; background-size:100% 100%;}
.p03-list03{ background: url(../images/p03-list03.jpg) repeat; background-size:100% 100%;}
.p03-list04{ background: url(../images/p03-list04.jpg) repeat; background-size:100% 100%;}
.p03-list05{ background: url(../images/p03-list05.jpg) repeat; background-size:100% 100%;}
.p03-list06{ background: url(../images/p03-list06.jpg) repeat; background-size:100% 100%;}


/*part04*/
.part04{ width:100%; height: auto; overflow: hidden; background: #2c44b9;}
.part04-all{ width: 5.9rem; height: auto; overflow: hidden; background: #fff; border-radius: 0.1rem; box-shadow: 0 0 0.2rem #95a5ed inset; margin: 0 auto 0.3rem;}
.part04-title{ width: 5.9rem; height: 1.83rem; background: url(../images/part04-title.png) repeat; background-size:100% 100%; text-indent: -99999px;}
.part04-cloum{ width: 5.68rem; height: auto; overflow: hidden; margin: 0 auto; padding-bottom: 0.1rem;}
.p04-list{ width: 2.84rem; height: auto; overflow: hidden;}
.p04li-tit{ width: 2.36rem; height: 0.55rem; font-size: 0.2rem; font-weight: bold; color: #fff; line-height: 0.55rem; letter-spacing: 0.02rem; background: url(../images/p04li-tit.png) repeat; background-size:100% 100%; margin: 0 auto;}
.p04li-text{ width: 2.62rem; height: auto; overflow: hidden; background: #fff; border-radius: 0.1rem; box-shadow:0 0 0.05rem #a8a8a8; padding: 0.1rem 0; margin: 0 auto 0.25rem;}
.p04li-text p{ width: 2.3rem; height: 0.37rem; line-height: 0.37rem; font-size: 0.18rem; color: #000; text-align: center; border-bottom: #3b3d93 dashed 0.01rem; margin: 0 auto;}
.p04li-text a{ display: block; width: 1.62rem; height: 0.35rem; overflow: hidden; font-size: 0.18rem; color: #fff; text-align: center; line-height: 0.35rem; letter-spacing: 0.015rem; background: url(../images/p04li-link.png) repeat; background-size:100% 100%; margin: 0.2rem auto 0.1rem;}
.p04-list02{ width: 2.84rem; height: 3.32rem; background: url(../images/p04-list02.png) repeat; background-size:100% 100%;}


/*part05*/
.part05{ width:100%; height: auto; overflow: hidden; background: #2c44b9;}
.part05-all{ width: 5.9rem; height: auto; overflow: hidden; background: #fff; border-radius: 0.1rem; box-shadow: 0 0 0.2rem #95a5ed inset; margin: 0 auto 0.3rem;}
.part05-titlt{ width: 5.9rem; height: 1.26rem; background: url(../images/part05-title.png) repeat; background-size:100% 100%; text-indent: -99999px;}

.review-content{ margin: 0.3rem auto; width:6.4rem; height: auto; overflow:hidden;}
.qypj_122{background-color: none;}
.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;}


/*part06*/
.part06{ width:100%; height: auto; overflow: hidden; background: #2c44b9;}
.jiangpai{ width: 6.4rem; height: 3.39rem; background: url(../images/jiangpai.jpg); background-size:100% 100%;}

                         
/*底部*/
#foot { width:100%; float:left; background:#2c44b9; padding-bottom:0.45rem; padding-top:0.2rem;}
#foot li { width:100%; text-align:center; color:#fff; line-height:0.25rem; font-size:0.14rem;}
.footer{ width: 100%; height: 0.5rem; position: fixed; left: 0; bottom: 0; background: #f7f7f7; 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 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: #2c44b9; margin-right:0;}
.footer a:nth-child(2){ background: #2c44b9;}
.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){
	.p04li-text p{ letter-spacing: -0.05rem;}
	
}
@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){
	.p04li-text p{ letter-spacing: -0.02rem;}
	
}
/*6+*/
@media (min-device-width : 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio : 3){
	.p04li-text p{ letter-spacing: 0;}
	
}