@media screen and (min-width: 1301px){
    html {
        font-size:1250%!important
    }
}
@media screen and (min-width: 1201px) and (max-width: 1300px){
    html {
        font-size: 950%!important
    }
}
@media screen and (min-width: 1001px) and (max-width: 1200px){
    html {
        font-size: 850%!important
    }
}
@media screen and (max-width: 1001px){
    html {
        font-size: 750%!important
    }
}
.zx_c li{display:none;}
.zx_c li.thisclass{display:list-item;}
@media screen and (min-width:769px){
html { padding: 0; margin:0;  font-size: 625%;-webkit-text-size-adjust: none; -webkit-overflow-scrolling: touch;  /*10 ÷ 16 × 100% = 62.5%*/}
body { padding: 0; font-size: .14rem;  -webkit-overflow-scrolling: touch; /*1.4 × 10px = 14px */}

.w{width:95%; max-width:1300px; margin:0 auto;}
.pc_fl{float:left;}
.pc_fr{float:right;}
.pc_dn{display:none;}

.indtop{width:100%; position:relative;}
header{width:100%; position:absolute; top:.1rem; z-index:9999;}
.meun{margin-top:.1rem;float:left; margin-right:.1rem; float:right;}
.indtel{float:right; color:#FFFFFF; font-size:.1rem;margin-top:.1rem;}
.indtel a{color:#fff;}
.indtel img{width:.075rem; margin-right:.04rem;}

.ban_txt{background:#FFFFFF; border-radius:.05rem; height:.53rem; margin-top:-.25rem; position:relative; z-index:9999;box-shadow:0 0 20px rgba(232,232,232,.75);-webkit-box-shadow:0 0 20px rgba(232,232,232,.75);-moz-box-shadow:0 0 20px rgba(232,232,232,.75);}
.ban_txt li{float:left; width:33.33%; padding-left:.26rem;}
.ban_txt li img{display:block; float:left; width:.265rem; margin-top:.13rem;}
.ban_txt li p{float:left; margin-left:.07rem; font-size:.09rem; line-height:.14rem; color:#666666; margin-top:.12rem;}
.ban_txt li p b{display:block; font-size:.12rem; color:#447df8;}

.fuwu{width:100%;  background-size:cover; padding-top:.65rem; padding-bottom:.45rem; margin-top:-.25rem;}
.indtit h2{text-align:center; font-weight:normal; font-size:.19rem; line-height:.19rem; color:#000000;}
.indtit p{font-size:.1rem; text-align:center; margin-top:.1rem; color:#333333; line-height:.1rem;}
.fuwu_list ul{display:flex;flex-wrap:wrap;justify-content:space-between; margin-top:.2rem;}
.fuwu_list li{width:48.5%; margin-top:.2rem;}
.fuwu_img{width:.46rem;}
.fuwu_img i img{width:.46rem; height:.46rem;}
.fuwu_txt{width:calc(100% - .56rem);}
.fuwu_txt h3{font-weight:normal; font-size:.12rem; color:#424e67;}
.fuwu_txt p{font-size:.08rem; line-height:.15rem; color:#6378a4; margin-top:.06rem;}

.dingzhi{width:100%; background:#fafaff; padding:.35rem 0 .25rem 0;}
.dingzhi_tab .zx_t{text-align:center; margin-top:.2rem;}
.dingzhi_tab .zx_t li{display:inline-block; width:.83rem; height:.2rem; background:#f4f2fc; border-radius:.1rem; font-size:.09rem; color:#000000; line-height:.2rem; cursor:pointer; margin:0 .1rem; transition: all .3s;}
.dingzhi_tab .zx_t li.active{color:#FFFFFF; background:#457df8;}
.dingzhi_tab .zx_c{margin-top:.2rem;}
.dingzhi_tab_lf{margin-top:.5rem; margin-left:.35rem; width:1.6rem;}
.dingzhi_tab_t{position:relative;}
.dingzhi_tab_t p{font-size:.15rem; font-weight:bold; color:#191e31; position:relative; z-index:2;}
.dingzhi_tab_t i{display:block; position:absolute; width:.12rem; left:-.15rem; top:0;}
.dingzhi_tab_t h3{position:absolute; font-size:.3rem; line-height:.43rem; color:#f2f3fc; letter-spacing:.03rem; left:0; top:-.2rem; z-index:1;}
.dingzhi_tab_lf_1{font-size:.09rem; line-height:.15rem; color:#333333; margin-top:.1rem;}
.dingzhi_tab_lf_2 a{display:block; width:.8rem; height:.25rem; background:#0068ff; color:#FFFFFF; text-align:center; font-size:.1rem; margin-top:.1rem; line-height:.25rem;box-shadow:0 0 7px rgba(0,104,255,.75);-webkit-box-shadow:0 0 7px rgba(0,104,255,.75);-moz-box-shadow:0 0 7px rgba(0,104,255,.75); transition: all .3s;}
.dingzhi_tab_lf_2 a img{width:.11rem; margin-left:.05rem;}
.dingzhi_tab_lf_2 a:hover{background:#ffbe54;box-shadow:0 0 7px rgba(255,190,84,.75);-webkit-box-shadow:0 0 7px rgba(255,190,84,.75);-moz-box-shadow:0 0 7px rgba(255,190,84,.75);}
.dingzhi_img_1{width:65%;}
.dingzhi_img_2 img{width:3.45rem; margin-right:.5rem;}

.liucheng{margin-top:.3rem;}
.liucheng_c{position:relative; width:100%; margin-top:.22rem;}
.liucheng_c:after{content:""; display:block; width:100%; height:2px; background:#457df8; position:absolute; top:.76rem;}
.liucheng_c li{float:left; width:.9rem; text-align:center; margin-left:calc((100% - 3.2rem)/10); position:relative;}
.liucheng_1{width:.24rem; margin:0 auto;}
.liucheng_1 img{width:100%;}
.liucheng_c li h3{font-size:.1rem; color:#4980f8; line-height:.1rem; margin-top:.06rem;}
.liucheng_c li p{font-size:.07rem; line-height:.12rem; color:#333333; margin-top:.04rem;}
.liucheng_c li:before{content:""; display:block; width:.09rem; height:.09rem; border-radius:50%; border:.015rem solid #457df8; background:#fafaff; position:absolute; left:0; right:0; margin:0 auto; top:-.24rem; z-index:3;}
.liucheng_c li:after{content:""; display:block; width:1px; height:.15rem; border-left:1px dashed #457df8; position:absolute; left:0; right:0; margin:0 auto; top:-.2rem; z-index:2;}
.liucheng_c li:nth-child(odd){margin-top:.95rem;}
.liucheng_c li:nth-child(even):before{top:auto; bottom:-.24rem;}
.liucheng_c li:nth-child(even):after{top:auto; bottom:-.2rem;}

.kehu{width:100%; background:#fafaff; margin-top:.25rem; padding:.4rem 0;}
.kehu_c li{float:left; width:20%; padding-left:.1rem; margin-top:.1rem;}
.kehu_c ul{margin-left:-.1rem; margin-top:.4rem;}
.kehu_c li img{width:100%;}

.about{margin-top:.35rem; margin-bottom:.35rem;}
.about_img{width:48%; margin-top:.25rem;}
.about_txt{width:48%; margin-top:.5rem;}
.about_txt p{text-indent:2em; font-size:.08rem; line-height:.19rem; color:#000000;}
.about_txt p span{color:#0068ff;}

.footer{width:100%; background:#1b2636; padding:.15rem 0;}
.fot_logo{width:.99rem; margin-top:.2rem;}
.fot_1{overflow:hidden; margin-top:.1rem;}
.fot_1 i{display:block; width:.135rem; float:left; margin-right:.06rem;}
.fot_1 i img{width:100%;}
.fot_1 p{float:left; font-size:.08rem; color:#7a8ba6;}
.fot_2{margin-left:.55rem; margin-top:.08rem;}
.fot_3 img{width:.64rem;}
.fot_3 p{font-size:.07rem; margin-top:.03rem; color:#7a8ba6; text-align:center;}

.left_lx{position:fixed; right:10px; bottom:150px; z-index:9999;}
.left_lx li{margin-top:5px; position:relative;}
.left_lx li a{color:#fff;}
.left_lx li .left_lx_1{width:68px; height:72px; background:#668eff; padding-top:10px; text-align:center; font-size:14px; color:#FFFFFF; cursor:pointer; transition: all .3s;}
.left_lx li .left_lx_1 span{display:block; margin:0 auto; width:35px; height:28px; margin-bottom:8px;}

.left_lx p{position:absolute; width:180px; padding:10px; background:#FFFFFF; text-align:center; line-height:52px; font-size:16px; color:#668eff; right:68px; top:0; display:none;}
.left_lx li:hover{box-shadow:0 0 20px rgba(203,203,203,.75);-webkit-box-shadow:0 0 20px rgba(203,203,203,.75);-moz-box-shadow:0 0 20px rgba(203,203,203,.75);}
.left_lx li:hover a{color:#668eff;}
.left_lx li:hover .left_lx_1{background:#FFFFFF; color:#668eff;}
.left_lx li:hover p{display:block;}


.footer_bg{display:none;}


}
@media screen and (max-width: 768px) {
html {
    padding: 0;
    margin:0;
    font-size: 625%;
    -webkit-text-size-adjust: none;
    -webkit-overflow-scrolling: touch;
    /*10 ÷ 16 × 100% = 62.5%*/
}

body {
    padding: 0;
    font-size: .14rem;
    max-width: 768px;
    margin: 0 auto;
    -webkit-overflow-scrolling: touch;
    /*1.4 × 10px = 14px */
}
body {
    margin: 0;
    padding: 0;
    color: #444;
}

img {
    border: none;
    vertical-align: middle;
}

@media only screen and (min-width: 375px) {
    html {
        font-size: 700%!important
    }
}
@media only screen and (min-width: 410px) {
    html {
        font-size: 800%!important
    }
}
@media only screen and (min-width: 481px) {
    html {
        font-size: 940%!important
    }
}

@media only screen and (min-width: 561px) {
    html {
        font-size: 1090%!important
    }
}

@media only screen and (min-width: 641px) {
    html {
        font-size: 1250%!important
    }
    body {
        margin: 0 auto;
        max-width: 768px
    }
}
img{width:100%;height:auto;border:none;}
.ww{width:93.75%; margin:0 auto;}
.sj_fl{float:left;}
.sj_fr{float:right;}
.sj_clear{clear:both;}
.sj_dn{display:none;}

.indtop{position:relative; width:100%;}
header{width:100%; position:absolute; z-index:9999;}
.indtel{color:#FFFFFF; font-size:.12rem; right:.5rem; top:.2rem; position:absolute;}
.indtel a{color:#fff;}
.indtel img{width:.12rem; margin-right:.04rem;}
/*    导航菜单     */
.nav {position:fixed;z-index: 100;opacity: 0;z-index:1000;-webkit-transform: translateX(0);transform: translateX(0);width: 35%;height: 100%;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: 300ms;transition-duration: 300ms; padding-top:.7rem;}
.nav--active .nav__trigger{position:fixed;}
.nav--active .nav {opacity: 1;background:rgba(0,0,0,.8);}
.nav__list {padding:0 .15rem;line-height:0.35rem;font-size:0.13rem; height: calc(100% - .1rem); overflow:scroll;}
.nav__list li,.nav__list li a{color:#FFFFFF;}
.nav__trigger {display: block;position:absolute;width:.25rem;height: 25px;right: .1rem;top: .25rem;z-index: 1001;}
.nav__icon {display: inline-block;position: relative;width:.25rem;height:2px;background: #ffffff;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before,.nav__icon:after {content: '';display: block;width:.25rem;height:2px;position: absolute;background: #ffffff;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before {margin-top: -9px;}
.nav__icon:after {margin-top: 9px;}
.nav--active .nav {-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
.nav--active .nav__icon:before {margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg); background:#FFFFFF;}
.nav--active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg); background:#FFFFFF;}

.ban_txt{background:#FFFFFF; border-radius:.05rem; padding:.15rem 0; margin-top:-.25rem; position:relative; z-index:999;box-shadow:0 0 20px rgba(232,232,232,.75);-webkit-box-shadow:0 0 20px rgba(232,232,232,.75);-moz-box-shadow:0 0 20px rgba(232,232,232,.75);}
.ban_txt li{float:left; width:33.33%; padding:0 .1rem;}
.ban_txt li img{display:block; float:left; width:.26rem;}
.ban_txt li p{float:left; width:calc(100% - .32rem); margin-left:.06rem; font-size:.09rem; line-height:.14rem; color:#666666;}
.ban_txt li p b{display:block; font-size:.12rem; color:#447df8;}

.fuwu{
    width:100%; 

    background-size:cover; 
    padding:.25rem 0;
    
}
.indtit h2{text-align:center; font-weight:normal; font-size:.19rem; color:#000000;}
.indtit p{font-size:.1rem; text-align:center; margin-top:.1rem; color:#333333; line-height:.1rem;}
.fuwu_list ul{margin-top:.25rem;}
.fuwu_list li{width:100%; margin-top:.2rem;}
.fuwu_img{width:.2rem;}
.fuwu_txt{width:calc(100% - .3rem);line-height:.18rem;}
.fuwu_txt h3{font-weight:normal; font-size:.12rem; color:#424e67; float:left; margin-right:.04rem;}
.fuwu_txt p{font-size:.08rem; color:#6378a4;}

.dingzhi{width:100%; background:#fafaff; padding:.35rem 0 .25rem 0;}
.dingzhi .indtit h2 span{display:block;}
.dingzhi_tab .zx_t{text-align:center; margin-top:.2rem;}
.dingzhi_tab .zx_t li{display:inline-block; width:.48rem; height:.48rem; background:#f4f2fc; border-radius:.05rem; font-size:.11rem; color:#000000; cursor:pointer; position:relative; margin:0 .04rem; vertical-align:middle; transition: all .3s;}
.dingzhi_tab .zx_t li i{display:block;}
.dingzhi_tab .zx_t li span{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);text-align: center;}
.dingzhi_tab .zx_t li.active{color:#FFFFFF; background:#457df8;}
.dingzhi_tab .zx_c{margin-top:.2rem;}
.dingzhi_tab_lf{margin-top:.5rem; margin-left:.35rem;}
.dingzhi_tab_t{position:relative;}
.dingzhi_tab_t p{font-size:.15rem; font-weight:bold; color:#191e31; position:relative; z-index:2;}
.dingzhi_tab_t i{display:block; position:absolute; width:.12rem; left:-.15rem; top:0;}
.dingzhi_tab_t h3{position:absolute; font-size:.3rem; line-height:.43rem; color:#f2f3fc; letter-spacing:.03rem; left:0; top:-.2rem; z-index:1;}
.dingzhi_tab_lf_1{font-size:.09rem; line-height:.15rem; color:#333333; margin-top:.1rem;}
.dingzhi_tab_lf_2{margin-top:.15rem;}
.dingzhi_tab_lf_2 a{display:block; width:.8rem; height:.25rem; background:#0068ff; color:#FFFFFF; text-align:center; font-size:.1rem; margin-top:.1rem; line-height:.25rem;box-shadow:0 0 7px rgba(0,104,255,.75);-webkit-box-shadow:0 0 7px rgba(0,104,255,.75);-moz-box-shadow:0 0 7px rgba(0,104,255,.75); float:left;}
.dingzhi_tab_lf_2 a img{width:.11rem; margin-left:.05rem;}
.dingzhi_img_1{margin-top:.15rem;}

.liucheng{margin-top:.3rem;}
.liucheng_c{position:relative; width:100%; margin-top:.22rem;}
.liucheng_c:after{content:""; display:block; width:2px; height:100%; background:#457df8; position:absolute; top:0; left:0; right:0; margin:0 auto;}
.liucheng_c li{width:100%; text-align:center; position:relative; overflow:hidden;}
.liucheng_c li .item{width:50%; float:left; padding:0 .3rem; position:relative;}
.liucheng_1{width:.25rem; margin:0 auto;}
.liucheng_c li h3{font-size:.12rem; color:#4980f8; line-height:.1rem; margin-top:.06rem;}
.liucheng_c li p{font-size:.1rem; line-height:.16rem; color:#333333; margin-top:.05rem;}
.liucheng_c li .item:before{content:""; display:block; width:.09rem; height:.09rem; border-radius:50%; border:.015rem solid #457df8; background:#fafaff; position:absolute; top:0; bottom:0; margin:auto 0; z-index:3; right:-.045rem;}
.liucheng_c li .item:after{content:""; display:block; width:.15rem; height:1px; background:#457df8; position:absolute; top:0; bottom:0; margin:auto 0; right:.02rem; z-index:2;}
.liucheng_c li:nth-child(even) .item{float:right;}
.liucheng_c li:nth-child(even) .item:before{right:auto; left:-.045rem;}
.liucheng_c li:nth-child(even) .item:after{left:.02rem; right:auto;}

.kehu{width:100%; background:#fafaff; margin-top:.25rem; padding:.3rem 0;}
.kehu_c li{float:left; width:33.33%; padding-left:.06rem; margin-top:.1rem;}
.kehu_c ul{margin-left:-.06rem; margin-top:.15rem;}
.kehu_c li img{width:100%;}

.about{margin-top:.35rem; margin-bottom:.35rem;}
.about_img{width:100%; margin-top:.2rem;}
.about_txt{width:100%; margin-top:.15rem;}
.about_txt p{text-indent:2em; font-size:.1rem; line-height:.2rem; color:#000000;}
.about_txt p span{color:#0068ff;}

.footer{width:100%; background:#1b2636; padding:.15rem 0; position:relative; margin-bottom:.4rem;}
.fot_logo{width:1.1rem; margin:0 auto;}
.fot_1{overflow:hidden; margin-bottom:.1rem;}
.fot_1 i{display:block; width:.135rem; float:left; margin-right:.06rem;}
.fot_1 i img{width:100%;}
.fot_1 p{float:left; font-size:.08rem; color:#7a8ba6;}
.fot_1 a{color:#7a8ba6;}
.fot_4{margin-top:.16rem;}
.fot_3{position:absolute;width:.64rem; right:.1rem; margin-top:.16rem;}
.fot_3 p{display:none;}
.left_lx{display:none;}

.footer_bg{
	width:100%;
	position:fixed;
	left:0;
	bottom:0;
	z-index:9999;
}
.bot{
	width:100%;
	background:#668eff;
}
.bot li{
	float:left;
	width:50%;
	font-size:.16rem;
	color:#fff;
	text-align:center;
	border-right:1px solid #81a2ff;
}
.bot li:nth-last-child(1){
	border-right:0px solid #81a2ff;
}
.bot li a{
	display:block;
	color:#fff;
	padding:16px 0;
}
.bot li button{
	font-size:.16rem;
	color:#fff;
	text-align:center;
	border:0px;
	background:none;
	padding:16px 0;
}
.bot span{
	height:0;
	font-size:0;
	overflow:hidden;
}

}