.e_ContentMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }   .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{  width: 100%; height: auto; width-uint:%; }  .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{  width: 100%; height: auto; width-uint:%; }  .e_IndexOrdinaryStyleBox-001 .stylebox_top{ background-color: transparent; }  .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{  width: 100%; height: auto; width-uint:%; }  .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); }.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; margin: auto; } #w_wbox-1550720172334{ position:absolute; top:0px; z-index:103; width:1920px; height:100px; }.c_news_list-110002{ overflow: hidden; } .c_news_list-110002 .wrap{ width: inherit; height: auto; overflow: hidden; margin: 10px auto; } .c_news_list-110002 a{ text-decoration: none; } .c_news_list-110002 .wrap ul li .a1 img{ width: 474px; height: 267px; } .c_news_list-110002 .wrap ul li{ width: calc((100% - 30px)/3); height: auto; list-style: none; position: relative; float: left; overflow: hidden; margin: 5px; margin-bottom:15px; } .c_news_list-110002 .wrap ul li .a1 .divA{ position: absolute; bottom: 0; left: 0; width: 100%; height: auto; padding: 10px 20px; background: #fafafa; } .c_news_list-110002 .wrap ul li .a1 .divA>.p1{ width: auto; height: auto; font-size: 18px; line-height: 25px; color: #666; } .c_news_list-110002 .wrap ul li .a1 .divA>.p2{ width: auto; height: auto; font-size: 14px; color: #b4b4b4; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c_news_list-110002 .wrap ul li .a1 .divA>.p3{ position: absolute; right: 0; bottom: 12px; width: auto; height: auto; color: #f60; } .c_news_list-110002 .wrap ul li .a1 .divA>.p3>span{ font-size: 24px; font-weight:800; } .c_news_list-110002 .wrap ul li .a2{ position: absolute; top: 0; left:-474px; width: 100%; height: 100%; text-align: center; color: white; background: rgba(0,0,0,0.5); transition: all 0.2s; } .c_news_list-110002 .wrap ul li .a2 .p4{ width:100%; text-align: center; position: absolute; top: 20px; left: -474px; color: #ffe605; font-size: 24px; font-weight: bold; transition: all 0.2s 0.1s ease-out ; } .c_news_list-110002 .wrap ul li .a2 .p5{ width: auto; text-align: center; line-height:24px ; padding-left:30px; padding-right:30px; position: absolute; top: 65px; left: -474px; margin: 30px 0 10px; font-size: 14px; color: white; transition: all 0.2s 0.2s ease-out ; } .c_news_list-110002 .wrap ul li .a2 .p6{ position: absolute; top: 140px; left: 175px; transform: scale(1.4); transition: all 0.3s 0.2s ; } .c_news_list-110002 .wrap ul li .a2 .p6 span{ font-family: Arial; font-size: 36px; font-weight: 700; color: white; } .c_news_list-110002 .wrap ul li .a2 .p7{ position: absolute; bottom:-50px; left: 31%; width: 160px; height: 38px; line-height: 38px; border-radius: 20px; margin: 10px auto; border: 1px solid; transition: all 0.2s 0.5s ; } .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; border-color: rgba(255,255,255,0); 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; border-color: rgba(255,255,255,0); 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; border-color: rgba(255,255,255,0); 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-36002 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }.c_news_list-36002 .p_CommonSummaryBoxA{text-align:center; }.c_news_list-36002 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_news_list-36002 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-36002 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-36002 .p_more .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-36002 .p_loading .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_news_list-110002 a{ text-decoration: none; } .c_news_list-110002 .wrap{ width: inherit; height: auto; overflow: hidden; margin: 10px auto; } .c_news_list-110002 .wrap ul li .a1 img{ width: 474px; height: 267px; } .c_news_list-110002 .wrap ul li{ width: calc((100% - 30px)/3); height: auto; list-style: none; position: relative; float: left; overflow: hidden; margin: 5px; margin-bottom:15px; } .c_news_list-110002 .wrap ul li .a1 .divA{ position: absolute; bottom: 0; left: 0; width: 100%; height: auto; padding: 10px 20px; background: #fafafa; } .c_news_list-110002 .wrap ul li .a1 .divA>.p1{ width: auto; height: auto; font-size: 18px; line-height: 25px; color: #666; } .c_news_list-110002 .wrap ul li .a1 .divA>.p2{ width: auto; height: auto; font-size: 14px; color: #b4b4b4; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c_news_list-110002 .wrap ul li .a1 .divA>.p3{ position: absolute; right: 0; bottom: 12px; width: auto; height: auto; color: #f60; } .c_news_list-110002 .wrap ul li .a1 .divA>.p3>span{ font-size: 24px; font-weight:800; } .c_news_list-110002 .wrap ul li .a2{ position: absolute; top: 0; left:-474px; width: 100%; height: 100%; text-align: center; color: white; background: rgba(0,0,0,0.5); transition: all 0.2s; } .c_news_list-110002 .wrap ul li .a2 .p4{ width:100%; text-align: center; position: absolute; top: 34px; left: -474px; color: #ffe605; font-size: 24px; font-weight: bold; transition: all 0.2s 0.1s ease-out ; } .c_news_list-110002 .wrap ul li .a2 .p5{ width: auto; text-align: center; line-height:24px ; padding-left:30px; padding-right:30px; position: absolute; top: 65px; left: -474px; margin: 30px 0 10px; font-size: 14px; color: white; transition: all 0.2s 0.2s ease-out ; } .c_news_list-110002 .wrap ul li .a2 .p6{ position: absolute; top: 140px; left: 175px; transform: scale(1.4); transition: all 0.3s 0.2s ; } .c_news_list-110002 .wrap ul li .a2 .p6 span{ font-family: Arial; font-size: 36px; font-weight: 700; color: white; } .c_news_list-110002 .wrap ul li .a2 .p7{ position: absolute; bottom:-50px; left: 31%; width: 160px; height: 38px; line-height: 38px; border-radius: 20px; margin: 10px auto; border: 1px solid; transition: all 0.2s 0.5s ; } .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; border-color: rgba(255,255,255,0); 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; border-color: rgba(255,255,255,0); 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; border-color: rgba(255,255,255,0); 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-36002 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }.c_news_list-36002 .p_CommonSummaryBoxA{text-align:center; }.c_news_list-36002 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_news_list-36002 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-36002 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-36002 .p_more .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-36002 .p_loading .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_news_list-110002 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }.c_news_list-110002 .p_CommonSummaryBoxA{text-align:center; }.c_news_list-110002 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_news_list-110002 >div{animation-fill-mode:both; }.c_news_list-110002 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-110002 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-110002 .p_more .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-110002 .p_loading .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_news_list-110002 .wrap ul li { width: calc((100% - 130px)/6) !important;} .c_news_list-110002 .wrap ul li .a1 .divA>.p1{font-size: 14px;color:#fff} .c_news_list-110002 .wrap ul li .a1 .divA>.p2{ display: none !important;} .c_news_list-110002 .wrap ul li .a1 .divA{ background: #0d6e38;text-align: center;} .c_news_list-110002 .wrap ul li .a2 .p4{ font-size: 18px;} .c_news_list-110002 .wrap ul li .a2 .p7{ height: 31px; line-height: 31px;width: 105px; left: 23%;} .c_news_list-110002 .wrap ul li .a2 .p5{top: 44px;} .c_news_list-110002 .wrap ul li .a1 img{ width: 201px; height: 220px;} .c_news_list-110002 .wrap ul li{ height: 220px !important;} .c_news_list-110002 .wrap ul li .a2 .p4{ top: 20px !important;} .c_news_list-110002 .wrap ul li .a2 .p5{ top: 26px !important;} .c_news_list-110002 .wrap ul li .a2 .p7{bottom:16px !important} .w_vline-001 .p_Vline{ width:1px; height:200px; background-color:rgba(189,189,189,0); width:0px; border-left-width: 1px; border-left-style: solid; border-left-color:rgba(189,189,189,1); opacity:1; filter:alpha(opacity:100); }.w_vline-001{ position:absolute; width:1px; height:300px; left:20px; top:20px; } .w_vline-001 .w_vline{ width:inherit; height:100%; } .w_vline-001 .p_Vline{ width:inherit; height:100%; } .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_public_htmlCode-01001009{ position:absolute; width:300px; height:390px; } #leftsead{ z-index:800 !important;} #c_public_htmlCode-15410581488153926{top:1841.25px !important} #c_public_htmlCode-15507160959750320{ z-index:999 !important;top: 25% !important;} #c_public_htmlCode-15507160959750320 #p2{ background-color: #dd751c; border: 1px solid #d87119;} .clearfix:after, .clearfix:before { display:table; clear:both; content:"" } .btn-a-ico:before, .btn-b-ico:before, .clearfix:after, .clearfix:before, .logo .logo-span:before, q:after, q:before { content:"" } .main-wrap, .menu, .menu-link { position:relative } .menu-link a, .video-pop { cursor:pointer } .gg .swiper-container, .gg .swiper-slide, .v30-contact-form { overflow:hidden } blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul { padding:0; margin:0 } table { border-collapse:collapse; border-spacing:0 } abbr, acronym, fieldset, img { border:0 } address, caption, cite, code, dfn, em, th, var { font-weight:400; font-style:normal } ol, ul { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-weight:400; font-size:100% } html { font-size:62.5%; min-width:1200px } body { width:100%; height:100%; background:#fff; font-size:14px; font-family:'Microsoft Yahei', PingFangSC, sans-serif; color:#333; min-width:1250px } a { text-decoration:none; color:inherit } a, button, input, textarea { -webkit-tap-highlight-color:transparent; -moz-transition:all .3s ease; -webkit-transition:all .3s ease; transition:all .3s ease } a:active { outline:0 } .transition { -moz-transition:all .3s ease; -webkit-transition:all .3s ease; transition:all .3s ease } .hidden { visibility:hidden } .flex-col { display:flex; flex-direction:column; justify-content:center; align-items:center } .flex-row { display:flex; flex-direction:row; justify-content:center; align-items:center } .img-block { margin:0 auto; display:block } .img-block img, .img-block svg { display:block; margin:0 auto; max-width:100% } .main-color { color:#3ca56a } .btn-a, .btn-a-ico { display:inline-block; border:none; padding:0; color:#fff } .v30-contact { position:fixed; right:2px; top:30%; padding:50px 0; height:482px; box-sizing:border-box; z-index:99 } .v30-contact-form.cur { width:200px; opacity:1 } .v30-contact .transition { transition-duration:.8s } .v30-contact .v30-contact-title { background-color:rgba(1, 159, 233, .8); color:#fff; padding:15px 20px 0; white-space:nowrap; position:relative } .v30-contact .v30-contact-title .cf-close { position:absolute; left:166px; top:0; padding:10px } .v30-contact-item-block { position:absolute; right:0; width:65px; height:65px; background-color:rgba(0, 0, 0, .4); border:1px solid #3ca56a; border-right:none; box-sizing:border-box } .v30-contact-item-block:nth-child(1) { top:50px } .v30-contact-item-block:nth-child(2) { top:128px } .v30-contact-item-block:nth-child(3) { top:206px } .v30-contact-item-block:nth-child(4) { top:284px } .v30-contact-item-block:nth-child(5) { top:362px } .v30-contact-item { width:100%; height:100% } .v30-contact-item-p { color:#fff; font-size:12px; margin-top:5px } .v30-contact-item-in { height:100%; display:none; position:relative; z-index:1; overflow:hidden } .v30-contact-item-in-p { color:#fff; text-align:center; line-height:65px; height:65px; white-space:nowrap } .v30-contact-in.cur { width:156px; background-color:transparent } .v30-contact-in.cur .v30-contact-item-in { width:100%; display:block } .v30-contact-in.cur .v30-contact-item { display:none } .v30-contact-in:before { content:""; background-color:rgba(1, 159, 233, .8); position:absolute; height:100%; width:0; transition:all .8s ease } .v30-contact-in.cur:before { width:100% } .v30-contact-item-block.v30-contact-top { display:none; cursor:pointer; width:46px; height:46px; top:480px } .v30-contact-item-block.v30-contact-top .v30-contact-item-p { font-size:14px; margin-top:0 } .v30-contact-in.v30-contact-search.cur { border-left:none } .v30-contact-form { position:absolute; width:0; right:156px; bottom:-1px; z-index:999; opacity:0 } .v30-contact-form .cf-form { background-color:rgba(1, 159, 233, .8); box-sizing:border-box; padding:10px 20px 20px; border-bottom:1px solid #3ca56a } .v30-contact-form .cf-form-item { margin-bottom:10px; font-size:0; white-space:nowrap } .v30-contact-form .cf-form-item:last-of-type { margin:0 } .v30-contact-form input { padding:0 8px; margin:0; border:none; box-sizing:border-box; width:160px; height:28px; line-height:28px; font-size:12px; display:inline-block; vertical-align:middle; background-color:#fff } .v30-contact-form .verify { width:86px; margin-right:5px } .v30-contact-form .submit { width:160px; height:28px; line-height:28px; font-size:14px } .v30-contact-qr-show { display:none; position:absolute; z-index:1; border:1px solid rgba(32, 176, 159, .8); left:-160px; top:-91px } .v30-contact-item-in-p a { color:#fff; } #c_public_htmlCode-15504845281791591 { display:none; } .cd-morph-dropdown{ height: 80px; left: 0; top: 0; width: 100%; height: 70px; background-color: #d01322; } .cd-morph-dropdown .main-nav{position:relative;width:1200px;margin:0 auto;height:80px;} .cd-morph-dropdown .main-nav ul{width:100%;} .cd-morph-dropdown .main-nav ul li{ display: inline-block; float: left; } .cd-morph-dropdown .main-nav ul li a{ display: block; padding: 0 1.6em; height: 70px; line-height: 70px; color: #e2e2e2; font-size:18px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: opacity .2s; transition: opacity .2s;} .cd-morph-dropdown .main-nav ul li a:Hover{ color: #FFFFFF; } #daohangerji{ position: absolute; left: 0px; background: #FFF; top: 130px; overflow: hidden; z-index: -10; height: 0px; min-height: 0px; transition: all 1s cubic-bezier(0.42, 0, 0, 1.03); opacity:0; } #daohangerji .lanmu .content ul{ width:100%;} #daohangerji .lanmu .content ul li{ width: 30%; float: left; margin-right: 3% !important; margin-top: 10px; margin-bottom: 10px;} #daohangerji .lanmu .content ul li a{display:block;} #daohangerji .lanmu .content ul li a img { width: 60px; height: 60px; float: left; line-height: 60px; margin-right: 10px; } #daohangerji .lanmu .content ul li a em { font-size: 16px; padding: 0.4em 0 0.2em; color: #1A1A1A; text-align: left; display: block; line-height: 1.2; } #daohangerji .lanmu .content ul li a span { font-size: 14px; color: #a6a6a6; text-align: left; display: block; line-height: 1.2; } .cd-morph-dropdown .main-nav ul li:hover #daohangerji{opacity:1;top: 70px;overflow: hidden;z-index: 31;height:auto;} .guanyuwomenerji{width: 140px;position:absolute;top: 70px;padding: 0px; left: 1045px !important; z-index:9;background:#fff;} .guanyuwomenerji a{width:100%;padding: 0px !important;line-height: 40px !important;height: 40px !important;color: #333 !important;text-align: center !important;font-size: 16px !important;} .guanyuwomenerji a:hover{background:#d01322;color:#fff !important; } .cd-morph-dropdown .main-nav ul li:hover .guanyuwomenerji{} .vertical-divider { position:relative; width:24px; height:216px; overflow:hidden; float:left; } .vertical-divider:before { content:" "; position:absolute; left:50%; top:0; height:100%; border-left:1px solid #f0f1f2; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:1px; } .horizontal-divider { position:relative; height:48px; overflow:hidden } .horizontal-divider:before { content:" "; position:absolute; left:0; top:50%; right:0; border-top:1px solid #f0f1f2; -webkit-transform:translateY(-50%); transform:translateY(-50%); height:1px; } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) { .vertical-divider:before { width:0 } .horizontal-divider:before { height:0 } } .columns, { position:absolute; top:100%; z-index:1100; background-color:#fff; border-top:1px solid #f0f1f2; transition:none; height:auto; display:none; overflow:hidden; width:100%; min-width:1200px; left:0; margin-top:0; -ms-box-shadow:0 2px 2px 0 rgba(0, 0, 0, .05); -o-box-shadow:0 2px 2px 0 rgba(0, 0, 0, .05); box-shadow:0 2px 2px 0 rgba(0, 0, 0, .05) } .nav-pills-top { background:#f7f9fa } .nav-pills-top .grid-container .grid { margin:0 } .nav-pills-top .grid-container .cell { width:200px; padding:0; border-left:1px solid #f0f1f2 } .nav-pills-top .nav-pill { font-size:16px; line-height:20px; padding:0 24px; color:#3b3e40; font-weight:600; position:relative; transition:all .3s ease; cursor:pointer; height:72px; display:-webkit-box; display:flex; -webkit-box-align:center; -moz-align-items:center; align-items:center } .nav-pills-top .nav-pill:before { content:''; width:3px; height:40px; border-radius:0 2px 2px 0; position:absolute; left:-1px; top:16px; background:#d4d7d9; transition:all .3s ease } .nav-pills-top .nav-pill.enter-site { font-size:16px; text-align:center; -webkit-box-pack:center; -moz-justify-content:center; justify-content:center; border-right:1px solid #f0f1f2 } .nav-pills-top .nav-pill.enter-site:before { display:none } .nav-pills-top .nav-pill.enter-site .icon-site { margin-right:8px; display:inline-block; width:16px; height:16px; background-size:contain; background-position:center; background-repeat:no-repeat } .nav-pills-top .grid-container:hover .nav-pill { color:#3b3e40 } .nav-pills-top .grid-container:hover .nav-pill:hover:before { background:#3b3e40 } .nav-pills-top.enter-site-hover .grid-container:hover .nav-pill { color:#303233 } .grid-container { padding-top:24px } .grid { margin:0 } .column-item { position:relative; padding-left:0; padding-right:0; width:384px; display:-webkit-box; display:flex; float:left; } .columns a, .column-item .cursor-default, .column-item a { cursor:text } .column-item a[href^=http]:hover { text-decoration:underline; cursor:pointer } .column-item .product-img { width:160px; height:160px; display:inline-block; -webkit-box-pack:center; -moz-justify-content:center; justify-content:center; -webkit-box-align:center; -moz-align-items:center; align-items:center; margin-right:16px } .column-item .product-img a { display:block } .product-link { display:inline-block; max-width:208px } .column-item .title { color:#3b3e40; line-height:24px; font-size:16px; margin-bottom:8px; font-weight:600; display:block } .column-item .content { color:#6c7073; font-size:12px; line-height:16px; margin-bottom:16px; padding-right:16px } .column-item ul li.nav-item a { color:#3b3e40; font-size:14px; line-height:24px; margin-bottom:8px; display:inline-block; word-break:break-word } .column-item ul li:last-child a { margin-bottom:0 } .no-bottom-pill { padding-bottom:24px } .no-bottom-pill .horizontal-divider:last-child { display:none } .nav-pills-bottom { display:inherit } .nav-pills-bottom .grid-container { padding:0 0 32px } .nav-pills-bottom .btn-compare { color:#3b3e40; background-image:linear-gradient(-180deg, #d4d7d9, #babdbf); margin-right:24px; height:48px; line-height:24px; border-radius:4px; padding:12px 16px 12px 28px; transition:all .3s; font-size:14px } .nav-pills-bottom .btn-compare:hover { background-image:linear-gradient(-180deg, #f0f1f2, #d4d7d9) } .nav-pills-bottom .btn-compare:active { background-image:linear-gradient(-180deg, #babdbf, #d4d7d9) } .nav-pills-bottom .btn-compare p { display:inline-block; white-space:nowrap; vertical-align:top } .nav-pills-bottom .btn-compare span { display:inline-block; width:16px; height:16px; margin-top:4px; margin-left:20px; vertical-align:top; background-size:cover } .nav-pills-bottom .btn-compare .icon-compare, .nav-pills-bottom .btn-compare span { background-image:url(//www2.djicdn.com/assets/images/v3/head/compare2-3bbe671e963feecf56bc3b42bcb4c343.svg?tenantId=127266&viewType=1&v=1642822593000) } .nav-pills-bottom .btn-compare .icon-setup { background-image:url(//www5.djicdn.com/assets/images/v3/head/setup2-c25861afb1bfb2869acf8549fa443f27.svg?tenantId=127266&viewType=1&v=1642822593000) } .nav-pills-bottom .btn-compare .icon-explore_more { background-image:url(//www3.djicdn.com/assets/images/v3/head/site-89de0b45cb4e8f60dad5f32658204c1a.svg?tenantId=127266&viewType=1&v=1642822593000) } .nav-pills-bottom .btn-compare .icon-list { } .lite .column-item { width:282px } .lite .column-item .product-img { width:56px } .product-link { max-width:218px } .columns .vertical-divider { width:48px } .columns .grid-container { padding-top:24px; padding-bottom:48px } .columns .grid { margin:0 } .columns .column-item { position:relative; padding-left:0; width:264px } .columns a[href^=http]:hover { text-decoration:underline; cursor:pointer } .columns .title { color:#3b3e40; font-size:16px; line-height:24px; display:block; margin-bottom:8px; font-weight:600 } .columns .desc { color:#6c7073; font-size:12px; line-height:16px; margin-bottom:16px } .columns .nav-item-link { display:inline-block; color:#3b3e40; font-size:14px; line-height:24px; margin-bottom:8px } .single, ul.navbar-right li.nav-store .count { position:absolute; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); width:auto } .single { z-index:1100; background:0 0; border:none; margin-top:0; opacity:0; overflow:hidden; display:none; top:100%; left:50%; color:#303233; height:auto; padding:0 } .single ul { background:#fff; margin-top:16px; -ms-box-shadow:0 2px 4px 0 rgba(0, 0, 0, .05); -o-box-shadow:0 2px 4px 0 rgba(0, 0, 0, .05); box-shadow:0 2px 4px 0 rgba(0, 0, 0, .05) } .single li.nav-item { display:block; width:100%; font-size:12px; transition:all .3s } .single li.nav-item>a { padding:16px 32px; white-space:nowrap; display:inline-block; color:#303233; line-height:1; height:auto; background:0 0; text-align:center; width:100% } .single li.nav-item:hover, .search-item li.active, .search-item li:hover { background:#ebeff2 } .navbar-right .single { display:block; max-height:0; transition:max-height .7s } .navbar-category .single .dropdown-container>ul { margin-top:0; border-top:1px solid #f0f1f2 } .grid-container { width: 1200px; margin: 0 auto; } .grid-container .cell { box-sizing: border-box; flex-shrink: 0; padding: 0 10px; } .grid-container .grid.left { -webkit-box-pack: start; justify-content: flex-start; overflow:hidden; } .nav-columns { width:100%; background: #fff !important; position: fixed; top: 100px; left: 0px; border-top: 1px solid #0083cd; padding-bottom:20px; } .column-item .product-img a img { width:100%; height:auto; } .oneImg { width: auto !important; height: auto !important; } #c_public_htmlCode-15511879231444922 { display:none; } #w_img-1551231757492:after { content:""; width:74px; height:3px; background-color:#3ca56a; position:absolute; top:97px; left:55px; display:none; } #w_img-1551231757492:hover::after { display:block; } .grid-container .cell { margin-top:20px; } .secondImg { margin-left:44px; } .column-item ul li.nav-item a:hover { color:#3ca56a !important; } .Atop { position: absolute; top: 36px; left: 10px; } .ATopImg { top: -7px; position: absolute; left: 0; } .dianhua{ margin-top: 19px !important; line-height: 26px !important;} .v30-contact-in:before{background-color: rgb(60, 165, 106) !important;}.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: 5%; 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_nav_main-01001001 .p_succ{ width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color:#F7FBFB; border: 2px solid #000; font-size: 22px; position: absolute; z-index: 9999999999; } .c_nav_main-01001001 .p_succ .iconfont{ height: auto; color: #A2D465; margin-right:20px; display: inline-block; margin-left: 40px; } .c_nav_main-01001001 .p_succ .iconfont:before{ content: "\e648"; } .c_nav_main-01001001 .p_succ .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_nav_main-01001001 .p_succ .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_nav_main-01001001 .p_succ .assistfont{ display: none; } .c_nav_main-01001001 .p_succ .closebtn { display: none; } .c_nav_main-01001001 .p_fail{ width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color:#FDFCF3; border: 2px solid #FFDC90; font-size: 22px; position: absolute; z-index: 99999999999; } .c_nav_main-01001001 .p_fail .iconfont{ height: auto; color: #FF0000; margin-right:20px; display: inline-block; margin-left: 40px; } .c_nav_main-01001001 .p_fail .iconfont:before{ content: "\e641"; } .c_nav_main-01001001 .p_fail .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_nav_main-01001001 .p_fail .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_nav_main-01001001 .p_fail .assistfont{ font-size: 14px; color: #999999; margin-top: 5px; } .c_nav_main-01001001 .p_fail .closebtn { font-size: 14px; color: #000; position: absolute; right: 15px; bottom: 15px; } .c_nav_main-01001001 .p_fail .closebtn:hover{ cursor: pointer; }.c_nav_main-01001001 .p_PromptNoneData{ width: auto; background-color: inherit; text-align: center; } .c_nav_main-01001001 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_nav_main-01001001 .p_PromptNoneData .prompt_title .first{ height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .c_nav_main-01001001 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .c_nav_main-01001001 .p_PromptNoneData .prompt_title .first:before{ content: "\e6b4"; } .c_nav_main-01001001 .p_PromptNoneData .prompt_title .font{ font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51,51,51,1); font-weight: bold; text-align: left; } .c_nav_main-01001001 .p_PromptNoneData .promptbox{ width: auto; height: 100%; } .c_nav_main-01001001 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105,1); padding-left: 65px; } .c_nav_main-01001001 .p_NavMoreBtn{ height:62px; font-family:"Microsoft Yahei"; font-size:18px; 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:25px; padding-left:25px; text-align:left; } .c_nav_main-01001001 .p_NavMoreBtn:hover{ color:rgba(255,255,255,1); border-width: 0; border-style: solid; background-color:rgba(87, 177, 173,1); border-color:rgba(225,225,225,0); box-shadow:none; } .c_nav_main-01001001 .p_NavMoreBtn:active,.c_nav_main-01001001 .p_NavMoreBtn.active{ color:rgba(255,255,255,1); border-width: 0; border-style: solid; background-color:rgba(77, 167, 163,1); border-color:rgba(225,225,225,0); } .c_nav_main-01001001 .p_NavMoreBtn .iconfont{ color:rgba(255,255,255,1); } .c_nav_main-01001001 .p_NavMoreBtn:hover .iconfont{ color:rgba(255,255,255,1); } .c_nav_main-01001001 .p_NavMoreBtn.active .iconfont{ color:rgba(255,255,255,1); } .c_nav_main-01001001 .p_NavMoreBtn .iconfont:before{ content: ""; } .c_nav_main-01001001 .p_ImageMore{ padding:0; border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .c_nav_main-01001001 .p_ImageMore:hover{ border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .c_nav_main-01001001 .p_ImageMore:active{ border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .c_nav_main-01001001 .p_more{ 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; } .c_nav_main-01001001 .p_icon{ position:relative; z-index:3; vertical-align:middle; color:rgba(153,153,153,1); width:20px; height:auto; font-size:14px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; text-align: center; } .c_nav_main-01001001 .p_icon:hover{ color:rgba(153,153,153,1); } .c_nav_main-01001001 .p_icon:active{ color:rgba(153,153,153,1); } .c_nav_main-01001001 .p_icon .font{ font-size: inherit; } .c_nav_main-01001001 .p_icon .iconfont::before{ display: inline-block; content:"\e6ae"; } .c_nav_main-01001001 .p_info{ display:inline-block; margin:0; padding-bottom:5px; padding-left:5px; padding-right:5px; padding-top:5px; color:rgb(255, 255, 255); font-size:14px; text-align:left; } .c_nav_main-01001001 .p_info .font{ vertical-align:middle; line-height: 19px; } a>.c_nav_main-01001001 .p_info:hover{ color:rgba(87, 178, 173,1); cursor:pointer; } .c_nav_main-01001001 .p_info .iconfont:before{ content:""; } .c_nav_main-01001001 .p_imageA{ padding:0; border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .c_nav_main-01001001 .p_imageA:hover{ border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .c_nav_main-01001001 .p_imageA:active{ border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .c_nav_main-01001001 .p_articlesD{ 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; } .c_nav_main-01001001 .p_articlesC{ width:164px; height:110px; border-width:1px; border-style:none; border-color:rgba(240, 240, 240, 1); } .c_nav_main-01001001 .p_articlesB{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style:solid; border-color:rgb(49, 50, 54); } .c_nav_main-01001001 .p_NavVLine{ width:1px; height:30px; background-color:rgba(189,189,189,1); width:0px; border-left-width: 1px; border-left-style: dashed; border-left-color:rgba(189,189,189,0); opacity:1; filter:alpha(opacity:100); } .c_nav_main-01001001 .p_NavBtn{ height:50px; font-family:"Microsoft Yahei"; font-size:16px; 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:25px; padding-left:25px; text-align:left; } .c_nav_main-01001001 .p_NavBtn:hover{ color:rgba(255,255,255,1); border-width: 0; border-style: solid; background-color:rgba(87, 177, 173,1); border-color:rgba(225,225,225,0); box-shadow:none; } .c_nav_main-01001001 .p_NavBtn:active,.c_nav_main-01001001 .p_NavBtn.active{ color:rgba(255,255,255,1); border-width: 0; border-style: solid; background-color:rgba(77, 167, 163,1); border-color:rgba(225,225,225,0); } .c_nav_main-01001001 .p_NavBtn .iconfont{ color:rgba(255,255,255,1); } .c_nav_main-01001001 .p_NavBtn:hover .iconfont{ color:rgba(255,255,255,1); } .c_nav_main-01001001 .p_NavBtn.active .iconfont{ color:rgba(255,255,255,1); } .c_nav_main-01001001 .p_NavBtn .iconfont:before{ content: ""; } .e_title.c_nav_main-01001001 .p_link{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.c_nav_main-01001001 .p_link{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_nav_main-01001001 .p_link:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.c_nav_main-01001001 .p_link:active{ color:#60a9d7; font-weight:400; } a>.e_title.c_nav_main-01001001 .p_link:active{ text-decoration:none; margin-top:0; } .e_title.c_nav_main-01001001 .p_link .iconfont:before{ display: inline-block; content:""; } .c_nav_main-01001001 .p_image{ padding:0; border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .c_nav_main-01001001 .p_image:hover{ border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .c_nav_main-01001001 .p_image:active{ border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .c_nav_main-01001001 .p_articlesA{ 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; } .c_nav_main-01001001 .p_articles{margin:0px; width: 236px;height:317px;padding:0;border-width:1px;border-style: none;border-color:rgba(228,228,228,0);background-color:transparent;overflow: hidden;margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } .c_nav_main-01001001 .p_nav{margin:0;width: 1350px;height:62px;padding:0;border-width:1px;border-style:none;border-color:color:transparent;background-color:rgba(101, 190, 186,1);word-wrap:break-word;word-break:break-all;text-align:left; } .c_nav_main-01001001 .p_main{ width:auto; height:auto; border:none; } .c_nav_main-01001001{ position:absolute; height:50px; width: 1180px; overflow: visible; font-size: 0; } .c_nav_main-01001001 .p_main { height: 100%; width: 100%; position: relative; } .c_nav_main-01001001 .p_main:hover { height: 100%; width: 100%; } .c_nav_main-01001001 .p_box { position: absolute; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background-color:none; } .c_nav_main-01001001 .p_articles{ height:100%; overflow:visible; cursor:pointer; width: 170px !important; display: inline-block; vertical-align: top; } .c_nav_main-01001001 .p_articlesD:hover .p_info{ color: #000; } .c_nav_main-01001001 .p_articlesD:hover .p_icon { color: #000; } .c_nav_main-01001001 .p_articlesD:hover{ background-color:rgb(239, 239, 239); } .c_nav_main-01001001 .p_articles:hover .p_articlesA .font{ font-weight: 100; } .c_nav_main-01001001 .p_articles:hover .p_more .font{ font-weight: 100; } .c_nav_main-01001001 .p_articlesA{ height:100%; font-size:0; vertical-align: middle; text-align: center; margin: 0 auto; } .c_nav_main-01001001 .p_articlesA { white-space: nowrap; overflow: hidden; width: auto; } .c_nav_main-01001001 .p_articlesD{ height:auto; font-size:0; white-space: nowrap; overflow: hidden; width: 100%; vertical-align: middle; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-box; align-items: flex-start; padding: 0 15px; } .c_nav_main-01001001 .p_articlesD .p_link{ width: initial; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; display: block; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; } .c_nav_main-01001001 .p_more{ height:100%; } .c_nav_main-01001001 .p_more { white-space: nowrap; overflow: hidden; width: auto; text-align: center; } .c_nav_main-01001001 .p_articlesB{ width:auto !important; height:auto; position:absolute; left:30px; top: 100%; z-index: 5; background-color: #313236; } .c_nav_main-01001001.up .p_articlesB{ width:100%; height:auto; background-color: rgba(255, 255, 255,1); position: absolute; left: 0; bottom: 100%; top:initial; z-index: 5; } .c_nav_main-01001001.hung .p_articlesB{ top: calc(100% + 16px); background-color: #E6E6E6; } .c_nav_main-01001001.hung .p_articlesB:before{ border-width: 8px; border-style: solid; border-color: transparent transparent #E6E6E6 transparent; position: absolute; top: -16px; left: 50%; -webkit-transform:translate(-50%,0); transform:translate(-50%,0); content: ""; display: block; } .c_nav_main-01001001.hung .p_articlesB .p_articlesB{ left:calc(100% + 16px); } .c_nav_main-01001001.hung .p_articlesB .p_articlesB:before{ border-width: 8px; border-style: solid; border-color: transparent #E6E6E6 transparent transparent; position: absolute; top: 50%; left: -16px; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); content: ""; display: block; } .c_nav_main-01001001 .p_articlesB .p_articlesB{ position:absolute; top:-1px; left:100%; width: auto !important; } .c_nav_main-01001001.up{ top: 200px; } .c_nav_main-01001001.up .p_articlesB .p_articlesB{ position: absolute; bottom: -1px; left: 100%; width: auto; top: initial; } .c_nav_main-01001001 .p_image{ display:inline-block; vertical-align:middle; border-width:0; background:none; position:relative; margin-left: 10px; } .c_nav_main-01001001 .p_NavBtn{ background-color:transparent; color: #fff; } .c_nav_main-01001001 .p_NavVLine{ vertical-align: middle; background-color:rgba(255,255,255,.9); position: absolute; right: 0px; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .c_nav_main-01001001 .p_NavVLine { display: none; } .c_nav_main-01001001 .p_ImageMore{ display:inline-block; vertical-align:middle; border-width:0; background:none; position:relative; margin-left: 10px; } .c_nav_main-01001001 .p_NavBtn{ display:block; vertical-align:middle; height: 100%; } .c_nav_main-01001001 .p_NavBtn .font{ display: block; line-height: 50px; } .c_nav_main-01001001 .p_levelA{ display:inline-block; vertical-align:middle; } .c_nav_main-01001001 .p_NavMoreBtn{ display:inline-block; vertical-align:middle; background-color:transparent; height: 100%; display: inline-table; color: #fff; } .c_nav_main-01001001 .p_articlesC{ height:auto; width: auto; line-height: 34px; } .c_nav_main-01001001.hung .p_articlesD:hover{ background-color: #000; } .c_nav_main-01001001.hung .p_articlesD:hover .p_info{ color: #fff; } .c_nav_main-01001001.hung .p_articlesD:hover .p_icon{ color: #fff; } .c_nav_main-01001001 .p_imageA{ display:inline-block; vertical-align:middle; border-width:0px; background:none; position:relative; } .c_nav_main-01001001 .p_image:hover{ background-color:transparent; border-width:0px; } .c_nav_main-01001001 .p_imageA:hover{ border-width:0px; } .c_nav_main-01001001 .p_ImageMore:hover{ background-color:transparent; border-width:0px; } .c_nav_main-01001001 .p_image:hover:after{ background-color:transparent; } .c_nav_main-01001001 .p_imageA:hover:after{ background-color:transparent; } .c_nav_main-01001001 .p_ImageMore:hover:after{ background-color:transparent; } .c_nav_main-01001001 .p_levelB{ vertical-align:middle; } .c_nav_main-01001001 .p_info{ vertical-align:middle; width: initial; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; display: block; } .c_nav_main-01001001.hung .p_info{ color: #000; } .c_nav_main-01001001.hung .p_icon{ color: #000; } .c_nav_main-01001001 .p_icon{ display: inline-block; vertical-align: middle; top: 10px; position: absolute; width: auto; right: 6px; } .c_nav_main-01001001 .p_icon:before{ content: ""; } .c_nav_main-01001001 .p_articles:hover, .c_nav_main-01001001 .p_articles:hover .p_NavBtn, .c_nav_main-01001001 .p_articles:hover .p_NavMoreBtn{ background-color:#1d1d1d; } .c_nav_main-01001001 .p_articles:active, .c_nav_main-01001001 .p_articles:active .p_NavBtn, .c_nav_main-01001001 .p_articles:active .p_NavMoreBtn{ background-color:#1d1d1d; } .c_nav_main-01001001 .p_nav{ width: 100%; height: 100%; text-align: left; font-size: 0; background-color: #000; } .c_nav_main-01001001 .p_articles .p_link{ display: inline-block; vertical-align: middle; max-width: 100%; } #c_nav_main-15214295968234255 .iconfont { font-family: "iconfont"!important; font-size: 10px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }.c_nav_main-01001001 .p_MatteIcon .iconfont:before{ content:'\e602'; } .c_nav_main-01001001 >div{ animation-fill-mode:both; } .c_nav_main-01001001 .p_articles{ width: 100px !important;} .c_nav_main-01001001 .p_NavBtn{ color: #333!important; font-size: 14px!important; padding-right: 20px; padding-left: 20px;} .c_nav_main-01001001 .p_articles:hover, .c_nav_main-01001001 .p_articles:hover .p_NavBtn, .c_nav_main-01001001 .p_articles:hover .p_NavMoreBtn{ background-color: rgba(0,0,0,0) !important;} .c_nav_main-01001001 .p_articlesB{ left: 0px; background-color: #0d6e38;} .c_nav_main-01001001 .p_articlesB{ border-color: rgb(11, 93, 47) !important;} .c_nav_main-01001001 .p_NavBtn:hover{ color: #0d6e38 !important;}.c_search_total-02001{ width: 890px; height: auto; font-size: 0; position: absolute; top: 20px; left: 50px; } .c_search_total-02001 .p_contentBox{ width: auto; height: auto; overflow: visible; white-space: nowrap; padding: 0; margin: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; position: relative; } .c_search_total-02001 .p_searchBox{ width: auto; height: auto; display: inline-block; vertical-align: middle; overflow: visible; padding: 0; margin: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; position: relative; } .c_search_total-02001 .p_searchBox .p_input{ width: 220px; display: inline-block; height: 30px; vertical-align: middle; color: inherit; position: relative; font-size: 14px; } .c_search_total-02001 .p_searchBox .p_input .last{ display: none; } .c_search_total-02001 .p_searchBox .p_input .forward{ display: none; } .c_search_total-02001 .p_searchBox .p_input .forward:before{ content: "\e6d5"; color: #797979; } .c_search_total-02001 .p_searchBtn{ width: auto; height: 30px; display: inline-block; vertical-align: middle; font-size: 14px; 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: inherit; margin: 0; padding: 0 10px; cursor: pointer; font-family: inherit; font-weight: inherit; text-decoration: none; background-size: 100% 100%; } .c_search_total-02001 .p_searchBtn .iconfont{ margin-right: 5px; } .c_search_total-02001 .p_searchBtn .font{ display: table-cell; vertical-align: middle; bottom: 0; height: inherit; color: inherit; font-family: inherit; font-weight: inherit; font-size: inherit; text-decoration: none; position: relative; text-align: center; } .c_search_total-02001 .p_searchBtn .iconfont:before{ content: "\e661"; } .c_search_total-02001 .p_input input, .c_search_total-01001 .p_input .InputText { display: inline-block; height: 100%; width: inherit; line-height: inherit; border-width: 1px; border-style: solid; border-color: #f0f0f0; padding-left: 5px; padding-right: 5px; } .c_search_total-02001 .p_select{ height: auto; position: relative; font-size: 0; display: inline-block; width: auto; vertical-align: middle; margin-left: -1px; } .c_search_total-02001 .p_select input{ width: 75px; height: 30px; border: 1px solid rgba(240, 240, 240, 1); line-height: 30px; display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; padding-left: 5px } .c_search_total-02001 .p_select input:hover{ background-color: rgb(240, 248, 250); color: rgb(100, 190, 186); } .c_search_total-02001 .p_select input:hover + .shape{ background-color: rgb(240, 248, 250); } .c_search_total-02001 .p_select .shape { display: inline-block; width: 30px; height: 30px; position: absolute; right: 0; line-height: 30px; background-color: #fafafa; text-align: center; border: 1px solid rgba(240, 240, 240, 1); border-left: none; font-size: 12px; color: rgba(200, 200, 200, 1); } .c_search_total-02001 .p_select .shape:before { content: "\e6c9"; } .c_search_total-02001 .p_select .shape:hover { color: #65beba; } .c_search_total-02001 .p_select .itembox { height: auto; width: 100%; position: absolute; top: 30px; left: 0px; border: 1px solid rgba(240, 240, 240, 1); border-top: 0; overflow-y: auto; z-index: 99; background-color: #fff; font-size: 12px; max-height: 180px; } .c_search_total-02001 .p_select li { width: auto; height: 30px; line-height: 30px; display: block; text-align: center; } .c_search_total-02001 .p_select li:hover{ background-color: rgb(240, 248, 250); color: rgb(100, 190, 186); } .c_search_total-02001 .p_select li i img{ display: none; } .c_search_total-02001 .p_searchBtn{background-color: rgba(101,190,186,0) !important;} .c_search_total-02001 .p_searchBtn{color: rgb(109, 109, 109) !important;}.w_rbox-001{ position:absolute; width:300px; height:300px; } .w_rbox-001 .p_stylebox{ width: 100%;  } #w_rbox-1550729653666:hover,#w_rbox-1550730089157:hover,#w_rbox-1550730169983:hover,#w_rbox-1550730235283:hover,#w_rbox-1550730422597:hover,#w_rbox-1550730586850:hover{box-shadow: 1px 8px 7px 1px #0b1d132e; transition: .5s;} #w_rbox-1550735478812,#w_rbox-1550740672733,#w_rbox-1550745555082,#w_rbox-1550746684798,#w_rbox-1550747727021,#w_rbox-1550750269864,#w_rbox-1550751437293,#w_rbox-1550751497314,#w_rbox-1550758285818,#w_rbox-1550759256721,#w_rbox-1550759484353,#w_rbox-1550759749418,#w_rbox-1550826727365{ background: #f3f3f3;} #w_rbox-1550729653666:hover #w_img-1550729703567{left:30px} #w_rbox-1550730089157:hover #w_img-1550730089173{left:70px} #w_rbox-1550730169983:hover #w_img-1550730169994{left: 43px;} #w_rbox-1550730235283:hover #w_img-1550730235344{ left: 57px;} #w_rbox-1550730422597:hover #w_img-1550730422611{left: 59px;} #w_rbox-1550730586850:hover #w_img-1550730586864{left: 64px} #w_img-1550729703567,#w_rbox-1551859395143,#w_img-1550730089173,#w_rbox-1551859829884,#w_rbox-1551860281395,#w_img-1550730235344,#w_rbox-1551860590490,#w_img-1550730422611,#w_rbox-1551860885064,#w_rbox-1551870221685,#w_img-1550730586864{ transition: all .3s; } #w_rbox-1550729653666:hover #w_rbox-1551859395143{left: 75px;} #w_rbox-1550730089157:hover #w_rbox-1551859829884{left: 128px} #w_rbox-1550730169983:hover #w_rbox-1551860281395{left: 96px} #w_rbox-1550730235283:hover #w_rbox-1551860590490{left: 108px;} #w_rbox-1550730422597:hover #w_rbox-1551860885064{left: 121px;} #w_rbox-1550730586850:hover #w_rbox-1551870221685{left: 103px} #c_xnav_main-15522833578636090{ height: 89px !important;} #c_xnav_main-15522833578636090 .navli{ width: 112px !important;} #c_xnav_main-15522833578636090 .showbox::before{ height: 370px !important;background-color:rgba(255,255,255,.96) !important; } #c_xnav_main-15522833578636090 .sj_link{ height: 27px !important; width: 267px !important; line-height:27px !important;font-size: 14px !important;text-align: left !important; } #c_xnav_main-15522833578636090 .ej_link{font-size: 15px !important;} #c_xnav_main-15522833578636090 .ej_link:hover,#c_xnav_main-15522833578636090 .sj_link:hover{ color: #0d6e38 !important; background: none !important;box-shadow:0 4px 20px 0px rgba(0, 0, 0, 0), 0 7px 12px -5px rgba(32, 107, 209,0) !important;} #c_xnav_main-15522833578636090 .ej_link{ text-align: left !important; width: 267px !important;} #c_xnav_main-15522833578636090 .navlink{ color: #333 !important;}.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; } #w_img-1550731819667,#w_img-1550731938653,#w_img-1550731989197,#w_img-1550732110105,#w_img-1550732140412,#w_img-1550732166184{overflow:hidden;} #w_img-1550731819667 img,#w_img-1550731938653 img,#w_img-1550731989197 img,#w_img-1550732110105 img,#w_img-1550732140412 img,#w_img-1550732166184 img{transition:all 1s ease; transform:scale(1);} #w_img-1550731819667:hover img,#w_img-1550731938653:hover img,#w_img-1550731989197:hover img,#w_img-1550732110105:hover img,#w_img-1550732140412:hover img,#w_img-1550732166184:hover img{ transform:scale(1.1);}@CHARSET "UTF-8"; *{ padding: 0; margin: 0; }.pagebox,#-remove--flag{}body,#-remove--flag{} #c_news_list-15518726294851170 .p_articles{ margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } #c_news_list-15518726294851170 .p_CommonSummaryBoxA{ text-align:center; } #c_news_list-15518726294851170 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_news_list-15518726294851170 >div{ animation-fill-mode:both; } #c_news_list-15518726294851170 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15518726294851170 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15518726294851170 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15518726294851170 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15518726294851170{ position:absolute; top:310px; left:321.5px; z-index:14; width:1340px; height:256px; } #c_public_htmlCode-15533267193186903{ position:absolute; top:8px; left:1524px; z-index:2; width:148px; height:61px; } #c_ebizads_banner-15578971776205425{ position:absolute; top:0px; left:0px; z-index:107; width:1920px; height:1080px; } #c_search_total-15578973996791059 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_search_total-15578973996791059 >div{ animation-fill-mode:both; } #c_search_total-15578973996791059 .p_product .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_search_total-15578973996791059 .p_info .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_search_total-15578973996791059 .p_companyfile .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_search_total-15578973996791059{ position:absolute; top:14px; left:1109px; z-index:106; width:296px; height:30px; } #c_nav_main-15578973996802351{ position:absolute; top:50px; left:768px; z-index:107; width:888px; height:50px; } #w_sfbox-1546507745889 .p_footer{ background-color:rgba(51, 51, 51, 1); height:90px; } #w_sfbox-1546507745889 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_sfbox-1546507745889 .ping_0{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1546507745889 .ping_1{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1546507745889 .ping_2{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1546507745889 .ping_3{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1546507745889 .ping_4{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1546507745889 .p_SwipPanelBox{ left:auto; right:0px; top:50%; bottom:auto; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); } #w_wbox-1557897179776 .p_wbox{ background-color:rgba(255, 255, 255, 0.84); } #w_wbox-1557897179776 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1557897179776 >div{ animation-fill-mode:both; } #w_rbox-1551686799462 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1551686799462 >div{ animation-name:fadeInDown; animation-duration:0.7s; animation-delay:1s; animation-fill-mode:both; } #w_rbox-1550731212740 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1550731212740 >div{ animation-fill-mode:both; } #w_rbox-1550731249416 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1550731249416 >div{ animation-fill-mode:both; } #w_rbox-1550731184639 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1550731184639 >div{ animation-fill-mode:both; } #w_rbox-1550730089157 div.w_rbox>.p_rbox{ background-color:rgba(255, 255, 255, 1); } #w_rbox-1550730089157 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1550730089157 >div{ animation-fill-mode:both; } #w_rbox-1550730422597 div.w_rbox>.p_rbox{ background-color:rgba(255, 255, 255, 1); } #w_rbox-1550730422597 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1550730422597 >div{ animation-fill-mode:both; } #w_rbox-1550730586850 div.w_rbox>.p_rbox{ background-color:rgba(255, 255, 255, 1); } #w_rbox-1550730586850 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1550730586850 >div{ animation-fill-mode:both; } #w_rbox-1550730169983 div.w_rbox>.p_rbox{ background-color:rgba(255, 255, 255, 1); } #w_rbox-1550730169983 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1550730169983 >div{ animation-fill-mode:both; } #w_rbox-1550730235283 div.w_rbox>.p_rbox{ background-color:rgba(255, 255, 255, 1); } #w_rbox-1550730235283 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1550730235283 >div{ animation-fill-mode:both; } #w_rbox-1550729653666 div.w_rbox>.p_rbox{ background-color:rgba(255, 255, 255, 1); } #w_rbox-1550729653666 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1550729653666 >div{ animation-fill-mode:both; } #w_img-1550730586864 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550730586864 >div{ animation-fill-mode:both; } #w_common_text-1550730422625 .p_link001{ height:calc(100%); } #w_img-1550730422611 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550730422611 >div{ animation-fill-mode:both; } #w_img-1550728858361 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550728858361 >div{ animation-fill-mode:both; } #w_img-1550729214515 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550729214515 >div{ animation-name:flipInY; animation-duration:0.6s; animation-delay:1.1s; animation-fill-mode:both; } #w_img-1550729243728 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550729243728 >div{ animation-name:flipInY; animation-duration:0.8s; animation-delay:1.1s; animation-fill-mode:both; } #w_common_text-1550730235354 .p_link001{ height:calc(100%); } #w_common_text-1550730235363 .p_link001{ height:calc(100%); } #w_img-1550730235344 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550730235344 >div{ animation-fill-mode:both; } #w_img-1550729323827 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550729323827 >div{ animation-name:flipInY; animation-duration:0.9s; animation-delay:1.2s; animation-fill-mode:both; } #w_common_text-1550730089188 .p_link001{ height:calc(100%); } #w_common_text-1550729716876 .p_link001{ height:calc(100%); } #w_common_text-1550729745986 .p_link001{ height:calc(100%); } #w_img-1550729703567 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550729703567 >div{ animation-fill-mode:both; } #w_common_text-1550730089200 .p_link001{ height:calc(100%); } #w_img-1550730089173 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550730089173 >div{ animation-fill-mode:both; } #w_img-1550729341893 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550729341893 >div{ animation-name:flipInY; animation-duration:1s; animation-delay:1.2s; animation-fill-mode:both; } #w_common_text-1550730170004 .p_link001{ height:calc(100%); } #w_common_text-1550730170013 .p_link001{ height:calc(100%); } #w_img-1550730169994 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550730169994 >div{ animation-fill-mode:both; } #w_common_text-1550728888538 .p_link001{ height:calc(100%); } #w_common_text-1550730422633 .p_link001{ height:calc(100%); } #w_common_text-1550730586879 .p_link001{ height:calc(100%); } #w_img-1550729179382 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550729179382 >div{ animation-name:fadeInRight; animation-duration:1s; animation-delay:1.4s; animation-fill-mode:both; } #w_img-1550729606534 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550729606534 >div{ animation-fill-mode:both; } #w_img-1550731133999 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550731133999 >div{ animation-name:fadeInLeft; animation-duration:1.1s; animation-delay:1.3s; animation-fill-mode:both; } #w_img-1550731399308 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550731399308 >div{ animation-fill-mode:both; } #w_img-1550731490529 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550731490529 >div{ animation-name:fadeInUp; animation-duration:0.7s; animation-delay:1s; animation-fill-mode:both; } #w_common_text-1550731521362 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1550731521362 >div{ animation-name:fadeInUp; animation-duration:0.9s; animation-delay:1s; animation-fill-mode:both; } #w_common_text-1550731521362 .p_link001{ height:calc(100%); } #w_common_text-1550731568881 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1550731568881 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_common_text-1550731568881 .p_link001{ height:calc(100%); } #w_img-1552273237254 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1552273237254 >div{ animation-name:fadeInLeft; animation-duration:1.1s; animation-delay:1.3s; animation-fill-mode:both; } #w_img-1550732579464 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550732579464 >div{ animation-fill-mode:both; } #w_img-1550732911862 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550732911862 >div{ animation-name:flipInY; animation-duration:0.5s; animation-delay:1s; animation-fill-mode:both; } #w_img-1550733104138 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550733104138 >div{ animation-name:flipInY; animation-duration:0.7s; animation-delay:1s; animation-fill-mode:both; } #w_img-1550733124796 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550733124796 >div{ animation-name:flipInY; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_img-1550733187657 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550733187657 >div{ animation-name:flipInY; animation-duration:1.2s; animation-delay:1s; animation-fill-mode:both; } #w_img-1550733320870 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550733320870 >div{ animation-fill-mode:both; } #w_img-1550733344211 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550733344211 >div{ animation-fill-mode:both; } #w_img-1550733358948 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550733358948 >div{ animation-fill-mode:both; } #w_common_text-1550733404598 .p_link001{ height:calc(100%); } #w_common_text-1550733668858 .p_link001{ height:calc(100%); } #w_common_text-1550733781189 .p_link001{ height:calc(100%); } #w_img-1550733837614 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550733837614 >div{ animation-fill-mode:both; } #w_common_text-1550733912642 .p_link001{ height:calc(100%); } #w_img-1550734110972 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550734110972 >div{ animation-fill-mode:both; } #w_img-1550734133378 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550734133378 >div{ animation-fill-mode:both; } #w_img-1550734146584 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550734146584 >div{ animation-fill-mode:both; } #w_img-1550734163464 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550734163464 >div{ animation-fill-mode:both; } #w_img-1550734173131 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550734173131 >div{ animation-fill-mode:both; } #w_img-1550734224832 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550734224832 >div{ animation-fill-mode:both; } #w_common_text-1550800701584 .p_link001{ height:calc(100%); } #w_img-1611121504903 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1611121504903 >div{ animation-name:flipInY; animation-duration:0.5s; animation-delay:1s; animation-fill-mode:both; } #w_img-1557897179798 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1557897179798 >div{ animation-fill-mode:both; } #w_common_text-1557897179816 .p_link001{ height:calc(100%); } #w_img-1557897179825 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1557897179825 >div{ animation-fill-mode:both; } #w_vline-1557897179836 .p_Vline{ border-left-color:rgba(153, 153, 153, 1); border-left-style:solid; } #w_vline-1557897179836 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_vline-1557897179836 >div{ animation-fill-mode:both; } #w_common_text-1557897179846 .p_link001{ height:calc(100%); } #w_img-1557897179855 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1557897179855 >div{ animation-fill-mode:both; } #w_common_text-1550730586885 .p_link001{ height:calc(100%); } #w_sfbox-1546507745889{ position:absolute; top:0px; left:0px; z-index:1; width:1920px; height:881px; } #w_wbox-1557897179776{ position:absolute; top:0px; left:0px; z-index:112; width:1920px; height:100px; } #w_rbox-1551686799462{ position:absolute; top:218px; left:368px; z-index:102; width:925px; height:452px; } #w_rbox-1550731212740{ position:absolute; top:40px; left:298px; z-index:2; width:282px; height:348px; } #w_rbox-1550731249416{ position:absolute; top:40px; left:1px; z-index:3; width:268px; height:338px; } #w_rbox-1550731184639{ position:absolute; top:40px; left:593px; z-index:1; width:284px; height:348px; } #w_rbox-1550730089157{ position:absolute; top:-40px; left:0px; z-index:1; width:277px; height:170px; } #w_rbox-1550730422597{ position:absolute; top:149.5px; left:0px; z-index:2; width:277px; height:170px; } #w_rbox-1550730586850{ position:absolute; top:149.5px; left:0px; z-index:2; width:277px; height:170px; } #w_rbox-1550730169983{ position:absolute; top:-40px; left:0px; z-index:1; width:277px; height:170px; } #w_rbox-1550730235283{ position:absolute; top:149.5px; left:0px; z-index:2; width:277px; height:170px; } #w_rbox-1550729653666{ position:absolute; top:-40px; left:0px; z-index:1; width:277px; height:170px; } #w_rbox-1551859829884{ position:absolute; top:47px; left:131px; z-index:101; width:123px; height:75px; } #w_rbox-1551860281395{ position:absolute; top:59.5px; left:100px; z-index:101; width:152px; height:62px; } #w_rbox-1551870221685{ position:absolute; top:62.5px; left:107.031px; z-index:101; width:135px; height:59px; } #w_rbox-1551860885064{ position:absolute; top:60.5px; left:125px; z-index:101; width:129px; height:76px; } #w_rbox-1551859395143{ position:absolute; top:40px; left:78px; z-index:100; width:185px; height:91px; } #w_rbox-1551860590490{ position:absolute; top:56.5px; left:112px; z-index:100; width:134px; height:80px; } #w_img-1550730586864{ position:absolute; top:59px; left:60.5156px; z-index:100; width:31px; height:41px; } #w_common_text-1550730422625{ position:absolute; top:-1px; left:0px; z-index:1; width:108px; height:24px; } #w_img-1550730422611{ position:absolute; top:59px; left:55px; z-index:100; width:52px; height:55px; } #w_img-1550728858361{ position:absolute; top:145px; left:369px; z-index:2; width:79px; height:142px; } #w_img-1550729214515{ position:absolute; top:248px; left:1024px; z-index:5; width:100px; height:352px; } #w_img-1550729243728{ position:absolute; top:221px; left:1142px; z-index:6; width:100px; height:352px; } #w_common_text-1550730235354{ position:absolute; top:2px; left:2px; z-index:1; width:100px; height:28px; } #w_common_text-1550730235363{ position:absolute; top:32px; left:2px; z-index:2; width:132px; height:22px; } #w_img-1550730235344{ position:absolute; top:59px; left:53px; z-index:101; width:45px; height:42px; } #w_img-1550729323827{ position:absolute; top:221px; left:1260px; z-index:7; width:100px; height:352px; } #w_common_text-1550730089188{ position:absolute; top:10.5px; left:0px; z-index:1; width:88px; height:28px; } #w_common_text-1550729716876{ position:absolute; top:17.5px; left:12px; z-index:1; width:100px; height:28px; } #w_common_text-1550729745986{ position:absolute; top:47.5px; left:12px; z-index:2; width:178px; height:22px; } #w_img-1550729703567{ position:absolute; top:61px; left:26px; z-index:101; width:41px; height:41px; } #w_common_text-1550730089200{ position:absolute; top:40.5px; left:0px; z-index:2; width:118px; height:22px; } #w_img-1550730089173{ position:absolute; top:58px; left:66px; z-index:100; width:45px; height:46px; } #w_img-1550729341893{ position:absolute; top:248px; left:1378px; z-index:8; width:100px; height:352px; } #w_common_text-1550730170004{ position:absolute; top:-3px; left:3px; z-index:1; width:88px; height:24px; } #w_common_text-1550730170013{ position:absolute; top:27px; left:3px; z-index:2; width:147px; height:27px; } #w_img-1550730169994{ position:absolute; top:58px; left:39px; z-index:100; width:40px; height:37px; } #w_common_text-1550728888538{ position:absolute; top:334.5px; left:369px; z-index:3; width:520px; height:151px; } #w_common_text-1550730422633{ position:absolute; top:29px; left:0px; z-index:2; width:118px; height:22px; } #w_common_text-1550730586879{ position:absolute; top:-5px; left:5px; z-index:1; width:119px; height:24px; } #w_img-1550729179382{ position:absolute; top:519px; left:369px; z-index:4; width:243px; height:30px; } #w_img-1550729606534{ position:absolute; top:159px; left:1470px; z-index:100; width:79px; height:173px; } #w_img-1550731133999{ position:absolute; top:487px; left:1306px; z-index:101; width:243px; height:30px; } #w_img-1550731399308{ position:absolute; top:124px; left:1471px; z-index:2; width:79px; height:187px; } #w_img-1550731490529{ position:absolute; top:152px; left:852px; z-index:3; width:217px; height:67px; } #w_common_text-1550731521362{ position:absolute; top:240.5px; left:707px; z-index:4; width:507px; height:33px; } #w_common_text-1550731568881{ position:absolute; top:283px; left:752px; z-index:5; width:415px; height:21px; } #w_img-1552273237254{ position:absolute; top:565.5px; left:1348px; z-index:15; width:243px; height:30px; } #w_img-1550732579464{ position:absolute; top:140px; left:369px; z-index:100; width:79px; height:143px; } #w_img-1550732911862{ position:absolute; top:191px; left:534px; z-index:101; width:85px; height:85px; } #w_img-1550733104138{ position:absolute; top:191px; left:829.641px; z-index:102; width:85px; height:85px; } #w_img-1550733124796{ position:absolute; top:191px; left:1125.33px; z-index:103; width:85px; height:85px; } #w_img-1550733187657{ position:absolute; top:191px; left:1421px; z-index:104; width:85px; height:85px; } #w_img-1550733320870{ position:absolute; top:232px; left:661px; z-index:105; width:125px; height:6px; } #w_img-1550733344211{ position:absolute; top:232px; left:961.5px; z-index:106; width:125px; height:6px; } #w_img-1550733358948{ position:absolute; top:232px; left:1254px; z-index:107; width:125px; height:6px; } #w_common_text-1550733404598{ position:absolute; top:300.5px; left:470px; z-index:108; width:206px; height:120px; } #w_common_text-1550733668858{ position:absolute; top:300.5px; left:770px; z-index:109; width:206px; height:96px; } #w_common_text-1550733781189{ position:absolute; top:300.5px; left:1072.5px; z-index:110; width:206px; height:120px; } #w_img-1550733837614{ position:absolute; top:300.5px; left:1423px; z-index:111; width:86px; height:86px; } #w_common_text-1550733912642{ position:absolute; top:425px; left:369px; z-index:112; width:195px; height:31px; } #w_img-1550734110972{ position:absolute; top:472px; left:369px; z-index:113; width:188px; height:90px; } #w_img-1550734133378{ position:absolute; top:472px; left:567.188px; z-index:114; width:188px; height:90px; } #w_img-1550734146584{ position:absolute; top:472px; left:963.594px; z-index:115; width:188px; height:90px; } #w_img-1550734163464{ position:absolute; top:472px; left:765.391px; z-index:116; width:188px; height:90px; } #w_img-1550734173131{ position:absolute; top:472px; left:1161.8px; z-index:117; width:188px; height:90px; } #w_img-1550734224832{ position:absolute; top:472px; left:1360px; z-index:118; width:188px; height:90px; } #w_common_text-1550800701584{ position:absolute; top:38.5px; left:378.266px; z-index:1; width:1196px; height:38px; } #w_img-1611121504903{ position:absolute; top:38px; left:990.5px; z-index:3; width:20px; height:20px; } #w_img-1557897179798{ position:absolute; top:22px; left:369px; z-index:100; width:182px; height:56px; } #w_common_text-1557897179816{ position:absolute; top:19px; left:1416px; z-index:101; width:36px; height:21px; } #w_img-1557897179825{ position:absolute; top:22px; left:1451px; z-index:102; width:20px; height:13px; } #w_vline-1557897179836{ position:absolute; top:22px; left:1483px; z-index:103; width:21px; height:16px; } #w_common_text-1557897179846{ position:absolute; top:19px; left:1494px; z-index:104; width:36px; height:21px; } #w_img-1557897179855{ position:absolute; top:22px; left:1529px; z-index:105; width:20px; height:13px; } #w_common_text-1550730586885{ position:absolute; top:25px; left:5px; z-index:2; width:119px; height:22px; }