body{background: none;}
body.mobile.sjfb{background: #fff;}
.banner{position: absolute;top: 0;left: 0;width: 100%; z-index: -1;}
.banner img{width: 100%;}
.zczxzhfwpt .conbox{width: 11.68rem; margin: 0 auto; margin-bottom: 1.13rem;text-align: center;}
.zczxzhfwpt .tabbox {margin-top:2.62rem; border-radius: 4px; overflow: hidden;box-shadow: 1px 0px 7px rgba(120, 142, 188, 0.34) ; background-color: #fff;}
.tabbox .title{font-size: .20rem; color: #fff; background-color: #3058c0; padding: 0.18rem 0; text-align: center;}
.tabbox ul{display: flex; background-color: #fff;justify-content: space-between;}
.dflex {display: flex;justify-content: space-around;}
.tabbox ul li{width: 33.3%; text-align:center; font-size: 0.22rem; font-weight: bolder; padding: 0.24rem 0; cursor: pointer;}
.tabbox ul li .bo{border-right: 1px solid #cdcdcd; padding: 0.32rem 0;}
.tabbox ul li p{margin-top: 0.28rem;}
.tabbox ul li:last-child  .bo{border: none;}
.tabbox ul li img.on{display: none;}
.tabbox ul li.on img{display: none;}
.tabbox ul li.on{background-color: #6991f0; color: #fff;border-color:#6991f0 ;}
.tabbox ul li.on img.on{display:inline-block;}

.tabbox ul li:hover{background-color: #6991f0; color: #fff; border-color:#6991f0 ;}
.tabbox ul li:hover img{display: none;}
.tabbox ul li:hover img.on{display:inline-block;}

.zczxzhfwpt .conbox .title{margin-bottom: 0.55rem;}
.zczxzhfwpt .tabbox .title{margin-bottom: 0;}
.pc .page0 .swiper-wrapper{display: flex; justify-content: space-between; }
.pc .page3 .swiper-wrapper{display: flex; justify-content: space-between; }
.zczxzhfwpt .img{width: 100%;}
.page3 .swiper-wrapper .swiper-slide{width: 30%;}
.page3 .swiper-wrapper .swiper-slide img{width: 100%;}

.page0 ul li{width: 0.38rem;}
.page0 .swiper-wrapper .swiper-slide p{font-size: 0.16rem; color: #222222; font-weight: bolder; margin-top: 0.2rem;}
.page0 .swiper-wrapper .swiper-slide{width: 30%; overflow: hidden}
.page0 .swiper-wrapper .swiper-slide img{  transition: all 0.2s;
    transform-origin: 50% 50%;}
.page0 .swiper-wrapper .swiper-slide img{width: 100%;}
.page0 .swiper-wrapper .swiper-slide:hover p{color: #3a77d8;}
.page0 .swiper-wrapper .swiper-slide:hover img{    transform: scale(1.1);  }

.page1{background-color: #e9f6ff;}
.page1 .title1{margin-top: -0.2rem;}
.page1 .img{margin-bottom: 0.63rem;}
.page1 .axy{background: url(/ztglobal/zczxzhfwpt_con_2_3.png) no-repeat; height: 3.62rem; display: flex; padding-bottom:1rem; background-size: 100%;}
.page1 .axy .vcode{margin-left: 3.15rem; margin-top: 2.4rem; border: 3px solid #6991f0; border-radius: 10px; overflow: hidden;height: 1.8rem; }
.page1 .axy .vcode img{ border: 7px solid #fff;height: 1.58rem;}
.page1 .axy .txtbox{margin-top: 1.10rem; font-size: .16rem; margin-left: .38rem; width: 5.61rem; text-align: left;}
.page1 .axy .txtbox p:first-child{padding-bottom: .23rem; margin-bottom: .20rem; border-bottom: 1px solid #222222; text-align: left;}
.page1 .axy .txtbox p{line-height: .30rem; text-align: justify;}
.zczxzhfwpt .conbox.page2 {margin-top: 1.13rem;}


.page3{background-color: #e9f6ff;}
.page3 .title1{margin-top: -.20rem;}
.page3 .itembox{margin-bottom: 1.00rem;}
.page3 .itembox img{width: 100%;}
.page3 .conbox{margin-bottom: 0}
.page3 .itembox1 li{width: 3.80rem;}
.page3 .itembox2 li{width: 2.83rem; border-radius: 4px; overflow: hidden;}
.page3 .itembox2{margin-bottom: .35rem;}
.page3 .itembox2 img{width: 100%;}
.page3_itembox {margin-bottom: 1.00rem;}
.page3 .itembox3 li{width:5.78rem;  border-radius: 4px; overflow: hidden;}
.page3 .mb35{margin-bottom: .35rem;}
.page3  .conbox {padding-bottom:1.13rem;}
.footbox{background: #e9f6ff ;}
.mobile .footbox{background: #e9f6ff ;}
.mobile .zczxzhfwpt .conbox{width: 95%;}
.mobile .tabbox .title{font-size: 0.26rem;}
.mobile .tabbox ul li img{width: 0.91rem;}
.mobile .tabbox ul li{font-size: 0.28rem;}
.mobile .zczxzhfwpt .conbox .title{width: 100%;}
.mobile .page0 .swiper-wrapper img{width: 95%;}
.mobile .page0 .page0_itembox{height: 4.28rem;}

.mobile .page0 .swiper-wrapper .swiper-slide p{font-size: 0.26rem;}
.mobile .page1 .img{width: 100%;}
.mobile .axy{background: url(/ztglobal/zczxzhfwpt_con_2_3_m.png) no-repeat; height: 10.48rem; background-size:100% auto  ; display: block; }

.mobile .page1 .conbox {padding-bottom: 0.3rem;}
.mobile .page1 .axy .txtbox{padding-top:1.10rem; margin-top: 0; width: 90%; display: inline-block; height: auto; font-size: 0.26rem; margin-left: 0}
.mobile .page1 .axy .txtbox p{line-height: 0.48rem;}
.mobile .page1 .axy .vcode{display: inline-block; height: auto;}
.mobile .page1 .axy .vcode img{height: 2.26rem;}
.mobile .page2 .img{width: 100%;}
.mobile .page3 .img{width: 100%;}
.mobile .page3 .swiper-wrapper img{width: 95%;}
.mobile .page3 .page3_itembox{height: 4.28rem;}
.mobile .page3 .itembox2{flex-wrap: wrap;}
.mobile .page3 .itembox2 li{width: 49%; margin-bottom: 0.06rem;}
.mobile .page3 .itembox2 img{width: 100%;}
.mobile .page3 .itembox3{display: block;}
.mobile .page3 .itembox3 li{width: 100%;}
