/*e_ContentMajorStyleBox-001*/ .e_ContentMajorStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_top*/ /*stylebox_link*/ .e_ContentMajorStyleBox-001 .stylebox_link{ color:#666666; font-size: 14px; height: inherit; display: table; padding:0 15px; border-width: 0px; float: right; vertical-align: middle; margin-right: 15px; } .e_ContentMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_ContentMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_ContentMajorStyleBox-001 .title_icon::before{ content: ""; } .e_ContentMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_ContentMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_ContentMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; padding-right: 22px; vertical-align: top; } .e_ContentMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_ContentMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_ContentMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_ContentMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_ContentMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color:#f0f0f0; width: 100%; width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }/*e_SideMajorStyleBox-001*/ .e_SideMajorStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_link*/ .e_SideMajorStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_SideMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_SideMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_SideMajorStyleBox-001 .title_icon::before{ content: ""; } .e_SideMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_SideMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_SideMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_SideMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_SideMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_SideMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_SideMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_SideMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.w_wbox-001 .p_wbox{ background-color: rgba(255,255,255,1); } .w_wbox-001{ position:absolute; width:100%; height:120px; }.abimg img{ float:left;width:18%;margin:1%;height:300px;} .abimg2 img{ float:left;width:18%;margin:1%;height:160px;} td{ font-size:16px !important; line-height:1; color:#666; } .resetHtmlCssStyle div{ margin:0; padding:0; font-size:16px; font-family: Microsoft YaHei !important; line-height:40px; } .resetHtmlCssStyle p { margin: 0; padding: 0; font-size: 16px; font-family:Arial, Helvetica, sans-serif; color: #555555; line-height: 40px; } .c_intro_detail-01001002 .p_succ{ width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color:#F7FBFB; border: 2px solid #65beba; font-size: 22px; position: absolute; z-index: 9999999999; } .c_intro_detail-01001002 .p_succ .iconfont{ height: auto; color: #A2D465; margin-right:20px; display: inline-block; margin-left: 40px; } .c_intro_detail-01001002 .p_succ .iconfont:before{ content: "\e648"; } .c_intro_detail-01001002 .p_succ .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_intro_detail-01001002 .p_succ .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_intro_detail-01001002 .p_succ .assistfont{ display: none; } .c_intro_detail-01001002 .p_succ .closebtn { display: none; } .c_intro_detail-01001002 .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_intro_detail-01001002 .p_fail .iconfont{ height: auto; color: #FF0000; margin-right:20px; display: inline-block; margin-left: 40px; } .c_intro_detail-01001002 .p_fail .iconfont:before{ content: "\e641"; } .c_intro_detail-01001002 .p_fail .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_intro_detail-01001002 .p_fail .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_intro_detail-01001002 .p_fail .assistfont{ font-size: 14px; color: #999999; margin-top: 5px; } .c_intro_detail-01001002 .p_fail .closebtn { font-size: 14px; color: #65beba; position: absolute; right: 15px; bottom: 15px; } .c_intro_detail-01001002 .p_fail .closebtn:hover{ cursor: pointer; }.c_intro_detail-01001002 .p_PromptNoneData{ width: auto; background-color: inherit; text-align: center; } .c_intro_detail-01001002 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_intro_detail-01001002 .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_intro_detail-01001002 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .c_intro_detail-01001002 .p_PromptNoneData .prompt_title .first:before{ content: "\e6b4"; } .c_intro_detail-01001002 .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_intro_detail-01001002 .p_PromptNoneData .promptbox{ width: auto; height: 100%; } .c_intro_detail-01001002 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105,1); padding-left: 65px; } .c_intro_detail-01001002 .p_image{ padding:0; border-width:1px; border-style:none; border-color:transparent; overflow: hidden; } .c_intro_detail-01001002 .p_image:hover{ border-width:1px; border-style:none; border-color:transparent; } .c_intro_detail-01001002 .p_image:active{ border-width:1px; border-style:none; border-color:transparent; } .c_intro_detail-01001002 .p_nameA{ display:inline-block; margin:0; padding:0; vertical-align:middle; color:#969696; font-size:14px; text-align:left; } .c_intro_detail-01001002 .p_nameA .font{ vertical-align:middle; line-height: 19px; } .c_intro_detail-01001002 .p_nameA .iconfont:before{ display: inline-block; content:""; } .c_intro_detail-01001002 .p_interaction{ 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_intro_detail-01001002 .p_tag{ background:rgba(252,252,252,1); border-color:rgba(240, 240, 240,1); border-style:solid; border-width:1px; display:inline-block; margin:0; padding-bottom:5px; padding-left:10px; padding-right:10px; padding-top:5px; min-width:59px; color:rgba(102, 102, 102,1); font-size:13px; text-align:center; } .c_intro_detail-01001002 .p_tag .font{ white-space:nowrap; vertical-align:middle; } a>.c_intro_detail-01001002 .p_tag:hover{ background:rgba(101, 190, 186,1); border-color:rgba(204,231,230,1); color:rgba(255,255,255,1); cursor:pointer; } .c_intro_detail-01001002 .p_tag .iconfont:before{ content:""; } .c_intro_detail-01001002 .p_name{ display:inline-block; margin:0; padding:0; vertical-align:middle; color:#969696; font-size:14px; text-align:left; } .c_intro_detail-01001002 .p_name .font{ vertical-align:middle; line-height: 19px; } .c_intro_detail-01001002 .p_name .iconfont:before{display: inline-block;content:"";shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_intro_detail-01001002 .p_KeywordBox{ 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_intro_detail-01001002 .p_assist{ 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_intro_detail-01001002 .p_details{ width: inherit; height: auto; font-size: 14px; line-height: 21px; } .c_intro_detail-01001002 .p_content{ 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_intro_detail-01001002 .p_line{ width:100%; height:0px; border-top-width: 1px; border-top-style: dashed; border-top-color: rgb(197, 197, 197); opacity:1; filter:alpha(opacity:100); } .c_intro_detail-01001002 .p_header{ display:inline-block; margin:0; padding:0; color:rgba(30, 30, 30,1); font-size: 26px; font-weight:400; text-align:center; } .c_intro_detail-01001002 .p_header .font{ white-space:nowrap; vertical-align:middle; line-height: 40px; } .c_intro_detail-01001002 .p_header .iconfont:before{ content:""; } .c_intro_detail-01001002 .p_contentBox{ 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_intro_detail-01001002 .p_detail{ margin:0; width: 880px; height:auto; padding:0; border-width:1px; border-style:none; border-color:rgba(255, 255, 255,1); background-color:transparent; white-space:nowrap; } @charset "utf-8"; .c_intro_detail-01001002 {width:890px; position:absolute; height:533px; overflow: hidden;} .c_intro_detail-01001002 .p_detail{ height: auto; background: transparent; } .c_intro_detail-01001002 .p_contentBox{ width:auto; height:auto; overflow: hidden; } .c_intro_detail-01001002 .p_header { width: 100%; } .c_intro_detail-01001002 .p_header .font{ white-space: normal; text-align: left; color: #000000; .c_breadcrumb_nav-02001 .p_breadcrumbCurrent{ font-size: 0; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent .font{ display: inline-block; font-size: 14px; color: #666; font-family: Microsoft YaHei !important; height: 30px; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumb{ font-size: 14px; color: #606464; } .c_breadcrumb_nav-02001 .p_breadcrumb{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumb> a>.font{ display: inline-block; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumb> a{ color: inherit; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox> a>.font{ border: 1px solid #b1b3b3; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox> a>.font:hover{ text-decoration: none; } .c_breadcrumb_nav-02001 .p_breadcrumb> a>.font:hover{ text-decoration: underline; } .c_breadcrumb_nav-02001 .p_breadcrumb .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumb .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox:hover> a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox:hover> a>.font{ border: 1px solid #b1b3b3; border-bottom: 1px solid transparent; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox .after{ margin-right: 5px; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox .after:before{ content: "\e69a"; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox:hover .after:before{ content: "\e69c"; } .e_title.c_breadcrumb_nav-02001 .p_sortLink{ display:inline-block; padding:0; color:rgb(106, 108, 108); font-size:14px; text-align:left; } .e_title.c_breadcrumb_nav-02001 .p_sortLink{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_breadcrumb_nav-02001 .p_sortLink:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; } a>.e_title.c_breadcrumb_nav-02001 .p_sortLink:active{ color:rgb(90, 90, 90); font-weight:400; } a>.e_title.c_breadcrumb_nav-02001 .p_sortLink:active{ text-decoration:none; margin-top:0; } .e_title.c_breadcrumb_nav-02001 .p_sortLink .iconfont:before{ display: inline-block; content:""; } .c_breadcrumb_nav-02001 .p_content{ 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_breadcrumb_nav-02001 .p_breadcrumbSecond{ font-size: 14px; color: #6e6e6e; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond> a>.font{ display: inline-block; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond> a{ color: inherit; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox> a>.font{ border: 1px solid #b1b3b3; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox> a>.font:hover{ text-decoration: none; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond> a>.font:hover{ text-decoration: underline; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox:hover> a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox:hover> a>.font{ border: 1px solid #b1b3b3; border-bottom: 1px solid transparent; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox .after{ margin-right: 5px; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox .after:before{ content: "\e69a"; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox:hover .after:before{ content: "\e69c"; } .c_breadcrumb_nav-02001 .p_end{ display:inline-block; margin:0; padding:0; text-align:left; color:rgba(51,51,51,1); font-size:14px; font-weight:400; } .c_breadcrumb_nav-02001 .p_end .font{ white-space:nowrap; vertical-align:middle; text-align:inherit; line-height: 14px; } .c_breadcrumb_nav-02001 .p_end .iconfont:before{ display: inline-block; content:""; shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst{ font-size: 14px; color: #818181; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst> a>.font{ display: inline-block; line-height: 30px; color: #555; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst> a{ color: inherit; font-family: Microsoft YaHei !important; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox> a>.font{ border: 1px solid #e0f2f1; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox> a>.font:hover{ text-decoration: none; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst> a>.font:hover{ text-decoration: underline; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox:hover> a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox:hover> a>.font{ border: 1px solid #b1b3b3; border-bottom: 1px solid transparent; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox .after{ margin-right: 5px; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox .after:before{ content: "\e69a"; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox:hover .after:before{ content: "\e69c"; } .c_breadcrumb_nav-02001 .p_breadcrumbList{ 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_breadcrumb_nav-02001{ position:absolute; width:1180px; height:30px; overflow: visible; font-size: 0;} .c_breadcrumb_nav-02001 .p_breadcrumbList{ width: auto; height: auto; overflow: visible; background-color: transparent; } .c_breadcrumb_nav-02001 .p_breadcrumbList> a{ display: inline-block; } .c_breadcrumb_nav-02001 .p_CurrentBox{ color: #666; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst .before:before{ content: "\e68a"; } .c_breadcrumb_nav-02001 .p_content{ width: 240px; position: absolute; border: 1px solid #b1b3b3; padding: 9px 7px 9px 7px; font-size: 0; display: none; height: auto; background: #fff; } .c_breadcrumb_nav-02001 .contentBox:hover .p_content{ display: block; } .c_breadcrumb_nav-02001 .p_sortLink{ color: #878888; display: inline-block; margin: 9px 7px 9px 7px; font-family:Arial, Helvetica, sans-serif; cursor: pointer; font-size: 12px; } .c_breadcrumb_nav-02001 .p_sortLink .font{ line-height: 14px; font-weight: normal; font-family:Arial, Helvetica, sans-serif; } .c_breadcrumb_nav-02001 .p_sortLink:hover{ text-decoration: underline; font-weight: normal; } .c_breadcrumb_nav-02001 .p_sortLink.current{ color: #bcbcbc; } .c_breadcrumb_nav-02001 .p_sortLink.current:hover{ text-decoration: none; font-weight: normal; } .c_breadcrumb_nav-02001 .p_sortLink.current .font{ text-decoration: none; font-weight: normal; cursor: default; } .c_breadcrumb_nav-02001 .p_end{ margin-right: 6px; margin-left: 6px; vertical-align: middle; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent{ }.c_breadcrumb_nav-02001 .p_MatteIcon .iconfont:before{ content:'\e602'; }.c_breadcrumb_nav-02001 > div{animation-fill-mode:both; }.c_breadcrumb_nav-02001 .p_breadcrumbFirst .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } text-transform:; font-family: Microsoft YaHei !important; } .c_intro_detail-01001002 .p_header+.p_line { margin-top: 30px; display: block; } .c_intro_detail-01001002 .p_header.item_hide+.p_line { display: none; } .c_intro_detail-01001002 .p_content { overflow: hidden; width: auto; height: auto; margin-top: 50px; } .c_intro_detail-01001002 .p_images { float: left; margin-right: 20px; } .c_intro_detail-01001002 .p_SubHead { margin-top: 10px; margin-bottom: 10px; } .c_intro_detail-01001002 .p_SubHead .iconfont { display: none; } .c_intro_detail-01001002 .p_assist { overflow: hidden; margin-top: 15px; width:auto; height:auto; } .c_intro_detail-01001002 .p_KeywordBox { float: left; width: auto; height:auto; } .c_intro_detail-01001002 .p_KeywordBox a{ cursor: default; } .c_intro_detail-01001002 .p_interaction { float: right; width: auto; height:auto; } .c_intro_detail-01001002 .p_guangjianzi { margin-top: 10px; } .c_intro_detail-01001002 .p_name { float: left; margin-top: 5px; margin-right: 10px; display: inline; } .c_intro_detail-01001002 .p_image { display: inline-block; width: 30px; height: 30px; position: relative; } .c_intro_detail-01001002 .p_image:hover:after { display: inline-block; cursor: pointer; background-color: rgba(255, 255, 255,0.5); content: ""; width: 30px; height: 30px; position: absolute; left: 0; top: 0; } .c_intro_detail-01001002 .p_keywords { float: left; } .c_intro_detail-01001002 .p_tag{ background: #fcfcfc; border:1px solid #f0f0f0; margin-right: 18px; margin-bottom: 15px; cursor: default; color: #969696; } .c_intro_detail-01001002 .p_tag .font{ } .c_intro_detail-01001002 .p_tag:hover{ } .c_intro_detail-01001002 .p_tag:hover .font{ } .c_intro_summary-01001 .p_IntoList a { display: inline-block; } .c_intro_summary-01001 .p_IntroRelated { width: 100%; height: 100%; overflow: hidden; margin-top: 15px; } .c_intro_summary-01001 .p_Title .font { display: inline; } .c_intro_summary-01001 .p_Title { display: inline; } .c_intro_detail-01001002 .p_QRCode{ width: auto; height: auto; text-align: center; padding: 30px 0px; } .c_intro_detail-01001002 .p_SaveText{ width: auto; height: auto; margin-bottom: 10px; } .c_intro_detail-01001002 .p_SaveText .font{ font-size: 20px; color: #333333; } .c_intro_detail-01001002 .p_imageD{ width: auto; height: auto; } .c_intro_detail-01001002 .p_imageD img{ width: 225px; height: 225px; } .c_intro_detail-01001002 .p_imageD:after{ display: none; } .c_intro_detail-01001002 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_intro_detail-01001002 >div{animation-fill-mode:both; }.c_intro_detail-01001002 .p_SaveText .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_intro_detail-01001002 .resetHtmlCssStyle p{margin:0px; padding:0px; font-size:14px; font-family:Microsoft YaHei !important; line-height:40px; }.scroll-icon{display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:2em; width:1.2em; font-size:22px; color:rgba(255, 255, 255, 0.5); border-radius:2em; border:solid 2px; -webkit-transition:.4s; transition:.4s; } .scroll-icon::after{content:''; width:5px; height:5px; background-color:#fff; border-radius:50%; -webkit-animation:scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1); animation:scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1); } #w_img-1535188425843{ cursor:pointer; } #c_public_htmlCode-15360444574040683{ width:88%!important; height:80%!important; left:6%!important; top:10%!important; border:8px solid #fff; } .bdsharebuttonbox{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .bd_weixin_popup{ width: 255px!important; height: 315px!important; } .c_public_htmlCode-01001{ position:absolute; width:300px; height:390px; } #w_rbox-1526463453189{display:block;} #c_public_htmlCode-15265188441439225{ top: 0px!important; left: 0px!important; z-index: 9999999999!important; width: 100%!important; height: 100%!important; overflow:hidden; -webkit-transform: translate(0%, 0px)!important; } #tzxz{ width:100%; height: 100%!important; position: absolute; background:url(/repository/image/-nOXtnDRTR-NYubpBM8GbQ.png?t=1525836010736); } #tzxz_row{ width: 850px; height: 520px; margin: 0px auto; position: relative; top: 50%; margin-top: -260px; } #tzxz_logo{ width:290px; height:80px; } #tzxz_bt{ height:60px; position: absolute; width:300px; border-right:3px solid #bf9f67; line-height:60px; padding-left:20px; right:0px; top:0px; text-align:right; padding-right:20px; font-size:28px;margin:20px 0px; font-weight: bold; } #tzxz_txt{ background:#f0e9e2 ; width:100%; height:300px; padding:15px; overflow: overlay; } #tzxz_txt1{ width:100%; height:25px; background:#f0e9e2 ; margin-top:20px; } #tzxz_txt2{ width:100%; height:25px; background:#f0e9e2 ; } #tzxz_txt p{ font-size:14px; color:#000; line-height:26px; text-indent: 2em; } #tzxz_but{ width:100%;margin-top:30px;text-align:center; } .tzxz_bb{ display: inline-block; width:180px; height:40px; padding-left:20px; padding-right:20px; background:#495e7e; color:#fff; line-height:40px; text-align:center; font-size:14px; margin-left:30px; margin-right:30px; cursor: pointer; } #linvvv{ background:url(../img/video.jpg) no-repeat center; width:1200px!important; height:400px!important; z-index: 9; position: relative; cursor: pointer; } #linvideo{ position: absolute; top: 0; } .dil-ic { float: left; text-align: left; border: 1px solid #eeeeee; width: 165px; height: 40px; } .dil-ic ul { text-align: left; display: inline; margin: 0; line-height:40px; list-style: none; } .dil-ic ul li { z-index: 9999; width: 165px; font-size: 14px; line-height:40px; display: inline-block; position: relative; padding: 0 20px; cursor: pointer; background-image: url(../img/langok.png); background-position: right center; background-repeat: no-repeat; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .dil-ic ul li:hover { color: #000000; background-color: #f0f0f0; background-image: url(../img/langok.png); background-position: right center; background-repeat: no-repeat; } .dil-ic ul li ul { border: 1px solid #f0f0f0; padding: 0; position: absolute; top: 38px; left: 0; width: 163px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; } .dil-ic ul li ul li { background-color: #fafafa; background-image: none; display: block; line-height:36px; height:36px; color: #666; font-size:13px; } .dil-ic ul li ul li:hover { background: #f1f1f1; } #sykjljie{ width: 100%; } .sykjljieli{height:100%; margin: 0 2px; overflow: hidden;} #sykjljie UL{ list-style-type: none; padding-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; } #sykjljie UL LI{ overflow: hidden; width: 50%; DISPLAY:BLOCK;height:360px; float: left; margin-top: 4px;position:relative; } @media (max-width: 1440px) .sykjljieli{height:300px;} .wenzbt{ position: absolute; color: #fff; font-size: 30px; display: block; height: 60px; float: left; bottom: 40px; margin-left: 75px; background: url(../img/ksljx.jpg) no-repeat left bottom; opacity: 1; z-index: 999999;} .wenzbt a { color:#fff; opacity: 1; } #sykjljie UL LI IMG:hover{ opacity: 1; transition: all 0.5s linear 0s; transform: scale(1.03); } #sykjljie UL LI IMG{ opacity: 1; transition: all 0.5s linear 0s; height: 100%; } #flaosBox{ position:fixed; width:75px; z-index:200;right:20px;bottom:100px;} #flaosBox li{ margin-bottom:2px; overflow:hidden; height:56px; width:75px; cursor:pointer; position:relative; background:rgba(199, 155, 88, 0.8);} #flaosBox li.queryshow{ overflow:visible;} #flaosBox li.queryshow .box-inner{ width:75px; position:relative; right:auto;} #flaosBox li .box-inner{width:225px; height:56px; position:absolute; right:-150px;} #flaosBox li .box-inner a{ display:block; width:75px; float:left; height:20px; padding-top:36px; line-height:18px; color:#fff!important; text-align:center;} #flaosBox li .box-inner a.icon-qq{ background: url(../img/icon_qq.png) center 7px no-repeat;} #flaosBox li .box-inner a.icon-tel{ background: url(../img/icon_tel.png) center 7px no-repeat;} #flaosBox li .box-inner a.icon-ww{ background: url(../img/icon_ww.png) center 7px no-repeat;} #flaosBox li .box-inner a.icon-wechat{ background: url(../img/icon_code.png) center 7px no-repeat;} #flaosBox li .box-inner a:hover{ color:#fff;} #flaosBox li .box-inner a.icon-top{ background: url(../img/icon_top.png) center 7px no-repeat;} span.box-hide{ display:block; width:150px; float:left; background: url(/images/img/float_line.jpg) left center no-repeat; text-align:center; font-size:16px; font-weight:bold; line-height:56px; color:#fff;} .querycode{ position:absolute; width:100px; height:100px; left:-100px; display:none;} .querycode img{ width:100px;} .icontact .img{ float:left; width:753px; position:relative; z-index:9;} .icontact .img img{ width:100%; height:auto;} .leida{ position:absolute; left:44%; top:41%; width:20px; height:20px;} .leida span{ position:absolute; left:50%; top:50%; border-radius:50%; display:block; border:4px solid #fff; box-sizing:border-box; opacity:0} .leida .span1{ width:20px; height:20px; background-color:#fff; margin:-10px 0 0 -10px;opacity:1; z-index:16;} .leida .span2{ width:80px; height:80px; margin:-40px 0 0 -40px; z-index:15;} .leida .span3{ width:160px; height:160px; margin:-80px 0 0 -80px; z-index:14;} .leida .span4{ width:320px; height:320px; margin:-160px 0 0 -160px; z-index:13;} .leida .span5{ width:640px; height:640px; margin:-320px 0 0 -320px; z-index:12;} .leida .span6{ width:1280px; height:1280px; margin:-640px 0 0 -640px; z-index:11;} .leida .span7{ width:2560px; height:2560px; margin:-1280px 0 0 -1280px; z-index:10;} .waves{ position:absolute;top:0;left:0} .FpulseSlow {animation:FpulseSlow infinite alternate 2s ease-in-out;} @keyframes FpulseSlow { 0% {transform:scale(1);opacity:1;} 100%{transform:scale(0.85);opacity:0.5;} } .FpulseSlow2 {animation:FpulseSlow2 infinite 3s linear ;opacity:0;} @keyframes FpulseSlow2 { 0% {transform:scale(0.25);opacity:0.4;} 100%{transform:scale(1);opacity:0;} } /* 全局设置 */ /* 浏览器升级 */ #update_browser_plz { display: none; } /*默认选中文字样式*/ ::selection { background:#24b33c; color:#Fff; } ::-moz-selection { background:#24b33c; color:#Fff; } ::-webkit-selection { background:#24b33c; color:#Fff; } #main{background-size:cover;position:relative;overflow:hidden;z-index:-1;} #main .one_con{ } #main .one_shipin{ } /*主屏旋转线条*/ .mainline{position:absolute;z-index: 6;top:0;left:0;width:100%;height:100%;} .mainl1{ position:absolute;top:50%;left:50%; background:rgba(255,255,255,0.5); margin:-220px 0 0 230px; width:200px; height:1px; } .mainl2{ position:absolute;top:50%;left:50%; background:rgba(255,255,255,0.5); margin:-250px 0 0 190px; width:80px; height:1px; } .mainl3{ position:absolute;top:50%;left:50%; background:rgba(255,255,255,0.5); margin:-180px 0 0 260px; width:60px; height:1px; } .mainl4{ position:absolute;top:50%;left:50%; background:rgba(255,255,255,0.5); margin:230px 0 0 -210px; width:220px; height:1px; } .mainl5{ position:absolute;top:50%;left:50%; background:rgba(255,255,255,0.5); margin:190px 0 0 -250px; width:100px; height:1px; } .mainl6{ position:absolute;top:50%;left:50%; background:rgba(255,255,255,0.5); margin:270px 0 0 -160px; width:70px; height:1px; } .mainline2{ position:absolute; z-index: 6; top:50%; left:50%; margin:-500px 0 0 -500px; width:1000px; height:1000px; border-left: 1px solid rgba(255,255,255,0.5); border-right: 1px solid rgba(255,255,255,0.5); border-bottom: 1px solid rgba(255,255,255,.2); border-top: 1px solid rgba(255,255,255,.2); border-radius: 100%; transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); } .mainla{position:absolute;top:50%;left:50%;background:rgba(255,255,255,0.5);margin:0 0 0 -550px;width:200px;height:1px;opacity: 1;} .mainlb{position:absolute;top:50%;left:50%;background:rgba(255,255,255,0.5);margin:0 0 0 350px;width:200px;height:1px;opacity: 1;} .mainld1{position:absolute;top:50%;left:50%;background:rgba(255,255,255,0.5);margin:-2px 0 0 -502px;width:4px;height:4px;border-radius: 100%;opacity: 1;} .mainld2{position:absolute;top:50%;left:50%;background:rgba(255,255,255,0.5);margin:-2px 0 0 498px;width:4px;height:4px;border-radius: 100%;opacity: 1;} .mainld3{position:absolute;top:50%;left:50%;background:rgba(255,255,255,0.5);margin:-2px 0 0 -401px;width:4px;height:4px;border-radius: 100%;opacity: 1;} .mainld4{position:absolute;top:50%;left:50%;background:rgba(255,255,255,0.5);margin:-2px 0 0 399px;width:4px;height:4px;border-radius: 100%;opacity: 1;} .mainlr{ position:absolute; top:50%; left:50%; background:rgba(0,10,50,.05); margin:-400px 0 0 -400px; width:800px; height:800px; border-left: 1px solid rgba(255,255,255,0.5); border-right: 1px solid rgba(255,255,255,0.5); border-bottom: 1px solid rgba(255,255,255,.3); border-top: 1px solid rgba(255,255,255,.3); border-radius: 100%; } /*主屏背景遮罩层*/ .mainzz1{ background:#08244d linear-gradient(to bottom right, rgba(13,70,128,1) , rgba(5,20,50,1)); width:100%; height:100%; position:absolute; z-index:2; left:0; top:0; opacity: .5; } .mainzz2{ opacity: 0.06; min-width: 100%; min-height: 100%; width:auto; height:auto; position:absolute; z-index: 4; } .mainzz3 { opacity: 0.03; min-width: 100%; min-height: 100%; width:auto; height:auto; position:absolute; z-index: 3; } /*主屏背景视频层*/ .homevideo{} .homevideo video{ position: absolute; z-index:1; left:50%; top:50%; -webkit-transform:translate(-50.01%,-50.01%); -moz-transform:translate(-50.01%,-50.01%); -ms-transform:translate(-50.01%,-50.01%); -o-transform:translate(-50.01%,-50.01%); transform:translate(-50.01%,-50.01%); min-width: 100%; min-height:100%; width:auto; height:auto; } /*背景*/ .section .bg img { display: block; height: 100%; width: 100%; } .bg_about { transform: scale(1.1, 1.1); transition: all 10s ease 0s; } .active .bg_about { transform: scale(1, 1); transition: all 15s ease 0.7s; } .bg_product { transform: scale(1.1, 1.1); transition: all 10s ease 0s; } .active .bg_product { transform: scale(1, 1); transition: all 15s ease 0.7s; } .bg_news { transform: scale(1.1, 1.1); transition: all 10s ease 0s; } .active .bg_news { transform: scale(1, 1); transition: all 15s ease 0.7s; } .bg_contact { transform: scale(1, 1); transition: all 10s ease 0s; } .active .bg_contact { transform: scale(1, 1); transition: all 15s ease 0.7s; } /*第一屏*/ .one_con { color: #fff; text-align: center; } .one_gsm { font-size: 48px; font-weight: bold; left: 50%; margin-left: -270px; margin-top: -300px; opacity: 0; height:60px; line-height:60px; position: absolute; top: 50%; transition: all 1s ease 0s; } .active .one_gsm { margin-top: -280px; opacity: 1; transition-delay: 0.7s; } .one_hxwz { height: 24px; left: 50%; margin-left: -142px; margin-top: -170px; opacity: 0; position: absolute; top: 73%; transition: all 1s ease 0s; width: 284px; } .active .one_hxwz { margin-top: -150px; opacity: 1; transition-delay: 0.7s; } .one_ywm { height: 18px; left: 50%; margin-left: -121px; margin-top: -120px; opacity: 0; position: absolute; top: 73%; transition: all 1s ease 0s; width: 253px; } .active .one_ywm { margin-top: -100px; opacity: 1; transition-delay: 0.7s; } .one_sb { height: 179px; left: 50%; margin-left: -129px; margin-top: -55px; opacity: 0; position: absolute; top: 42%; transform: scale(0.5, 0.5); transition: all 1s ease 0s; width: 275px; } .active .one_sb { opacity: 1; transform: scale(1, 1); transition-delay: 0.7s; } .one_tel { font-size: 30px; height: 30px; left: 50%; margin-left: -192px; margin-top: 180px; opacity: 0; position: absolute; top: 50%; transition: all 1s ease 0s; width: 384px; } .active .one_tel { margin-top: 160px; opacity: 1; transition-delay: 0.7s; } .one_gg { color: #fff; font-size: 30px; left: 0; margin: 250px auto 0; opacity: 0; position: absolute; right: 0; top:50%; transition: all 1s ease 0s; } .active .one_gg { margin-top: 230px; opacity: 1; transition-delay: 0.7s; } .one_gg_huang { color: #ffcc33; } .one_info { color: #fff; font-size: 16px; left: 50%; margin-left: -345px; margin-top: 250px; opacity: 0; position: absolute; top: 50%; transition: all 1s ease 0s; width: 690px; } .one_info a { color: #fff; margin: 0 0 0 15px; } .active .one_info { margin-top: 330px; opacity: 1; transition-delay: 0.7s; } /*斜线动画*/ .mainl1{ transform: rotate(-45deg); transform-origin:0 0; -ms-transform: rotate(-45deg); -ms-transform-origin:0 0; -webkit-transform: rotate(-45deg); -webkit-transform-origin:0 0; -o-transform: rotate(-45deg); -o-transform-origin:0 0; animation:line1move 1.5s infinite alternate; animation-delay:3s; -webkit-animation:line1move 1.5s infinite alternate; -webkit-animation-delay:3s; -moz-animation:line1move 1.5s infinite alternate; -moz-animation-delay:3s; -o-animation:line1move 1.5s infinite alternate; -o-animation-delay:3s; } @keyframes line1move{ from {width:200px;} to {width:0px;} } @-webkit-keyframes line1move{ from {width:200px;} to {width:0px;} } @-moz-keyframes line1move{ from {width:200px;} to {width:0px;} } @-o-keyframes line1move{ from {width:200px;} to {width:0px;} } .mainl2{ transform: rotate(-45deg); transform-origin:0 0; -ms-transform: rotate(-45deg); -ms-transform-origin:0 0; -webkit-transform: rotate(-45deg); -webkit-transform-origin:0 0; -o-transform: rotate(-45deg); -o-transform-origin:0 0; animation:line2move 1.2s infinite alternate; animation-delay:3s; -webkit-animation:line2move 1.2s infinite alternate; -webkit-animation-delay:3s; -moz-animation:line2move 1.2s infinite alternate; -moz-animation-delay:3s; -o-animation:line2move 1.2s infinite alternate; -o-animation-delay:3s; } @keyframes line2move{ from{width:80px;} to{width:0px;} } @-webkit-keyframes line2move{ from {width:80px;} to {width:0px;} } @-moz-keyframes line2move{ from {width:80px;} to {width:0px;} } @-o-keyframes line2move{ from {width:80px;} to {width:0px;} } .mainl3{ transform: rotate(-45deg); transform-origin:0 0; -ms-transform: rotate(-45deg); -ms-transform-origin:0 0; -webkit-transform: rotate(-45deg); -webkit-transform-origin:0 0; -o-transform: rotate(-45deg); -o-transform-origin:0 0; animation:line3move 1s infinite alternate; animation-delay:3s; -webkit-animation:line3move 1s infinite alternate; -webkit-animation-delay:3s; -moz-animation:line3move 1s infinite alternate; -moz-animation-delay:3s; -o-animation:line3move 1s infinite alternate; -o-animation-delay:3s; } @keyframes line3move{ from{width:60px;} to{width:0px;} } @-webkit-keyframes line3move{ from {width:60px;} to {width:0px;} } @-moz-keyframes line3move{ from {width:60px;} to {width:0px;} } @-o-keyframes line3move{ from {width:60px;} to {width:0px;} } .mainl4{ transform: rotate(135deg); transform-origin:0 0; -ms-transform: rotate(135deg); -ms-transform-origin:0 0; -webkit-transform: rotate(135deg); -webkit-transform-origin:0 0; -o-transform: rotate(135deg); -o-transform-origin:0 0; animation:line4move 1.5s infinite alternate; animation-delay:3s; -webkit-animation:line4move 1.5s infinite alternate; -webkit-animation-delay:3s; -moz-animation:line4move 1.5s infinite alternate; -moz-animation-delay:3s; -o-animation:line4move 1.5s infinite alternate; -o-animation-delay:3s; } @keyframes line4move{ from{width:0px;} to{width:220px;} } @-webkit-keyframes line4move{ from {width:0px;} to {width:200px;} } @-moz-keyframes line4move{ from {width:0px;} to {width:200px;} } @-o-keyframes line4move{ from {width:0px;} to {width:200px;} } .mainl5{ transform: rotate(135deg); transform-origin:0 0; -ms-transform: rotate(135deg); -ms-transform-origin:0 0; -webkit-transform: rotate(135deg); -webkit-transform-origin:0 0; -o-transform: rotate(135deg); -o-transform-origin:0 0; animation:line5move 1.2s infinite alternate; animation-delay:3s; -webkit-animation:line5move 1.2s infinite alternate; -webkit-animation-delay:3s; -moz-animation:line5move 1.2s infinite alternate; -moz-animation-delay:3s; -o-animation:line5move 1.2s infinite alternate; -o-animation-delay:3s; } @keyframes line5move{ from{width:0px;} to{width:100px;} } @-webkit-keyframes line5move{ from {width:0px;} to {width:100px;} } @-moz-keyframes line5move{ from {width:0px;} to {width:100px;} } @-o-keyframes line5move{ from {width:0px;} to {width:100px;} } .mainl6{ transform: rotate(135deg); transform-origin:0 0; -ms-transform: rotate(135deg); -ms-transform-origin:0 0; -webkit-transform: rotate(135deg); -webkit-transform-origin:0 0; -o-transform: rotate(135deg); -o-transform-origin:0 0; animation:line6move 1s infinite alternate; animation-delay:3s; -webkit-animation:line6move 1s infinite alternate; -webkit-animation-delay:3s; -moz-animation:line6move 1s infinite alternate; -moz-animation-delay:3s; -o-animation:line6move 1s infinite alternate; -o-animation-delay:3s; } @keyframes line6move{ from{width:0px;} to{width:70px;} } @-webkit-keyframes line6move{ from {width:0px;} to {width:70px;} } @-moz-keyframes line6move{ from {width:0px;} to {width:70px;} } @-o-keyframes line6move{ from {width:0px;} to {width:70px;} } /*正奂旋转层*/ .mainxza{ margin:0 0 0 10%; width:80%; height:100%; display: table; overflow: hidden; position: absolute; z-index: 6; top:-40px; } .mainxzb{ margin:0 0 0 10%; width:80%; height:100%; display: table; overflow: hidden; position: absolute; z-index: 6; top:-40px; } .mainxz1 img{max-width:600px;max-height:600px;width:100%;} .mainxz2 img{max-width:600px;max-height:600px;width:100%;} .mainxz1{ display: table-cell; vertical-align: middle; width: 100%; margin:0 auto; text-align: center; } .mainxz2{ display: table-cell; vertical-align: middle; width: 100%; margin:0 auto; text-align: center; opacity:0.5; } @media screen and (max-width: 640px) { } .mainxz1 img{ animation: mainzx1 120s infinite linear; -webkit-animation:mainzx1 120s infinite linear; -moz-animation:mainzx1 120s infinite linear; -o-animation:mainzx1 120s infinite linear; } @-webkit-keyframes mainzx1 { from { -webkit-transform: rotate(0deg) } to { -webkit-transform: rotate(359deg) } } @-moz-keyframes mainzx1 { from { -moz-transform: rotate(0deg) } to { -moz-transform: rotate(359deg) } } @-o-keyframes mainzx1 { from { -o-transform: rotate(0deg) } to { -o-transform: rotate(359deg) } } @keyframes mainzx1 { from { transform: rotate(0deg) } to { transform: rotate(359deg) } } .mainxz2 img{ animation: mainzx2 60s infinite linear; -webkit-animation:mainzx2 60s infinite linear; -moz-animation:mainzx2 60s infinite linear; -o-animation:mainzx2 60s infinite linear; } @-webkit-keyframes mainzx2 { from { -webkit-transform: rotate(0deg) } to { -webkit-transform: rotate(-359deg) } } @-moz-keyframes mainzx2 { from { -moz-transform: rotate(0deg) } to { -moz-transform: rotate(-359deg) } } @-o-keyframes mainzx2 { from { -o-transform: rotate(0deg) } to { -o-transform: rotate(-359deg) } } @keyframes mainzx2 { from { transform: rotate(0deg) } to { transform: rotate(-359deg) } } .mainline2{ -webkit-animation: mainline2xz 8s infinite alternate; -moz-animation: mainline2xz 8s infinite alternate; -o-animation: mainline2xz 8s infinite alternate; animation: mainline2xz 8s infinite alternate; } @-webkit-keyframes mainline2xz { from { -webkit-transform: rotate(90deg) } to { -webkit-transform: rotate(0deg) } } @-moz-keyframes mainline2xz { from { -moz-transform: rotate(90deg) } to { -moz-transform: rotate(0deg) } } @-o-keyframes mainline2xz { from { -o-transform: rotate(90deg) } to { -o-transform: rotate(0deg) } } @keyframes mainline2xz { from { transform: rotate(90deg) } to { transform: rotate(0deg) } } @media screen and (min-width: 480px) {/*PC端点赞动效*/ .goodico{ transition:background 0.5s;/*背景颜色0.8秒过渡*/ -moz-transition: background 0.5s; /* Firefox 4 */ -webkit-transition: background 0.5s; /* Safari 和 Chrome */ -o-transition: background 0.5s;/* Opera */ } .scico{ transition:background 0.8s;/*背景颜色0.8秒过渡*/ -moz-transition: background 0.5s; /* Firefox 4 */ -webkit-transition: background 0.5s; /* Safari 和 Chrome */ -o-transition: background 0.5s;/* Opera */ } } @media screen and (max-width: 480px) {/*移动端点赞动效*/ .goodico{ transition:background-color 0.8s;/*背景颜色0.8秒过渡*/ -moz-transition: background-color 0.5s; /* Firefox 4 */ -webkit-transition: background-color 0.5s; /* Safari 和 Chrome */ -o-transition: background-color 0.5s;/* Opera */ } .scico{ transition:background-color 0.5s;/*背景颜色0.8秒过渡*/ -moz-transition: background-color 0.5s; /* Firefox 4 */ -webkit-transition: background-color 0.5s; /* Safari 和 Chrome */ -o-transition: background-color 0.5s;/* Opera */ } }.c_breadcrumb_nav-02001 .p_breadcrumbCurrent{ font-size: 0; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent .font{ display: inline-block; font-size: 14px; color: #666; height: 30px; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumb{ font-size: 14px; color: #65beba; } .c_breadcrumb_nav-02001 .p_breadcrumb{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumb>a>.font{ display: inline-block; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumb>a{ color: inherit; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox>a>.font:hover{ text-decoration: none; } .c_breadcrumb_nav-02001 .p_breadcrumb>a>.font:hover{ text-decoration: underline; } .c_breadcrumb_nav-02001 .p_breadcrumb .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumb .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox:hover>a>.font{ border: 1px solid #65beba; border-bottom: 1px solid transparent; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox .after{ margin-right: 5px; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox .after:before{ content: "\e69a"; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox:hover .after:before{ content: "\e69c"; } .e_title.c_breadcrumb_nav-02001 .p_sortLink{ display:inline-block; padding:0; color:rgba(101, 190, 186,1); font-size:14px; text-align:left; } .e_title.c_breadcrumb_nav-02001 .p_sortLink{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_breadcrumb_nav-02001 .p_sortLink:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; } a>.e_title.c_breadcrumb_nav-02001 .p_sortLink:active{ color:rgba(69, 165, 161,1); font-weight:400; } a>.e_title.c_breadcrumb_nav-02001 .p_sortLink:active{ text-decoration:none; margin-top:0; } .e_title.c_breadcrumb_nav-02001 .p_sortLink .iconfont:before{ display: inline-block; content:""; } .c_breadcrumb_nav-02001 .p_content{ 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_breadcrumb_nav-02001 .p_breadcrumbSecond{ font-size: 14px; color: #65beba; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond>a>.font{ display: inline-block; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond>a{ color: inherit; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox>a>.font:hover{ text-decoration: none; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond>a>.font:hover{ text-decoration: underline; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox:hover>a>.font{ border: 1px solid #65beba; border-bottom: 1px solid transparent; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox .after{ margin-right: 5px; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox .after:before{ content: "\e69a"; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox:hover .after:before{ content: "\e69c"; } .c_breadcrumb_nav-02001 .p_end{ display:inline-block; margin:0; padding:0; text-align:left; color:rgba(51,51,51,1); font-size:14px; font-weight:400; } .c_breadcrumb_nav-02001 .p_end .font{ white-space:nowrap; vertical-align:middle; text-align:inherit; line-height: 14px; } .c_breadcrumb_nav-02001 .p_end .iconfont:before{display: inline-block;content:"";shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst{ font-size: 14px; color: #65beba; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst>a>.font{ display: inline-block; color: #0088ce; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst>a{ color: inherit; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox>a>.font:hover{ text-decoration: none; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst>a>.font:hover{ text-decoration: underline; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox:hover>a>.font{ border: 1px solid #65beba; border-bottom: 1px solid transparent; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox .after{ margin-right: 5px; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox .after:before{ content: "\e69a"; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox:hover .after:before{ content: "\e69c"; } .c_breadcrumb_nav-02001 .p_breadcrumbList{ 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_breadcrumb_nav-02001{position:absolute; width:1180px; height:30px; overflow: visible;font-size: 0;} .c_breadcrumb_nav-02001 .p_breadcrumbList{ width: auto; text-align: right; height: auto; overflow: visible; background-color: transparent; } .c_breadcrumb_nav-02001 .p_breadcrumbList>a{ display: inline-block; } .c_breadcrumb_nav-02001 .p_CurrentBox{ color: #666; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst .before:before{ content: "\e68a"; } .c_breadcrumb_nav-02001 .p_content{ width: 240px; position: absolute; border: 1px solid #65beba; padding: 9px 7px 9px 7px; font-size: 0; display: none; height: auto; background: #fff; } .c_breadcrumb_nav-02001 .contentBox:hover .p_content{ display: block; } .c_breadcrumb_nav-02001 .p_sortLink{ color: #65beba; display: inline-block; margin: 9px 7px 9px 7px; cursor: pointer; font-size: 14px; } .c_breadcrumb_nav-02001 .p_sortLink .font{ line-height: 14px; font-weight: normal; } .c_breadcrumb_nav-02001 .p_sortLink:hover{ text-decoration: underline; font-weight: normal; } .c_breadcrumb_nav-02001 .p_sortLink.current{ color: #bcbcbc; } .c_breadcrumb_nav-02001 .p_sortLink.current:hover{ text-decoration: none; font-weight: normal; } .c_breadcrumb_nav-02001 .p_sortLink.current .font{ text-decoration: none; font-weight: normal; cursor: default; } .c_breadcrumb_nav-02001 .p_end{ margin-right: 6px; margin-left: 6px; vertical-align: middle; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent{ }.c_breadcrumb_nav-02001 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_breadcrumb_nav-02001 >div{animation-fill-mode:both; }.c_breadcrumb_nav-02001 .p_breadcrumbFirst .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_intro_category-01001002 .p_succ{ width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color:#F7FBFB; border: 2px solid #65beba; font-size: 22px; position: absolute; z-index: 9999999999; } .p_articlesA.current{ background-color:#004ea2!important; } .p_articlesA.current .font{ color:#ffffff!important; } .c_intro_category-01001002 .p_succ .iconfont{ height: auto; color: #A2D465; margin-right:20px; display: inline-block; margin-left: 40px; } .c_intro_category-01001002 .p_succ .iconfont:before{ content: "\e648"; } .c_intro_category-01001002 .p_succ .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_intro_category-01001002 .p_succ .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_intro_category-01001002 .p_succ .assistfont{ display: none; } .c_intro_category-01001002 .p_succ .closebtn { display: none; } .c_intro_category-01001002 .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_intro_category-01001002 .p_fail .iconfont{ height: auto; color: #FF0000; margin-right:20px; display: inline-block; margin-left: 40px; } .c_intro_category-01001002 .p_fail .iconfont:before{ content: "\e641"; } .c_intro_category-01001002 .p_fail .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_intro_category-01001002 .p_fail .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_intro_category-01001002 .p_fail .assistfont{ font-size: 14px; color: #999999; margin-top: 5px; } .c_intro_category-01001002 .p_fail .closebtn { font-size: 14px; color: #65beba; position: absolute; right: 15px; bottom: 15px; } .c_intro_category-01001002 .p_fail .closebtn:hover{ cursor: pointer; } .c_intro_category-01001002 .p_PromptNoneData{ width: auto; background-color: inherit; text-align: center; } .c_intro_category-01001002 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_intro_category-01001002 .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_intro_category-01001002 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .c_intro_category-01001002 .p_PromptNoneData .prompt_title .first:before{ content: "\e6b4"; } .c_intro_category-01001002 .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_intro_category-01001002 .p_PromptNoneData .promptbox{ width: auto; height: 100%; } .c_intro_category-01001002 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105,1); padding-left: 65px; } .c_intro_category-01001002 .p_CategoryIcon{ display:table-cell; vertical-align:middle; background-color:rgba(255,255,255,0); border-color:rgba(255,255,255,0); border-style: solid; border-width: 0; color:rgba(101, 190, 186,1); height:auto; width: 0px; padding-left:0; padding-right:0; position:static; padding-top:0; text-align: center; font-size:14px; color:rgba(217,217,217,1); } .c_intro_category-01001002 .p_CategoryIcon:hover{ border-width: 0; border-style: solid; color:rgba(101, 190, 186,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; } .c_intro_category-01001002 .p_CategoryIcon:active{ border-width: 0; border-style: solid; color:rgba(101, 190, 186,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; } .c_intro_category-01001002 .p_CategoryIcon .iconfont{ display:inline-block; } .c_intro_category-01001002 .p_CategoryIcon .iconfont:before{content:''; } .c_intro_category-01001002 .p_ListlineA{ height:0; width:100%; border-top-width: 1px; border-top-style: solid; border-top-color:rgba(240,240,240,1); opacity:1; filter:alpha(opacity:100); } .c_intro_category-01001002 .p_infoA{ display:inline-block; margin:0; padding-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; color:rgba(0, 0, 0,1); font-size:14px; text-align:left; } .c_intro_category-01001002 .p_infoA .font{ vertical-align:middle; line-height: 19px; } a>.c_intro_category-01001002 .p_infoA:hover{ color:rgba(87, 178, 173,1); cursor:pointer; } .c_intro_category-01001002 .p_infoA .iconfont:before{ content:""; } .c_intro_category-01001002 .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_intro_category-01001002 .p_CategoryIconZ{ display:table-cell; position:relative; z-index:3; vertical-align:middle; background-color:rgba(255,255,255,0); border-color:rgba(255,255,255,0); border-style: solid; border-width: 0; color:rgba(101, 190, 186,1); width:20px; height:auto; padding-left:0; padding-right:0px; padding-top:0; text-align: center; font-size:14px; } .c_intro_category-01001002 .p_CategoryIconZ:hover{ border-width: 0; border-style: solid; color:rgba(101, 190, 186,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; } .c_intro_category-01001002 .p_CategoryIconZ:active{ border-width: 0; border-style: solid; color:rgba(101, 190, 186,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; } .c_intro_category-01001002 .p_CategoryIconZ .iconfont{ display:inline-block; } .c_intro_category-01001002 .p_CategoryIconZ .iconfont:before{content:''; } .c_intro_category-01001002 .p_CategoryIconZ.active .iconfont:before{ content:"\e6b5"; } .c_intro_category-01001002 .p_articlesC{ 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_intro_category-01001002 .p_Listline{height:0;width:100%;border-top-width: 1px;border-top-style: solid;border-top-color:rgba(240,240,240,1);opacity:1;filter:alpha(opacity:100);border-width:0px; } .c_intro_category-01001002 .p_info{ display:inline-block; margin:0; padding-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; color: #333; font-size: 16px; text-align:center; } .c_intro_category-01001002 .p_info .font{ vertical-align:middle; line-height: 19px; width: auto!important; } a>.c_intro_category-01001002 .p_info:hover{ color:rgba(87, 178, 173,1); cursor:pointer; } .c_intro_category-01001002 .p_info .iconfont:before{ content:""; } .e_title.c_intro_category-01001002 .p_link{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.c_intro_category-01001002 .p_link{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_intro_category-01001002 .p_link:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.c_intro_category-01001002 .p_link:active{ color:#60a9d7; font-weight:400; } a>.e_title.c_intro_category-01001002 .p_link:active{ text-decoration:none; margin-top:0; } .e_title.c_intro_category-01001002 .p_link .iconfont:before{ display: inline-block; content:""; } .c_intro_category-01001002 .p_articlesB{ margin:0; width: 200px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_intro_category-01001002 .p_CategoryIconA{ display:table-cell; position:relative; z-index:3; vertical-align:middle; background-color:rgba(255,255,255,0); border-color:rgba(255,255,255,0); border-style: solid; border-width: 0; color:rgba(101, 190, 186,1); width:20px; height:auto; padding-left:0; padding-right:0px; padding-top:0; text-align: center; font-size:14px; } .c_intro_category-01001002 .p_CategoryIconA:hover{ border-width: 0; border-style: solid; color:rgba(101, 190, 186,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; } .c_intro_category-01001002 .p_CategoryIconA:active{ border-width: 0; border-style: solid; color:rgba(101, 190, 186,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; } .c_intro_category-01001002 .p_CategoryIconA .iconfont{ display:inline-block; } .c_intro_category-01001002 .p_CategoryIconA .iconfont:before{content:''; } .c_intro_category-01001002 .p_CategoryIconA.active .iconfont:before{ content:"\e6b5"; } .c_intro_category-01001002 .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_intro_category-01001002 .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; float:left; } .c_intro_category-01001002 .p_category{ margin:0; width: 880px; height:auto; padding:0; border-width:1px; border-style:none; border-color:rgba(255, 255, 255,1); background-color:transparent; white-space:nowrap; } .c_intro_category-01001002{ position:absolute; width:280px; height:360px; overflow: hidden; } .c_intro_category-01001002 .p_category{ width:auto; height:auto; background-color:#fff; } .c_intro_category-01001002 .p_articlesBox{ height:auto; width:auto; } .c_intro_category-01001002 .p_articles{ height:auto; width:auto; } .c_intro_category-01001002 .p_articlesA{ height:auto; width:100%; line-height:24px; display: -webkit-box; display: -webkit-flex; display: -moz-box; transition: 1s all ease; display: -moz-flex; display: -ms-flexbox; display: flex; align-items:center; } .c_intro_category-01001002 .p_articlesA:hover{ background-color:#0088ce; color:rgb(255, 255, 255); cursor:pointer; } .c_intro_category-01001002 .p_articles:hover .font{ color:rgb(255, 255, 255); cursor:pointer; } .c_intro_category-01001002 .p_articlesA.active{ background-color:rgb(0, 104, 183); color:rgb(255, 255, 255); cursor:pointer; } .c_intro_category-01001002 .p_articlesC{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display:flex; height:auto; width:100%; padding-bottom:7px; padding-left:10px; padding-right:10px; padding-top:7px; align-items:center; } .c_intro_category-01001002 .p_articlesC:hover{ background-color:rgba(239, 248, 248,1); color:rgba(101,190,186,1); cursor:pointer; } .c_intro_category-01001002 .p_articlesC.active{ background-color:rgba(239, 248, 248,1); color:rgba(101,190,186,1); cursor:pointer; } .c_intro_category-01001002 .p_CommonBtn{ display:table-cell; height:auto; width:14px; vertical-align:middle; margin-right:10px; } .c_intro_category-01001002 .p_image{ background:none; display:inline-block; width:27px; height:auto; } .c_intro_category-01001002 .p_imageA{ background:none; display:inline-block; width:27px; height:auto; vertical-align:middle; } .c_intro_category-01001002 .p_articlesB{ display:block; height:auto; -moz-box-flex: 1; -webkit-box-flex: 1; -ms-box-flex: 1; box-flex: 1; flex:1; } .c_intro_category-01001002 .p_articlesB .font{ white-space: normal; overflow: hidden; width: auto!important; } .c_intro_category-01001002 .p_articlesD{ -moz-box-flex: 1; -webkit-box-flex: 1; -ms-box-flex: 1; box-flex: 1; flex:1; display:block; height:auto; width:auto; } .c_intro_category-01001002 .p_link{ color:inherit; display:block; vertical-align: middle; overflow:hidden; width:inherit; } .c_intro_category-01001002 .p_linkA{ color:inherit; display:table-cell; margin-top:5px; } .c_intro_category-01001002 .p_info{ display:block; height:auto; width: auto; padding-top: 0px; } .c_intro_category-01001002 .p_articles .p_info .font{ color: #666666; height:auto; overflow: hidden; white-space: normal; width: auto!important; height: 80px; line-height: 80px; } .c_intro_category-01001002 .p_articles:hover .p_info .font{ color:#ffffff; width: auto!important; } .c_intro_category-01001002 .p_infoA{ display:block; height:auto; width: inherit; padding-top: 0px; } .c_intro_category-01001002 .p_articles .p_infoA .font{ white-space: normal; overflow: hidden; } .c_intro_category-01001002 .p_articles:hover .p_infoA .font{ color:inherit; } .c_intro_category-01001002 .p_num{ display:table-cell; height:auto; width:50px; vertical-align:middle; } .c_intro_category-01001002 .p_numA{ display:table-cell; height:auto; width:50px; vertical-align:middle; } .c_intro_category-01001002 .p_articlesD .p_Listline{ margin-left:-31px; } .c_intro_category-01001002 .p_articlesD .p_articlesB{ padding-left:31px; } .c_intro_category-01001002 .p_articlesE{ height:auto; width:auto; } .c_intro_category-01001002 .p_articlesE .p_Listline{ margin-left:-51px; } .c_intro_category-01001002 .p_articlesE .p_articlesB{ padding-left:42px; } .c_intro_category-01001002 .p_CategoryIconA .iconfont:before{ content: '\e6b2'; } .c_intro_category-01001002 .p_CategoryIconZ .iconfont:before{ content: '\e6b5'; } .c_intro_category-01001002 .p_CategoryIcon .iconfont:before{ content: '\e669'; } .c_intro_category-01001002 .p_CategoryIcon{ display: inline-block; } .c_intro_category-01001002 .p_CategoryIconA{ display: inline-block; } .c_intro_category-01001002 .p_CategoryIconZ{ display: inline-block; } .c_intro_category-01001002 .p_MatteIcon .iconfont:before{ content:'\e602'; } .c_intro_category-01001002 >div{ animation-fill-mode:both; }.w_rbox-001{position:absolute; width:300px; height:300px; } .w_rbox-001 .p_stylebox{ width: 100%; }.w_rbox-001 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_rbox-001 >div{animation-fill-mode:both; } #w_rbox-1536114792989{background:rgba(255,255,255,0.6);box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);} #w_rbox-1536115250342,#w_rbox-1536115636785,#w_rbox-1536115649454,#w_rbox-1536117440466,#w_rbox-1536117852671,#w_rbox-1536117884596,#w_rbox-1536117904712,#w_rbox-1536117895261{ border:2px solid #0088ce; } #w_rbox-1531376512011{border-radius:0px 0px 5px 5px; border-top:1px solid #ebebeb;} #w_rbox-1530689568353 .p_dimage { border-radius: 5px;} #w_rbox-1528340437845:hover,#w_rbox-1528340503121:hover{ box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2); position: relative; z-index: 9; } #content_box-1528341451340,#content_box-1528343552269{ box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2); } #w_rbox-1536057715948 .w_img-002{ box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1); } #w_rbox-1535189999197,#w_rbox-1535191412371,#w_rbox-1535193721275,#w_rbox-1535194884958{top:50%!important;margin-top:-250px!important;} #w_rbox-1535192570017,#w_rbox-1535195731512{top:50%!important;margin-top:-290px!important;} #w_rbox-1536045380470{top:80px!important;} #w_rbox-1535195731512 .w_img-002{ box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1); border-radius: 50%; }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; }/*page property_start*/.pagebox,#-remove--flag{width:1280px;margin:0px auto;}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/ .c_nav_main-21002007 ul li:nth-child(2) a { background: #0088ce !important; position: relative; color: #fff !important; } .c_nav_main-21002007 ul li:nth-child(2) a:Hover { background: #0088ce !important; position: relative; color: #fff !important; } #c_public_htmlCode-15658606616293441{ position:absolute; top:166px; left:291px; z-index:3; width:52px; height:47px; } #c_breadcrumb_nav-15658612187683991{ position:absolute; top:30px; left:1150px; z-index:2; width:366px; height:31px; } #c_intro_detail-15658615962992955{ position:absolute; top:540px; left:-0.9px; z-index:11; width:1201px; height:534px; } #c_intro_category-15658608678263237 .p_CategoryIcon .iconfont:before{ content:''; } #c_intro_category-15658608678263237 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_intro_category-15658608678263237 >div{ animation-fill-mode:both; } #c_intro_category-15658608678263237{ position:absolute; top:0px; left:320px; z-index:1; width:847px; height:80px; } #w_wbox-1565860314970 .p_wbox{ background-image:url(../img/ft.jpg); background-image-part-image:url(../img/ft.jpg); } #w_wbox-1565860314970 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1565860314970 >div{ animation-fill-mode:both; } #w_wbox-1565860827242 .p_wbox{ background-color:rgba(242, 242, 242, 1); border-bottom-color:rgba(223, 223, 223, 1); border-bottom-style:solid; border-bottom-width:1px; } #w_wbox-1565860827242 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1565860827242 >div{ animation-fill-mode:both; } #w_wbox-1565860314970{ position:absolute; top:80px; left:-316px; z-index:7; width:1912px; height:350px; } #w_wbox-1565860827242{ position:absolute; top:430px; left:-316px; z-index:8; width:1912px; height:80px; } #w_rbox-1565860558505{ position:absolute; top:80px; left:655px; z-index:1; width:610px; height:225px; } #w_common_text-1565860562071{ position:absolute; top:9px; left:79px; z-index:1; width:452px; height:79px; } #w_common_text-1565860602507{ position:absolute; top:92px; left:5px; z-index:2; width:600px; height:59px; }