/* 竞争优势 */ /* 竞争优势menu */ .advantages-menu-wrapper { display: none; } .head-image-wrapper .head-content { position: absolute; padding-top: 0; height: 60px; bottom: 0; left: 0; } .head-image-wrapper .head-content span { font-size: 24px; color: #fff; position: absolute; line-height: 24px; bottom: 24px; left: 24px; } /* 区域优势 */ .main-wrapper { width: 100%; display: inline-block; text-align: center; margin: auto; } .main-wrapper .section { text-align: center; overflow: hidden; margin-bottom: 56px; } .main-wrapper .content { overflow: hidden; } /* 菜单栏滚动到顶部时，改变section1 */ /* .main-wrapper .content-list-top { margin-top: 22px; } */ .section .content .item-title, .section .content .item-details { text-align: left; letter-spacing: 0; } /* li 标题 */ .section .item-title { font-size: 17px; font-weight: 500; line-height: 24px; color: #191919; } /* li content */ .section .item-details { margin-top: 16px; font-size: 14px; line-height: 28px; color: #333; padding-bottom: 40px; } /* li img */ .section .item-img { width: 100%; height: auto; } .section .item-img-title { text-align: center; font-size: 17px; line-height: 27px; margin: 4px 0 24px; } /* li content */ .section .item-details { flex-grow: 1; } /* .section.item1 */ .section.item1 .content { margin-top: 15px; width: 100%; padding: 0 24px; box-sizing: border-box; } .section.item1 .content .item-left { width: 100%; } .section.item1 .content .item-right { width: 100%; } /* .section.item2 */ .section.item2 .content { padding: 0 24px; } .section.item2 .content .item-left, .section.item4 .content .item-left, .section.item6 .content .item-left { display: none; } .section.item2 .content .item-right { width: 100%; display: block; overflow: hidden; } .section.item2 .content .item-right .item-left-img, .section.item6 .content .item-right .item-left-img { padding-bottom: 16px; } /* .section.item3 */ .section.item3 .content { padding: 0 24px; } .section.item3 .item-left { width: 100%; } .section.item3 .item-right { width: 100%; overflow: hidden; } /* .section.item4 */ .section.item4 .content { padding: 0 24px; } .section.item4 .item-right { width: 100%; } .section.item4 .item-left { overflow: hidden; width: 100%; } /* .section.item5 */ .section.item5 .content { padding: 0 24px; } .section.item5 .item-left { width: 100%; } .section.item5 .item-right { width: 100%; overflow: hidden; } /* .section.item6 */ .section.item6 .content { padding: 0 24px; } .section.item6 .item-left { width: 100%; overflow: hidden; } .section.item6 .item-right { width: 100%; display: block; overflow: hidden; } /* .section.item7 */ .section.item7 { padding: 0 24px; overflow: hidden; } .section.item7 .item-left { width: 100%; } .section.item7 .item-right { width: 100%; overflow: hidden; } /* 图片淡入 */ /* .item-img { transition: opacity 1.2s; transition-delay: 1.2s; opacity: 0; } */ /* .section-img2 { opacity: 1; transition: opacity 2s ease 0s; } */ .section .item-title { transform: translate3d(0, 60px, 0); transition: opacity 1250ms ease 50ms, transform 1250ms cubic-bezier(0.22, 0.61, 0.36, 1) 50ms; opacity: 0; } .section .item-details { transform: translate3d(0, 60px, 0); transition: opacity 1250ms ease 100ms, transform 1250ms cubic-bezier(0.22, 0.61, 0.36, 1) 100ms; opacity: 0; } .section .section-title2 { transform: translate3d(0, 0, 0); transition: opacity 1250ms ease 50ms, transform 1250ms cubic-bezier(0.22, 0.61, 0.36, 1) 50ms; opacity: 1; } .section .section-details2 { transform: translate3d(0, 0, 0); transition: opacity 1250ms ease 100ms, transform 1250ms cubic-bezier(0.22, 0.61, 0.36, 1) 100ms; opacity: 1; }<!--0.00027608871459961-->