@charset "utf-8";
/*
* Site:ÎåÖÞ-¿ÚÇ»½ðÉ³mg-ÖÖÖ²ÑÀ-WAP
* Author:luochou
* Date:2020/07/30
*/
body{max-width:750px !important;}
.container{min-width:320px;max-width:750px;margin:0 auto;overflow:hidden;background-color:#fff;}
.container img{width:100%;display:block;}
.container .titH2{font-size:0.44rem;color:#2a7fc4;text-align:center;line-height:0.9rem;border-bottom:1px solid #e5e5e5;position:relative;margin-bottom:0.4rem;}
.container .titH2 i{display:block;width:2rem;height:0.03rem;background-color:#2a7fc4;position:absolute;left:50%;margin-left:-1rem;bottom:-0.02rem;}
.item{padding:0 0.2rem;}
/* banner */
.banner{position:relative;}
.banner .pageclick{position:absolute;bottom:.15rem;text-align:center;width:100%;}
.banner .pageclick span{width:.2rem;height:.2rem;background:#fff;margin:0 .05rem}
/* f1Box */
.f1Box{padding-top:0.4rem;}
.f1Box ul{overflow:hidden;display:flex;display:-webkit-flex;justify-content:space-between;padding-top:0.35rem;}
.f1Box ul li{width:1.5rem;height:1.4rem;border:1px solid #2a7fc4;font-size:0.2rem;color:#494949;line-height:0.3rem;border-radius:0.1rem;padding:0.4rem 0.1rem 0.2rem;position:relative;text-align:justify;}
.f1Box ul li b{display:block;font-size:0.3rem;color:#2a7fc4;font-weight:bold;text-align:center;margin-bottom:0.1rem;}
.f1Box ul li i{display:block;width:0.7rem;height:0.7rem;background:url(/images/zt/kouqiang/zzy_wap/bg_01.png) no-repeat;background-size:2.8rem 0.7rem;position:absolute;left:50%;margin-left:-0.35rem;top:-0.35rem;}
.f1Box ul li:nth-child(2) i{background-position:-0.7rem 0;}
.f1Box ul li:nth-child(3) i{background-position:-1.4rem 0;}
.f1Box ul li:nth-child(4) i{background-position:-2.1rem 0;}
.f1Box dl{position:relative;height:2.8rem;background-color:#2a7fc4;margin-top:0.7rem;}
.f1Box dl dt{position:absolute;width:2.6rem;height:3rem;left:0.25rem;bottom:0;}
.f1Box dl dd{width:3.5rem;height:2.34rem;background-color:#fff;border-radius:0.1rem;position:absolute;right:0.15rem;top:0.13rem;padding:0.1rem;}
.f1Box dl dd p{font-size:0.28rem;color:#2a7fc4;line-height:0.48rem;}
.f1Box dl dd p b{font-weight:bold;}
/* f2Box */
.f2Box{padding-top:0.4rem;}
.f2Con{background-color:#f8f8f8;padding:0.2rem;}
.f2Tab{width:2.2rem;float:left;}
.f2Tab span{display:block;margin-bottom:0.02rem;}
.f2Tab span img{width:80%;transition:all 0.3s;}
.f2Tab span.active img{width:100%;box-shadow:0 0 0.1rem #dedede;}
.f2Des{padding-left:2.55rem;}
.f2Des h3{font-size:0.36rem;color:#2a7fc4;margin-bottom:0.2rem;}
.f2Des p{border:1px solid #428dca;width:4rem;border-radius:0.1rem;padding:0.05rem 0 0.05rem 0.5rem;position:relative;font-size:0.24rem;line-height:0.34rem;overflow:hidden;}
.f2Des p span{display:block;width:0.4rem;height:100%;padding-top:0.07rem; background-color:#2a7fc4;font-size:0.26rem;line-height:0.32rem;color:#fff;text-align:center;position:absolute;left:0;top:0;}
.f2Des h4{font-size:0.22rem;color:#333;font-weight:normal;line-height:0.4rem;margin-top:0.1rem;}
.f2Des h4 span{color:#fabe00;}
.f2Des ul li{font-size:0.2rem;color:#525151;line-height:0.36rem;}
/* f3Box */
.f3Box{padding:0.8rem 0;background:url(/images/zt/kouqiang/zzy_wap/f3Bg.jpg) center top no-repeat;background-size:100% auto;}
.f3Box .titH2{color:#fff;}
.f3Box .titH2 i{background-color:#fff;}
.f3Box ul{overflow:hidden;}
.f3Box ul li{width:49%;float:left;}
.f3Box ul li:nth-child(2n){float:right;}
.f3Box ul li dl{height:1.4rem;margin:0.12rem 0;border-radius:0.7rem;background-color:#fff;position:relative;border:1px solid #fabe00;box-sizing:border-box;-webkit-box-sizing:border-box;}
.f3Box ul li dt{position:absolute;left:0;top:50%;margin-top:-0.73rem;z-index:10;}
.f3Box ul li dt img{width:1.46rem;height:1.46rem;border-radius:50%; border:1px solid #fabe00;box-sizing:border-box;-webkit-box-sizing:border-box;}
.f3Box ul li dd{height:1.4rem;overflow:hidden;position:relative;border-radius:0.7rem;}
.f3Box ul li dd b{display:block;width:3rem;height:0.45rem;background-color:#fabe00;border-radius:0.23rem;position:absolute;top:0;right:0.2rem;font-size:0.28rem;color:#fff;text-align:center;line-height:0.45rem;font-weight:bold;}
.f3Box ul li dd p{font-size:0.2rem;line-height:0.3rem;color:#333333;padding:0.45rem 0 0 1.5rem;}
/* f4Box */
.f4Box{padding:0.2rem 0;}
.f4Con{display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap:wrap;}
.f4Con dl{width:2.15rem;margin-bottom:0.2rem;}
.f4Con dl dt{width:2.15rem;height:2.15rem;background:url(/images/zt/kouqiang/zzy_wap/bg_02.png) no-repeat;background-size:100% 100%;display:box;display:-webkit-box; box-align:center;-webkit-box-align:center; box-pack:center;-webkit-box-pack:center;position:relative;}
.f4Con dl dt img{width:1.9rem;height:1.9rem;border-radius:50%;border:1px solid #2a7fc4;}
.f4Con dl dt i{display:block;width:0.65rem;height:0.65rem;background-color:#2a7fc4;color:#fff;line-height:0.65rem;text-align:center;font-size:0.4rem; position:absolute;left:0;top:0;border-radius:50%;}
.f4Con dl dd{font-size:0.28rem;color:#2a7fc4;line-height:0.4rem;text-align:center;margin-top:0.2rem;}
/* f5Box */
.f5Swiper{padding-bottom:0.4rem;height:4.78rem;}
.f5Swiper .swiper-pagination{width:100%;text-align:center;font-size:0;bottom:0 !important;}
.f5Swiper .swiper-pagination span{display:inline-block;width:.5rem;height:.05rem;background-color:#cccccc;border-radius:0.03rem;margin:0 .06rem;opacity:1;}
.f5Swiper .swiper-pagination .swiper-pagination-bullet-active{background-color:#1e4d93;}
/* f6Box */
.f6Box{padding:0.4rem 0;}
/* f7Box */
.f7Box{padding-bottom:0.2rem;}
.f7Box ul{overflow:hidden;}
.f7Box ul li{width:3.47rem;float:left;margin-bottom:0.15rem;}
.f7Box ul li:last-child{float:right;}
.f7Box ul li:first-child{width:100%;}


