body{margin: 0 !important;font-size: 100px;}
li{list-style: none;}
ul{padding: 0;margin: 0;}
p{margin: 0;}
div{padding: 0;margin: 0;}
a{text-decoration: none;}

.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:7.43rem; margin: 0 auto;background: url(../images/banner_02.png) no-repeat;background-size: 100% 100%;}
.banner-height{height: 5.4rem;margin: 0 auto;}
.btn1{ background:none !important; padding-top:7.3rem;}

/* 表单输入框 */
.banner-box{background: #394bb5; width:7.5rem; margin:0 auto;}
.banner-phone{width: 6.9rem;background-color: #ffffff; margin: 0 auto;border-radius: 15px; top:-0.3rem; position: relative;}
.banner-phone-wrapper{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.phone-top{width: 1.92rem;height: 0.5rem;background: url(https://wzgfile.oss-cn-shenzhen.aliyuncs.com/www/hd/wzg_tg10/images/phone-bg.png) no-repeat;background-size: 100% 100%;margin: 0 auto;display: flex;justify-content: center;align-items: center;font-size: 0.3rem;color: #ffffff;}
.phone-title span img{width: 0.41rem;height: 0.19rem;display: block;}
.banner-phone-wrapper h2{color: #3b3f60;text-align: center;font-size: 0.28rem;}
.tel-box{width: 6.02rem;margin: 0 auto; padding-bottom: 0.31rem;border-radius: 5px;background-color: ffffff;display: flex;flex-direction: column;}
.input-sec{margin-top: 0.3rem;width: 100%;position: relative;}
.tel-box input::placeholder{color: #b2b2b2;}
.tel-box input[type="button"]{text-align: center;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}
.banner-button input[type="button"]{text-align: center;display: flex; justify-content: center; align-items: center;}
.tel-box .register_text{width: 100%;padding:0.23rem 0 0.23rem 0.5rem;box-sizing: border-box;color: #282828;font-size: 0.3rem;font-weight: 500;border: 0;background-color: #EEEEEE;border-radius: 30px;}
.tel-box .register_text2{width: 100%;padding:0.23rem 0 0.23rem 0.5rem;box-sizing: border-box;color: #282828;font-size: 0.3rem;font-weight: 500;border: 0;background-color: #EEEEEE;border-radius: 30px;display: block;}
.tel-box .getcode{height: 100%;width: 2.11rem;background-image: linear-gradient(to bottom, #FF937B , #FF6235);color: #FFFFFF;opacity: 0.6;-webkit-opacity: 0.6;-moz-opacity: 0.6;font-size: 0.3rem;position: absolute;right: 0;top: 0;border-top-right-radius: 44px;border-bottom-right-radius: 44px;border: 0;}
.banner-checked{display: flex;align-items: center;justify-content: center;padding-bottom: 0.61rem;}
.banner-checked span{font-size: 0.22rem;color: #909090;padding-left: 0.05rem;font-weight: bold;}
.banner-checked span>span{color: #333333;}
.banner-checke input:checked{border: 0;}
.banner-button input{width: 6.02rem;height: 0.88rem;background-image: linear-gradient(to bottom, #FF937B , #FF6235);color: #FFFFFF;display: flex;justify-content: center;align-items: center;font-size: 0.36rem;margin: 0 auto;border-radius: 35px;cursor: pointer;border: 0;cursor: pointer; outline:0px;-webkit-appearance:none;opacity: 0.6;-webkit-opacity: 0.6;-moz-opacity: 0.6;}
.banner-phone-wrapper p{font-size: 12px;color: #666666;font-weight: bold;text-align: center;padding-top: 0.3rem;padding-bottom: 0.4rem;}
.tel-img img{width: 0.53rem;height: 0.42rem;display: block;}
.phone-bottom{height: 0.38rem;}
.banner-checked span>span a{color: #FF5436 !important;}
/* part1 */
.part1{background:#fff;width: 7.5rem;margin: 0 auto; padding-top:.5rem;}
.part1-title p:nth-of-type(1){font-size: 0.48rem;color: #394bb5;font-weight: bold;margin: 0 auto;padding: 0;text-align: center;}
.part1-title p:nth-of-type(2){font-size: 0.28rem;color: #888;font-weight: bold;margin: 0 auto;padding: 0.1rem 0 0.4rem 0;text-align: center;}
.part1-title p:nth-of-type(3){font-size: 0.28rem; background:#5969cc; border-radius:10rem; width:2rem; line-height:.6rem; margin:0 auto;text-align: center; margin-bottom:.5rem;}
.part1-content img{ width:7.5rem; height:5.07rem; margin: 0 auto;}
.part1-title p:nth-of-type(3) a{color: #fff !important;}
.part1 ul{width: 6.9rem;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.part1 ul li{margin-bottom: 0.2rem;width: 3.35rem; padding-bottom:.2rem;}
.part1 ul li img{ width:100%;}


/* part2 */
.part2{width:7.5rem;margin: 0 auto; background:#fff; padding-bottom:.1rem;}
.part2-title{font-size: 0.48rem;color: #5969cc;font-weight: bold;margin: 0 auto;padding: .2rem 0 0.4rem 0;text-align: center;}
.part2-content{ padding:0 .3rem;}
 .list {
          
            position: relative;
            padding: .1rem;
            overflow: hidden;
			margin:0 auto;
        }

        .list .line {
            position: absolute;
            width: .02rem;
            height: 100%;
            background: #eee;
            top: -.1rem;
            left: .1rem;
        }

        .list .item {
            margin-left: .3rem;
            padding: .3rem;
            color: #5969cc;
            position: relative;
			font-size:.28rem;
            border: 0px solid green;
			background:#e7e7e7;
			margin-bottom:.2rem;
			border-radius:.1rem;
			line-height:.3rem;
			
        }
		.item-current{ background:#5969cc !important; color:#fff !important;}
		 .list .item:hover{ background:#5969cc; color:#fff;}

       

        .list .circle {
            width: .15rem;
            height: .15rem;
            border-radius: 50%;
            background: #ccc;
            position: absolute;
            top: .3rem;
            left: -.36rem;
        }

        .list .circle1 {
            background: #5969cc;
           
        }



/* part3 */
.part3{width:7.5rem;margin: 0 auto; background:#fff;}
.part3-title{font-size: 0.48rem;color: #5969cc;font-weight: bold;margin: 0 auto;padding: .2rem 0 0.4rem 0;text-align: center;}
.part3-title span{ color:#feef00;}
.part3-content{display: flex;justify-content: space-around;align-items: center; margin:0 .2rem; justify-content: center;
    flex-direction: column;}
.part3-left{width: 3.02rem;height: 2.37rem;}
.part3-left img{width: 100%;height: 100%;display: block;}
.part3-right{width: 3.92rem;height: 1.8rem;}
.part3-right img{width: 100%;height: 100%;display: block;}
.part3 ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.25rem;
	background:#f7f7f7;
	border-radius:.1rem;	
}
.part3 ul li img{width: 40%;}
.part3 ul li .part3-text{ padding:.2rem;}
.part3 ul li .part3-text p span{ color:#eb3c3c;}
.part3 ul li .part3-text p:nth-of-type(1){font-size: 0.38rem;color: #333333;text-align: left;padding-bottom: 0.2rem;font-weight: bold;}
.part3 ul li .part3-text p:nth-of-type(2){font-size: 0.3rem;color: #666666;text-align: left;}
.part3 ul li:nth-of-type(4){ margin-bottom:.6rem;}


/* part4 */
.part4{width:7.5rem;margin: 0 auto; background:#fff; padding-bottom:.1rem;}
.part4-title{font-size: 0.48rem;color: #5969cc;font-weight: bold;margin: 0 auto;padding: .2rem 0 0.4rem 0;text-align: center;}
.part4-content{margin:0 0 .2rem 0;}
.part4-content-title{font-size: 0.3rem; color:#fff;margin: 0 auto; background:#4979df;padding: 0.1rem .3rem; position:relative;top:-.3rem; border-radius:.1rem; text-align:center; width:50%;}
.part4 ul{width: 6.9rem;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.part4 ul li{margin-bottom: 0.2rem;width: 3.35rem;background-color: #f7f7f7;border-radius: 0.1rem; padding-bottom:.2rem;}

.part4 ul li .part4-slider{width: 40%;display: block;margin: 0 auto; padding-top:.3rem;}
.part4 ul li p:nth-of-type(1){font-size: 0.38rem;color: #333333;font-weight: bold;text-align: center;padding: 0.2rem 0;}
.part4 ul li p:nth-of-type(2){font-size: 0.28rem;color: #666666;text-align: center; padding:.2rem; padding-top:0;}
.part4 ul li p:nth-of-type(2) span{color: #eb3c3c; font-weight:bold;}

.part4-button a{background:#fff; color:#dd1917; margin: 0 auto;text-align:center; width:60%; font-size:.4rem; display:block; border-radius:.1rem; padding:.2rem;}


.part4-text{width: 1.83rem;height: 0.81rem;margin: 0 auto;}
.part4-text img{width: 100%;height: 100%;display: block;}


/*flex盒子*/
.flex-box-center__mei{display: flex; justify-content: center; align-items: center;}
.flex-box-start__mei{display: flex; justify-content:flex-start; align-items: center;}
.flex-box-end__mei{display: flex; justify-content:flex-end; align-items: center;}
.flex-box-between__mei{display: flex; justify-content: space-between; align-items: center;}

.content{width: 7.5rem;margin: 0 auto; background-color:#fff;}
.part{width: 7.5rem;margin: 0 auto;position: relative;}
.part-title{width: 100%;  text-align:center;}
.part-title-lg{font-size: 0.48rem;
    color: #5969cc;
    font-weight: bold;
    margin: 0 auto;
    padding: 0.2rem 0 0.4rem 0;
    text-align: center;}
.part-title-xs{font-size:0.2rem; line-height:0.2rem; color:#666;}
.part ul li h4{margin-bottom:0.12rem; font-size:0.24rem; font-weight:800; color:#333; }
.part ul li p{font-size:0.22rem; color:#666;}
.part ul li p span{color:var(--red); font-weight: 600;}

.part ul{width: 6.96rem;margin: 0 auto; flex-wrap: wrap;}
.part ul li{position:relative; margin-bottom:.3rem; width: 3.33rem; border-radius:0.16rem; background-color:#F6F6F6; overflow:hidden;}
.part ul li:nth-of-type(3){margin-bottom:0;}
.part ul li:nth-of-type(4){margin-bottom:0;}
.part ul li .inner{width:100%; flex-direction: column; text-align: center;}
.part ul li .inner div{ padding:.3rem 0;margin-left: 0.08rem; display: flex; flex-direction: column; justify-content: center; }

.part ul li img{ display: block; width:3.33rem; height:;}
/*资质 */
.part-aptitude ul{margin-bottom: .5rem;}
.part-aptitude ul li p span{color:#dc0000;} 
.part-aptitude ul li{padding: .16rem;width: 48%;}
.part-aptitude ul li .inner{display: flex; flex-direction: initial;}
.part-aptitude ul li .inner > div{padding: 0; margin-left: .16rem; text-align: left;}
.part-aptitude ul li .inner > div p{padding: 0;}
.part-aptitude ul li p span.brand_word{color:#666; font-weight: normal;}
.part-aptitude ul li .inner > div br{display: none;}
.part-aptitude ul li img{width: 40%; height:initial;object-fit: contain;}

/* 按钮 */

.downloadbutton{display: flex;align-items: center;justify-content: space-between; width: 7.5rem;margin: 0 auto; background: #fff;}
.downloadbutton ul.downloadbuttonul{ display: flex; margin:0 auto;justify-content: space-between;padding-bottom: .5rem;}
.downloadbutton ul.downloadbuttonul li{ margin:.15rem;}
.downloadbutton ul li:nth-of-type(1) a{width: 3rem;height: 1rem;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 0.3rem;font-weight: bold;border-radius: .1rem; background:#5969cc;}
.downloadbutton ul li:nth-of-type(2) a{width: 3rem;height: 1rem;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 0.3rem;font-weight: bold;border-radius: .1rem;background:#eb3c3c;}

.downloadbutton1{display: flex;align-items: center;justify-content: space-between; width: 7.5rem;margin: 0 auto; background:#fff;}
.downloadbutton1 ul.downloadbuttonul1{ display: flex; margin:0 auto;justify-content: space-between;padding-bottom: .5rem;}
.downloadbutton1 ul.downloadbuttonul1 li{ margin:.15rem;}
.downloadbutton1 ul li:nth-of-type(1) a{width: 3rem;height: 1rem;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 0.3rem;font-weight: bold;border-radius: .1rem;background:#5969cc;}
.downloadbutton1 ul li:nth-of-type(2) a{width: 3rem;height: 1rem;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 0.3rem;font-weight: bold;border-radius: .1rem;background:#eb3c3c;}
/************弹窗************/
#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: absolute;display:none; width:7.2rem;top:20%;z-index:10210; background:#fff; margin:.15rem; padding:.15rem; border-radius:5px;}
.reveal-modal1 .n1_title {
    font-size: .48rem;
    text-align: center;
}
#guize{ overflow:scroll; height:7rem;}
.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;
}






/* 弹窗表单 */
.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) {
    body{background-color: #FFFFFF;}
    .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;}
}