.main{width:100%;height:100%;padding:.58rem 0 .67rem}
.main .htop{text-align:center;font-size:.3rem;color:#333;margin-bottom:.53rem}
.main .rows{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
.main .rows .left{width:55%;position:relative}
.main .rows .left .texttop{margin-bottom:.4rem;font-size:.22rem;color:#333;font-weight:700;padding-left:.28rem;position:relative}
.main .rows .left .texttop::after{content:'';height:100%;width:.11rem;background-color:#14378a;display:block;position:absolute;left:0;top:0}
.main .rows .left .content{width:100%;position:relative;z-index:1}
.main .rows .left .content::after{content:"";width:1.81rem;height:1.1rem;display:block;position:absolute;background:url(../images/zg1-lbg.png) no-repeat left center/cover;left:-.14rem;bottom:-.14rem;z-index:-1}
.main .rows .left .content .texts{-webkit-box-shadow:0 .5px .8px rgba(0,0,0,.09),0 4px 6px rgba(0,0,0,.18);box-shadow:0 .5px .8px rgba(0,0,0,.09),0 4px 6px rgba(0,0,0,.18);width:100%;height:100%;position:relative;z-index:1;background-color:#fff}
.main .rows .left .content p{font-size:.2rem;color:#333;line-height:2;padding:.54rem .31rem .54rem .53rem}
.main .rows .img1{width:44.68%;height:4.24rem;overflow:hidden}
.main .rows .img1 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.main1{width:100%;height:100%;padding:.7rem 0 .86rem;background:url(../images/zg1-main1.png) no-repeat center center/cover}
.main1 .texttop{margin-bottom:.31rem;font-size:.22rem;color:#1d50a3;font-weight:700;padding-left:.28rem;position:relative}
.main1 .texttop::after{content:'';height:100%;width:.11rem;background-color:#14378a;display:block;position:absolute;left:0;top:0}
.main1 .rows{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
.main1 .rows .items{margin-right:1.56%;width:18.68%;background-color:#fff;padding-top:.31rem;padding-bottom:.65rem;padding-left:.2rem;padding-right:.2rem}
.main1 .rows .items .img1{width:1.15rem;height:1.15rem;border-radius:100%;padding:.05rem;margin:0 auto .21rem}
.main1 .rows .items .img1 .yuan{width:1.02rem;height:1.02rem;border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:.3rem;font-weight:700;color:#fff}
.main1 .rows .items .title{color:#333;font-weight:700;font-size:.2rem;line-height:2;min-height:.8rem;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.main1 .rows .items:last-child{margin-right:0}
.main1 .rows .items1 .img1{border:1px dashed #333}
.main1 .rows .items1 .img1 .yuan{background-color:#1d50a3}
.main1 .rows .items2 .img1{border:1px dashed #2c72ae}
.main1 .rows .items2 .img1 .yuan{background-color:#2c72ae}
.main1 .rows .items3 .img1{border:1px dashed #5446c7}
.main1 .rows .items3 .img1 .yuan{background-color:#5446c7}
.main1 .rows .items4 .img1{border:1px dashed #1d50a3}
.main1 .rows .items4 .img1 .yuan{background-color:#1d50a3}
.main1 .rows .items5 .img1{border:1px dashed #2a72ad}
.main1 .rows .items5 .img1 .yuan{background-color:#2a72ad}
.main2{padding:.59rem 0 .82rem}
.main2 .texttop{margin-bottom:.43rem;font-size:.22rem;color:#333;font-weight:700;padding-left:.28rem;position:relative}
.main2 .texttop::after{content:'';height:100%;width:.11rem;background-color:#14378a;display:block;position:absolute;left:0;top:0}
.main2 .rows{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}
.main2 .rows .items{width:49%;-webkit-box-shadow:0 .5px .8px rgba(0,0,0,.09),0 4px 6px rgba(0,0,0,.18);box-shadow:0 .5px .8px rgba(0,0,0,.09),0 4px 6px rgba(0,0,0,.18)}
.main2 .rows .items a{width:100%;height:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.23rem .18rem .21rem .33rem;-webkit-transition:all .5s;transition:all .5s}
.main2 .rows .items a .com{margin-right:.53rem;-webkit-box-flex:1;-ms-flex:1;flex:1}
.main2 .rows .items a .title{color:#333;font-size:.22rem;line-height:1.5;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-transition:all .5s;transition:all .5s}
.main2 .rows .items a .con{font-size:.16rem;color:#999;line-height:2;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-transition:all .5s;transition:all .5s}
.main2 .rows .items a .but{color:#14378a;font-size:.16rem;padding-left:.46rem;background:url(../images/home2-but.png) no-repeat left center;background-size:.35rem .28rem;height:.28rem;line-height:.28rem;float:right;margin-top:.21rem;-webkit-transition:all .5s;transition:all .5s}
.main2 .rows .items a .img1{width:2.76rem;height:2.08rem;overflow:hidden}
.main2 .rows .items a .img1 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:all .3s ease;transition:all .3s ease}
.main2 .rows .items a:hover{background-color:#14378a;-webkit-transition:all .5s;transition:all .5s}
.main2 .rows .items a:hover .title{color:#fff;-webkit-transition:all .5s;transition:all .5s}
.main2 .rows .items a:hover .con{color:#b5d2f7;-webkit-transition:all .5s;transition:all .5s}
.main2 .rows .items a:hover .but{color:#fff;background:url(../images/home2-but2.png) no-repeat left center;background-size:.35rem .28rem;-webkit-transition:all .5s;transition:all .5s}
.main2 .rows .items a:hover .img1 img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .3s ease;transition:all .3s ease}
@media screen and (max-width:850px){
.main .htop{font-size:.32rem}
.main .rows .left .texttop{font-size:.26rem}
.main2 .rows .items{width:100%;margin-bottom:20px}
}
@media screen and (max-width:685px){
.main .rows .left{width:100%;margin-bottom:20px}
.main .rows .img1{width:100%;height:auto}
}
@media screen and (max-width:650px){
.main1 .rows .items{width:32%;margin-right:2%;margin-bottom:10px}
}
@media screen and (max-width:540px){
.main1 .rows .items{width:100%;margin-right:0}
.main2 .rows .items a{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
.main2 .rows .items a .img1{height:auto;width:100%;margin-bottom:20px}
}