/*e_ContentMajorStyleBox-001*/ .e_ContentMajorStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_top*/ /*stylebox_link*/ .e_ContentMajorStyleBox-001 .stylebox_link{ color:#666666; font-size: 14px; height: inherit; display: table; padding:0 15px; border-width: 0px; float: right; vertical-align: middle; margin-right: 15px; } .e_ContentMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_ContentMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_ContentMajorStyleBox-001 .title_icon::before{ content: ""; } .e_ContentMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_ContentMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_ContentMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; padding-right: 22px; vertical-align: top; } .e_ContentMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_ContentMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_ContentMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_ContentMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_ContentMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color:#f0f0f0; width: 100%; width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }/*e_ContentOrdinaryStyleBox-001*/ .e_ContentOrdinaryStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_link*/ .e_ContentOrdinaryStyleBox-001 .stylebox_link{ color:#666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_ContentOrdinaryStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_ContentOrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_ContentOrdinaryStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: transparent; } .e_ContentOrdinaryStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_ContentOrdinaryStyleBox-001 .title_icon::before{ content: ""; } .e_ContentOrdinaryStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_ContentOrdinaryStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_ContentOrdinaryStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_ContentOrdinaryStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_ContentOrdinaryStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_ContentOrdinaryStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_ContentOrdinaryStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_ContentOrdinaryStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_ContentOrdinaryStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }/*e_IndexOrdinaryStyleBox-001*/ .e_IndexOrdinaryStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_top*/ .e_IndexOrdinaryStyleBox-001 .stylebox_top{ background-color: transparent; } /*stylebox_link*/ .e_IndexOrdinaryStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; } .e_IndexOrdinaryStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_top{ width: auto; height: 40px; } .e_IndexOrdinaryStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size:medium; } .e_IndexOrdinaryStyleBox-001 .title_icon::before{ content: ""; } .e_IndexOrdinaryStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_IndexOrdinaryStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .stylebox_link{ float: right; vertical-align: middle; margin-right: 15px; } .e_IndexOrdinaryStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_IndexOrdinaryStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_IndexOrdinaryStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_IndexOrdinaryStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; height: calc(100% - 48px); width-uint:%; } .e_IndexOrdinaryStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }/*e_SideMajorStyleBox-001*/ .e_SideMajorStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_link*/ .e_SideMajorStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_SideMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_SideMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_SideMajorStyleBox-001 .title_icon::before{ content: ""; } .e_SideMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_SideMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_SideMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_SideMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_SideMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_SideMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_SideMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_SideMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.c_nav_main-55002{position:absolute; width:400px; height:400px; overflow:hidden;} .navBar { width:100%; margin:0 auto; line-height:50px; color:#333; } .nav { position:relative; width:100%; margin:0 auto; font-size:14px; height:50px; line-height:50px; background:none; } .nav a { color:#fff; } .nav h3 { font-size:16px; font-weight:normal; } .nav .m { float:left; position:relative; z-index:1; line-height:50px; } .nav .s { float:left; width:3px; text-align:center; color:#D4D4D4; font-size:12px; } .nav h3 a { display:block; width:115px; text-align:center; font-weight:bold; } .nav .sub { display:none; position:absolute; top:50px; z-index:1; width:117px; border:0px solid #e1b653; border-top:0; background:#95734a; height:auto!important; } .nav .sub li { text-align:center; padding:2px 8px; margin-bottom:-1px; } .nav .sub li a { display:block; border-bottom:0px solid #e1b653; height:32px; line-height:32px; color:#fff; font-size:14px; font-weight:bold; } .nav .sub li a:hover { color:#000; } .nav .block { height:4px; width:117px; background:#FE7700; position:absolute; left:0; top:45px; overflow:hidden; z-index:99; }.c_nav_main-23002 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_nav_main-55002 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_rbox-001{ position:absolute; width:300px; height:300px; } .w_rbox-001 .p_stylebox{ width: 100%; /* height: 100%;*/ } #w_rbox-1498547904090{ position: absolute; top: 0px; left: 50% !important; z-index: 101; width: 1200px; height: 528px; margin-left: -600px; } #w_rbox-1498638449123{ position: absolute; top: 0px; left: 50% !important; z-index: 101; width: 1200px; height: 528px; margin-left: -600px; } #w_rbox-1498635417219{ position: absolute; top: 0px; left: 50% !important; z-index: 101; width: 1200px; height: 528px; margin-left: -600px; } #w_rbox-1498640246963{ position: absolute; top: 0px; left: 50% !important; z-index: 101; width: 1200px; height: 528px; margin-left: -600px; } #w_rbox-1498642996320{ position: absolute; top: 0px; left: 50% !important; z-index: 101; width: 1200px; height: 528px; margin-left: -600px; } #w_rbox-1498644443741{ position: absolute; top: 0px; left: 50% !important; z-index: 101; width: 1200px; height: 528px; margin-left: -600px; } #w_rbox-1498701815297{ position: absolute; top: 0px; left: 50% !important; z-index: 101; width: 1200px; height: 528px; margin-left: -600px; }/*图片标题列表*/ .w_img-001 .p_title{ display:inline-table; margin:0; min-width:37px; padding:0; color:rgba(51,51,51,1); font-size:16px; font-weight:400; cursor:pointer; } .w_img-001 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_img-001 .p_title:hover{ color:rgba(87,177,173,1); } .w_img-001 .p_title:active{ color:rgba(69,165,161,1); } .w_img-001 .p_title .iconfont:before{ display: inline-block; content:""; }/*单张正文图片边框*/ .w_img-001 .p_dimage{ padding:0; border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .w_img-001 .p_dimage:hover{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .w_img-001 .p_dimage:active{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } /*普通短链接*/ .e_title.w_img-001 .p_link002{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_img-001 .p_link002{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-001 .p_link002:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-001 .p_link002:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-001 .p_link002:active{ text-decoration:none; margin-top:0; } .e_title.w_img-001 .p_link002 .iconfont:before{ display: inline-block; content:""; } /*普通短链接*/ .e_title.w_img-001 .p_link001{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_img-001 .p_link001{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-001 .p_link001:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-001 .p_link001:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-001 .p_link001:active{ text-decoration:none; margin-top:0; } .e_title.w_img-001 .p_link001 .iconfont:before{ display: inline-block; content:""; } /*无效果/分组*/ .w_img-001 .p_box{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .w_img-001{ position:absolute; width:280px; height:250px; } .w_img-001 .animated{ width:100%; height:100%; } .w_img-001 .font { white-space: nowrap; } .w_img-001 .p_link001{ width:100%; height:calc(100% - 30px); } .w_img-001 .p_link002{ width:100%; height:30px; } .w_img-001 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-001 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_img-001 .e_image:hover:after { background: transparent; }.c_ebizads_banner-73003 { position: absolute; width: 400px; height: 200px; overflow: hidden; } div[class^='c_ebizads_banner'].superMan { width: 100% !important; height: 100% !important; top: 0px !important; left: 0px !important; } .c_ebizads_banner-73003 #w-full-banner { width: 100%; height: 100%; position: relative; background-color: #fff; }
.c_ebizads_banner-73003 #w-full-banner ul { display: block; width: 100%; height: 100%; overflow: hidden; padding: 0px; margin;0px; position: relative; } 
.c_ebizads_banner-73003 #w-full-banner ul li { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity:0; z-index: 999; } 
.c_ebizads_banner-73003 #w-full-banner ul li.current { z-index: 1000; opacity:1; } 
.c_ebizads_banner-73003 #w-full-banner ul li a { display: block; width: 100%; height: 100%; position: relative; } .c_ebizads_banner-73003 #w-full-banner ul li img { object-fit: cover; display: block; width: 100%; height: 100%; } .c_ebizads_banner-73003 #w-full-banner ul li .describe { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; } 
.c_ebizads_banner-73003 #w-full-banner .btns { width: 100%; height: 5px; position: absolute; bottom: 25%; left: 0%; padding-top: 0; margin-top: 0; z-index: 1499; text-align: center; } 
c_ebizads_banner-73003 #w-full-banner .btns span { display: inline-block; width: 10px; height: 10px; padding-bottom: 0; background-color: #fff; border-radius: 50%; margin: 0px 5px; opacity: 0.2; transition: .5s; cursor: pointer; } .c_ebizads_banner-73003 #w-full-banner .btns span.current, .c_ebizads_banner-73003 #w-full-banner .btns span:hover { opacity: 0.6; } 
.c_ebizads_banner-73003 #w-full-banner.fxSoftScale .navOutNext { -webkit-animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1); } .c_ebizads_banner-73003 #w-full-banner.fxSoftScale .navInNext { -webkit-animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1); } 
.c_ebizads_banner-73003 #w-full-banner.fxSoftScale .navOutPrev { -webkit-animation: scaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: scaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1); } .c_ebizads_banner-73003 #w-full-banner.fxSoftScale .navInPrev { -webkit-animation: scaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: scaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1); } @-webkit-keyframes scaleUp { from {} to { -webkit-transform: scale(1.2); opacity: 0; } } @keyframes scaleUp { from {} to { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } @-webkit-keyframes scaleDownUp { from { opacity: 0; -webkit-transform: scale(0.9); } to { opacity: 1; -webkit-transform: scale(1); } } @keyframes scaleDownUp { from { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes scaleDown { from {} to { opacity: 0; -webkit-transform: scale(0.9); } } @keyframes scaleDown { from {} to { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } } @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.2); } to { opacity: 1; -webkit-transform: scale(1); } } @keyframes scaleUpDown { from { -webkit-transform: scale(1.2); transform: scale(1.2); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .c_ebizads_banner-73003 #w-full-banner.fxPressAway .navOutNext { -webkit-animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); } .c_ebizads_banner-73003 #w-full-banner.fxPressAway .navInNext { opacity: 1; -webkit-animation: slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); } .c_ebizads_banner-73003 #w-full-banner.fxPressAway .navOutPrev { -webkit-animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); } .c_ebizads_banner-73003 #w-full-banner.fxPressAway .navInPrev { opacity: 1; -webkit-animation: slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); } @-webkit-keyframes slideOutScaleRight { from {} to { -webkit-transform: translateX(100%) scale(0.9); opacity: 0; } } @keyframes slideOutScaleRight { from {} to { -webkit-transform: translateX(100%) scale(0.9); transform: translateX(100%) scale(0.9); opacity: 0; } } @-webkit-keyframes slideInFromLeft { from { -webkit-transform: translateX(-100%); } to { -webkit-transform: translateX(0); } } @keyframes slideInFromLeft { from { -webkit-transform: translateX(-100%); transform: translateX(-100%); } to { -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideOutScaleLeft { from {} to { -webkit-transform: translateX(-100%) scale(0.9); opacity: 0; } } @keyframes slideOutScaleLeft { from {} to { -webkit-transform: translateX(-100%) scale(0.9); transform: translateX(-100%) scale(0.9); opacity: 0; } } @-webkit-keyframes slideInFromRight { from { -webkit-transform: translateX(100%); } to { -webkit-transform: translateX(0); } } @keyframes slideInFromRight { from { -webkit-transform: translateX(100%); transform: translateX(100%); } to { -webkit-transform: translateX(0); transform: translateX(0); } } .c_ebizads_banner-73003 #w-full-banner.fxSideSwing .navOutNext { -webkit-animation: slideOutScaleRight 1.2s forwards; animation: slideOutScaleRight 1.2s forwards; -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1); animation-timing-function: cubic-bezier(1, -0.2, 0, 1); } .c_ebizads_banner-73003 #w-full-banner.fxSideSwing .navInNext { opacity: 1; -webkit-animation: slideInFromLeft 1.2s forwards; animation: slideInFromLeft 1.2s forwards; -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1); animation-timing-function: cubic-bezier(1, -0.2, 0, 1); } .c_ebizads_banner-73003 #w-full-banner.fxSideSwing .navOutPrev { -webkit-animation: slideOutScaleLeft 1.2s forwards; animation: slideOutScaleLeft 1.2s forwards; -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1); animation-timing-function: cubic-bezier(1, -0.2, 0, 1); } .c_ebizads_banner-73003 #w-full-banner.fxSideSwing .navInPrev { opacity: 1; -webkit-animation: slideInFromRight 1.2s forwards; animation: slideInFromRight 1.2s forwards; -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1); animation-timing-function: cubic-bezier(1, -0.2, 0, 1); } .c_ebizads_banner-73003 #w-full-banner.fxFortuneWheel .itemwrap { -webkit-perspective: 1600px; perspective: 1600px; } .c_ebizads_banner-73003 #w-full-banner.fxFortuneWheel .navOutNext { -webkit-animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); } .c_ebizads_banner-73003 #w-full-banner.fxFortuneWheel .navInNext { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: rotateInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: rotateInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); } .c_ebizads_banner-73003 #w-full-banner.fxFortuneWheel .navOutPrev { -webkit-animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); } .c_ebizads_banner-73003 #w-full-banner.fxFortuneWheel .navInPrev { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-animation: rotateInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: rotateInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); } @-webkit-keyframes rotateInFromLeft { from { -webkit-transform: translateX(-100%) rotateY(-55deg); } to { -webkit-transform: translateX(0) rotateY(0deg); opacity: 1; } } @keyframes rotateInFromLeft { from { -webkit-transform: translateX(-100%) rotateY(-55deg); transform: translateX(-100%) rotateY(-55deg); } to { -webkit-transform: translateX(0) rotateY(0deg); transform: translateX(0) rotateY(0deg); opacity: 1; } } @-webkit-keyframes rotateInFromRight { from { -webkit-transform: translateX(100%) rotateY(55deg); } to { -webkit-transform: translateX(0) rotateY(0deg); opacity: 1; } } @keyframes rotateInFromRight { from { -webkit-transform: translateX(100%) rotateY(55deg); transform: translateX(100%) rotateY(55deg); } to { -webkit-transform: translateX(0) rotateY(0deg); transform: translateX(0) rotateY(0deg); opacity: 1; } } .c_ebizads_banner-73003 #w-full-banner.fxSwipe .navOutNext { -webkit-animation: decreaseHeight 0.8s forwards ease-in-out; animation: decreaseHeight 0.8s forwards ease-in-out; } .c_ebizads_banner-73003 #w-full-banner.fxSwipe .navInNext { -webkit-animation: show 0.8s forwards ease-in-out; animation: show 0.8s forwards ease-in-out; } .c_ebizads_banner-73003 #w-full-banner.fxSwipe .navOutPrev { -webkit-animation: hide 0.8s forwards ease-in-out; animation: hide 0.8s forwards ease-in-out; } .c_ebizads_banner-73003 #w-full-banner.fxSwipe .navInPrev { z-index: 1001; opacity: 1; -webkit-animation: increaseHeight 0.8s forwards ease-in-out; animation: increaseHeight 0.8s forwards ease-in-out; } @-webkit-keyframes decreaseHeight { from {} to { height: 0; } } @keyframes decreaseHeight { from {} to { height: 0; } } @-webkit-keyframes show { 0% { opacity: 0; } 1%, 100% { opacity: 1; } } @keyframes show { 0% { opacity: 0; } 1%, 100% { opacity: 1; } } @-webkit-keyframes hide { 0%, 99% { opacity: 1; } 100% { opacity: 0; } } @keyframes hide { 0%, 99% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes increaseHeight { from { height: 0; } to { height: 100%; } } @keyframes increaseHeight { from { height: 0; } to { height: 100%; } } .c_ebizads_banner-73003 #w-full-banner.fxPushReveal .navOutNext { opacity: 1; -webkit-animation: slideOutBottom 0.7s forwards ease-in-out; animation: slideOutBottom 0.7s forwards ease-in-out; } .c_ebizads_banner-73003 #w-full-banner.fxPushReveal .navInNext { opacity: 1; -webkit-animation: slideInHalfFromTop 0.7s forwards ease-in-out; animation: slideInHalfFromTop 0.7s forwards ease-in-out; } .c_ebizads_banner-73003 #w-full-banner.fxPushReveal .navOutPrev { opacity: 1; -webkit-animation: slideOutHalfTop 0.7s forwards ease-in-out; animation: slideOutHalfTop 0.7s forwards ease-in-out; } .c_ebizads_banner-73003 #w-full-banner.fxPushReveal .navInPrev { opacity: 1; z-index: 1001; -webkit-animation: slideInFromBottom 0.7s forwards ease-in-out; animation: slideInFromBottom 0.7s forwards ease-in-out; } @-webkit-keyframes slideOutBottom { from {} to { -webkit-transform: translateY(100%); } } @keyframes slideOutBottom { from {} to { -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes slideInHalfFromTop { from { -webkit-transform: translateY(-50%); } to { -webkit-transform: translateY(0); } } @keyframes slideInHalfFromTop { from { -webkit-transform: translateY(-50%); transform: translateY(-50%); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideOutHalfTop { from {} to { -webkit-transform: translateY(-50%); } } @keyframes slideOutHalfTop { from {} to { -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @-webkit-keyframes slideInFromBottom { from { -webkit-transform: translateY(100%); } to { -webkit-transform: translateY(0); } } @keyframes slideInFromBottom { from { -webkit-transform: translateY(100%); transform: translateY(100%); } to { -webkit-transform: translateY(0); transform: translateY(0); } } .c_ebizads_banner-73003 #w-full-banner.fxSnapIn .navOutNext { -webkit-animation: slideOutLeft 0.5s forwards ease-in; animation: slideOutLeft 0.5s forwards ease-in; } .c_ebizads_banner-73003 #w-full-banner.fxSnapIn .navInNext { z-index: 1001; opacity: 1; -webkit-animation: slideFromRightFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideFromRightFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1); } .c_ebizads_banner-73003 #w-full-banner.fxSnapIn .navOutPrev { -webkit-animation: slideOutRight 0.5s forwards ease-in; animation: slideOutRight 0.5s forwards ease-in; } .c_ebizads_banner-73003 #w-full-banner.fxSnapIn .navInPrev { z-index: 1001; opacity: 1; -webkit-animation: slideFromLeftFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideFromLeftFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1); } .c_ebizads_banner-73003 #w-full-banner.fxSnapIn li::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; background-color: rgba(0, 0, 0, 0.8); transition: opacity 0.4s 0.1s ease-in; } .c_ebizads_banner-73003 #w-full-banner.fxSnapIn .navOutPrev::after, .c_ebizads_banner-73003 #w-full-banner.fxSnapIn .navOutNext::after { opacity: 1; } @-webkit-keyframes slideOutLeft { from {} to { -webkit-transform: translateX(-10%); } } @keyframes slideOutLeft { from {} to { -webkit-transform: translateX(-10%); transform: translateX(-10%); } } @-webkit-keyframes slideFromRightFast { 0%, 50% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(0%); } } @keyframes slideFromRightFast { 0%, 50% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes slideOutRight { from {} to { -webkit-transform: translateX(10%); } } @keyframes slideOutRight { from {} to { -webkit-transform: translateX(10%); transform: translateX(10%); } } @-webkit-keyframes slideFromLeftFast { 0%, 50% { -webkit-transform: translateX(-100%); } 100% { -webkit-transform: translateX(0%); } } @keyframes slideFromLeftFast { 0%, 50% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } .c_ebizads_banner-73003 #w-full-banner.fxLetMeIn .itemwrap { -webkit-perspective: 1600px; perspective: 1600px; } .c_ebizads_banner-73003 #w-full-banner.fxLetMeIn .navOutNext { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-animation: rotateOutRight 0.5s forwards ease-in-out; animation: rotateOutRight 0.5s forwards ease-in-out; } .c_ebizads_banner-73003 #w-full-banner.fxLetMeIn .navInNext { z-index: 1001; opacity: 1; -webkit-animation: slideFromRightFast 0.5s forwards ease; animation: slideFromRightFast 0.5s forwards ease; } .c_ebizads_banner-73003 #w-full-banner.fxLetMeIn .navOutPrev { -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-animation: rotateOutLeft 0.5s forwards ease-in-out; animation: rotateOutLeft 0.5s forwards ease-in-out; } .c_ebizads_banner-73003 #w-full-banner.fxLetMeIn .navInPrev { z-index: 1001; opacity: 1; -webkit-animation: slideFromLeftFast 0.5s forwards ease; animation: slideFromLeftFast 0.5s forwards ease; } .c_ebizads_banner-73003 #w-full-banner.fxLetMeIn li::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; background-color: rgba(0, 0, 0, 0.6); transition: opacity 0.5s ease-in-out; } .c_ebizads_banner-73003 #w-full-banner.fxLetMeIn .navOutPrev::after, .c_ebizads_banner-73003 #w-full-banner.fxLetMeIn .navOutNext::after { opacity: 1; } @-webkit-keyframes rotateOutRight { from {} to { -webkit-transform: rotateY(10deg); } } @keyframes rotateOutRight { from {} to { -webkit-transform: rotateY(10deg); transform: rotateY(10deg); } } @-webkit-keyframes rotateOutLeft { from {} to { -webkit-transform: rotateY(-10deg); } } @keyframes rotateOutLeft { from {} to { -webkit-transform: rotateY(-10deg); transform: rotateY(-10deg); } } .c_ebizads_banner-73003 #w-full-banner.fxStickIt .itemwrap { -webkit-perspective: 1600px; perspective: 1600px; } .c_ebizads_banner-73003 #w-full-banner.fxStickIt .navOutNext { -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: rotateBottomSideOut 0.8s forwards ease-in; animation: rotateBottomSideOut 0.8s forwards ease-in; } .c_ebizads_banner-73003 #w-full-banner.fxStickIt .navInNext { z-index: 1001; opacity: 1; -webkit-animation: slideInFromBottomDelayed 0.8s forwards; animation: slideInFromBottomDelayed 0.8s forwards; } .c_ebizads_banner-73003 #w-full-banner.fxStickIt .navOutPrev { opacity: 1; -webkit-animation: slideOutToBottom 0.8s forwards; animation: slideOutToBottom 0.8s forwards; } .c_ebizads_banner-73003 #w-full-banner.fxStickIt .navInPrev { -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: rotateBottomSideIn 0.8s 0.1s forwards ease-in; animation: rotateBottomSideIn 0.8s 0.1s forwards ease-in; } @-webkit-keyframes rotateBottomSideOut { from {} 40% { -webkit-transform: rotateX(-15deg); -webkit-animation-timing-function: ease-out; } 100% { opacity: 0; -webkit-transform: scale(0.8) translateZ(-200px); } } @keyframes rotateBottomSideOut { from {} 40% { -webkit-transform: rotateX(-15deg); transform: rotateX(-15deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { opacity: 0; -webkit-transform: scale(0.8) translateZ(-200px); transform: scale(0.8) translateZ(-200px); } } @-webkit-keyframes slideInFromBottomDelayed { 0%, 30% { -webkit-transform: translateY(100%); } 100% { -webkit-transform: translateY(0); } } @keyframes slideInFromBottomDelayed { 0%, 30% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes rotateBottomSideIn { 0% { opacity: 0; -webkit-transform: scale(0.8) translateZ(-200px); } 60% { -webkit-transform: scale(1) translateZ(0) rotateX(-15deg); -webkit-animation-timing-function: ease-out; } 100% { opacity: 1; -webkit-transform: scale(1) translateZ(0) rotateX(0deg); } } @keyframes rotateBottomSideIn { 0% { opacity: 0; -webkit-transform: scale(0.8) translateZ(-200px); transform: scale(0.8) translateZ(-200px); } 60% { -webkit-transform: scale(1) translateZ(0) rotateX(-15deg); transform: scale(1) translateZ(0) rotateX(-15deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { opacity: 1; -webkit-transform: scale(1) translateZ(0) rotateX(0deg); transform: scale(1) translateZ(0) rotateX(0deg); } } .c_ebizads_banner-73003 #w-full-banner.fxArchiveMe .navOutNext { -webkit-animation: scaleHalfDown 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: scaleHalfDown 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1); } .c_ebizads_banner-73003 #w-full-banner.fxArchiveMe .navInNext { z-index: 1001; opacity: 1; -webkit-animation: slideInFromBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideInFromBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1); } .c_ebizads_banner-73003 #w-full-banner.fxArchiveMe .navOutPrev { -webkit-animation: slideOutToBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideOutToBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1); } .c_ebizads_banner-73003 #w-full-banner.fxArchiveMe .navInPrev { -webkit-animation: scaleHalfUp 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: scaleHalfUp 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1); } .c_ebizads_banner-73003 #w-full-banner.fxArchiveMe li::before, .c_ebizads_banner-73003 #w-full-banner.fxArchiveMe li::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background-color: rgba(0, 0, 0, 0.7); transition: opacity 0.7s cubic-bezier(0.7, 0, 0.3, 1); } .c_ebizads_banner-73003 #w-full-banner.fxArchiveMe li::after, .c_ebizads_banner-73003 #w-full-banner.fxArchiveMe .navOutNext::before { opacity: 1; } .c_ebizads_banner-73003 #w-full-banner.fxArchiveMe li::before, .c_ebizads_banner-73003 #w-full-banner.fxArchiveMe li.current::after, .c_ebizads_banner-73003 #w-full-banner.fxArchiveMe .navInNext::after, .c_ebizads_banner-73003 #w-full-banner.fxArchiveMe .navInPrev::after { opacity: 0; } .c_ebizads_banner-73003 #w-full-banner.fxArchiveMe .navInNext::after { transition: none; } @-webkit-keyframes scaleHalfDown { from {} to { -webkit-transform: scale(0.6); opacity: 0; } } @keyframes scaleHalfDown { from {} to { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; } } @-webkit-keyframes slideOutToBottom { from {} to { -webkit-transform: translateY(100%); } } @keyframes slideOutToBottom { from {} to { -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes scaleHalfUp { from { opacity: 0; -webkit-transform: scale(0.6); } to { opacity: 1; -webkit-transform: scale(1); } } @keyframes scaleHalfUp { from { opacity: 0; -webkit-transform: scale(0.6); transform: scale(0.6); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .c_ebizads_banner-73003 #w-full-banner.fxVGrowth .navOutNext { -webkit-animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1); animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1); } .c_ebizads_banner-73003 #w-full-banner.fxVGrowth .navInNext { z-index: 1001; opacity: 1; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1); animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1); } .c_ebizads_banner-73003 #w-full-banner.fxVGrowth .navOutPrev { -webkit-animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1); animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1); } .c_ebizads_banner-73003 #w-full-banner.fxVGrowth .navInPrev { z-index: 1001; opacity: 1; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1); animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1); } @-webkit-keyframes maximize { from { -webkit-transform: scale(0); } to { -webkit-transform: scale(1); } } @keyframes maximize { from { -webkit-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); transform: scale(1); } } .c_ebizads_banner-73003 #w-full-banner.fxSlideBehind .itemwrap { -webkit-perspective: 1000px; perspective: 1000px; } .c_ebizads_banner-73003 #w-full-banner.fxSlideBehind .navOutNext { -webkit-animation: hideLeft 0.8s forwards; animation: hideLeft 0.8s forwards; } .c_ebizads_banner-73003 #w-full-banner.fxSlideBehind .navInNext { -webkit-animation: showRight 0.8s forwards; animation: showRight 0.8s forwards; } .c_ebizads_banner-73003 #w-full-banner.fxSlideBehind .navOutPrev { -webkit-animation: hideRight 0.8s forwards; animation: hideRight 0.8s forwards; } .c_ebizads_banner-73003 #w-full-banner.fxSlideBehind .navInPrev { -webkit-animation: showLeft 0.8s forwards; animation: showLeft 0.8s forwards; } @-webkit-keyframes hideLeft { 0% { -webkit-transform: translateZ( 0px); } 40% { -webkit-transform: translate( 0, -40%) scale( 0.8) rotateX( -20deg); z-index: 9999; } 100% { opacity: 1; -webkit-transform: translateZ( -400px); } } @keyframes hideLeft { 0% { -webkit-transform: translateZ( 0px); transform: translateZ( 0px); } 40% { -webkit-transform: translate( 0, -40%) scale( 0.8) rotateX( -20deg); transform: translate( 0, -40%) scale( 0.8) rotateX( -20deg); z-index: 9999; } 100% { opacity: 1; -webkit-transform: translateZ( -400px); transform: translateZ( -400px); } } @-webkit-keyframes showRight { 0% { -webkit-transform: translateZ( -400px); opacity: 1; } 40% { -webkit-transform: translate( 0, 40%) scale( 0.8) rotateX( 20deg); opacity: 1; } 41% { -webkit-transform: translate( 0, 40%) scale( 0.8) rotateX( 20deg); opacity: 1; z-index: 9999; } 100% { -webkit-transform: translateZ( 0px); opacity: 1; z-index: 9999; } } @keyframes showRight { 0% { -webkit-transform: translateZ( -400px); transform: translateZ( -400px); opacity: 1; } 40% { -webkit-transform: translate( 0, 40%) scale( 0.8) rotateX( 20deg); transform: translate( 0, 40%) scale( 0.8) rotateX( 20deg); opacity: 1; } 41% { -webkit-transform: translate( 0, 40%) scale( 0.8) rotateX( 20deg); transform: translate( 0, 40%) scale( 0.8) rotateX( 20deg); opacity: 1; z-index: 9999; } 100% { -webkit-transform: translateZ( 0px); transform: translateZ( 0px); opacity: 1; z-index: 9999; } } @-webkit-keyframes hideRight { 0% { -webkit-transform: translateZ( 0px); } 40% { -webkit-transform: translate( 0, 40%) scale( 0.8) rotateX( 20deg); z-index: 9999; } 100% { opacity: 1; -webkit-transform: translateZ( -400px); } } @keyframes hideRight { 0% { -webkit-transform: translateZ( 0px); transform: translateZ( 0px); } 40% { -webkit-transform: translate( 0, 40%) scale( 0.8) rotateX( 20deg); transform: translate( 0, 40%) scale( 0.8) rotateX( 20deg); z-index: 9999; } 100% { opacity: 1; -webkit-transform: translateZ( -400px); transform: translateZ( -400px); } } @-webkit-keyframes showLeft { 0% { -webkit-transform: translateZ( -400px); opacity: 1; } 40% { -webkit-transform: translate( 0, -40%) scale( 0.8) rotateX( -20deg); opacity: 1; } 41% { -webkit-transform: translate( 0, -40%) scale( 0.8) rotateX( -20deg); opacity: 1; z-index: 9999; } 100% { -webkit-transform: translateZ( 0px); opacity: 1; z-index: 9999; } } @keyframes showLeft { 0% { -webkit-transform: translateZ( -400px); transform: translateZ( -400px); opacity: 1; } 40% { -webkit-transform: translate( 0, -40%) scale( 0.8) rotateX( -20deg); transform: translate( 0, -40%) scale( 0.8) rotateX( -20deg); opacity: 1; } 41% { -webkit-transform: translate( 0, -40%) scale( 0.8) rotateX( -20deg); transform: translate( 0, -40%) scale( 0.8) rotateX( -20deg); opacity: 1; z-index: 9999; } 100% { -webkit-transform: translateZ( 0px); transform: translateZ( 0px); opacity: 1; z-index: 9999; } } .c_ebizads_banner-73003 #w-full-banner.fxSoftPulse .navOutPrev, .c_ebizads_banner-73003 #w-full-banner.fxSoftPulse .navOutNext { -webkit-animation: scaleUpFadeOut 0.8s forwards ease-in; animation: scaleUpFadeOut 0.8s forwards ease-in; } .c_ebizads_banner-73003 #w-full-banner.fxSoftPulse .navInPrev, .c_ebizads_banner-73003 #w-full-banner.fxSoftPulse .navInNext { -webkit-animation: scaleDownFadeIn 0.8s forwards ease-out; animation: scaleDownFadeIn 0.8s forwards ease-out; } @-webkit-keyframes scaleUpFadeOut { from {} 50% { -webkit-transform: scale(1.2); opacity: 1; } 75% { -webkit-transform: scale(1.1); opacity: 0; } 100% { -webkit-transform: scale(1); opacity: 0; } } @keyframes scaleUpFadeOut { from {} 50% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 75% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @-webkit-keyframes scaleDownFadeIn { from {} 50% { opacity: 1; -webkit-transform: scale(1.2); } 100% { opacity: 1; -webkit-transform: scale(1); } } @keyframes scaleDownFadeIn { from {} 50% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .c_ebizads_banner-73003 #w-full-banner.fxEarthquake .navOutNext { opacity: 1; -webkit-animation: shakeSlideBottom 1s 0.1s forwards; animation: shakeSlideBottom 1s 0.1s forwards; } .c_ebizads_banner-73003 #w-full-banner.fxEarthquake .navInNext { -webkit-animation: pushFromTop 1s 0.1s forwards; animation: pushFromTop 1s 0.1s forwards; } .c_ebizads_banner-73003 #w-full-banner.fxEarthquake .navOutPrev { opacity: 1; -webkit-animation: shakeSlideTop 1s 0.1s forwards; animation: shakeSlideTop 1s 0.1s forwards; } .c_ebizads_banner-73003 #w-full-banner.fxEarthquake .navInPrev { opacity: 1; -webkit-animation: pushFromBottom 1s 0.1s forwards; animation: pushFromBottom 1s 0.1s forwards; } .c_ebizads_banner-73003 #w-full-banner.fxEarthquake li::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; background-color: rgba(0, 0, 0, 0.3); transition: opacity 0.5s; } .c_ebizads_banner-73003 #w-full-banner.fxEarthquake .navOutPrev::after, .c_ebizads_banner-73003 #w-full-banner.fxEarthquake .navOutNext::after { opacity: 1; } @-webkit-keyframes shakeSlideBottom { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); } 2% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 6% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 8% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 10% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 18% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 20% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 32% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 34% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 38% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 44% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 46% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 54% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 56% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 58% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 60% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 66% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 100% { -webkit-transform: translateY(100%); } } @keyframes shakeSlideBottom { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); } 2% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); } 4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); } 6% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); } 8% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); } 10% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); } 12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); } 14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); } 16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); } 18% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); } 20% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); } 22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); } 24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); } 26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); } 28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); } 30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); } 32% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); } 34% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); } 36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); } 38% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); } 40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); } 42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); } 44% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); } 46% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); } 48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); } 50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); } 52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); } 54% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); } 56% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); } 58% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); } 60% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); } 62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); } 64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); } 66% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); } 68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); } 70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes pushFromTop { 0%, 70% { opacity: 0; -webkit-transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes pushFromTop { 0%, 70% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes shakeSlideTop { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); } 2% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 6% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 8% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 10% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 18% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 20% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 32% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 34% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 38% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 44% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 46% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 54% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 56% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 58% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 60% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); } 66% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } 68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); } 70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); } 100% { -webkit-transform: translateY(-100%); } } @keyframes shakeSlideTop { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); } 2% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); } 4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); } 6% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); } 8% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); } 10% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); } 12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); } 14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); } 16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); } 18% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); } 20% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); } 22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); } 24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); } 26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); } 28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); } 30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); } 32% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); } 34% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); } 36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); } 38% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); } 40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); } 42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); } 44% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); } 46% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); } 48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); } 50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); } 52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); } 54% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); } 56% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); } 58% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); } 60% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); } 62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); } 64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); } 66% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); } 68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); } 70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes pushFromBottom { 0%, 70% { opacity: 0; -webkit-transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes pushFromBottom { 0%, 70% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .c_ebizads_banner-73003 #w-full-banner.fxCliffDiving li { -webkit-transform-origin: 50% 400%; transform-origin: 50% 400%; } .c_ebizads_banner-73003 #w-full-banner.fxCliffDiving .navOutNext { opacity: 1; -webkit-animation: rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1); } .c_ebizads_banner-73003 #w-full-banner.fxCliffDiving .navInNext { opacity: 1; -webkit-animation: rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1); } .c_ebizads_banner-73003 #w-full-banner.fxCliffDiving .navOutPrev { opacity: 1; -webkit-animation: rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1); } .c_ebizads_banner-73003 #w-full-banner.fxCliffDiving .navInPrev { opacity: 1; -webkit-animation: rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1); } .c_ebizads_banner-73003 #w-full-banner.fxCliffDiving li::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; background-color: rgba(0, 0, 0, 1); transition: opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1); } .c_ebizads_banner-73003 #w-full-banner.fxCliffDiving .navOutPrev::after, .c_ebizads_banner-73003 #w-full-banner.fxCliffDiving .navOutNext::after { opacity: 1; } @-webkit-keyframes rotateOutCircLeft { from {} to { -webkit-transform: rotate(-20deg) translateX(-100%); } } @keyframes rotateOutCircLeft { from {} to { -webkit-transform: rotate(-20deg) translateX(-100%); transform: rotate(-20deg) translateX(-100%); } } @-webkit-keyframes rotateInCircRight { from { -webkit-transform: rotate(20deg) translateX(100%); } to { -webkit-transform: rotate(0deg) translateX(0); } } @keyframes rotateInCircRight { from { -webkit-transform: rotate(20deg) translateX(100%); transform: rotate(20deg) translateX(100%); } to { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } } @-webkit-keyframes rotateOutCircRight { from {} to { -webkit-transform: rotate(20deg) translateX(100%); } } @keyframes rotateOutCircRight { from {} to { -webkit-transform: rotate(20deg) translateX(100%); transform: rotate(20deg) translateX(100%); } } @-webkit-keyframes rotateInCircLeft { from { -webkit-transform: rotate(-20deg) translateX(-100%); } to { -webkit-transform: rotate(0deg) translateX(0); } } @keyframes rotateInCircLeft { from { -webkit-transform: rotate(-20deg) translateX(-100%); transform: rotate(-20deg) translateX(-100%); } to { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } } .c_ebizads_banner-73003 .p_MatteIcon .iconfont:before { content: '\e602'; }.c_news_list-57002 {overflow: hidden;width:260px; height:321px; position:absolute; } .main-column{ width:100%; margin:0 auto; } .main-column li { margin-bottom: 16px; overflow:hidden; } .main-column li.odd-li .imgbox { float: right; } .main-column .imgbox { display: block; width: 25%; position: relative; overflow: hidden; margin-left: 30px; margin-right: 50px; } .main-column li .imgbox .pic { height: 100%; transition: 600ms; -webkit-transition: 600ms; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; background: #eee; overflow: hidden; height: 0; width: 100%; padding-bottom: 60%; } .main-column .imgbox img { width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-size: cover; background-position: center center; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position: absolute; transition: 466ms; } .i-wrap .up-graybox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s; } .i-wrap .up-graybox .bgbox { display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.4; filter: alpha(opacity=40); } .main-column li.odd-li .cont-wrap { float: left; margin-left: 3.8%; } .main-column .cont-wrap { width: 48%; height: 100%; padding-top: 1px; position: absolute; } .main-column .cont-wrap .stit { font-size: 16px; } .i-column-wrap .stit { font-size: 26px; line-height: 46px; height: 36px; overflow: hidden; color: #333; margin-left: -1px; margin-top: 5px; } .i-column-wrap.white .stit { color: #fff; font-weight: bold; } .i-column-wrap.white .stit a { color: #666666; transition: color 0.3s ease 0s; } .i-column-wrap.white .line { background-color: #fff; } .i-column-wrap .line { display: block; width: 10px; height: 2px; background-color: #fff; margin-top: 10px; display: none; } .i-column-wrap.white .mtit { color: #ce9600; } .main-column .cont-wrap .mtit { font-size: 14px; } .i-column-wrap .mtit { display: block; margin-top: 5px; line-height: 12px; color: #444; font-size: 12px; } .i-column-wrap.white .font { color: #4c4c4c; opacity: 0.8; filter: alpha(opacity=80); } .i-column-wrap .font { display: block; line-height: 24px; font-size: 13px; margin-top: 10px; height: 47px; overflow: hidden; } .i-column-wrap .link { display: block; width: 42px; height: 42px; border-radius: 50%; margin-top: 40px; transition: background 0.3s ease 0s; position: relative; overflow: hidden; } .i-column-wrap .link .bg { display: block; width: 0; height: 0; left: 50%; top: 50%; transition: all 0.3s ease 0s; position: absolute; border-radius: 50%; overflow: hidden; } .i-column-wrap .link i { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; transition: all 0.3s ease 0s; background:url(http://dfs.yun300.cn/group1/M00/00/DC/CgI9Fli9LxGEBw76AAAAAGz7FII269.png) no-repeat center; } .main-column li.even-li .cont-wrap { float: right; margin-right: 3.8%; right: 0px; } .main-column li.even-li .imgbox { float: left; } .main-column .imgbox:hover .up-graybox { opacity: 1; filter: alpha(opacity=1); } .main-column a.imgbox:hover .pic{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); } .p_page div { float: left; line-height: 30px; margin-left: 2px; } .e_pagebox { width: auto; height: auto; clear: both; float: right; margin-right: 30px; margin-top: 30px; margin-bottom: 30px; position: relative; } .p_page .pre { display: inline-table; float: left; margin-left: 18px; margin-right: 5px; } .p_page .pageNum { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 30px; } .p_page .next { display: inline-table; float: left; } .p_page .PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px; } .p_page .p_PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px; } .p_page .pre:after { content: ""; display: none; position: absolute; top: 5px; left: -14px; width: 27px; height: 27px; background-color: rgba(242, 242, 242, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .p_page .pre:hover:after { top: 4px; left: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .p_page .pre:active:after { top: 8px; left: -12px; width: 28px; height: 25px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform: rotate(-226deg); -moz-transform: rotate(-226deg); -o-transform: rotate(-226deg); -ms-transform: rotate(-226deg); transform: rotate(-226deg); z-index: -1; } .p_page .pre { height: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(242, 242, 242, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: relative; left: 0; top: 0; } .p_page .pre:hover { color: rgba(255,255,255,1); border-width: 0; border-style: solid; background-color: rgba(101,190,186,1); cursor: pointer; } .p_page .pre:active { background-color: rgba(90, 170, 167, 1); } .p_page .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px; } .p_page .pre:hover .iconfont { color: rgba(255,255,255,1); } .p_page .pre:active .iconfont { color: rgba(255,255,255,1); } .p_page .pre .iconfont:before { content: ""; margin-right: 5px; } .p_page .next:after { content: ""; display: none; position: absolute; top: 5px; right: -14px; width: 27px; height: 27px; background-color: rgba(101, 190, 186, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .p_page .next:hover:after { top: 5px; right: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0px #777; -moz-box-shadow: 0 3px 0px #777; box-shadow: 0 3px 0px #777; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index: -1; width: 26px; height: 26px; } .p_page .next:active:after { top: 8px; right: -12px; width: 27px; height: 24px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0px #777; -moz-box-shadow: 0 3px 0px #777; box-shadow: 0 3px 0px #777; -webkit-transform: rotate(226deg); -moz-transform: rotate(226deg); -o-transform: rotate(226deg); -ms-transform: rotate(226deg); transform: rotate(226deg); z-index: -1; } .p_page .next { height: 30px; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(101, 190, 186, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: relative; left: 0; top: 0; } .p_page .next:hover { color: rgba(255,255,255,1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(101,190,186,1); cursor: pointer; } .p_page .next:active { background-color: rgba(90, 170, 167, 1); } .p_page .next .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px; } .p_page .next:hover .iconfont { color: rgba(255,255,255,1); } .p_page .next:active .iconfont { color: rgba(255,255,255,1); } .p_page .next .iconfont:before { content: ""; margin-top: 3px; float: right; margin-left: 5px; } .p_page .pageNum { position: absolute; background-size: 100% 100%; color: inherit; cursor: pointer; display: table; font-family: inherit; font-size: 14px; font-weight: inherit; height: inherit; text-decoration: none; width: inherit; } .p_page .pageNum { height: 30px; width: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; background-color: rgba(242, 242, 242, 1); text-align: center; position: relative; } .p_page .pageNum:hover { color: rgba(255,255,255,1); border-width: 0; border-style: solid; cursor: pointer; text-decoration: none; background-color: rgba(101,190,186,1); } .p_page .pageNum:active { text-decoration: none; background-color: rgba(90, 170, 167, 1); } .p_page .pageNum.active { text-decoration: none; background-color: rgba(90, 170, 167, 1); color: rgba(255,255,255,1); } .p_page .pageNum .font { display: table-cell; vertical-align: middle; bottom: 0; } .p_page .pageNum .iconfont { display: inline; color: rgba(255,255,255,1); vertical-align: middle; } .p_page .pageNum:hover .iconfont { color: rgba(255,255,255,1); } .p_page .pageNum:active .iconfont { color: rgba(255,255,255,1); } .p_page .pageNum .iconfont:before { content: ""; } .p_page .PageInterval { line-height: 30px; cursor: text; color: rgba(102,102,102,1); } .p_page .p_PageInterval { line-height: 30px; cursor: text; color: rgba(102,102,102,1); } .p_OccupyBox { margin: 0; width: auto; height: auto; padding: 0; border: none; overflow: hidden; } .clear { clear: both; } .c_news_list-57002 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }.c_news_list-57002 .p_CommonSummaryBoxA{text-align:center; }.c_news_list-57002 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_news_list-57002 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-57002 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-57002 .p_more .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-57002 .p_loading .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .mtit{ color: #ce9e1d; float: left; font-size: 30px; line-height: 30px; padding-left: 25px; padding-top: 30px; width: 120px; height: 100px; word-break: break-all; padding-right: 10px; font-family:arial; }.w_img-002 .p_title{ display:inline-table; margin:0; min-width:37px; padding:0; color:rgba(51,51,51,1); font-size:16px; font-weight:400; cursor:pointer; } .w_img-002 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_img-002 .p_title:hover{ color:rgba(87,177,173,1); } .w_img-002 .p_title:active{ color:rgba(69,165,161,1); } .w_img-002 .p_title .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_dimage{ padding:0; border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .w_img-002 .p_dimage:hover{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .w_img-002 .p_dimage:active{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .e_title.w_img-002 .p_link002{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_img-002 .p_link002{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link002:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link002:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link002:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link002 .iconfont:before{ display: inline-block; content:""; } .e_title.w_img-002 .p_link001{display:inline-block;padding:0;color:#707070;font-size:14px;text-align:left;height:calc(100%); } .e_title.w_img-002 .p_link001{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link001:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link001:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link001:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link001 .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_box{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .w_img-002{position:absolute; width:300px; height:249px; } .w_img-002 .animated{ width:100%; height:100%; } .w_img-002 .font { white-space: nowrap; } .w_img-002 .p_link001{ width:100%; height:calc(100%); } .w_img-002 .p_link002{ width:100%; height:30px; } .w_img-002 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-002 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_img-002 .e_image:hover:after { background: transparent; }.w_img-002 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_img-002 >div{animation-fill-mode:both; }.e_AllWBox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_wbox-001 .p_wbox{ background-color: rgba(255,255,255,1); } .w_bbox-001 .w_wbox-001 .p_wbox { margin-top: 20px; }.w_wbox-001{ position:absolute; width:100%; height:120px; }/*无效果/分组*/ .w_sfbox-001 > div > .p_SwipPanelBox{ margin:0; padding:0; background-color:transparent; overflow: hidden; width: auto; height: auto; position: absolute; top: 50%; right: 30px; transform: translate(0,-50%); padding: 30px 0; z-index: 999; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel{ width: auto; height: auto; font-size: 14px; color: #626262; font-size: 12px; padding: 0 10px; border-width: 1px; border-style: solid; border-color: transparent; text-align: right; margin-top: 10px; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel:first-child{ margin-top: 0; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .font{ width: auto; height: auto; display: inline-block; margin-right: 5px; line-height: 23px; vertical-align: middle; cursor: pointer; font-family: NotoSansHans-Regular; font-size: inherit; color:inherit; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .shape{ width: 23px; height: 23px; display: inline-block; margin-left: 5px; line-height: 26px; padding: 4px; background-position: center; background-size: auto auto; vertical-align: middle; position: relative; cursor: pointer; border-radius: 50%; overflow: hidden; border-style: solid; border-width: 1px; border-color: transparent; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .shape > div{ width: 100%; height: 100%; background-color: #fff; border-radius: 50%; box-shadow: 0 0 4px 0 rgba(0,0,0,0.30); } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel.active .shape{ border: 1px solid #fff; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel.active{ color: #0099cc; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .shape img{ position: absolute; width: 100%; height: 100%; display: block; }/*无效果/分组*/ .w_sfbox-001 > .w_sfbox > .p_fbox > div > .p_fboxChild{ border-color:rgba(228,228,228,0); overflow: hidden; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: center; background-size:auto; } .w_sfbox-001 > .w_sfbox > .p_fbox{ width:100%; } .w_sfbox-001 > .w_sfbox{ width:100%; } .w_sfbox-001{ width:100%; } .w_sfbox-001 .tips{ position: absolute; width: 100%; text-align: center; display: none !important; } .w_sfbox-001 .tips .title{ text-align: center; font-size: 18px; color: #c3c3c3; } .w_sfbox-001 .tips .content{ text-align: center; font-size: 14px; font-family: "微软雅黑"; color: #a2a2a2; font-weight: normal; line-height: 24px; } .w_sfbox-001 > .w_sfbox > .p_fbox > .p_footer{ width: 100%; height: 200px; background-color: #2e77ba; position: relative; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; } /*默认横向文字靠左*/ /*横向设置 文字靠右*/ .w_sfbox-001 .p_SwipPanelBox.hor-right .font{ float: right; margin-right: 0; margin-left: 5px; } .w_sfbox-001 .p_SwipPanelBox.hor-right .shape{ margin-right: 5px; margin-left: 0; } /*竖向设置 文字靠上*/ .w_sfbox-001 .p_SwipPanelBox.ver-top .p_SwipPanel{ padding: 0 0 0 10px; float: left; margin: 0; } .w_sfbox-001 .p_SwipPanelBox.ver-top .font{ margin: 0 0 5px 0; writing-mode:vertical-lr; display: block; } .w_sfbox-001 .p_SwipPanelBox.ver-top .shape{ margin: 5px 0 0 0; } /*竖向设置 文字靠下*/ .w_sfbox-001 .p_SwipPanelBox.ver-bottom .p_SwipPanel{ padding: 0 0 0 10px; float: left; margin: 0; } .w_sfbox-001 .p_SwipPanelBox.ver-bottom .p_SwipPanel:first-child{ padding:0; } .w_sfbox-001 .p_SwipPanelBox.ver-bottom .font{ margin: 5px 0 0 0; writing-mode:vertical-lr; -webkit-writing-mode:vertical-lr; writing-mode:tb-lr; display: block; } .w_sfbox-001 .p_SwipPanelBox.ver-bottom .shape{ margin: 0 0 5px 0; } /*包裹视频和翻屏页的容器*/ .w_sfbox-001 > .w_sfbox > .p_fbox > .p_wrapbox{ position:relative; background-color:#F4F4F4; overflow: hidden; } .w_sfbox-001 > .w_sfbox > .p_fbox > .p_wrapbox video{ position: absolute; width: 100%; height: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .w_sfbox-001 > .w_sfbox > .p_fbox > div > .p_bgBox{ height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: auto; }.c_product_list-558532{position:absolute;width:977px;height:300px;overflow:hidden} .c_product_list-558532 .p_ProductList li{ width:290px; height:290px; text-align:center; float:left; } .c_product_list-558532 .p_ProductList li span{ width:290px; height:30px; font-size:12px; margin-top:2px; } .c_product_list-558532 .p_ProductList li img{ width:290px; height:217px; } .c_product_list-558532 .p_ProductList ul{ width:890px; margin-left:54px; margin-top:10px; } .c_product_list-558532 .p_ProductList{ overflow:hidden; } .c_product_list-558532 .d_CommonInteractionA{ left: 0px; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0,-50%); } .c_product_list-558532 .d_CommonInteractionB{ right: 0px; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0,-50%); } .c_product_list-558532 .p_CommonSwitchBtnA{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 45px; color: #e5e5e5; } .c_product_list-558532 .p_CommonSwitchBtnA .iconfont:before{ content: "\e687"; } .c_product_list-558532 .p_CommonSwitchBtnB{ position: absolute; top: 50%; right: 50%; transform: translate(50%,-50%); font-size: 45px; color: #e5e5e5; } .c_product_list-558532 .p_CommonSwitchBtnB .iconfont:before{ content: "\e6ae"; }.w_btn-002 .p_CommonBtn{ font-size:18px; width: 100%; height:50px; color:rgba(255,255,255,1); border-width: 1px; border-style: none; border-color:transparent; background-color:rgba(106,186,190,1); padding-top:0; padding-right:20px; padding-left:20px; text-align: center; } .w_btn-002 .p_CommonBtn:hover{ color:rgba(255,255,255,1); border-width: 1px; border-style: none; border-color:transparent; background-color:rgba(106,186,190,1); } .w_btn-002 .p_CommonBtn:hover .font{ color:rgba(255,255,255,1); } .w_btn-002 .p_CommonBtn:active{ color:rgba(255,255,255,1); border-width: 1px; border-style: none; border-color:transparent; background-color:rgba(106,186,190,1); } .w_btn-002 .p_CommonBtn .font{ display:table-cell; vertical-align:middle; text-align: inherit; } .iconfont:before{ content: ""; } .e_title.w_btn-002 .p_link{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_btn-002 .p_link{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_btn-002 .p_link:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_btn-002 .p_link:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_btn-002 .p_link:active{ text-decoration:none; margin-top:0; } .e_title.w_btn-002 .p_link .iconfont:before{ display: inline-block; content:""; } .w_btn-002{position:absolute; width:157px; height:50px; } .w_btn-002 .p_CommonBtn{width: 100%;height: inherit;padding:0;background-color:rgba(255, 102, 0, 1); } .w_btn-002 .animated{ width:100%; height:100%; } .w_btn-002 .p_CommonBtn{ border-style: solid; }.w_btn-002 .p_CommonBtn:hover{background-color:rgba(255, 102, 0, 1); box-shadow:-0px -2px 3px 0px rgba(0, 0, 0, 0.35) inset; shadow-angle-ofInset:-90px; shadow-distance-ofInset:2px; }.w_btn-002 .p_CommonBtn:active{background-color:rgba(255, 102, 0, 1); box-shadow:-0px -2px 3px 0px rgba(0, 0, 0, 0.35) inset; shadow-angle-ofInset:-90px; shadow-distance-ofInset:2px; }.w_btn-002 .p_MatteIcon iconfont:before{content:'\e752'; }.w_btn-002 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_btn-002 >div{animation-fill-mode:both; }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; }/*page property_start*/.pagebox,#-remove--flag{}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/#c_ebizads_banner-15314481910205381{ position:absolute; top:0px; left:0px; z-index:115; width:1920px; height:830px; }@media(max-width: 1501px){.lo{background:url(/repository/image/f5WZFbt3RSCsXtEYPXgqLg.png) no-repeat; width:300; height:100px;} } a{ text-decoration: none !important;} 
#c_news_list-15314669830787123 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }
#c_news_list-15314669830787123 .p_CommonSummaryBoxA{text-align:center; }
#c_news_list-15314669830787123 .p_MatteIcon .iconfont:before{content:'\e602'; }
#c_news_list-15314669830787123 >div{animation-fill-mode:both; }
#c_news_list-15314669830787123 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }
#c_news_list-15314669830787123 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }
#c_news_list-15314669830787123 .p_more .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }
#c_news_list-15314669830787123 .p_loading .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }
#c_news_list-15314669830787123 .i-column-wrap.white .stit a{color:#222222; font-size:18px; }
#c_news_list-15314669830787123 .main-column li:hover .stit a{color:#dd2d15; }
#c_news_list-15314669830787123 .i-column-wrap.white .font{color:#666; }
#c_news_list-15314669830787123 .main-column li{background-color:#fff; margin-bottom:5px; position:relative; height:250px; }
#c_news_list-15314669830787123 .main-column .imgbox{width:35%;}
#c_news_list-15314669830787123 .main-column .cont-wrap{width:57%; }
#c_news_list-15314669830787123 .main-column li.odd-li::after{content:""; background:#e2b754; height:45px; width:6px; display:block; position:absolute; top:28px; transition:all .45s; }
#c_news_list-15314669830787123 .main-column li.odd-li:hover:after{content:""; background:#e2b754; height:252px; top:0px; width:6px; }
#c_news_list-15314669830787123 .main-column li.even-li::after{content:""; background:#333; height:45px; width:6px; display:block; right:0px; position:absolute; top:28px; transition:all .45s; }
#c_news_list-15314669830787123 .main-column li.even-li:hover:after{content:""; background:#e2b754; height:252px; top:0px; width:6px; }#c_news_list-15314669830787123 .main-column li:hover{box-shadow:0 0 20px rgba(0,0,0,0.1); transition:all .45s; }
#c_news_list-15314669830787123 .i-column-wrap.white .mtit{font-size:14px; color:#d6d6d6; margin-top:0px; display:none; }
#c_news_list-15314669830787123 .i-column-wrap.white .line{display:none; }
#c_news_list-15314669830787123 li.odd-li .cont-wrap{float:left; margin-left:3%; }
#c_news_list-15314669830787123 .i-column-wrap .stit{font-size:26px; line-height:46px; height:36px; overflow:hidden; color:#333; margin-left:-1px; margin-top:30px; }#c_news_list-15314669830787123{ position:absolute; top:165px; left:0px; z-index:5; width:1200px; height:410px; } 
.reset_style a{ text-decoration:none !important;}
#c_product_list-15333840622185300 .p_Product{width:calc((100% - 0px)/4); margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }#c_product_list-15333840622185300 .p_CommonSummaryBoxA{text-align:center; }#c_product_list-15333840622185300 .p_MatteIcon .iconfont:before{content:'\e602'; }#c_product_list-15333840622185300 >div{animation-fill-mode:both; }#c_product_list-15333840622185300 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_product_list-15333840622185300 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_product_list-15333840622185300 .p_ProductList ul{width:1140px !important; margin-left:50px; margin-top:10px; }#c_product_list-15333840622185300 .p_ProductList li img{width:auto; height:100%; }#c_product_list-15333840622185300 .p_ProductList li{width:260px; height:353; text-align:center; float:left; margin-left:20px; }#c_product_list-15333840622185300 .gundong a{display:block; width:100%; background:#fff; height:100%; }#c_product_list-15333840622185300 .gundong>div{height:393px; }#c_product_list-15333840622185300 .gundong span{display:block; background:#333; font-size:12px; text-align:center; line-height:40px; height:40px; width:100%; color:#fff; }#c_product_list-15333840622185300{ position:absolute; top:129px; left:0px; z-index:8; width:1243px; height:459px; }#c_nav_main-15344852949433926{ position:fixed; top:10px; left:auto; bottom:auto; right:0px; transform:none; width:879px; height:270px; z-index:110; content:"rt"; max-width:none; min-width:0px; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; -webkit-transform:none; } #w_sfbox-1531445750329 .p_footer{ height:200px; } #w_sfbox-1531445750329 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_sfbox-1531445750329 .ping_0{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1531445750329 .ping_1{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1531445750329 .ping_2{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1531445750329 .ping_3{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1531445750329 .ping_4{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_img-1531629127486 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1531629127486 >div{ animation-fill-mode:both; } #w_img-1531642307650 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1531642307650 >div{ animation-fill-mode:both; } #w_wbox-1531466137977 .p_wbox{ background-color:rgb(29, 29, 29); } #w_rbox-1531464916672 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1531464916672 >div{ animation-name:fadeInRight; animation-duration:1.5s; animation-delay:1s; animation-fill-mode:both; } #w_rbox-1533383614970 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1533383614970 >div{ animation-name:fadeInUp; animation-duration:1.5s; animation-delay:1s; animation-fill-mode:both; } #w_rbox-1531467109450 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1531467109450 >div{ animation-name:fadeInUp; animation-duration:1.5s; animation-delay:1s; animation-fill-mode:both; } #w_common_text-1531465148445 .p_link001{ height:calc(100%); } #w_common_text-1531465058322 .p_link001{ height:calc(100%); } #w_img-1531464980403 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1531464980403 >div{ animation-fill-mode:both; } #w_common_text-1531464536000 .p_link001{ height:calc(100%); } #w_img-1531464041972 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1531464041972 >div{ animation-name:fadeInLeft; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_img-1531464206644 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1531464206644 >div{ animation-name:fadeInLeft; animation-duration:2s; animation-delay:1s; animation-fill-mode:both; } #w_img-1531465371856 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1531465371856 >div{ animation-name:fadeInRight; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_btn-1531467624602 .p_CommonBtn{ background-color:rgba(255, 102, 0, 0); background-image:url(/img/newore1.png); background-image-part-image:url(/img/newore1.png); border-width:0px; } #w_btn-1531467624602 .p_CommonBtn .font{ font-size:14px !important; } #w_btn-1531467624602 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_btn-1531467624602 >div{ animation-name:fadeInRight; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_btn-1531467624602 .e_btn:hover{ text-decoration:none !important; box-shadow:none !important; } #w_btn-1531467624602 .e_btn:active{ text-decoration:none; box-shadow:none; } #w_img-1531465663734 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1531465663734 >div{ animation-name:fadeInRight; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_common_text-1531654162687 .p_link001{ height:calc(100%); } #w_img-1531654220557 .p_link001{ height:calc(100%); } #w_common_text-1531654257353 .p_link001{ height:calc(100%); } #w_img-1531466827096 .p_link001{ height:calc(100%); } #w_btn-1531466985119 .p_CommonBtn{ background-color:rgba(255, 102, 0, 0); background-image:url(/img/newore1.png); background-image-part-image:url(/img/newore1.png); border-width:0px; } #w_btn-1531466985119 .p_CommonBtn .font{ font-size:14px !important; } #w_btn-1531466985119 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_btn-1531466985119 >div{ animation-fill-mode:both; } #w_btn-1531466985119 .e_btn:hover{ text-decoration:none !important; box-shadow:none !important; } #w_btn-1531466985119 .e_btn:active{ text-decoration:none; box-shadow:none; } #w_common_text-1531466687827 .p_link001{ height:calc(100%); } #w_img-1531472168757 .p_link001{ height:calc(100%); } #w_img-1531472168757 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1531472168757 >div{ animation-name:fadeInRight; animation-duration:1.5s; animation-delay:1s; animation-fill-mode:both; } #w_common_text-1531472187229 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1531472187229 >div{ animation-name:fadeInRight; animation-duration:1.5s; animation-delay:1s; animation-fill-mode:both; } #w_img-1531628644337 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1531628644337 >div{ animation-name:fadeInLeft; animation-duration:2.3s; animation-delay:1s; animation-fill-mode:both; } #w_img-1531628706109 .p_link001{ height:calc(100%); } #w_img-1531628706109 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1531628706109 >div{ animation-name:fadeInLeft; animation-duration:1.9s; animation-delay:1s; animation-fill-mode:both; } #w_img-1531628710135 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1531628710135 >div{ animation-name:fadeInLeft; animation-duration:1.5s; animation-delay:1s; animation-fill-mode:both; } #w_common_text-1531629029407 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1531629029407 >div{ animation-name:fadeInRight; animation-duration:1.5s; animation-delay:1s; animation-fill-mode:both; } #w_common_text-1531629029407 .p_link001{ height:calc(100%); } #w_sfbox-1531445750329{ position:absolute; top:0px; left:-360px; z-index:102; width:1920px; height:879px; } #w_img-1531629127486{ position:fixed; top:12px; left:30px; bottom:auto; right:auto; transform:none; width:344px; height:81px; z-index:104; content:"lt"; max-width:none; min-width:0px; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; -webkit-transform:none; } #w_img-1531642307650{ position:fixed; top:39px; left:389px; bottom:auto; right:auto; transform:none; width:27px; height:27px; z-index:105; content:"lt"; max-width:none; min-width:0px; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; -webkit-transform:none; } #w_wbox-1531466137977{ position:fixed; top:auto; left:50%; bottom:0px; right:auto; transform:translate(-50%, 0px); width:1920px; height:49px; z-index:103; content:"bc"; max-width:none; min-width:0px; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; -webkit-transform:translate(-50%, 0px); } #w_rbox-1531464916672{ position:absolute; top:184px; left:801px; z-index:103; width:505px; height:570px; } #w_rbox-1533383614970{ position:absolute; top:166px; left:360.5px; z-index:110; width:1303px; height:616px; } #w_rbox-1531467109450{ position:absolute; top:176px; left:360px; z-index:7; width:1200px; height:582px; } #w_common_text-1531465148445{ position:absolute; top:160px; left:32px; z-index:100; width:433px; height:295px; } #w_common_text-1531465058322{ position:absolute; top:92px; left:32px; z-index:104; width:369px; height:36px; } #w_img-1531464980403{ position:absolute; top:-13px; left:27px; z-index:103; width:90px; height:107px; } #w_common_text-1531464479584{ position:absolute; top:-16px; left:126px; z-index:101; width:209px; height:66px; } #w_common_text-1531464536000{ position:absolute; top:47px; left:126px; z-index:102; width:191px; height:42px; } #w_img-1531464041972{ position:absolute; top:102px; left:0px; z-index:101; width:815px; height:836px; } #w_img-1531464206644{ position:absolute; top:256px; left:389px; z-index:102; width:276px; height:426px; } #w_img-1531465371856{ position:absolute; top:731px; left:1418px; z-index:104; width:214px; height:202px; } #w_btn-1531467624602{ position:absolute; top:273px; left:1316px; z-index:105; width:157px; height:45px; } #w_img-1531465663734{ position:absolute; top:280px; left:1136px; z-index:100; width:417px; height:690px; } #w_common_text-1531654162687{ position:absolute; top:8px; left:0px; z-index:1; width:205px; height:56px; } #w_img-1531654220557{ position:absolute; top:72px; left:0px; z-index:2; width:59px; height:11px; } #w_common_text-1531654257353{ position:absolute; top:94px; left:1px; z-index:3; width:140px; height:22px; } #w_img-1531466827096{ position:absolute; top:95px; left:0px; z-index:3; width:60px; height:10px; } #w_btn-1531466985119{ position:absolute; top:108px; left:1043px; z-index:4; width:157px; height:45px; } #w_common_text-1531466687822{ position:absolute; top:38px; left:1px; z-index:1; width:162px; height:57px; } #w_common_text-1531466687827{ position:absolute; top:119px; left:0px; z-index:2; width:179px; height:24px; } #w_img-1531472168757{ position:absolute; top:236px; left:705.5px; z-index:100; width:463px; height:164px; } #w_common_text-1531472187229{ position:absolute; top:444px; left:732.5px; z-index:101; width:380px; height:105px; } #w_img-1531628644337{ position:absolute; top:549px; left:727.5px; z-index:102; width:113px; height:113px; } #w_img-1531628706109{ position:absolute; top:549px; left:838.5px; z-index:103; width:113px; height:113px; } #w_img-1531628710135{ position:absolute; top:549px; left:950.5px; z-index:104; width:113px; height:113px; } #w_common_text-1531629029407{ position:absolute; top:393px; left:727.5px; z-index:105; width:344px; height:35px; } #w_common_text-1531636182713{ position:absolute; top:19px; left:500px; z-index:1; width:950px; height:21px; }

.rslides{position:relative;padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:100%;padding-right:0px;overflow:hidden;list-style-image:none;padding-top:0px}
.rslides LI{position:absolute;width:100%;display:none;top:0px;left:0px;-webkit-backface-visibility:hidden}
.rslides LI:first-child{position:relative;display:block;float:left}
.rslides IMG{border-bottom:0px;border-left:0px;width:100%;display:block;float:left;height:auto;border-top:0px;border-right:0px}
.slide_container{position:relative;font-family:'iconfont' !important;width:100%;margin-bottom:0px;float:left}
.slide{position:relative;padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:100%;padding-right:0px;overflow:hidden;list-style-image:none;padding-top:0px}
.slide LI{position:absolute;width:100%;top:0px;left:0px}
.slide IMG{z-index:1;border-bottom:0px;position:relative;border-left:0px;width:100%;display:block;height:auto;border-top:0px;border-right:0px}
.slide .caption{z-index:2;position:absolute;padding-bottom:10px;margin:0px;padding-left:20px;bottom:0px;padding-right:20px;display:block;max-width:none;background:#000;color:#fff;font-size:20px;right:0px;padding-top:10px;left:0px;text-shadow:none}
.slide_nav{z-index:3;transition:1s all;position:absolute;margin-top:-145px;width:38px;height:61px;line-height:61px;font-size:30px;text-align:center;overflow:hidden;top:52%;text-decoration:none;left:0px;opacity:.5;filter:alpha(opacity=50);-moz-opacity:.5;-webkit-tap-highlight-color:rgba(0,0,0,0);background:#000}.slide_nav:active{opacity:1.0;filter:alpha(opacity=100);-moz-opacity:1}
.slide_nav:hover{opacity:1;filter:alpha(opacity=1);-moz-opacity:1}
.slide_nav:before{content:"\e687";display:inline-block;margin-left:-2px}
.next.slide_nav{background-position:right top;right:0px;left:auto}
.next.slide_nav:before{content:"\e6ae"}
.c_ebizads_banner-73003 .p_MatteIcon .iconfont:before{content:'\e602'}