/* CSS Document */ body,td,th { font-family: "Microsoft Yahei","Arial","\5b8b\4f53","sans-serif","微软雅黑"; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } /*标题*/ @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } .ICO1 { animation: lightSpeedIn 1s linear 0s; /* Firefox: */ -moz-animation: lightSpeedIn 1s linear 0s; /* Safari 和 Chrome: */ -webkit-animation: lightSpeedIn 1s linear 0s; /* Opera: */ -o-animation: lightSpeedIn 1s linear 0s; } /*谁的青春不张扬*/ @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .ICO3 img { animation: swing 1s linear 0s; /* Firefox: */ -moz-animation: swing 1s linear 0s; /* Safari 和 Chrome: */ -webkit-animation: swing 1s linear 0s; /* Opera: */ -o-animation: swing 1s linear 0s; } /*四员*/ @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .ICO2 { animation: fadeInLeft 1s linear 0s; /* Firefox: */ -moz-animation: fadeInLeft 1s linear 0s; /* Safari 和 Chrome: */ -webkit-animation: fadeInLeft 1s linear 0s; /* Opera: */ -o-animation: fadeInLeft 1s linear 0s; } /*立即报名*/ @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.1, 1.1, 1.1); } to { transform: scale3d(1, 1, 1); } } .ICO4 img { animation: pulse 1s linear 0s; /* Firefox: */ -moz-animation: pulse 1s linear 0s; /* Safari 和 Chrome: */ -webkit-animation: pulse 1s linear 0s; /* Opera: */ -o-animation: pulse 1s linear 0s; } .wx_siy{ height: auto; width: 100%; position:relative; } .wx_sy_nei{ width:100%; height:auto; position:absolute; top:0px; left:0px; } .wx_LOGO{ height: auto; width: 97%; margin:3% 0 0 3%; } .wx_tiet{ width:100%; height:auto; margin:3% 0 0 0; text-align:center; } .wx_kong{ width:100%; height:auto; margin:172% 0 0 0; } .wx_qincu{ width:100%; height:auto; margin:10% 0 0 0; text-align:center; } .wx_voide{ height: 200px; width: 94%; margin:6% 0 0 3%; } .wx_xbti{ text-align: right; height: auto; width: 100%; margin:10% 0 10% 0; } .wx_xbti2{ text-align: left; height: auto; width: 100%; float:left; clear:both; margin:10% 0 10% 0; } .wx_px_si1{ width: 90%; height:auto; margin:3% 0 0 7%; float:left; clear:both; } .tuxia1{ background-image: url("/wxsqlmzxcom/statics/sxjjw20130922/appsiyuan/images/wx_siyuzm4.png"); background-repeat: no-repeat; -moz-background-size:50%; background-size:50%; } .tuxia2{ background-image: url("/wxsqlmzxcom/statics/sxjjw20130922/appsiyuan/images/wx_siyuzm5.png"); background-repeat: no-repeat; -moz-background-size:50%; background-size:50%; } .tuxia3{ background-image: url("/wxsqlmzxcom/statics/sxjjw20130922/appsiyuan/images/wx_siyuzm6.png"); background-repeat: no-repeat; -moz-background-size:50%; background-size:50%; } .tuxia4{ background-image: url("/wxsqlmzxcom/statics/sxjjw20130922/appsiyuan/images/wx_siyuzm7.png"); background-repeat: no-repeat; -moz-background-size:50%; background-size:50%; } .si_wenzi{ font-size: 1em; line-height: 1.4em; font-weight: normal; color: #ffffff; margin:12% 0 0 28%; width:68%; float:left; clear:both; padding:0 0 5% 0; } .wx_tiaji{ height: auto; width: 90%; float:left; clear:both; padding:0% 0 0 5%; } .wx_tiaji p{ font-size: 1em; line-height: 1.5em; font-weight: normal; color: #FFFFFF; margin: 0px; padding: 0 0 4% 0; height: auto; width: auto; float:left; clear:both; } .but_siy{ text-align: center; height: auto; width: 100%; float:left; clear:both; margin:5% 0 3% 0; } .but_anku{ height: auto; width: 100%; float:left; clear:both; } .but_niu1{ -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; text-align: center; line-height: normal; margin:5% 0 0 7.5%; background-color: #fad053; font-size: 1.5em; color: #d93c3f; cursor: pointer; border-bottom: 8px solid #ce7d44; transition: all 0.3s; float:left; padding:2% 10% 2% 10%; } .but_niu1 a{ display: block; } .wx_siy2{ height: auto; width: 100%; position:relative; } .wx_ewm_kj{ width:100%; height:auto; position:absolute; top:0px; left:0px; } .wx_ewm_left{ float: left; height: auto; width: 25%; margin:6% 0 0 0; text-align:right; } .wx_ewm_right{ font-size: 0.90em; line-height: 1.5em; font-weight: normal; color: #000000; height: auto; width: 68%; float:left; margin:6% 0 0 5%; } .rchsy{ font-size: 1em; line-height: 2em; font-weight: normal; color: #333333; text-align: right; clear: both; float: left; height: auto; width: 95%; padding:5% 5% 0 0; } .rchsy a{ color: #333333; text-decoration: none; }