html,body{margin: 0;padding: 0;} .pagebox{position:relative;} .e_pagebox { width: auto; height: auto; clear: both; position: relative } .p_page{ float: right; right: 30px; } .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 0 rgba(90, 90, 90, .8); -moz-box-shadow: 0 3px 0 rgba(90, 90, 90, .8); box-shadow: 0 3px 0 rgba(90, 90, 90, .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 0 rgba(90, 90, 90, .8); -moz-box-shadow: 0 3px 0 rgba(90, 90, 90, .8); box-shadow: 0 3px 0 rgba(90, 90, 90, .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 { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 30px; margin:0 5px 0 18px; 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; } .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 0 #777; -moz-box-shadow: 0 3px 0 #777; box-shadow: 0 3px 0 #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 0 #777; -moz-box-shadow: 0 3px 0 #777; box-shadow: 0 3px 0 #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 { display: inline-table; position: relative; left: 0; top: 0; float: left; 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; } .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: relative; float: left; height: 30px; width: 30px; margin:0 5px 0 0; background-size: 100% 100%; color: rgba(102, 102, 102, 1); border:0 solid rgba(255, 255, 255, 0); cursor: pointer; line-height: 30px; display: table; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: rgba(242, 242, 242, 1); text-align: center; } .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 }  .p_CommonInteraction{ 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; } .p_CommonLanternBox{ position: relative; margin:0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .p_CommonSwitchBtnA{ position: absolute; top: 50%; left: 50%; display:inline-block; vertical-align:middle; cursor:pointer; font-size: 45px; color: #e5e5e5; transform: translate(-50%,-50%); } .p_CommonSwitchBtnA .iconfont:before{ content: "\e687"; display: inline-block; } .p_CommonSwitchBtnA:hover{ cursor:pointer; color:rgba(105,192,188,1); } .p_CommonSwitchBtnB{ position: absolute; top: 50%; right: 50%; display: inline-block; vertical-align: middle; cursor: pointer; transform: translate(50%,-50%); font-size: 45px; color: #e5e5e5; vertical-align: middle; cursor: pointer; } .p_CommonSwitchBtnB .iconfont:before{ content: "\e6ae"; display: inline-block; } .p_CommonSwitchBtnB:hover { color: rgba(105, 192, 188, 1); cursor: pointer } .d_CommonInteractionA{ left: 0; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0,-50%); } .d_CommonInteractionB{ right: 0; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0,-50%); }  .p_CommonSummaryBoxA { margin: 0 0 20px; width: auto; height: auto; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; text-align:center; } .p_CommonThumbnailBox { margin: 0; width: auto; height: auto; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden } .p_CommonSquareNumBtn { display: inline-block; height: 10px; width: 100px; margin: 0 8px; padding: 0; background-color: rgba(228, 228, 228, 1); border-width: 1px; border-color: transparent; color: rgba(153, 153, 153, 1); font-size: 12px; font-family: "Microsoft YaHei"; text-align: center; cursor: pointer } .p_CommonSquareNumBtn img { display: none } .p_CommonSquareNumBtn .shape { text-indent: -9999em; width: inherit; height: inherit; vertical-align: middle } .p_CommonSquareNumBtn.active, .p_CommonSquareNumBtn:hover { background-color: rgba(103, 184, 180, 1); color: rgba(255, 255, 255, 1) } .p_CommonSquareNumBtn.j-nav-active { background-color: rgba(103, 184, 180, 1); color: rgba(255, 255, 255, 1) }   .p_scroll { width: 100%; height: auto; position: relative } .p_scroll .vline { width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color: #F0F0F0; opacity: 1; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%) } .p_scroll .scrolling { width: 77px; height: 25px; border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff, #F2F2F3); background: -o-linear-gradient(#fff, #F2F2F3); background: -moz-linear-gradient(#fff, #F2F2F3); background: linear-gradient(#fff, #F2F2F3); border-radius: 6px; position: relative; left: 50%; text-align: center; font-size: 15px; box-shadow: 0 0 10px #fff inset, 0 1px 1px rgba(0, 0, 0, .1); color: #AAA; cursor: pointer } .p_scroll .scrolling:hover { border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff, #F7F7F8); background: -o-linear-gradient(#fff, #F7F7F8); background: -moz-linear-gradient(#fff, #F7F7F8); background: linear-gradient(#fff, #F7F7F8) } .p_scroll .scrolling:active { border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff, #E4E4E4); background: -o-linear-gradient(#fff, #E4E4E4); background: -moz-linear-gradient(#fff, #E4E4E4); background: linear-gradient(#fff, #E4E4E4); box-shadow: 0 0 10px #fff inset, 0 1px 2px rgba(0, 0, 0, .1) }  .p_more { position: static; width: 100%; margin: 0 auto; text-align: center; padding-right: 20px; padding-left: 20px; height: 70px; background-color: #F6F7F8; position: relative; border-radius: 0; border-width: 0; color: rgba(115, 115, 131, 1); font-size: 18px } .p_more:active { background-color: #F6F7F8 } .p_more .font { vertical-align: middle; text-align: inherit; line-height: 70px; } .p_more .iconfont { display: inline; vertical-align: middle; font-style: normal } .p_more .iconfont:before { content: "\e6d1" }  body { overflow-x: hidden!important;background-image:url(../image/rdzn_hdbg.png);background-repeat:repeat-y;background-position:center;}  ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-button{ background-color: #205391; height: 5px; } ::-webkit-scrollbar-track{ background: #e2e2e2; } ::-webkit-scrollbar-thumb{ background: #205391; }  .e_ContentMajorStyleBox-001 .stylebox_top, .e_IndexOrdinaryStyleBox-001 .stylebox_top, .c_search_result-02001 .p_stylebox .stylebox_top, .e_ContentOrdinaryStyleBox-001 .stylebox_top { height: 60px !important; background-color: #f2f2f2 !important; margin-bottom: 13px; } .e_ContentMajorStyleBox-001 .stylebox_title, .e_IndexOrdinaryStyleBox-001 .stylebox_title, .c_search_result-02001 .stylebox_title, .e_ContentOrdinaryStyleBox-001 .stylebox_title { display: inline-block !important; width: 100% !important; background-color:#f2f2f2 !important; } .e_ContentMajorStyleBox-001 .title_main, .e_IndexOrdinaryStyleBox-001 .title_main, .c_search_result-02001 .title_main, .e_ContentOrdinaryStyleBox-001 .title_main { display: block !important; line-height: 60px !important; color: #003b82 !important; max-width: 100% !important; text-align: center !important; font-size: 24px!important; font-weight: bold!important; } .e_ContentMajorStyleBox-001 .stylebox_content, .e_IndexOrdinaryStyleBox-001 .stylebox_content, .c_search_result-02001 .stylebox_content, .e_ContentOrdinaryStyleBox-001 .stylebox_content { border-width: 0!important;} .e_ContentMajorStyleBox-001 .stylebox_top_line, .e_IndexOrdinaryStyleBox-001 .stylebox_top_line, .c_search_result-02001 .stylebox_top_line, .e_ContentOrdinaryStyleBox-001 .stylebox_top_line { display: none;} .e_ContentMajorStyleBox-001 .stylebox_bottom_line, .e_IndexOrdinaryStyleBox-001 .stylebox_bottom_line, .c_search_result-02001 .stylebox_bottom_line, .e_ContentOrdinaryStyleBox-001 .stylebox_bottom_line { display: none;}  .p_page .pre:hover{background-color:#205391 !important;color:#fff !important;} .p_page .pre:active{background-color:#205391 !important;color:#fff !important;} .p_page .pageNum:hover{background-color:#205391 !important;} .p_page .pageNum.active{background-color:#205391 !important;} .p_page .next{background-color:#205391 !important;} .p_page .next:hover{background-color:#205391 !important;} .p_page .next:active{background-color:#205391 !important;}  .p_PromptNoneData .promptbox { width: auto; height: 100%;text-align: center; } .p_PromptNoneData .prompt_title { display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .p_PromptNoneData .prompt_title .first { height: auto; display: table-cell; font-size: 32px; position: relative; color: #bfbfbf; vertical-align: middle; padding: 0 10px 5px 0; } .p_PromptNoneData .prompt_title .first:before { content: "\e6b4"; } .p_PromptNoneData .prompt_title .font { font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color:#bfbfbf; font-weight: bold; text-align: left; }  body.ovh-f #pageloader { z-index: 16000!important; } #pageloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 16000;  } #pageloader::after, #pageloader::before { content: ""; display: block; position: absolute; left: 0; width: 100%; height: 50%; background: #fff; z-index: -1; -webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s; } #pageloader::before { background: url(../image/rdzn_lbg1.jpg) no-repeat center bottom;background-size: cover;} #pageloader::after { bottom: 0;background: url(../image/rdzn_lbg2.jpg) no-repeat center top;background-size: cover;} #pageloader.lhide::after, #pageloader.lhide::before { height: 0;} .llogo{ width: 300px; position: absolute; top: 50%; left: 50%; z-index: 20; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: all 0.4s; transition: all 0.4s; } .llogo.lhide{opacity: 0;} body.ovh-f .jdt{opacity: 1!important;} .jdt { display: block; width: 100%; position: absolute; top: 0; left: 0; height: 15px; background-color: #003b82; animation: lwidth 3s ease-in-out 0.1s forwards; -webkit-animation: lwidth 3s ease-in-out 0.1s forwards; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } @keyframes lwidth { 0% { width: 0; } 100% { width: 100%; } } @-webkit-keyframes lwidth { 0% { width: 0; } 100% { width: 100%; } } body.ovh-f { overflow: hidden!important;  width: 100%;background-image: none;  } body.ovh-f .pagebox{ opacity: 0; } body.ovh-f #Header{ opacity: 0; }  #w_img-1547014148038, #w_img-1547106610477, #w_img-1547170428746, #w_img-1547110554101, #w_img-1547111409859, #w_img-1547111923489, #w_img-1547112196118, #w_img-1547118161882, #w_img-1547112703181, #w_img-1547113216960, #w_img-1547115735052, #w_img-1547173801504, #w_img-1547174348390, #w_img-1547174613368, #w_img-1547174839850, #w_img-1547174754947, #w_img-1547174925139, #w_img-1547190002043, #w_img-1547190142682, #w_img-1547193852190, #w_img-1547195971904, #w_img-1547198284586{ left: auto!important; right: 70px; } #c_public_htmlCode-15470135926729009 { left: 0!important; width: 100%!important;} #w_rbox-1547015041375 { left: auto!important; width: 55vw!important; right: calc((100vw - 1300px)/-2); } #w_img-1547016340672, #w_img-1547016642496, #w_img-1547016676951, #w_img-1547016693262, #w_img-1547016716742 { transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;} #w_img-1547016340672:hover, #w_img-1547016642496:hover, #w_img-1547016676951:hover, #w_img-1547016693262:hover, #w_img-1547016716742:hover { -webkit-transform:translateY(-10px); transform:translateY(-10px); } #c_public_htmlCode-15470197712367595 { left: 0!important; width: 100%!important; } #c_public_htmlCode-15470238237267234 { left: 0!important; width: 100%!important; }  #w_rbox-1547037072730{width: calc(50% - 44px)!important;left: 80px!important;} #c_public_htmlCode-15470371679515281 { width: 100%!important;} #w_rbox-1547037214233 { top: auto!important; left: auto!important; bottom: 46px; right: 56px; } #w_rbox-1547038271168{width: calc(50% - 44px)!important;left: auto!important;right: 0px;} #c_public_htmlCode-15470382903105822 { width: 100%!important;}  #w_img-1547103226327{ cursor: pointer;} #w_img-1547103226327 img{display:block;width:100%;-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;transition: transform 0.4s ease-out;} #w_img-1547103226327:hover img{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } #w_rbox-1547103136488 { display: none;z-index: 200!important;}  a.lx_mail{display: inline-block;width: 150px;line-height: 38px;border-radius: 23px;background: #205391;text-align: center;font-size: 14px;color: #fff!important;transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;} a.lx_mail:hover{background: #1565c5;box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.4);} a.lx_mail:before{content:'\e676';display: inline-block;font-family: 'iconfont'!important;margin-right:10px;font-size:16px;line-height:38px;vertical-align: middle;}  #w_rbox-1553578968492, #w_rbox-1553579906479, #w_rbox-1553580125021, #w_rbox-1553580358331, #w_rbox-1553580645323, #w_rbox-1553580911778, #w_rbox-1553581134171, #w_rbox-1553581365000, #w_rbox-1553581695184, #w_rbox-1553581865911, #w_rbox-1553582130982, #w_rbox-1553582271814, #w_rbox-1553582491582, #w_rbox-1553582778670, #w_rbox-1557141208288, #w_rbox-1650506379864, #w_rbox-1650506655923{ transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; background: url(../image/rdzn_lc4.png) no-repeat 50% 50%; } #w_rbox-1553578968492:hover, #w_rbox-1553579906479:hover, #w_rbox-1553580125021:hover, #w_rbox-1553580358331:hover, #w_rbox-1553580645323:hover, #w_rbox-1553580911778:hover, #w_rbox-1553581134171:hover, #w_rbox-1553581365000:hover, #w_rbox-1553581695184:hover, #w_rbox-1553581865911:hover, #w_rbox-1553582130982:hover, #w_rbox-1553582271814:hover, #w_rbox-1553582491582:hover, #w_rbox-1553582778670:hover, #w_rbox-1557141208288:hover{ background: url(../image/rdzn_lc5.png) no-repeat 50% 50%; } #w_rbox-1553578968492 #w_common_text-1553579499087, #w_rbox-1553579906479 #w_common_text-1553579906510, #w_rbox-1553580125021 #w_common_text-1553580125055, #w_rbox-1553580358331 #w_common_text-1553580358377, #w_rbox-1553580645323 #w_common_text-1553580645357, #w_rbox-1553580911778 #w_common_text-1553580911858, #w_rbox-1553581134171 #w_common_text-1553581134211, #w_rbox-1553581365000 #w_common_text-1553581365090, #w_rbox-1553581695184 #w_common_text-1553581695226, #w_rbox-1553581865911 #w_common_text-1553581866014, #w_rbox-1553582130982 #w_common_text-1553582131025, #w_rbox-1553582271814 #w_common_text-1553582271912, #w_rbox-1553582491582 #w_common_text-1553582491628, #w_rbox-1553582778670 #w_common_text-1553582778775{ transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; } #w_rbox-1553578968492:hover #w_common_text-1553579499087, #w_rbox-1553579906479:hover #w_common_text-1553579906510, #w_rbox-1553580125021:hover #w_common_text-1553580125055, #w_rbox-1553580358331:hover #w_common_text-1553580358377, #w_rbox-1553580645323:hover #w_common_text-1553580645357, #w_rbox-1553580911778:hover #w_common_text-1553580911858, #w_rbox-1553581134171:hover #w_common_text-1553581134211, #w_rbox-1553581365000:hover #w_common_text-1553581365090, #w_rbox-1553581695184:hover #w_common_text-1553581695226, #w_rbox-1553581865911:hover #w_common_text-1553581866014, #w_rbox-1553582130982:hover #w_common_text-1553582131025, #w_rbox-1553582271814:hover #w_common_text-1553582271912, #w_rbox-1553582491582:hover #w_common_text-1553582491628, #w_rbox-1553582778670:hover #w_common_text-1553582778775{ color: #003b82; } #w_rbox-1665991553884 { margin:auto!important; left:0px!important; right:0px!important; }