.banner_box { height: 3.5rem; background-image: url('../image/banner01.jpg'); background-size: 100% 100%; background-repeat: no-repeat; margin-top: 1.25rem; } .flex_center_top { height: 100%; display: flex; align-content: center; flex-wrap: wrap; } .banner_font { width: 100%; font-size: 0.3rem; color: #fff; font-weight: bold; } .type_nav_box { border-bottom: 0.01rem solid rgba(77, 77, 77, 0.16); /* margin-bottom: 1.36rem; */ height: 0.55rem; } .content_box li { width: 1.3rem; height: 0.55rem; /*line-height: 0.55rem;*/ text-align: center; font-size: 0.18rem; color: #383838; display: inline-block; } .content_box li.active { background-color: #005AAF; color: #fff; position: relative; } .content_box li.active::after { content: ''; width: 0; height: 0; border-right: 0.1rem solid transparent; border-left: 0.1rem solid transparent; border-top: 0.08rem solid #005AAF; position: absolute; bottom: -0.06rem; left: 50%; transform: translateX(-50%); } .t1 { background-color: #f5f5fa; min-height: 6rem; height: auto; width: 100%; overflow: auto; } .new-box { width: 14.4rem; margin: 0.2rem auto 0; overflow: auto; min-height: 8rem; height: auto; padding-bottom: 0.2rem; } .new-box > li { width: 100%; height: 2.66rem; overflow: hidden; background-color: #fff; margin-top: 0.28rem; } .new-box > li:hover { border: #005bab 0.01rem solid; } .f-left { float: left; } .new-img { width: 30%; height: 2.66rem; overflow: hidden; } .new-img img { width: 100%; } .new-box1a { width: 60%; height: 2.66rem; overflow: hidden; } .new-box1b { width: 9%; height: 2.66rem; overflow: hidden; background-position: center 1.6rem; background-image: url(../image/jiantou1.png); background-repeat: no-repeat; background-size: 70% auto; } .new-box > li .new-box1a h3 { font-weight: 500; width: 85%; margin: 0.6rem auto 0; font-size: 0.25rem; } .new-box > li:hover .new-box1a h3 { color: #005bab; } .new-box > li:hover .new-box1b{ color: #005bab; background-image: url(../image/jiantou2.png) !important; } .new-box1b p { width: 70%; color: #a2a2a2; margin: 0.6rem auto 0; line-height: 0.28rem; font-size: 0.22rem; text-align: right; } .new-box > li .new-box1b p { width: 70%; color: #a2a2a2; margin: 0.6rem auto 0; line-height: 0.28rem; font-size: 0.22rem; text-align: right; } .new-box > li:hover .new-box1b p { color: #005bab; } .new-box1b h3 { width: 80%; color: #a2a2a2; margin: 0.1rem auto 0; font-size: 0.35rem; } .new-box > li .new-box1b h3 { width: 80%; color: #a2a2a2; margin: 0.1rem auto 0; font-size: 0.35rem; } .new-box > li:hover .new-box1b h3{ color: #005bab; } .new-box > li .new-box1a p { width: 85%; color: #5a5d5a; margin: 0.4rem auto 0; line-height: 0.30rem; font-size: 0.18rem; } .new-box > li:hover .new-box1a p { color: #5a5d5a; } .new-box1a p { width: 85%; margin: 0.4rem auto 0; line-height: 0.30rem; font-size: 0.18rem; } .new-page { width: 14.4rem; height: 0.8rem; margin: 0.2rem auto 0.2rem; overflow: hidden; position: relative; } .new-text { position: absolute; font-size: 0.16rem; top: 0.1rem; } .new-box > li:hover .new-img img { transform: scale(1.1); transition: all 0.3s; } .new-text span { color: #005bab !important; } .new-page ul { width: 5rem; margin: 0 auto; } .new-page ul li:nth-child(1) { margin-left: 0.26rem; } .new-page ul li { float: left; margin-right: 0.3rem; } .new-page ul .active { line-height: 0.4rem; color: #005AAF !important; font-size: 0.2rem; font-weight: 600; } .new-page ul .dot { width: 0.12rem; height: 0.12rem; border-radius: 50%; background-color: #b4b4b6; margin-top: 0.14rem; } .new-page ul .prev { width: 1rem; height: 0.4rem; line-height: 0.4rem; text-align: center; border-radius: 0.04rem; border: #005AAF 0.01rem solid; color: #005AAF !important; } .new-page ul .next { width: 1rem; height: 0.4rem; line-height: 0.4rem; text-align: center; border: #005AAF 0.01rem solid; color: #fff; border-radius: 0.04rem; background-color: #005AAF !important; } .new-box > li a { color: #333; }