body{margin: 0 !important;font-size: 100px;background-color: #fff;}
li{list-style: none;}
ul{padding: 0;margin: 0;}
p{margin: 0;}
div{padding: 0;margin: 0;}
a{text-decoration: none;}
input {
    background: none;
	border:0;
	color:#fff;
}
.nav {
    background-color: #FFF;
    width: 100vw;
    position: fixed;
    z-index: 9;
    font-size: 12px;
    padding-top: 1em!important;
    padding-bottom: 1em!important;
    box-shadow: 0px 3px 6px rgba(0,0,0,.17);
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nav .cs_img {
    width: 1.5em;
    margin-right: 8px;
    margin-top: -5px;
}
.jrjr_logo {
    height: 3em;
    width: 11em;
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("https://wzgfile.oss-cn-shenzhen.aliyuncs.com/www/hd/wzg_tg12/images/logo.png");
}
.nav .cs_btn {
    padding: 10px 15px;
    border-radius: 5px;
    background: linear-gradient(to bottom, #DD4012, #A60007);
    color: #fff;
}
.nav-container{width: 100%;}

.header-img{width: 7.5rem;height: 0.75rem;margin: 0 auto;display: flex;justify-content: center;align-items: center;background-color: #323232;}
.header-wrapper{width: 7rem;display: flex;justify-content: space-between;align-items: center;}

.kf{width: 1.3rem;height: 0.4rem;}
.header-wrapper img{width: 100%;height: 100%;display: block;}
/* banner */
.banner{width: 7.5rem;height:12rem; margin: 0 auto;background: url(../images/banner.jpg) no-repeat;background-size: 100% 100%;}
.banner-text{ color:#fff; text-align:center; padding-top:1.8rem;}
.banner-text p{ margin-bottom:.1rem;}
.banner-text p:nth-of-type(1){ font-size:.68rem;}
.banner-text p:nth-of-type(2){ font-size:.68rem; font-weight:600; margin-bottom:.2rem;}
.banner-text p:nth-of-type(3){ font-size:.36rem;}
.banner-text p:nth-of-type(3) span{  margin-right:.2rem;}
.banner-btn{ margin:0 auto; width:4rem;margin-top:5.6rem;}
.banner-text a.ty-btn{ display:block;width:4rem; height:1rem;font-size:.42rem; text-align:center; line-height:1rem;  border:.01rem solid #fff; border-radius:.1rem; color:#fff; }



.part1{width: 7.5rem;margin: 0 auto;}
.title{width: 7.5rem;margin: 0 auto; text-align:center;}
.title img{width: 1.34rem;height: 0.2rem;display: block;}
.title h2{color: #333;font-size: 0.42rem;padding: 0 0.2rem;font-weight: bold;}
.part1 p{color: #666;font-size: 0.28rem;text-align: center;margin-top: 0.2rem;margin-bottom: 0.2rem; padding:0 .2rem; line-height:.5rem;}

.part1 .rpwrapper{width: 7rem;margin: 0 auto;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;border-radius: 0.05rem;}
.rpitem{ width:6.6rem; margin:.3rem 0rem;display: flex;justify-content: flex-start;align-items: center;flex-direction: column;transition: all 0.4s;  border:.01rem dashed #436feb; border-radius:10px; padding:.8rem .4rem; }
.rpitem p:nth-of-type(1){font-size: .38rem;margin-top: 10px; text-align:center; font-weight:600;}
.rpitem p:nth-of-type(2){font-size: .28rem;margin-top: 10px; text-align:center; line-height:28px;}
.rpitem img{width: auto;display: block;margin: .4rem auto;}

.tybtn1{ margin:0 auto; width:4rem;margin-top:.6rem; margin-bottom:.8rem;}
.tybtn1 a{ display:block;width:4rem; height:1rem;font-size:.42rem; text-align:center; line-height:1rem; background:#444eda; border-radius:10rem; color:#fff; }


.part2{width: 7.5rem;margin: 0 auto; background:#edf5ff; padding:.6rem 0rem;}
.part2 ul{width: 7rem;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-top: 0.5rem;}
.part2 ul li{width: 7rem;display: flex;justify-content: space-between;align-items: center;background-color: #ffffff;display: flex;margin-bottom: 0.25rem;border-radius: 0.1rem; padding:.3rem; }
.part2 ul li .right-text p{ text-align:left; margin-left:.4rem}
.part2 ul li p:nth-of-type(1){color: #333333;font-size: 0.38rem;margin-bottom: 0.2rem;margin-top: 0.3rem;}
.part2 ul li p:nth-of-type(2){color: #666666;font-size: 0.28rem;margin-bottom: 0.3rem; line-height:.4rem;}
.part2 ul li img{width:1.2rem;display: block;margin: 0 auto;border-top-left-radius: 0.05rem;border-top-right-radius: 0.05rem;}

.part3{width: 7.5rem;margin: 0 auto; }
.part3 .title{ padding-top:.6rem;}
.part3 ul{width: 7rem;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-top: 0.6rem;padding-bottom: 0.4rem;}
.part3 ul li{width:2rem;background-color: #ffffff;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;margin-top: 0.3rem;border-radius: 0.05rem;}
.part3 ul li p:nth-of-type(1){color: #333333;font-size: .22rem;margin-top: .3rem;margin-bottom: .2rem; text-align: center;}
.part3 ul li img{width:1.2rem;display: block;}
.duibi{ margin-bottom:.5rem; margin:0 auto; width:7rem;}
.duibi img{ width:100%;}




/************弹窗************/
#bdzzc,#gzzzc{ position:fixed; top:0px; margin:0px; padding:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:10100}
#bdtankuan {position:fixed; top:30%; width:100%; display:none; z-index:10110;}
.bdtankuan_con{ width:100%; height: auto; background:#fff; border-radius:8px; margin:0 auto;}
.mima_con{ position:relative; width:95%; height: auto; background:#fff; border-radius:8px; margin:0 auto;}
.bdzzccon{ padding:40px 0px 20px; text-align:center; font-size:18px}
.bdzzcbtn{ text-align:center;}
.bdzzcbtn .bdqueding{ float:none;color:#fff;background-color:#ef4d41;display:inline-block;padding:10px 52px;font-size:14px;text-align:center;border-radius:5px;border:none; font-size:18px}
.bdzzcend{padding:20px 0px; text-align:center; font-size:16px}

.reveal-modal1{position: fixed;display:none; width:7.2rem;top:20%;z-index:10210; background:#fff; margin:.15rem; padding:.15rem; border-radius:5px;left: 0;right: 0;margin: 0 auto} 
.reveal-modal1 .n1_title {
    font-size: .48rem;
    text-align: center;
}
#guize{ overflow:scroll;}
.table-bordered td, .table-bordered th {
    /* border: 1px solid #dee2e6; */
}
.table-sm td, .table-sm th {
    padding: 0; 
}
.table td, .table th {
    padding:.02rem; 
    vertical-align:middle;
    border-top: 1px solid #dee2e6;
    text-align: center
}






/* 弹窗表单 */
.table-bordered td, .table-bordered th{border:1px solid #000;}
ol{padding: 0;}
.li_list li{padding: 5px 0;}


.footer {
    padding: 30px 10px;
    border-radius: 5px;
}

.footer{ color:#646464 !important;}
.footer-icon{display: flex;justify-content: space-between;flex-wrap: wrap;}
.footer_bg{padding: 0 15px;}
.btimg{width: 7.2rem; margin:0 auto; background:#fbfbfb; padding:.15rem;}
.btimg img{ width:100%;}

@media screen and (max-width: 320px){
    .part5-table .part5-bottom{bottom: 0.2rem;}
}

@media only screen and (min-width: 321px) and (max-width: 767px) {
	
	.guize{height:7.8rem;}
	.guize_con{padding:0 .15rem;height:5.4rem;position:relative;overflow-y:scroll;}

    .part3-content{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .part4-content{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .footer div {margin-bottom: 0;}
    .footer_bg h3{font-size: 24px;}
    .footer p {
        font-size: 12px;
        margin-bottom:0;
    }
    .m_cta {
        background-color: rgba(0,0,0,.8);
        width: 100vw;
        height: 44px;
        line-height: 44px;
        z-index: 9;
        position: fixed;
        bottom: 0;
        font-size: 12px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .footer img {
        height: 56px;
    }
    img {
        vertical-align: middle;
        border-style: none;
	}
}



@media screen and (min-width: 768px) {
    .content{padding-top: 0.4rem;}
    .part1{margin-top: 0;margin: 0 auto;}
    .app_codebox{margin-top: 0.7rem;}
    .app_code {display: flex;flex-direction: column;text-align: center;color: #282828;display: block;}
    .app_code img{display: block;}
    .app_code_text{display: block;}
}