/*e_OrdinaryStyleBox-001*/ .e_OrdinaryStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_top*/ .e_OrdinaryStyleBox-001 .stylebox_top{ background-color: #F0F0F0; height: 67px; } /*stylebox_link*/ .e_OrdinaryStyleBox-001 .stylebox_link{ font-size: 30px; color: #a7a7a7; display: table; height: inherit; border-width: 0; padding: 0 15px; margin: 0; float: right; vertical-align: middle; } .e_OrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } /*stylebox_content*/ .e_OrdinaryStyleBox-001 .stylebox_content{ width: 100%; height: calc(100% - 48px); border-style: solid; border-width: 1px; border-color: #f0f0f0; width-uint:%; } .e_OrdinaryStyleBox-001 .title_main{ font-size: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 352px; display: inline-block; vertical-align: middle; color:#333333; font-weight: normal; } .e_OrdinaryStyleBox-001 .title_sub{ font-size: 34px; display: inline-block; vertical-align: middle; font-weight: normal; margin-left: 10px; color: #333333; } .e_OrdinaryStyleBox-001 .stylebox_title{ background-color:transparent; } .e_OrdinaryStyleBox-001 .stylebox_link i:before{ content: "\e6ae"; } /*stylebox_title*/ .e_OrdinaryStyleBox-001 .stylebox_title{ line-height: 67px; display: inline-block; width: auto; height: inherit; background-color: transparent; padding-left: 20px; padding-right: 20px; font-size: 0; vertical-align: bottom; white-space: nowrap; } /*stylebox_link*/ .e_OrdinaryStyleBox-001 .stylebox_link i:before{ content: "\e6ae"; } .e_OrdinaryStyleBox-001 .stylebox_link:active{ background-color:#4E9694 ; } .e_OrdinaryStyleBox-001 .stylebox_title .title_icon{ text-align: center; line-height: normal; display: inline-block; vertical-align: middle; color: rgba(255,255,255,1); margin-right: 10px; font-size: initial; } .e_OrdinaryStyleBox-001 .stylebox_title .title_icon:before { content: "\e63d"; font-size: 34px; color: #333; } .e_OrdinaryStyleBox-001 .stylebox_link a { color: inherit; vertical-align: middle; display: table-cell; } .e_OrdinaryStyleBox-001 .link_icon { display: inline-block; margin-left: 5px; }/*图片标题列表*/ .w_img-001 .p_title{ display:inline-table; margin:0; min-width:37px; padding:0; color:rgba(51,51,51,1); font-size:16px; font-weight:400; cursor:pointer; } .w_img-001 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_img-001 .p_title:hover{ color:rgba(87,177,173,1); } .w_img-001 .p_title:active{ color:rgba(69,165,161,1); } .w_img-001 .p_title .iconfont:before{ display: inline-block; content:""; } .w_img-001{ position:absolute; width:280px; height:250px; } .w_img-001 .animated{ width:100%; height:100%; } .w_img-001 .font { white-space: nowrap; } .w_img-001 .p_link001{ width:100%; height:calc(100% - 30px); } .w_img-001 .p_link002{ width:100%; height:30px; } .w_img-001 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-001 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_img-001 .e_image:hover:after { background: transparent; }.c_ads_banner-28002{position:absolute; width:400px; height:200px; overflow:hidden;} .lubo { width: 100%; min-width: 100%; clear: both; position: relative; height: 100%; } .lubo_box { position: relative; width: 100%; height: 100%; } .lubo_box li { float: left; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); } .lubo_box li a { display: block; width: 100%; height: 100%; } .lubo_box li img { width: 100%; height: 100%; } .cir_box { overflow: hidden; position: absolute; z-index: 100; } .cir_box li { float: left; width: 30px; height: 5px; margin: 0 5px; cursor: pointer; background: #fff; opacity: 0.8; filter: alpha(opacity=80); } .cir_on { background: #000 !important; } .lubo_btn { position: absolute; width: 100%; top: 50%; margin-top: -37px; } .left_btn, .right_btn { transition: 1s all; top: 50%; padding: 20px 10px; font-size: 30px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.498039); cursor: pointer; display: block; opacity: 0.5; } .left_btn:hover, .right_btn:hover { opacity: 1; } .left_btn { float: left; } .right_btn { float: right; }.c_ads_banner-28002 .p_MatteIcon:before{content:'\e752'; }.w_hline-001{ position:absolute; width:580px; height:1px; left:100px; top:20px; } .w_hline-001 .w_hline{ width:100%; height:auto; } .w_hline-001 .p_HLine{ border-top-width: 1px; border-top-style: solid; border-top-color:#f0f0f0; opacity:1; filter:alpha(opacity:100); }.c_nav_main-01001 .p_prompt{ width: auto; height: auto; text-align: center; background-color: inherit; font-size: 16px; border:1px solid #E4E4E4; } .c_nav_main-01001 .p_prompt .prompt_title{ display: inline-table; padding: 0 30px; height: 100%; min-height: 260px; } .c_nav_main-01001 .p_prompt .prompt_title .iconfont:before { content: ""; } .c_nav_main-01001 .p_prompt .prompt_title .first{ height: auto; display: table-cell; font-size: 36px; margin-right: 10px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 10px 0; } .c_nav_main-01001 .p_prompt .prompt_title .first:before{ content: "\e6b4"; } .c_nav_main-01001 .p_prompt .prompt_title{ font-size: 24px; text-align: left; color: rgba(51,51,51,1); font-weight: bold; } .c_nav_main-01001 .p_prompt .prompt_title .font{ display: table-cell; line-height: normal; vertical-align: middle; } .c_nav_main-01001 .p_prompt .promptbox{ width: auto; height: 100%; } .c_nav_main-01001 .p_prompt .prompt_content { font-size: 18px; color: rgba(105, 105, 105,1); padding-left: 65px; } .c_nav_main-01001 .p_NavBtn{ width:auto; height: 80px; font-size:26px; color:rgba(255,255,255,1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color: transparent; text-align:center; padding-top:0; text-align:left; text-align: center; line-height: 80px; } .c_nav_main-01001 .p_NavBtn .iconfont{ } .c_nav_main-01001 .p_NavBtn .iconfont:before{ content: ''; } .c_nav_main-01001 .p_image{ width: auto; height: auto; border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .c_nav_main-01001 .p_articles{width: inherit;height: auto;background-color:rgba(99, 162, 232, 1); overflow: hidden;} .c_nav_main-01001 .p_nav{width: inherit;height: auto;background-color:rgba(99, 162, 232, 1); overflow: hidden;border-color:rgba(99, 162, 232, 1); } .c_nav_main-01001 .p_ToBack{ background:rgba(81,80,80,.3); width:64px; height:139px; cursor:pointer; text-align:center; color:rgba(255,255,255,1); font-size:40px; } .c_nav_main-01001 .p_ToBack .font{ display:table; width:inherit; height:inherit; pointer-events:none; } .c_nav_main-01001 .p_ToBack .iconfont{ display:table-cell; vertical-align:middle; } .c_nav_main-01001 .p_ToBack .iconfont:before{ content: "\e6b0"; display:inline-block; margin-left:-2px; } .c_nav_main-01001 .p_ToBack:hover{ border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(115,115,115,.7); color:rgba(106,192,189,1); } .c_nav_main-01001 .p_ToBack:active{ border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(81,80,80,.7); } .c_nav_main-01001 .p_ToForward{ background:rgba(81,80,80,.3); width:64px; height:139px; cursor:pointer; text-align:center; color:rgba(255,255,255,1); font-size:40px; } .c_nav_main-01001 .p_ToForward .font{ display:table; width:inherit; height:inherit; pointer-events:none; } .c_nav_main-01001 .p_ToForward .iconfont{ display:table-cell; vertical-align:middle; } .c_nav_main-01001 .p_ToForward .iconfont:before{ content: "\e6b0"; display:inline-block; margin-left:-2px; } .c_nav_main-01001 .p_ToForward:hover{ border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(115,115,115,.7); color:rgba(106,192,189,1); } .c_nav_main-01001 .p_ToForward:active{ border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(81,80,80,.7); } .c_nav_main-01001 .p_PreAndNext{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_nav_main-01001 .p_main{ width: inherit; height: auto; border-width:1px; border-style:none; border-color:transparent; background-color:rgba(101, 190, 186,1); overflow: visible; } .c_nav_main-01001{height:80px; width:621px; font-size: 0px;position:absolute; overflow:hidden;} .c_nav_main-01001 .p_main { height: auto; width: auto; white-space: nowrap; } .c_nav_main-01001 .p_PreAndNext { display: inline-block; width: auto; height: 80px; } .c_nav_main-01001 .p_PreAndNext.left { float: left; } .c_nav_main-01001 .p_PreAndNext.right { float: right; } .c_nav_main-01001 .p_ToForward { width: 40px; height: 100%; display: inline-block; } .c_nav_main-01001 .p_ToForward.disabled { cursor: not-allowed; } .c_nav_main-01001 .p_ToForward.disabled .iconfont:before { color: rgba(240,240,240,1); } .c_nav_main-01001 .p_ToForward.disabled:hover { background-color: rgba(202,202,202,.3);} .c_nav_main-01001 .p_ToForward.disabled:active { background-color: rgba(202,202,202,.3);} .c_nav_main-01001 .p_ToBack .iconfont:before { content: "\e6af"; } .c_nav_main-01001 .p_ToBack { width: 40px; height: 100%; display: inline-block; } .c_nav_main-01001 .p_ToBack.disabled { cursor: not-allowed; } .c_nav_main-01001 .p_ToBack.disabled .iconfont:before { color: rgba(240,240,240,1); } .c_nav_main-01001 .p_ToBack.disabled:hover { background-color: rgba(202,202,202,.3);} .c_nav_main-01001 .p_ToBack.disabled:active { background-color: rgba(202,202,202,.3);} .c_nav_main-01001 .p_nav { width: auto; display: block; white-space: nowrap; } .c_nav_main-01001 .p_articles { white-space: nowrap; overflow: hidden; width: auto; } .c_nav_main-01001 .p_articles { height: 100%; font-size: 0; vertical-align: middle; text-align: center; margin: 0 auto; display: inline-block; background-color: rgba(131,203,199,1); } .c_nav_main-01001 .p_articles:hover {background-color:rgba(55, 125, 204, 1); } .c_nav_main-01001 .p_articles:active { background-color: rgba(69,165,161,1); } .c_nav_main-01001 .p_articles.active { background-color: rgba(69,165,161,1); } .c_nav_main-01001 .p_image { height: 5px; width: 5px; display: inline-block; vertical-align: middle; border-width: 0; background: none; position: relative; margin-right: 5px; } .c_nav_main-01001 .p_NavBtn { display: inline-block; vertical-align: middle; height: 100%; display: inline-table; } .c_nav_main-01001 .p_NavBtn .font { max-width: 105px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .c_nav_main-01001 .p_NavBtn:hover {box-shadow: 0 0 0 transparent;background-color:rgba(55, 125, 204, 1); } .c_nav_main-01001 .p_NavBtn:active { background-color: rgba(69,165,161,1); } .c_nav_main-01001 .p_MatteIcon:before{content:'\e752'; }.w_rbox-001{ position:absolute; width:600px; height:600px; } .w_rbox-001 .p_stylebox{ width: 100%; height: 100%; }#c_ads_banner-15520119672556026{ position:absolute; top:174px; left:0px; z-index:15; width:640px; height:450px; } #c_nav_main-15520119672564646 .p_MatteIcon:before{ content:'\e752'; } #c_nav_main-15520119672564646 >div{ animation-fill-mode:both; } #c_nav_main-15520119672564646 .p_articles{ background-color:rgba(0, 148, 220, 1); } #c_nav_main-15520119672564646 .p_NavBtn{ background-color:rgba(0, 148, 220, 1); } #c_nav_main-15520119672564646 .p_NavBtn:hover{ background-color:rgba(0, 148, 220, 1); } #c_nav_main-15520119672564646 .p_NavBtn:active{ background-color:rgba(0, 148, 220, 1); } #c_nav_main-15520119672564646 .p_NavBtn.active{ background-color:rgba(0, 148, 220, 1); } #c_nav_main-15520119672564646 .p_NavBtn:visited{ background-color:rgba(0, 148, 220, 1); } #c_nav_main-15520119672564646 .p_articles:hover{ background-color:rgba(0, 148, 220, 1); } #c_nav_main-15520119672564646 .p_articles:active{ background-color:rgba(0, 148, 220, 1); } #c_nav_main-15520119672564646 .p_articles.active{ background-color:rgba(0, 148, 220, 1); } #c_nav_main-15520119672564646 .p_articles:visited{ background-color:rgba(0, 148, 220, 1); } #c_nav_main-15520119672564646 .p_ToForward{ background-color:rgba(6, 130, 191, 1); } #c_nav_main-15520119672564646 .p_ToForward:hover{ background-color:rgba(6, 130, 191, 1); } #c_nav_main-15520119672564646 .p_ToForward.active{ background-color:rgba(6, 130, 191, 1); } #c_nav_main-15520119672564646 .p_ToForward:active{ background-color:rgba(6, 130, 191, 1); } #c_nav_main-15520119672564646 .p_ToForward:visited{ background-color:rgba(6, 130, 191, 1); } #c_nav_main-15520119672564646 .p_ToBack{ background-color:rgba(6, 130, 191, 1); } #c_nav_main-15520119672564646 .p_ToBack:hover{ background-color:rgba(6, 130, 191, 1); } #c_nav_main-15520119672564646 .p_ToBack:active{ background-color:rgba(6, 130, 191, 1); } #c_nav_main-15520119672564646 .p_ToBack.active{ background-color:rgba(6, 130, 191, 1); } #c_nav_main-15520119672564646 .p_ToBack:visited{ background-color:rgba(6, 130, 191, 1); } #c_nav_main-15520119672564646{ position:absolute; top:94px; left:0px; z-index:14; width:640px; height:80px; } #w_hline-1552011967264 .p_HLine{ border-top-color:rgba(0, 148, 220, 1); border-top-style:solid; border-top-width:5px; } #w_hline-1552011967264 .p_MatteIcon:before{ content:'\e752'; } #w_img-1552011967274 .p_link001{ height:calc(100%); } #w_img-1552011967274 .p_MatteIcon:before{ content:'\e752'; } #w_img-1552011967274 >div{ animation-fill-mode:both; } #w_img-1552011967286 .p_link001{ height:calc(100%); } #w_img-1552011967286 .p_MatteIcon:before{ content:'\e752'; } #w_img-1552011967286 >div{ animation-fill-mode:both; } #w_rbox-1552011967249{ position:absolute; top:0px; left:0px; z-index:13; width:640px; height:94px; } #w_hline-1552011967264{ position:absolute; top:0px; left:0px; z-index:1; width:640px; height:11px; } #w_img-1552011967274{ position:absolute; top:22.5px; left:0px; z-index:2; width:366px; height:55px; } #w_img-1552011967286{ position:absolute; top:24.5px; left:366px; z-index:3; width:274px; height:45px; }