锘?* index main */ a:hover, a:active, a:focus { /* color: rgba(255,255,255,1); */ outline: none; text-decoration: none; } .row{ display: flex; } .item{ margin-bottom: 5em; } .about-item { margin-top: 2.5em; position: relative; } .about-item-bg{ width: 100%; height: 10em; background: linear-gradient(90deg, #5BACFF 0%, #4276EF 100%); margin-top: -15em; margin-bottom: 5em; } .about-left{ margin-top:14em; width:36em; } .about-left img{ width: 90%; height: 100%; } .about-right{ flex: 1; } .about-item .about-item-content{ padding: 3.333em 0px 0px 0px; box-sizing: border-box; } .about-item .row-title,.newscenter .newscenter-title,.culture .culture-title,.businessportfolio .businessportfolio-title, .jointownlogistics .jointownlogistics-title,.platform .platform-title{ font-family: PingFang SC; font-size: 3em; font-weight: 800; color: #4276EF; line-height: 1.5; text-align: center; } .about-item .row-title2,.newscenter .newscenter-title2,.culture .culture-title2,.businessportfolio .businessportfolio-title2, .jointownlogistics .jointownlogistics-title2,.platform .platform-title2{ font-family: PingFang SC; font-weight: 800; line-height: 1.5; font-size: 2.083em; text-align: center; color: #BABABA; margin-bottom: 1.1em; } .businessportfolio .businessportfolio-title{ padding-top: 1.4em; } .businessportfolio .businessportfolio-title,.businessportfolio .businessportfolio-title2{ color: #fff; position: relative; } .businessportfolio-content{ padding: 0 2.5em; display: flex; justify-content: space-around; flex-wrap:wrap; } .businessportfolio-item{ width: 22.5em; position: relative; margin-bottom: 2em; } .businessportfolio-item .businessportfolio-item-bg{ position: absolute; left: 0; height: 15em; right: 0px; } .businessportfolio-item .businessportfolio-item-bg img{ width: 100%; height: 100%; object-fit: fill !important; } .pc .businessportfolio-item:nth-of-type(6) .businessportfolio-item-bg img{ object-fit: contain !important; } .businessportfolio-item .businessportfolio-item-title{ width: 18.5em; height: 2.5em; background: #4276EF; position: relative; margin-left: 2em; margin-top: 13.666em; } .businessportfolio-item .businessportfolio-item-title .businessportfolio-item-count{ font-size: 2.5em; font-weight: 800; color: #FFFFFF; line-height: 1.2; padding-top: 5px; text-align: center; } .businessportfolio-item .businessportfolio-item-title .businessportfolio-item-line{ width: 5em; height: 2px; margin-left: 1.25em; background-color: #fff; } .businessportfolio-item .businessportfolio-item-content{ font-size: 1.083em; color: #343434; line-height: 1.5; margin-top: 1.666em; } .businessportfolio-item-text{ font-size: 1.083em; font-weight: 500; color: #FFFFFF; line-height: 2.5em; text-align: center; } .culture .culture-content .culture-tab{ display: flex; justify-content: center; } .culture .culture-content .culture-tab .skew{ border: 2px solid #BBBBBB; width: 9.833em; height: 2.833em; background: #fff; margin: 0 1.25em; color: #666666; font-size: 1.166em; line-height: 2.833em; text-align: center; transform: skew(-15deg); cursor: pointer; } .culture .culture-content .culture-tab .skew.selected{ border: 2px solid #4276EF; background: #4276EF; color: #fff; } .culture .culture-content .culture-tab .skew .skew-text{ transform: skew(15deg); } .culture .culture-content .culture-text{ position: relative; height: 28.333em; background-color: #fff; margin-top: 2.916em; margin: 2.916em 1.666em 1.666em 1.666em; box-shadow: 3px 4px 2.416em 1px rgba(49, 72, 118, 0.2); display: none; } .culture .culture-content .culture-text.show{ display: block; } .culture .culture-content .culture-text .culture-text-left{ width: 39.5em; } .culture .culture-content .culture-text .culture-text-left img{ height: 100%; } .culture .culture-content .culture-text .culture-text-right{ position: absolute; top: 3.333em; right: 1.666em; left: 44.416em; } .culture-item-bg{ height: 21.666em; width: 100%; margin-top: -25em; margin-bottom: 10em; z-index: -1; background: url(../images/pc/JZTbj.png) no-repeat; background-size: cover; } .culture .culture-content .culture-text .culture-text-right .culture-text-title .culture-line{ float: left; width: 4px; margin-right: 0.833em; height: 5em; background: linear-gradient(0deg,#4276EF 0%, #FFEE2D 100%); } .culture-text-right .culture-text-title .culture-text-title-title { color: #4276EF; font-size: 2.5em; line-height: 1.2; font-weight: bold; } .culture-text-right .culture-text-title .culture-text-title-title2 { font-weight: bold; line-height: 1.666em; font-size: 1.25em; color: #BABABA; margin-bottom: 2.083em; } .culture .culture-text-bg{ position: absolute; top: 0px; right: 0px; } .culture-text-right .culture-text-content p{ color: #666; line-height: 1.666em; font-size: 1.083em; margin-bottom: 5px; } .culture-text-right .culture-text-content p span{ color: #333; font-size: 1.2em; font-weight: 500; } .about-item .p-title,.jointownlogistics-item .p-title{ font-size: 1.5em; font-weight: 500; } .about-item p,.business-item p,.jointownlogistics-item p{ font-size: 1.166em; font-weight: 400; line-height: 1.8; color: #343434; } .about-item .row-btn{ right: 1.666em; position: absolute; border: 2px solid #FFFFFF; border-radius: 2px; bottom: 2.916em; height: 3em; width: 11.666em; line-height: 3em; box-sizing: border-box; font-size: 1.166em; cursor: pointer; font-weight: 400; color: #fff; text-align: center; } .about-item .row-btn:hover{ color:#fff; } .business-item .business-left{ width:27.75em; padding: 1.666em 3.333em; box-sizing: border-box; background:rgba(228,243,255,1); } .business-item .business-right{ flex: 1; } .business-item .business-right .right-item{ text-align: center; height: 50%; box-sizing: border-box; border: 2px solid #DDDDDD; } .business-item .business-right .right-bottom-item{ display: flex; text-align: center; height: 50%; } .bottom-item{ flex: 1; box-sizing: border-box; border: 2px solid #DDDDDD; border-top: 0px solid; } .bottom-item:first-child{ border-right: 0px solid; } .business-item .business-right .right-item-img img{ margin-top: 3.333em; } .business-item .business-right .right-item-text{ font-size: 1.083em; font-weight: 400; color: rgba(51,51,51,1); line-height: 5.416em; } .platform{ position: relative; } .platform{ position: relative; } .platform .center-bg{ position: absolute; left: 0px; right: 0px; top: 0px; } .platform .center-bg img{ width: 100%; } .platform .platform-list{ display: flex; flex-wrap: wrap; padding: 0 0 4.166em 0px; position: relative; } .platform .platform-list .list-item{ box-sizing: border-box; position: relative; height: 12.166em; width: 25%; } .platform .platform-list .list-item a{ position: absolute; top: 0.833em; left: 0.833em; right: 0.833em; bottom: 6px; width: auto; height: auto; z-index: 99; cursor: pointer; } .platform .platform-list .list-item div{ position: relative; border: 2px solid #E6E6E9; height: 10.5em; margin: 0.833em; } .platform .platform-list .list-item .list-item-bg{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .platform .platform-list .list-item1 .list-item-bg{ background: rgba(255,255,255,1); opacity: 0.6; } .platform .platform-list .list-item1 .title{ font-size: 3.333em; font-weight: 800; color: rgba(51,51,51,1); line-height: 3.5em; } .platform .platform-list .list-item1 .line{ width: 2px; height: 2.083em; background: rgba(51,51,51,1); margin: 1.666em 0 0.833em 0; } .platform .platform-list .list-item1 .title2{ font-size: 1.833em; font-weight: 500; color: rgba(51,51,51,1); line-height: 4.416em; } .list-item2,.list-item5,.list-item3,.list-item4,.list-item6,.list-item7,.list-item8{ text-align: center; } .list-item2 .list-item-bg,.list-item5 .list-item-bg{ background: rgba(228,243,255,1); opacity: 0.6; } .list-item2 img,.list-item5 img,.list-item6 img{ margin: 3.333em 0 2.5em 0; } .list-item2 .item2-title,.list-item5 .item2-title,.list-item6 .item2-title{ font-size: 1.333em; font-weight: 500; color: rgba(102,102,102,1); line-height: 2.083em; } .list-item3 .list-item-bg{ background:rgba(89,163,255,1); opacity:0.3; } .list-item4 .list-item-bg,.list-item7 .list-item-bg{ background:rgba(255,255,255,1); opacity:0.6; } .list-item3 img{ margin-top: 2.833em; } .list-item4 img{ margin-top: 4.416em; width: 90%; } .list-item7 img{ margin-top: 3.416em; width: 65%; } .list-item6 .list-item-bg{ background:rgba(89,163,255,1); opacity:0.5; } .list-item6 .item2-title{ color:rgba(255,255,255,1); } .list-item8 .list-item-bg{ background:rgba(172,213,254,1); opacity:0.6; } .list-item8 .item8-title{ margin-top: 4.166em; font-size:1.833em; font-weight:500; color:rgba(102,102,102,1); line-height:1.666em; } .list-item8 .item8-btn{ text-align: center; margin: 0 auto; margin-top: 4.166em; width:8.3333em; height:3.333em; line-height: 3.333em; background:linear-gradient(89deg,rgba(91,172,255,1) 0%,rgba(66,118,239,1) 100%); border-radius:2px; font-size:1.083em; color:rgba(255,255,255,1); font-weight: 400; } .newscenter .newscenter-content{ position: relative; height: 41.66em; } .newscenter-left{ float: left; width: 40em; height: 16.666em; } /* .platform .newscenter{ position: relative; margin-bottom: 8.3333em; } .platform .newscenter .newscenter-title{ font-size:1.833em; font-weight:500; color:rgba(51,51,51,1); line-height:2.083em; } .platform .newscenter .newscenter-content{ display: flex; margin-top: 1.666em; background:rgba(255,255,255,1); box-shadow:0px 0.916em 1.916em 0.833em rgba(148,167,182,0.2); } .platform .newscenter .newscenter-content .newscenter-left{ flex: 1; padding: 0.833em; box-sizing: border-box; } */ .newscenter-left .newscenter-left-btn{ height: 5em; } .newscenter-left .newscenter-left-btn .newscenter-left-btn1, .newscenter-left .newscenter-left-btn .newscenter-left-btn2{ cursor: pointer; display: inline-block; width: 8.3333em; height: 3.166em; line-height: 3.166em; text-align: center; border-radius: 2px; font-size: 1.333em; font-weight: 400; margin: 0.833em; color:rgba(102,102,102,1); } .newscenter-left .newscenter-left-btn .newscenter-left-btn1.selected, .newscenter-left .newscenter-left-btn .newscenter-left-btn2.selected{ background: linear-gradient(89deg,rgba(91,172,255,1) 0%,rgba(66,118,239,1) 100%); color: rgba(255,255,255,1); } .newscenter-left-content .newscenter-content1-item1{ padding: 0.833em; } .newscenter-left-content .newscenter-content1-item1 .newscenter-item1-left{ height: 15.833em; overflow: hidden; } .newscenter-left-content .newscenter-content1-item1 .newscenter-item1-left img{ width: 100%; height: fit-content; } .newscenter-left-content .newscenter-content1-item1 .newscenter-item1-right{ box-sizing: border-box; } .newscenter-left-content .newscenter-content1-item1 .newscenter-item1-right .newscenter-item1-title{ font-size: 1.333em; height: 3.333em; line-height: 3.333em; font-weight: 500; overflow: hidden; color: #333; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .newscenter-left-content .newscenter-content1-item1 .newscenter-item1-right .newscenter-item1-content{ font-size: 1.083em; font-weight: 400; color: #666; line-height: 1.666em; overflow: hidden; max-height: 10em; } .newscenter-left-content .newscenter-content1-item1 .newscenter-item1-right .newscenter-item1-btn,.jointownlogistics-item .row-btn{ display: inline-block; color: #fff; margin-top: 1.25em; width: 10em; height: 3em; text-align: center; background: linear-gradient(90deg, #5BACFF 0%, #4276EF 100%); border-radius: 2px; line-height: 3em; font-size: 1.166em; } .newscenter-right .newscenter-content1-item2{ padding: 0.833em; display: flex; } .newscenter-right .newscenter-content1-item2 .newscenter-item2-date{ width: 5.833em; text-align: center; margin-top: 7px; } .newscenter-right .newscenter-content1-item2 .newscenter-item2-date .date-date{ font-size: 2.916em; font-weight: 500; color: #333; line-height: 1.5em; } .newscenter-right .newscenter-content1-item2 .newscenter-item2-date .date-month{ font-size: 1em; color: #666; } .newscenter-right .newscenter-content1-item2 .line{ width: 2px; height: 4.25em; background: rgba(221,221,221,1); margin-top: 1.25em; } .newscenter-right .newscenter-content1-item2 .newscenter-item2-content{ padding:5px 0.833em; flex:1; } .newscenter-right .newscenter-content1-item2 .newscenter-item2-content .content-title{ font-size: 1.166em; line-height: 1.666em; color: #333; font-weight: 500; margin: 5px 0; } .newscenter-right .newscenter-item2-content .content-content{ font-size: 1em; line-height: 1.666em; color: #666; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .newscenter-left-content1,.newscenter-left-content2{ transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .newscenter-content1-item2:hover{ background:linear-gradient(97deg,rgba(91,172,255,1) 0%,rgba(66,118,239,1) 100%); color: #fff !important; } .newscenter-content1-item2:hover .line, .newscenter-content1-item2:hover .line{ background-color: #fff; } .newscenter-content1-item2:hover .newscenter-item2-content .content-content, .newscenter-content1-item2:hover .newscenter-item2-content .content-title, .newscenter-content1-item2:hover .newscenter-item2-date .date-date, .newscenter-content:hover .line, .newscenter-content1-item2:hover .newscenter-item2-date .date-month, .newscenter-content1-item:hover { color: #fff !important; } /* .newscenter-left-content .newscenter-content1-item1:hover .newscenter-item1-right .newscenter-item1-btn{ border: 2px solid #fff; border-radius: 2px; background: transparent; } */ .newscenter .newscenter-right{ position: absolute; left: 40.833em; right: 0px; } /* .platform .newscenter .newscenter-content .newscenter-right{ width: 29.166em; padding: 1.666em; box-sizing: border-box; position: relative; overflow: hidden; } .platform .newscenter .newscenter-content .newscenter-right div{ position: relative; } .platform .newscenter .newscenter-content .newscenter-right .newscenter-right-bg{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } .platform .newscenter .newscenter-content .newscenter-right .newscenter-right-bg img{ width: 100%; } .platform .newscenter .newscenter-content .newscenter-right .newscenter-right-title{ margin-top: 2.5em; font-size: 1.833em; font-weight: 500; color: rgba(255,255,255,1); line-height: 3.333em; } */ .newscenter-right .newscenter-right-item{ padding: 1.666em; } .newscenter-right .newscenter-right-item img{ position: absolute; left: 4px; top: 2.25em; } .newscenter-right .newscenter-right-item .right-item-title{ font-size: 1.333em; font-weight: 400; color: rgba(255,255,255,1); line-height: 2.083em; margin-bottom: 0.833em; } .newscenter-right .newscenter-right-item .right-item-content{ font-size: 1.083em; font-weight: 400; color: rgba(255,255,255,1); line-height: 2em; } /* .platform .platform-list .list-item, */ .business-right .right-item,.business-right .bottom-item{ background-color: #fff; } .businessportfolio{ position: relative; margin-bottom: 6.666em; } .businessportfolio-bg{ position: absolute; width: 100%; top: 0px; left: 0px; height: 21.666em; background: url(../images/pc/ywzhbj.png); background-size: 100%; } .jointownlogistics{ margin-bottom: 5em; } .jointownlogistics-content{ position: relative; } .jointownlogistics-content img{ width: 44.166em; margin-top: 1.666em; } .jointownlogistics-item{ position: absolute; left: 53.583em; right: 0px; top: 4.166em; } .jointownlogistics .row-btn:hover{ color: #fff; } /* .platform .platform-list .list-item:hover, */ .about-right .row-btn,.jointownlogistics .row-btn,.newscenter .row-btn:hover{ transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .jointownlogistics .row-btn:hover,.about-right .row-btn:hover,.newscenter .row-btn:hover{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .platform .platform-list .list-item a:hover{ box-shadow:0px 0px 0px 0px rgba(148,167,182,0.4); border: 2px solid #4276EF; } .platform .platform-list .list-item1 div:hover{ box-shadow:none } /* index main */ /* .item, .item .item-icons li { background: none no-repeat scroll center top; } .item .item-icons li { background-size: 100% auto; } .item .title,.title-top, .item .explain,.explain-top, .item .item-icons { position: absolute; } .item { position: relative; height: 58.333em; } .item .wrapper { position: relative; height: 100%; } .item.two { background-color: #fff; z-index: 20; } .item.three { background-color: #e9f5ff; z-index: 10; } .item.four { background-color: #f7f7f7; z-index: 10; } .ecg{padding-top:20.833em} .item .title { width: 17.5em; height: 4.166em; text-indent: -9999px; background: url(../images/pc/item-title-sprite.png) no-repeat scroll 0 0; } .item .explain { color: #464a4a; font-size: 1.75em; line-height: 2em; font-weight: 300;} .item.two .title { width: 24.166em; left: 8.3333em; top: 13.75em; background-position: 0 -4.166em; } .item.two .explain { left: 8.3333em; top: 19.166em; } .item.three .title { width: 20em; right: 4.166em; top: 12.083em; background-position: 0 -8.3333em; } .item.three .explain { width:26.25em; right: 4.166em; top: 17.5em; } .item.three .title-top {width: 24.166em; left: 6.666em; height: 4.166em; top: 5em; background-position: 0 0;text-indent: -9999px; background: url(../images/pc/item-title-sprite.png) no-repeat scroll 0 0; } .item.three .explain-top {left: 7.5em; top: 10.833em; color: #464a4a; font-size: 1.75em; line-height: 2em; font-weight: 300;} .item.four .title { width: 40.416em; left: 4.166em; top: 12.5em; background-position: 0 -12.5em; } .item.four .explain { left: 4.166em; top: 17.916em; } .item .item-icons { left: 5px; bottom: 1.666em; } .item .item-icons li { width: 12.4em; height: 12.4em; float: left; margin-left: 3.416em; background-image: url(../images/pc/home-share-icon-sprite.png); background-size: 300% auto; } .item .item-icons li.drugs { background-position: 0 0; } .item .item-icons li.wheelchair { background-position: -12.4em 0; } .item .item-icons li.brain { background-position: -24.8em 0; } .item.two.animate .title { animation: box-sliderLeft 1s ease 0s 1 forwards; -webkit-animation: box-sliderLeft 1s ease 0s 1 forwards; } .item.two.animate .explain { animation: box-sliderLeft 2.5s ease 0s 1 forwards; -webkit-animation: box-sliderLeft 2.5s ease 0s 1 forwards; } .item.three.animate .title { animation: three-sliderRight-title 1.5s ease 0s 1 forwards; -webkit-animation: three-sliderRight-title 1.5s ease 0s 1 forwards; } .item.three.animate .explain { animation: three-sliderRight-explain 2.5s ease 0s 1 forwards; -webkit-animation: three-sliderRight-explain 2.5s ease 0s 1 forwards; } .item.three.animate .title-top { animation: four-sliderRight-title 1s ease 0s 1 forwards; -webkit-animation: four-sliderRight-title 1s ease 0s 1 forwards; } .item.three.animate .explain-top { animation: four-sliderRight-title 2.5s ease 0s 1 forwards; -webkit-animation: four-sliderRight-title 2.5s ease 0s 1 forwards; } .item.four.animate .title { animation: four-sliderRight-title 1s ease 0s 1 forwards; -webkit-animation: four-sliderRight-title 1s ease 0s 1 forwards; } .item.four.animate .explain { animation: four-sliderRight-explain 2.5s ease 0s 1 forwards; -webkit-animation: four-sliderRight-explain 2.5s ease 0s 1 forwards; } .item.four.animate .platform { animation: four-sliderRight-platform 1s ease 0s 1 forwards; -webkit-animation: four-sliderRight-platform 1s ease 0s 1 forwards; } .item.four .platform { width:8.3333em;height:5em;position: absolute; left:33.33em;background-color: #fff;top:6.666em; text-align: center; border-radius: 0.833em;padding-top:3.333em; box-shadow: 0 0.833em 2.416em 0 rgba(14, 31, 77, 0.1); transition: all 0.3s ease-in-out; z-index:666; } .item.four .platform:hover{ background-color: #59A7FB;width:16.666em; } .item.four .platform:hover a{color: #fff; text-decoration: none;} .item.four .platform a{text-decoration: none;font-weight: bold;color: #464a4a} .platform.p2 {left:42.083em !important;top:15.833em !important;z-index:665 !important;} .platform.p3 {left: 50.833em !important;z-index:664 !important;} .platform.p4 {left:59.583em !important; top:15.833em !important;z-index:663 !important;} .platform.p5 {left:68.333em !important;z-index: inherit 662 !important; } .platform.p6 {left:77.083em !important; top:15.833em !important;z-index:661 !important;} .platform.p7 {left: 85.833em !important;z-index:660 !important; } */ /* ./index main */ /*鎻愮ず鍚戜笅绠ご*/ .tips-arror-bottom { position: fixed; z-index: 9999; left: 50%; margin-left: -4.166em; bottom: 1.666em; width: 8.3333em; height: 2.5em; background: url(../Images/pc/tips-arror-bottom.png) no-repeat scroll left top; background-size: 100% auto; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; animation: arrow .45s ease-in-out .3s infinite alternate; -webkit-animation: arrow .45s ease-in-out .3s infinite alternate; } @keyframes arrow { to { bottom: 0; }} @-webkit-keyframes arrow {to { bottom: 0; }} /*./鎻愮ず鍚戜笅绠ご*/ /* 棣栭〉鍔ㄧ敾 */ /* 宸︽粦鍏 */ @keyframes sliderLeft { from { right: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @-webkit-keyframes sliderLeft { from { right: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @keyframes sliderLeft-title { from,50% { right: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @-webkit-keyframes sliderLeft-title { from,50% { right: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @keyframes sliderLeft-down { from,57% { right: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @-webkit-keyframes sliderLeft-down { from,57% { right: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @keyframes box-sliderLeft { from,50% { right: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @-webkit-keyframes box-sliderLeft { from,50% { right: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } /* 宸︽粦鍏 */ @keyframes sliderLeft50 { from { right: -50%; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @-webkit-keyframes sliderLeft50 { from { right: -50%; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } /* 鍙虫粦鍏 */ @keyframes sliderRight { from { left: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @-webkit-keyframes sliderRight { from { left: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @keyframes three-sliderRight-title { from,33% { right: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @-webkit-keyframes three-sliderRight-title { from,33% { right: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @keyframes three-sliderRight-explain { from,40% { right: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @-webkit-keyframes three-sliderRight-explain { from,40% { right: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @keyframes four-sliderRight-title { from { left: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @-webkit-keyframes four-sliderRight-title { from { left: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @keyframes four-sliderRight-explain { from,40% { left: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @-webkit-keyframes four-sliderRight-explain { from,40% { left: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @keyframes four-sliderRight-platform { from,40% { top: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @-webkit-keyframes four-sliderRight-platform { from,40% { top: -5%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @keyframes sliderRight50 { from { left: -50%; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @-webkit-keyframes sliderRight50 { from { left: -50%; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } /* 涓婃粦鍏 */ @keyframes sliderBottom { from { bottom: -100%; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @-webkit-keyframes sliderBottom { from { bottom: -100%; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @keyframes sliderBottom-downBtn { from,56.5% { bottom: -100%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @-webkit-keyframes sliderBottom-downBtn { from,56.5% { bottom: -100%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } /* 鏃嬭浆 */ @keyframes rorate360 { from { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @-webkit-keyframes rorate360 { from { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } /* 娣″叆(宸﹀彸鏂瑰悜) */ @keyframes mobile-childLeft { from,to { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } 25%,75% { left: -15.833em; filter: alpha(opacity=90); -moz-opacity: 0.90; -khtml-opacity: 0.90; opacity: 0.90; } } @-webkit-keyframes mobile-childLeft { from,to { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } 25%,75% { left: -15.833em; filter: alpha(opacity=90); -moz-opacity: 0.90; -khtml-opacity: 0.90; opacity: 0.90; } } @keyframes mobile-childRight { from,to { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } 25%,75% { right: -15.833em; filter: alpha(opacity=90); -moz-opacity: 0.90; -khtml-opacity: 0.90; opacity: 0.90; } } @-webkit-keyframes mobile-childRight { from,to { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } 25%,75% { right: -15.833em; filter: alpha(opacity=90); -moz-opacity: 0.90; -khtml-opacity: 0.90; opacity: 0.90; } } /* ./鏀惧ぇ娣″叆 */ /*鍔ㄧ敾涓?/ @keyframes sliderThree { from { width: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @-webkit-keyframes sliderThree { from { width: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @keyframes box-sliderThree { from,16.67% { width: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @-webkit-keyframes box-sliderThree { from,16.67% { width: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } to { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } /* 鍥炬爣婊氬叆 */ @keyframes scrollIn { from { margin-left: -2000px; } to { transform: rotate(3600deg); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @-webkit-keyframes scrollIn { from { margin-left: -2000px; } to { transform: rotate(3600deg); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } /* 鏀惧ぇ缂╁皬 */ @keyframes scaleIn { from { transform: scale(0); -webkit-transform: scale(0); } to { transform: scale(1); -webkit-transform: scale(1); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @-webkit-keyframes scaleIn { from { transform: scale(0); -webkit-transform: scale(0); } to { transform: scale(1); -webkit-transform: scale(1); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @keyframes scaleIn-wheelchair { from,11.76% { transform: scale(0); -webkit-transform: scale(0); } to { transform: scale(1); -webkit-transform: scale(1); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @-webkit-keyframes scaleIn-wheelchair { from,11.76% { transform: scale(0); -webkit-transform: scale(0); } to { transform: scale(1); -webkit-transform: scale(1); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @keyframes scaleIn-brain { from,20% { transform: scale(0); -webkit-transform: scale(0); } to { transform: scale(1); -webkit-transform: scale(1); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @-webkit-keyframes scaleIn-brain { from,20% { transform: scale(0); -webkit-transform: scale(0); } to { transform: scale(1); -webkit-transform: scale(1); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } .box-hide { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } #header2 { display: none; }