/*只写布局，颜色、交互效果全部不写*/
.banner { position: relative; height: 450px; overflow: hidden; }
.banner .items { height: 650px; position: absolute; left: 0px; top: 0px; white-space: nowrap; }
.banner .item { display: inline-block; width: 100%; height: 100%; background: #F8F7F7; position: relative; }
.banner .item .info { width: 100%; height: 100%; }
.banner .item .info a { text-decoration: none; }
.banner .item img { width: 100%; height: 100%; object-fit: cover; }
.banner .items .item video { width: 100%; height: 100%; object-fit: cover; }
.banner .items .item .text { width: 80%; max-width: 1200px; position: absolute; left: 50%; z-index: 1; top: 50%; transform: translate(-50%, -50%); }
.banner .items .item .text-center { text-align: center; }
.banner .items .item .text-center p { text-align: center !important; }
.banner .items .item .text-left { text-align: left; }
.banner .items .item .text-left p { text-align: left !important; }
.banner .items .item .text-right { text-align: right; }
.banner .items .item .text-right p { text-align: right !important; }

.banner .indexs { position: absolute; bottom: 44px; left: 50%; transform: translate(-50%,0); text-align: center; z-index: 1; }
.banner .indexs span { display: inline-block; position: relative; width: 40px; height: 4px; vertical-align: top; text-align: center; background: rgba(255, 255, 255, 0.4); margin-right: 14px; }
.banner .indexs span:last-child { margin-right: 0px; }
.banner .indexs .active { background: #FFF; }

.banner .buttons { display: none; position: absolute; top: 50%; transform: translate(0, -50%); width: 44px; height: 100px; line-height: 100px; text-align: center; cursor: pointer; background: rgba(0, 0, 0, 0.2); z-index: 1; }
.banner:hover .buttons { display: block; }
.banner:hover .buttons i { filter: brightness(100); }
.banner .buttons-left { left: 60px; }
.banner .buttons-right { right: 60px; }

.wrap { margin: 40px 0 100px; }
/*服务1、2   及产品展示*/
.wrap .service-box { width: 380px; }
.wrap .service-box .service1 { width: 100%; }
.wrap .service-box .service1 .item { display: block; position: relative; margin-bottom: 20px; width: 380px; height: 104px; }
.wrap .service-box .service1 .item .pic { font-size: 0; }
.wrap .service-box .service1 .item .pic img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; }
.wrap .service-box .service1 .item .text { position: absolute; left: 24px; top: 24px; line-height: 28px; }
.wrap .service-box .service1 .item .text .name { margin-bottom: 4px; font-size: 20px; font-weight: bold; color: rgb(0, 119, 221); }
.wrap .service-box .service2 .items { display: flex; flex-wrap: wrap; width: 100%; gap: 1px; background: #FFF; }
.wrap .service-box .service2 .item { flex: 0 0 calc((100% - 2px) / 3); flex-direction: column; height: 126px; background: #73ADF1; }
.wrap .service-box .service2 .item:hover { background: #0077DD; text-decoration: none; }
.wrap .service-box .service2 .item .pic { margin-bottom: 8px; width: 40px; height: 40px; }
.wrap .service-box .service2 .item .pic img { object-fit: cover; }
.wrap .service-box .service2 .item .name { font-weight: bold; line-height: 22px; color: #FFF; }

/*研发优势*/
.wrap .research .fll .pic { width: 680px; font-size: 0; }
.wrap .research .fll .pic .img1 { width: 394px; height: 197px; object-fit: cover; }
.wrap .research .fll .pic .img2 { width: 286px; height: 197px; object-fit: cover; }
.wrap .research .flr .desc { width: 500px; height: 214px; padding: 90px; background: url(/image/720.png) no-repeat; background-size: cover; color: #fff; }
.wrap .research .flr .desc .name { font-size: 24px; font-weight: bold; }
.wrap .research .flr .desc .text { opacity: 0.9; line-height: 28px; padding: 12px 0px; margin: 16px 0px; border-top: 1px solid #8EBFE9; border-bottom: 1px solid #8EBFE9; }
.wrap .products { width: 940px; }


/*关于我们&新闻*/
.aboutus-box { width: 660px; }
.aboutus-box .aboutus .pic { width: 266px; height: 322px; overflow: hidden; }
.aboutus-box .aboutus .pic img { width: 100%; height: 100%; object-fit: cover; }
.aboutus-box .aboutus .info { width: 370px; }
.aboutus-box .aboutus .info .name { font-size: 18px; font-weight: bold; }
.aboutus-box .aboutus .info .desc p { line-height: 28px; padding: 16px 0px 24px 0px; }
.aboutus-box .aboutus .number .item { display: inline-block; text-align: center; }
.aboutus-box .aboutus .number h4 { font-weight: bold; font-size: 24px; color: #245BA7; padding-bottom: 6px; }
.aboutus-box .aboutus .number .split { margin: -35px 22px 0; width: 1px; height: 52px; }
.news-box { width: 660px; }
.news-box .news .item { margin-bottom: 20px; }
.news-box .news .item .pic { width: 142px; height: 94px; }
.news-box .news .item .pic img { width: 100%; height: 100%; object-fit: cover; }
.news-box .news .item .info { width: 490px; }
.news-box .news .item .info .name { font-size: 20px; font-weight: bold; padding-top: 4px; }
.news-box .news .item .info .desc { line-height: 24px; margin: 8px 0px; }