/*只写布局，颜色、交互效果全部不写*/
.banner { position: relative; height: 450px;width:1220px;margin:auto; overflow: hidden; }
.banner .items { height: 450px; 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 { width: 40px; height: 4px; margin-right: 16px; opacity: 0.4; }
.banner .indexs span:last-child { margin-right: 0px; }
.banner .indexs .active { opacity: 1; }

.banner .buttons { display: none; position: absolute; top: 50%; transform: translate(0, -50%); width: 60px; height: 60px; text-align: center; z-index: 1; cursor: pointer; }
.banner .buttons:hover { opacity: 0.8; }
.banner:hover .buttons { display: block; }
.banner .buttons-left { left: 60px; }
.banner .buttons-right { right: 60px; }

/*统一的模块样式*/
.section { padding: 56px 0px; }
.section .title { line-height: 32px; margin-bottom: 30px; padding-bottom: 12px; border-bottom: 1px solid #ddd; }
.section .title .fll { font-size: 24px; font-weight: bold; }
.section .title .flr i { margin-top: -2px; }

/*服务1*/
.service1 { position: relative; text-align: center; font-weight: bold; padding: 16px 0; }
.service1 .item { border-left: 1px solid #ddd; flex: 1; }
.service1 .item a { text-decoration: none; }
.service1 .item img { width: 24px; height: 24px; object-fit: cover; vertical-align: middle; margin-right: 4px; }
.service1 .item span { vertical-align: middle; }
.service1 .item:first-child { border: none; }

/*服务2*/
.service2 { }
.service2 .item { float: left; width: 23.5%; margin-right: 2%; margin-top: 32px; }
.service2 .item:nth-child(-n+4) { margin-top: 0px; }
.service2 .item:nth-child(4n) { margin-right: 0px; }
.service2 .item .info { padding-top: 12px; }
.service2 .item .info a { display: block; font-size: 16px; font-weight: bold; padding-bottom: 4px; }
.service2 .item .info p { height: 40px; line-height: 20px; overflow: hidden; }

/*服务3*/
.service3 { padding: 40px 0px; line-height: 22px; text-align: center; font-size: 0px; font-size: 14px; }
.service3 .title { font-size: 20px; font-weight: bold; padding-bottom: 40px; }
.service3 .items { display: flex; }
.service3 .item { flex: 1; }
.service3 .item img { width: 50px; height: 50px; object-fit: cover; margin-right: 12px; vertical-align: middle; }
.service3 .item .info { display: inline-block; vertical-align: middle; text-align: left; }
.service3 .item .info p { opacity: 0.7; padding-top: 4px; }
.service3 .item:last-child { margin-right: 0px; }

/*关于我们*/
.aboutus { position: relative; padding: 40px 0px; }
.aboutus::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(85, 85, 85, 0.3); pointer-events: none; }
.aboutus .items { position: relative; width: 610px; z-index: 1; margin: auto; text-align: center; }
.aboutus .items h3 { font-size: 24px; font-weight: bold; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.aboutus .items .desc { padding: 20px 0px 24px 0px;  }
.aboutus .items .btn-normal { margin-right: 16px; }
.aboutus .items .btn-normal:last-child { margin-right: 0px; }
.aboutus .items .btn-normal i { margin: -4px 0px 0px 4px; }
/*产品*/
.product { padding-bottom: 56px }
.product:last-child { padding-bottom: 0px; }

/*新闻*/
.news { padding-bottom: 56px; }
.news:last-child { padding-bottom: 0px; }
.news .item { float: left; width: 290px; position: relative; margin-right: 20px; }
.news .item:nth-child(4n) { margin-right: 0px; }
.news .item .info { padding: 36px 0px; position: relative; }
.news .item .info .time { position: absolute; top: 12px; left: 0px; }
.news .item .info .name { max-height: 48px; line-height: 1.5; overflow: hidden; font-size: 16px; font-weight: bold; margin-bottom: 8px; }
.news .item .info .desc { max-height: 44px; line-height: 1.5; overflow: hidden; }
.news .item .buttons { position: absolute; bottom: 0px; left: 0px; }
.news .item .buttons i { margin: -3px 0px 0px 4px; }
.news .item .pic img { max-height:inherit;background-size:cover;}