.e_ContentMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }   .e_ContentMajorStyleBox-001 .stylebox_link{ color:#666666; font-size: 14px; height: inherit; display: table; padding:0 15px; border-width: 0px; float: right; vertical-align: middle; margin-right: 15px; } .e_ContentMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_ContentMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_ContentMajorStyleBox-001 .title_icon::before{ content: ""; } .e_ContentMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_ContentMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_ContentMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; padding-right: 22px; vertical-align: top; } .e_ContentMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_ContentMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_ContentMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_ContentMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_ContentMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color:#f0f0f0; width: 100%; width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_IndexOrdinaryStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_IndexOrdinaryStyleBox-001 .stylebox_top{ background-color: transparent; }  .e_IndexOrdinaryStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; } .e_IndexOrdinaryStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_top{ width: auto; height: 40px; } .e_IndexOrdinaryStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size:medium; } .e_IndexOrdinaryStyleBox-001 .title_icon::before{ content: ""; } .e_IndexOrdinaryStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_IndexOrdinaryStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .stylebox_link{ float: right; vertical-align: middle; margin-right: 15px; } .e_IndexOrdinaryStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_IndexOrdinaryStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_IndexOrdinaryStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_IndexOrdinaryStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; height: calc(100% - 48px); width-uint:%; } .e_IndexOrdinaryStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_SideMajorStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_SideMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_SideMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_SideMajorStyleBox-001 .title_icon::before{ content: ""; } .e_SideMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_SideMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_SideMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_SideMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_SideMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_SideMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_SideMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_SideMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.e_AllWBox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_wbox-001 .p_wbox{ background-color: rgba(255,255,255,0); } .w_bbox-001 .w_wbox-001 .p_wbox { margin-top: 20px; }.w_wbox-001{ position:absolute; width:100%; height:120px; } .w_img-001 .p_title{ display:inline-table; margin:0; min-width:37px; padding:0; color:rgba(51,51,51,1); font-size:16px; font-weight:400; cursor:pointer; } .w_img-001 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_img-001 .p_title:hover{ color:rgba(87,177,173,1); } .w_img-001 .p_title:active{ color:rgba(69,165,161,1); } .w_img-001 .p_title .iconfont:before{ display: inline-block; content:""; } .w_img-001 .p_dimage{ padding:0; border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .w_img-001 .p_dimage:hover{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .w_img-001 .p_dimage:active{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; }  .e_title.w_img-001 .p_link002{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_img-001 .p_link002{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-001 .p_link002:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-001 .p_link002:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-001 .p_link002:active{ text-decoration:none; margin-top:0; } .e_title.w_img-001 .p_link002 .iconfont:before{ display: inline-block; content:""; }  .e_title.w_img-001 .p_link001{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_img-001 .p_link001{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-001 .p_link001:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-001 .p_link001:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-001 .p_link001:active{ text-decoration:none; margin-top:0; } .e_title.w_img-001 .p_link001 .iconfont:before{ display: inline-block; content:""; }  .w_img-001 .p_box{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .w_img-001{ position:absolute; width:280px; height:250px; } .w_img-001 .animated{ width:100%; height:100%; } .w_img-001 .font { white-space: nowrap; } .w_img-001 .p_link001{ width:100%; height:calc(100% - 30px); } .w_img-001 .p_link002{ width:100%; height:30px; } .w_img-001 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-001 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_img-001 .e_image:hover:after { background: transparent; }.c_public_htmlCode-01001007{position:absolute; width:1920px; height:858px; top:0px; left:0px; z-index:1; } .c_public_htmlCode-01001007 .btn{ background:url(/img/bg2_1.jpg?tenantId=170184&viewType=1&v=000) no-repeat center top #f00; } .w_sfbox-001 > div > .p_SwipPanelBox{ margin:0; padding:0; background-color:transparent; overflow: hidden; width: auto; height: auto; position: absolute; top: 50%; right: 30px; transform: translate(0,-50%); padding: 30px 0; z-index: 999; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel{ width: auto; height: auto; font-size: 14px; color: #626262; font-size: 12px; padding: 0 10px; border-width: 1px; border-style: solid; border-color: transparent; text-align: right; margin-top: 10px; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel:first-child{ margin-top: 0; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .font{ width: auto; height: auto; display: inline-block; margin-right: 5px; line-height: 23px; vertical-align: middle; cursor: pointer; font-family: NotoSansHans-Regular; font-size: inherit; color:inherit; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .shape{ width: 23px; height: 23px; display: inline-block; margin-left: 5px; line-height: 26px; padding: 4px; background-position: center; background-size: auto auto; vertical-align: middle; position: relative; cursor: pointer; border-radius: 50%; overflow: hidden; border-style: solid; border-width: 1px; border-color: transparent; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .shape > div{ width: 100%; height: 100%; background-color: #fff; border-radius: 50%; box-shadow: 0 0 4px 0 rgba(0,0,0,0.30); } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel.active .shape{ border: 1px solid #fff; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel.active{ color: #0099cc; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .shape img{ position: absolute; width: 100%; height: 100%; display: block; } .w_sfbox-001 > .w_sfbox > .p_fbox > div > .p_fboxChild{ border-color:rgba(228,228,228,0); overflow: hidden; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: center; background-size:auto; } .w_sfbox-001 > .w_sfbox > .p_fbox{ width:100%; } .w_sfbox-001 > .w_sfbox{ width:100%; } .w_sfbox-001{ width:100%; } .w_sfbox-001 .tips{ position: absolute; width: 100%; text-align: center; display: none !important; } .w_sfbox-001 .tips .title{ text-align: center; font-size: 18px; color: #c3c3c3; } .w_sfbox-001 .tips .content{ text-align: center; font-size: 14px; font-family: "微软雅黑"; color: #a2a2a2; font-weight: normal; line-height: 24px; } .w_sfbox-001 > .w_sfbox > .p_fbox > .p_footer{ width: 100%; height: 200px; background-color: #2e77ba; position: relative; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }   .w_sfbox-001 .p_SwipPanelBox.hor-right .font{ float: right; margin-right: 0; margin-left: 5px; } .w_sfbox-001 .p_SwipPanelBox.hor-right .shape{ margin-right: 5px; margin-left: 0; }  .w_sfbox-001 .p_SwipPanelBox.ver-top .p_SwipPanel{ padding: 0 0 0 10px; float: left; margin: 0; } .w_sfbox-001 .p_SwipPanelBox.ver-top .font{ margin: 0 0 5px 0; writing-mode:vertical-lr; display: block; } .w_sfbox-001 .p_SwipPanelBox.ver-top .shape{ margin: 5px 0 0 0; }  .w_sfbox-001 .p_SwipPanelBox.ver-bottom .p_SwipPanel{ padding: 0 0 0 10px; float: left; margin: 0; } .w_sfbox-001 .p_SwipPanelBox.ver-bottom .p_SwipPanel:first-child{ padding:0; } .w_sfbox-001 .p_SwipPanelBox.ver-bottom .font{ margin: 5px 0 0 0; writing-mode:vertical-lr; -webkit-writing-mode:vertical-lr; writing-mode:tb-lr; display: block; } .w_sfbox-001 .p_SwipPanelBox.ver-bottom .shape{ margin: 0 0 5px 0; }  .w_sfbox-001 > .w_sfbox > .p_fbox > .p_wrapbox{ position:relative; overflow: hidden; } .w_sfbox-001 > .w_sfbox > .p_fbox > .p_wrapbox video{ position: absolute; width: 100%; height: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .w_sfbox-001 > .w_sfbox > .p_fbox > div > .p_bgBox{ height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: auto; }.c_nav_main-55002{position:absolute; width:400px; height:200px; overflow:hidden;} .navBar { width:100%; margin:0 auto; line-height:110px; color:#333; } .nav { position:relative; width:100%; margin:0 auto; font-size:14px; height:110px; line-height:110px; } .nav a { color:#FE7700; } .nav h3 { font-size:100%; font-weight:normal; } .nav .m { float:left; position:relative; z-index:1; line-height:110px; } .nav .s { float:left; width:3px; text-align:center; color:#D4D4D4; font-size:12px; } .nav h3 a { display:block; width:115px; text-align:center; font-weight:bold; } .nav .sub { display:none; position:absolute; top:110px; z-index:1; width:117px; border:0px solid #E6E4E3; border-top:0; } .nav .sub li { text-align:center; padding:0 8px; border-bottom:1px solid rgba(0,0,0,0.6); width:200px; } .nav .sub li a { display:block; border-bottom:0px solid #333; height:28px;width:200px!important; line-height:28px; color:#fff!important;background:rgba(0,0,0,0.5); font-size:12px; font-weight:bold; } .nav .sub li a:hover { color:#000!important;background:#fff; } .nav .block { height:8px; width:117px; background:#FE7700; position:absolute; left:0; top:42px; overflow:hidden; z-index:99; }.c_nav_main-23002 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_nav_main-55002 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_hline-001 .p_HLine{ border-top-width: 1px; border-top-style: solid; border-top-color:#f0f0f0; opacity:1; filter:alpha(opacity:100); } .w_hline-001{ position:absolute; width:300px; height:1px; left:100px; top:20px; } .w_hline-001 .w_hline{ width:100%; height:inherit; }.c_news_list-02001{ position:absolute; width:890px; height:600px; overflow: hidden; font-size: 0; } .c_news_list-02001 .p_Newslist{ width:auto; height:auto; overflow: hidden; white-space: normal; background: transparent; }  .c_news_list-02001 .p_Newslist:hover{ border: none; } .c_news_list-02001 .p_Newslist:active{ border: none; }  .c_news_list-02001 .p_news{ width:inherit; height:auto; overflow:hidden; border-color: transparent; padding: 15px; } .c_news_list-02001 .p_content{ width:auto; height:auto; border-width: 0; background-color: transparent; margin:10px; overflow: hidden; } .c_news_list-02001 .p_header{ width:auto; height:auto; border-width: 0; background-color: transparent; } .c_news_list-02001 .p_SortBox{ width:auto; height:auto; border-width: 0; background-color: transparent; margin-top: 10px; vertical-align: top; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; display: inline-block\0; max-width: 100%; margin-right: 10px; } .c_news_list-02001 .p_InteractionInfo{ width:auto; height:auto; border-width: 0; background-color: transparent; } .c_news_list-02001 .p_iconBox{ width:auto; height:auto; } .c_news_list-02001 .p_TimeBox{ width:auto; height:auto; border-width: 0; background-color: transparent; margin-right: 10px; } .c_news_list-02001 .p_CommentBox{ width:auto; height:auto; border-width: 0; background-color: transparent; margin-right: 10px; } .c_news_list-02001 .p_ViewBox{ width:auto; height:auto; border-width: 0; background-color: transparent; margin-right: 10px; } .c_news_list-02001 .p_about{ width:auto; height:auto; border-width: 0; background-color: transparent; } .c_news_list-02001 .p_TitleBox{ width:auto; height:auto; border-width: 0; background-color: transparent; } .c_news_list-02001 .p_SummaryBox{ width:auto; height:auto; border-width: 0; background-color: transparent; } .c_news_list-02001 .p_AuthorBox{ width:auto; height:auto; border-width: 0; background-color: transparent; vertical-align: top; margin-top: 10px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; display: inline-block\0; max-width: 100%; margin-right: 10px; } .c_news_list-02001 .p_KeywordBox{ width:auto; height:auto; border-width: 0; background-color: transparent; } .c_news_list-02001 .p_KeywordBox a{ cursor: default; } .c_news_list-02001 .p_FromBox{ width:auto; height:auto; border-width: 0; background-color: transparent; vertical-align: top; margin-top: 10px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; display: inline-block\0; max-width: 100%; margin-right: 10px; } .c_news_list-02001 .p_assist{ width:auto; height:auto; border-width: 0; background-color: transparent; } .c_news_list-02001 .p_TypeBox{ width:auto; height:auto; border-width: 0; background-color: transparent; display: inline; }   .c_news_list-02001 .p_TimeBox{ display:inline-block; margin-top: 10px; } .c_news_list-02001 .p_CommentBox{ display:inline-block; margin-top: 10px; } .c_news_list-02001 .p_ViewBox{ display:inline-block; margin-top: 10px; } .c_news_list-02001 .p_tag{ display:inline-block; cursor: default; color:#969696; margin: 0; padding-bottom: 0px; padding-left: 0px; padding-right: 5px; padding-top: 0px; font-size: 14px; text-align: left; } .c_news_list-02001 .p_tag .font{ white-space: normal; vertical-align: middle; line-height: 19px; } .c_news_list-02001 .p_tag:hover{ color:#969696; } .c_news_list-02001 .p_icon{ display: inline; width: auto; height: auto; vertical-align: bottom; float:left; margin-top: 5px; position: relative; z-index: 3; color: rgba(153,153,153,1); font-size: 14px; text-align: center; } .c_news_list-02001 .p_icon .font{ display: inline; } .c_news_list-02001 .p_about{ display:inline-block; vertical-align:middle; } .c_news_list-02001 .p_comment{ vertical-align:top; display: inline-table; margin: 0; padding: 0 5px 0 0; color: #969696; font-size: 12px; text-align: left; white-space: nowrap; overflow: visible; } .c_news_list-02001 .p_comment .font{ vertical-align: middle; display: table-cell; line-height: 18px; } .c_news_list-02001 .p_time{ vertical-align:top; display: inline-table; margin: 0; padding: 0 5px 0 0; color: #969696; font-size: 12px; text-align: left; white-space: nowrap; overflow: visible; } .c_news_list-02001 .p_time .font{ vertical-align: middle; display: table-cell; line-height: 18px; } .c_news_list-02001 .p_view{ vertical-align:top; display: inline-table; margin: 0; padding: 0 5px 0 0; color: #969696; font-size: 12px; text-align: left; white-space: nowrap; overflow: visible; } .c_news_list-02001 .p_view .font{ vertical-align: middle; display: table-cell; line-height: 18px; } .c_news_list-02001 .p_author{ vertical-align:top; display: block; -moz-box-flex:1; -webkit-box-flex:1; -ms-box-flex:1; box-flex:1; flex:1; display: inline-block\0; max-width: 70%\0; overflow: hidden; margin: 0; padding: 0 5px 0 0; color: #969696; font-size: 12px; text-align: left; white-space: nowrap; } .c_news_list-02001 .p_author .font{ display: block; overflow: hidden; white-space: normal; vertical-align: middle; line-height: 18px; } .c_news_list-02001 .p_from{ vertical-align:top; display: block; -moz-box-flex:1; -webkit-box-flex:1; -ms-box-flex:1; box-flex:1; flex:1; display: inline-block\0; max-width: 70%\0; overflow: hidden; margin: 0; padding: 0 5px 0 0; color: #969696; font-size: 12px; text-align: left; white-space: nowrap; } .c_news_list-02001 .p_from .font{ display: block; overflow: hidden; white-space: normal; line-height: 18px; vertical-align: middle; }   .c_news_list-02001 .p_articles{ margin: 5px; height:auto; width:205px; overflow: hidden; border:1px solid #f0f0f0; width: calc((100% - 30px)/3); display: inline-block; vertical-align: top; } .c_news_list-02001 .p_articles:hover{ background: #fcfdff; }  .c_news_list-02001 .p_images{ display: block; width:auto; height:auto; position:relative; vertical-align:middle; margin:5px;  } .c_news_list-02001 .p_images:hover .p_shade{ display: block; } .c_news_list-02001 .p_thumbnail{ width:100%; height:auto; vertical-align:middle; text-align:center; overflow: hidden; } .c_news_list-02001 .higher .p_thumbnail{ position: absolute; height: 100%; } .c_news_list-02001 .widther .p_thumbnail{ position: absolute; height: 100%; } .c_news_list-02001 .smaller .p_thumbnail{ position: absolute; height: 100%; } .c_news_list-02001 .p_thumbnail img{ width: 100%; }  .c_news_list-02001 .p_VideoIcon{ position:absolute; top:50%; left:50%; width:auto; margin-left:-10px; margin-top:-10px; height: inherit; color: rgba(102,102,102,1); } .c_news_list-02001 .p_sort{ display: block; vertical-align: top; -moz-box-flex:1; -webkit-box-flex:1; -ms-box-flex:1; box-flex:1; flex:1; display: inline-block\0; max-width: 70%\0; overflow: hidden; margin: 0; padding: 0 5px 0 0; color: #969696; text-align: left; white-space: nowrap; } .c_news_list-02001 .p_LinkB{ -moz-box-flex:1; -webkit-box-flex:1; -ms-box-flex:1; box-flex:1; flex:1; overflow: hidden; } .c_news_list-02001 .p_ListTag{ width:auto; vertical-align: bottom; display: inline; } .c_news_list-02001 .p_ListTag.BottomRight{ position: absolute; bottom: 0px; right: 0px; background:#fff; white-space: nowrap; } .c_news_list-02001 .p_ListTagA{ position: absolute; top: 10px; right: 5px; width: auto; height: auto; } .c_news_list-02001 .p_TitleBox{ display:inline; } .c_news_list-02001 .p_LinkC{ display: inline } .c_news_list-02001 .p_title{ width:100%; display:inline; } .c_news_list-02001 .p_title .font{  display:inline; white-space: normal; vertical-align: baseline; } .c_news_list-02001 .p_title:active{ color: #57b2ad; } .c_news_list-02001 .p_titleA{ width:100%; display:inline; color: #ED5A5A; font-size: 16px; font-weight: 400; text-align: left; cursor: pointer; } .c_news_list-02001 .p_titleA .font{  display:inline; white-space: normal; vertical-align: baseline; line-height: 21px; } .c_news_list-02001 .p_titleA:active{ color: #57b2ad; } .c_news_list-02001 .p_SummaryBox{ margin-top: 5px; } .c_news_list-02001 .p_header{ font-size:0; overflow:hidden; } .c_news_list-02001 .p_InteractionInfo{  float:right; margin-top:5px; margin-bottom:5px; } .c_news_list-02001 .p_ToDetail{ float:right; position: relative; margin-top: 10px; 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-left: 10px; padding-right: 10px; min-width: 86px; color: rgba(101, 190, 186,1); font-size: 12px; text-align: center; } .c_news_list-02001 .p_ToDetail .font { white-space: nowrap; vertical-align: middle; line-height: 26px; } .c_news_list-02001 .p_shade{ position: absolute; background: rgba(0,0,0,0.3); width: 100%; height: 100%; top: 0px; left: 0px; display: none; } .c_news_list-02001 .p_shade:hover{ background: rgba(0,0,0,0.3); } .c_news_list-02001 .p_ToDetailA{ background: transparent; position: absolute; top: 50%; left: 50%; border: none; transform:translate(-50%,-50%); color: #fff; text-align: center; } .c_news_list-02001 .p_ToDetailA .font{ } .c_news_list-02001 .p_ToDetailA:hover{ background: transparent; } .c_news_list-02001 .p_top{ margin-right:5px; background: rgba(243, 124, 54 ,1); display: inline-block; float: left; min-height: 16px; min-width: 44px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; padding-top: 0px; color: rgba(255,255,255,1); font-size: 14px; text-align: center; } .c_news_list-02001 .p_top .font{ padding-right: 3px; line-height: normal; white-space: nowrap; } .c_news_list-02001 .p_Recommend{ margin-right:5px; background: rgba(237, 90, 90 ,1); display: inline-block; float: left; min-height: 16px; min-width: 44px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; padding-top: 0px; color: rgba(255,255,255,1); font-size: 14px; text-align: center; } .c_news_list-02001 .p_Recommend .font{ padding-right: 3px; white-space: nowrap; vertical-align: middle; } .c_news_list-02001 .p_KeywordBox{ margin-top:10px; } .c_news_list-02001 .p_nameB{ float:left; margin-top:3px; display: inline-block; padding: 0; vertical-align: middle; color: #969696; font-size: 14px; text-align: left; } .c_news_list-02001 .p_nameB .font{  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; line-height: 19px; } .c_news_list-02001 .p_icon .iconfont:before{ content:'\e6ae'; color: rgba(153,153,153,1); display: inline-block; } .c_news_list-02001 .p_AssistNameA .iconfont:before{ content: '\e67a'; margin-right:5px; } .c_news_list-02001 .p_AssistNameB .iconfont:before{ content: '\e696'; margin-right:5px; } .c_news_list-02001 .p_AssistNameC .iconfont:before{ margin-right:5px; content: '\e69e'; } .c_news_list-02001 .p_AssistNameD .iconfont:before{ content: '\e6a6'; vertical-align: middle; margin-right:5px; } .c_news_list-02001 .p_AssistNameE .iconfont:before{ content: '\e60a'; margin-right:5px; } .c_news_list-02001 .p_AssistNameF .iconfont:before{ content: '\e6b3'; margin-right:5px; } .c_news_list-02001 .p_AssistNameG .iconfont:before{ content: '\e6b1'; margin-right:5px; } .c_news_list-02001 .p_VideoIcon:before{ content:'\e65d'; color:rgba(255,255,255,1); font-size:25px; } .c_news_list-02001 .p_summary{ font-family:"Microsoft Yahei"; white-space:normal; text-align: justify; color: rgba(102,102,102,1); font-size: 14px; line-height: 26px; vertical-align: top; word-break: break-all; } .c_news_list-02001 .p_ImgNews .iconfont{ float:none; } .c_news_list-02001 .p_page{ width: auto; height: auto; float: right; right: 30px; margin-bottom: 10px; } .c_news_list-02001 .e_pagebox-000 .pre:after{ display: none; }  .c_news_list-02001 .p_sort{ font-size: 12px; } .c_news_list-02001 .p_sort .font{ white-space: normal; display: block; overflow: hidden; vertical-align: middle; line-height: 18px; } .c_news_list-02001 .p_sort:active{ color: #ed5a5a; } .c_news_list-02001 .p_TitleBox .p_nameC{ display: inline; vertical-align: top; float:left; color: #969696; font-size: 14px; text-align: left; } .c_news_list-02001 .p_TitleBox .p_nameC .font{ display: inline; line-height: 21px; }  .c_news_list-02001 .p_hot{ display: inline; float:none; padding: 0; color: rgba(153,153,153,1); font-size: 16px; font-weight: normal; text-align: center; } .c_news_list-02001 .p_hot .font{  display: inline; } .c_news_list-02001 .p_new{ display: inline; float:none; padding: 0; color: rgba(153,153,153,1); font-size: 16px; text-align: center; } .c_news_list-02001 .p_new .font{  display: inline; } .c_news_list-02001 .p_ImgNews{ display: inline; float:none; padding: 0; color: rgba(153,153,153,1); font-size: 16px; font-weight: normal; text-align: center; } .c_news_list-02001 .p_ImgNews .font{  display: inline; } .c_news_list-02001 .p_VideoNews{ display: inline; padding: 0; color: rgba(153,153,153,1); font-size: 16px; font-weight: normal; text-align: center; } .c_news_list-02001 .p_VideoNews .font{  display: inline; } .c_news_list-02001 .p_hot .iconfont:before { font-size: 18px; content: "\e666"; color: rgba(237,90,88,1); } .c_news_list-02001 .p_new .iconfont:before { font-size: 18px; content: "\e61b"; color: rgba(3,114,112,1); } .c_news_list-02001 .p_ImgNews .iconfont:before { content: "\e69d"; color: rgba(3, 114, 112, 1); font-size: 18px; } .c_news_list-02001 .p_VideoNews .iconfont:before { font-size: 18px; content: "\e6be"; color: rgba(3, 114, 112, 1); } .c_news_list-02001 .p_ThumbnailBox{ width: auto; height: auto; }  .c_news_list-02001 .p_CommonLanternBox{ width: auto; height: auto; position: relative; background-color: transparent; overflow: hidden; } .c_news_list-02001 .p_CommonSwitchBtnA{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 45px; color: #e5e5e5; display: inline-block; vertical-align: middle; cursor: pointer; } .c_news_list-02001 .p_CommonSwitchBtnA .iconfont:before{ content: "\e687"; } .c_news_list-02001 .p_CommonSwitchBtnB{ position: absolute; top: 50%; right: 50%; transform: translate(50%,-50%); font-size: 45px; color: #e5e5e5; display: inline-block; vertical-align: middle; cursor: pointer; } .c_news_list-02001 .p_CommonSwitchBtnB .iconfont:before{ content: "\e6ae"; display: inline-block; } .c_news_list-02001 .p_CommonSummaryBoxA{ width: auto; height: auto;  text-align: center; margin-bottom: 20px; } .c_news_list-02001 .p_CommonThumbnailBox{ width: auto; height: auto; } .c_news_list-02001 .d_CommonInteractionA{ left: 0px; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0,-50%); } .c_news_list-02001 .d_CommonInteractionB{ right: 0px; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0,-50%); } .c_news_list-02001 .p_CommonSquareNumBtn{ width: 100px; height: 10px; margin: 0px 8px; display: inline-block; 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; } .c_news_list-02001 .p_CommonSquareNumBtn:hover,.c_news_list-02001 .p_CommonSquareNumBtn.active{ background-color: rgba(103,184,180,1); color: rgba(255,255,255,1); } .c_news_list-02001 .p_CommonSquareNumBtn .shape { text-indent: -9999em; width: inherit; height: inherit; vertical-align: middle; } .c_news_list-02001 .p_CommonSquareNumBtn img{ display: none; }  .c_news_list-02001 .p_moreBox{ width: 100%; height: auto; } .c_news_list-02001 .p_more{ position: static; } .c_news_list-02001 .p_moreBtn{ position: static; width: auto; }  .c_news_list-02001 .p_articles:hover .p_matteA{ display: block; } .c_news_list-02001 .p_articles:hover .p_Position{ display: inline-block; } .c_news_list-02001 .p_articles:hover .p_matte{ display: block; } .c_news_list-02001 .p_MatteIcon{ width: auto; display: inline-block; } .c_news_list-02001 .p_MatteIcon:before{ content: ""; } .c_news_list-02001 .p_MatteIcon .iconfont{ font-size: 20px; color: rgba(255,255,255,.8); } .c_news_list-02001 .p_MatteIcon .iconfont:before{ content: "\e602"; } .c_news_list-02001 .p_articles .p_matte:before { content: "\200B"; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .c_news_list-02001 .p_AssistNameA{ display: inline-block; margin: 0; padding: 0; color: #c8c8c8; font-size: 12px; text-align: right; } .c_news_list-02001 .p_AssistNameA .font{ vertical-align: middle; white-space: nowrap; width: inherit; line-height: 16px; } .c_news_list-02001 .p_AssistNameG{ display: inline-block; margin: 0; padding: 0; color: #c8c8c8; font-size: 12px; text-align: right; } .c_news_list-02001 .p_AssistNameG .font { vertical-align: middle; white-space: nowrap; width: inherit; line-height: 16px; } .c_news_list-02001 .p_AssistNameD{ display: inline-block; margin: 0; padding: 0; color: #c8c8c8; font-size: 12px; text-align: right; } .c_news_list-02001 .p_AssistNameD .font { vertical-align: middle; white-space: nowrap; width: inherit; line-height: 16px; } .c_news_list-02001 .p_AssistNameE{ display: inline-block; margin: 0; padding: 0; color: #c8c8c8; font-size: 12px; text-align: right; } .c_news_list-02001 .p_AssistNameE .font { vertical-align: middle; white-space: nowrap; width: inherit; line-height: 16px; } .c_news_list-02001 .p_AssistNameB{ display: inline-block; margin: 0; padding: 0; color: #c8c8c8; font-size: 12px; text-align: right; } .c_news_list-02001 .p_AssistNameB .font { vertical-align: middle; white-space: nowrap; width: inherit; line-height: 16px; } .c_news_list-02001 .p_AssistNameC{ display: inline-block; margin: 0; padding: 0; color: #c8c8c8; font-size: 12px; text-align: right; } .c_news_list-02001 .p_AssistNameC .font { vertical-align: middle; white-space: nowrap; width: inherit; line-height: 16px; } .c_news_list-02001 .p_AssistNameF{ display: inline-block; margin: 0; padding: 0; color: #c8c8c8; font-size: 12px; text-align: right; } .c_news_list-02001 .p_AssistNameF .font { vertical-align: middle; white-space: nowrap; width: inherit; line-height: 16px; } .c_news_list-02001 .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_news_list-02001 .p_succ .iconfont{ height: auto; color: #A2D465; margin-right:20px; display: inline-block; margin-left: 40px; } .c_news_list-02001 .p_succ .iconfont:before{ content: "\e648"; } .c_news_list-02001 .p_succ .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_news_list-02001 .p_succ .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_news_list-02001 .p_succ .assistfont{ display: none; } .c_news_list-02001 .p_succ .closebtn { display: none; } .c_news_list-02001 .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_news_list-02001 .p_fail .iconfont{ height: auto; color: #FF0000; margin-right:20px; display: inline-block; margin-left: 40px; } .c_news_list-02001 .p_fail .iconfont:before{ content: "\e641"; } .c_news_list-02001 .p_fail .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_news_list-02001 .p_fail .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_news_list-02001 .p_fail .assistfont{ font-size: 14px; color: #999999; margin-top: 5px; } .c_news_list-02001 .p_fail .closebtn { font-size: 14px; color: #65beba; position: absolute; right: 15px; bottom: 15px; } .c_news_list-02001 .p_fail .closebtn:hover{ cursor: pointer; }.c_news_list-02001 .p_PromptNoneData{ width: auto; background-color: inherit; text-align: center; } .c_news_list-02001 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_news_list-02001 .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_news_list-02001 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .c_news_list-02001 .p_PromptNoneData .prompt_title .first:before{ content: "\e6b4"; } .c_news_list-02001 .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_news_list-02001 .p_PromptNoneData .promptbox{ width: auto; height: 100%; } .c_news_list-02001 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105,1); padding-left: 65px; }  .c_news_list-02001 .p_moreBtn{ background:rgba(252,252,252,1); border-color:rgba(240, 240, 240,1); border-style:solid; border-width:1px; display:inline-table; min-height:29px; margin:0; padding-bottom:5px; padding-left:10px; padding-right:10px; padding-top:5px; min-width:86px; cursor:pointer; color:rgba(101, 190, 186,1); font-size:12px; text-align:center; } .c_news_list-02001 .p_moreBtn .font{ white-space:nowrap; overflow:visible; vertical-align:middle; } .c_news_list-02001 .p_moreBtn:hover{ background:rgba(101, 190, 186,1); border-color:transparent; } .c_news_list-02001 .p_moreBtn:hover{ color:rgba(255,255,255,1); } .c_news_list-02001 .p_moreBtn .iconfont:before{ content:""; } @-moz-keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes three-quarters-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loading_animation{ -moz-animation: three-quarters-loader 850ms infinite linear; -webkit-animation: three-quarters-loader 850ms infinite linear; animation: three-quarters-loader 850ms infinite linear; border: 3px solid #737282; border-right-color: transparent; border-radius: 16px; box-sizing: border-box; display: inline-block; position: relative; overflow: hidden; text-indent: -9999px; width: 32px; height: 32px; vertical-align: middle; } .c_news_list-02001 .p_loading{ width: 890px; height: 70px; background-color: #FBFBFC; line-height: 70px; text-align: center; color: #666666; font-size: 18px; } .c_news_list-02001 .p_loading .iconfont:before{ content: ""; } .c_news_list-02001 .p_loading .font{ display: inline-block; margin-left: 20px; line-height: 70px; height: inherit; }.c_news_list-02001 .p_more{ width: 890px; 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; } .c_news_list-02001 .p_more:active{ background-color:#F6F7F8; } .c_news_list-02001 .p_more .font{ display:table-cell; vertical-align:middle; text-align: inherit; } .c_news_list-02001 .p_more .iconfont{ display:inline; vertical-align:middle; } .c_news_list-02001 .p_more .iconfont:before{ content: "\e6d1"; } .c_news_list-02001 .p_scroll{ width: 100%; height: auto; position: relative; } .c_news_list-02001 .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%); } .c_news_list-02001 .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,0.1); color: #AAAAAA; cursor: pointer; } .c_news_list-02001 .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); } .c_news_list-02001 .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,0.1); } .e_pagebox{ width:auto; height:auto; clear:both; position:relative; } .c_news_list-02001 .p_page .pre{ display:inline-table; float:left; margin-left:18px; margin-right:5px; } .c_news_list-02001 .p_page .pageNum{ display:inline-block; position:static; float:left; margin-right:5px; line-height:30px;  } .c_news_list-02001 .p_page .next{ display:inline-table; float:left; } .c_news_list-02001 .p_page .PageInterval{ display:inline-block; position:static; float:left; margin-right:5px; line-height:38px; font-size: 12px; } .c_news_list-02001 .p_page .p_PageInterval{ display:inline-block; position:static; float:left; margin-right:5px; line-height:38px; font-size: 12px; }  .c_news_list-02001 .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; } .c_news_list-02001 .p_page .pre:hover:after{ top:4px; left:-12px; background-color:rgba(101, 190, 186, 1); border-radius:4px 0 0 0; -webkit-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index:-1; } .c_news_list-02001 .p_page .pre:active:after { top:8px; left:-12px; width:28px; height:25px; background-color:rgba(90, 170, 167, 1); border-radius:0 3px 0 0 ; -webkit-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform: rotate(-226deg); -moz-transform: rotate(-226deg); -o-transform: rotate(-226deg); -ms-transform: rotate(-226deg); transform: rotate(-226deg); z-index:-1; } .c_news_list-02001 .p_page .pre{ height:30px; color:rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(242, 242, 242, 1); text-align:center; padding-top:0; padding-right:20px; padding-left:20px; position:relative; left:0; top:0; } .c_news_list-02001 .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; } .c_news_list-02001 .p_page .pre:active{ background-color:rgba(90, 170, 167, 1); } .c_news_list-02001 .p_page .pre .font{ display:table-cell; vertical-align:middle; bottom:0; font-size: 12px; } .c_news_list-02001 .p_page .pre:hover .iconfont{ color:rgba(255,255,255,1); } .c_news_list-02001 .p_page .pre:active .iconfont{ color:rgba(255,255,255,1); } .c_news_list-02001 .p_page .pre .iconfont:before{ content: ""; margin-right: 5px; }  .c_news_list-02001 .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; } .c_news_list-02001 .p_page .next:hover:after{ top:5px; right:-12px; background-color:rgba(101, 190, 186, 1); border-radius:4px 0 0 0; -webkit-box-shadow: 0 3px 0px #777; -moz-box-shadow: 0 3px 0px #777; box-shadow: 0 3px 0px #777; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index:-1; width:26px; height:26px; } .c_news_list-02001 .p_page .next:active:after { top:8px; right:-12px; width:27px; height:24px; background-color:rgba(90, 170, 167, 1); border-radius:0 3px 0 0 ; -webkit-box-shadow: 0 3px 0px #777; -moz-box-shadow: 0 3px 0px #777; box-shadow: 0 3px 0px #777; -webkit-transform: rotate(226deg); -moz-transform: rotate(226deg); -o-transform: rotate(226deg); -ms-transform: rotate(226deg); transform: rotate(226deg); z-index:-1; } .c_news_list-02001 .p_page .next{ height:30px; color:rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(101, 190, 186, 1); text-align:center; padding-top:0; padding-right:20px; padding-left:20px; position:relative; left:0; top:0; } .c_news_list-02001 .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; } .c_news_list-02001 .p_page .next:active{ background-color:rgba(90, 170, 167, 1); } .c_news_list-02001 .p_page .next .font{ display:table-cell; vertical-align:middle; bottom:0; font-size: 12px; } .c_news_list-02001 .p_page .next:hover .iconfont{ color:rgba(255,255,255,1); } .c_news_list-02001 .p_page .next:active .iconfont{ color:rgba(255,255,255,1); } .c_news_list-02001 .p_page .next .iconfont:before{ content: ""; margin-top: 3px; float: right; margin-left: 5px; }  .c_news_list-02001 .p_page .pageNum { position:relative; background-size: 100% 100%; color: inherit; cursor: pointer; display: table; font-family: inherit; font-size: 14px; font-weight: inherit; height: inherit; position: absolute; text-decoration: none; width: inherit; } .c_news_list-02001 .p_page .pageNum{ height:30px; width:30px; color:rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(242, 242, 242, 1); text-align:center; position:relative; } .c_news_list-02001 .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); } .c_news_list-02001 .p_page .pageNum:active { text-decoration: none; background-color:rgba(90, 170, 167, 1); } .c_news_list-02001 .p_page .pageNum.active { text-decoration: none; background-color:rgba(90, 170, 167, 1); color:rgba(255,255,255,1); } .c_news_list-02001 .p_page .pageNum .font{ display:table-cell; vertical-align:middle; bottom:0; } .c_news_list-02001 .p_page .pageNum .iconfont{ display:inline; color:rgba(255,255,255,1); vertical-align:middle; } .c_news_list-02001 .p_page .pageNum:hover .iconfont{ color:rgba(255,255,255,1); } .c_news_list-02001 .p_page .pageNum:active .iconfont{ color:rgba(255,255,255,1); } .c_news_list-02001 .p_page .pageNum .iconfont:before{ content: ""; }  .c_news_list-02001 .p_page .PageInterval{ line-height:30px; cursor:text; color:rgba(102,102,102,1); } .c_news_list-02001 .p_page .p_PageInterval{ line-height:30px; cursor:text; color:rgba(102,102,102,1); } .c_news_list-02001 .p_OccupyBox{ margin:0; width: auto; height:auto; padding:0; border:none; overflow: hidden; }.w_rbox-001{ position:absolute; width:300px; height:300px; } .w_rbox-001 .p_stylebox{ width: 100%;  }.w_img-002 .p_title{ display:inline-table; margin:0; min-width:37px; padding:0; color:rgba(51,51,51,1); font-size:16px; font-weight:400; cursor:pointer; } .w_img-002 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_img-002 .p_title:hover{ color:rgba(87,177,173,1); } .w_img-002 .p_title:active{ color:rgba(69,165,161,1); } .w_img-002 .p_title .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_dimage{ padding:0; border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .w_img-002 .p_dimage:hover{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .w_img-002 .p_dimage:active{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .e_title.w_img-002 .p_link002{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_img-002 .p_link002{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link002:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link002:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link002:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link002 .iconfont:before{ display: inline-block; content:""; } .e_title.w_img-002 .p_link001{display:inline-block;padding:0;color:#707070;font-size:14px;text-align:left;height:calc(100%); } .e_title.w_img-002 .p_link001{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link001:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link001:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link001:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link001 .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_box{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .w_img-002{position:absolute; width:300px; height:249px; } .w_img-002 .animated{ width:100%; height:100%; } .w_img-002 .font { white-space: nowrap; } .w_img-002 .p_link001{ width:100%; height:calc(100%); } .w_img-002 .p_link002{ width:100%; height:30px; } .w_img-002 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-002 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_img-002 .e_image:hover:after { background: transparent; }.w_img-002 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_img-002 >div{animation-fill-mode:both; }.w_icons-001 .p_icon{ margin:0; width:inherit; height:inherit; color:#0186d2; font-size:50px; } .w_icons-001 .p_icon .iconfont:before{ content: '\e754'; }.w_icons-001{ position:absolute; width:100px; height:100px; }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; }.pagebox,#-remove--flag{}body,#-remove--flag{} @charset "utf-8"; @font-face { font-family: 'SSR'; src: url('SOURCEHANSANSCN-REGULAR.OTF?tenantId=170184&viewType=1&v=000'); font-weight: normal; font-style: normal; } html, body, div, p, ul, li, ol, dl, dt, dd, form, input, textarea, table, tr, td, img, a, span, em, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: normal; padding: 0; margin: 0; } html, body { width: 100%; height: 100%; } body { font-family: 'SSR', "微软雅黑", arial, Helvetica, sans-serif; font-size: 16px; font-size: .75em; overflow-x: hidden; color: #000; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } input, select, option, textarea { border: none; outline: none; font-family: 'SSR'; } img { border: none; } a, a:hover, a:active, a:visited, a:link { text-decoration: none; outline: 0; } ul li { margin: 0; } ul, li { list-style: none; } .left { float: left; } .right { float: right; } table { border-collapse: collapse; border-spacing: 0; } .clear { clear: both; height: 0px; line-height: 0px; overflow: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; clear: both; } .none { display: none; } .block { display: block; } .w { width: 1390px; margin: 0 auto; } .ellipsis { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .ellipsis-2 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ellipsis-3 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .ellipsis-4 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .ellipsis-5 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } ::-webkit-input-placeholder { color: #999999; } :-moz-placeholder { color: #999999; } ::-moz-placeholder { color: #999999; } :-ms-input-placeholder { color: #999999; } input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; } .h { height: 90px; } header { position: fixed; top: 0; left: 0; right: 0; z-index: 99999; transition: all 0.8s; width: 100%; background: #fff; } header.fixed { -moz-box-shadow: 0px 0px 10px #dedede; -webkit-box-shadow: 0px 0px 10px #dedede; box-shadow: 0px 0px 10px #dedede; } header.fixed .head_top { line-height: 72px; } header.fixed .nav nav>ul>li>a { height: 72px; line-height: 72px; } .head_top { line-height: 90px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .head_top .w { width: 1740px; } .head_top .logo { font-size: 0; } .head_top .logo img { height: 52px; vertical-align: middle; } .head_top .logot { margin-left: 20px; padding-left: 20px; font-size: 0px; color: #0066b3; background: url(../images/logoxain.png?tenantId=170184&viewType=1&v=000) no-repeat left center; } .head_top .logot img { height: 19px; vertical-align: middle; } header.fixed .head_other { margin-top: 18px; } .head_other { margin-top: 27px; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .head_other:before { content: ""; position: absolute; left: -2px; top: 50%; width: 1px; height: 16px; margin-top: -8px; background: #bfbfbf; } .oa { display: block; margin-left: 10px; height: 36px; line-height: 36px; font-size: 14px; color: #000000; } .oa:hover { color: #ef4122; opacity: 0.8; } .mail { margin-left: 10px; width: 36px; height: 36px; text-indent: -9999px; background: url(../images/mail.png?tenantId=170184&viewType=1&v=000) no-repeat center center; } .mail:hover { opacity: 0.8; background-image: url(../images/mail0.png?tenantId=170184&viewType=1&v=000); } .search_box { position: relative; margin-left: 10px; } .head_search { height: 36px; line-height: 36px; font-size: 0; } .search_box .head_search1 { padding: 0 15px; height: 36px; width: 36px; background: url(../images/search.png?tenantId=170184&viewType=1&v=000) no-repeat center; cursor: pointer; vertical-align: middle; } .search_box:hover .head_search1 { border: 1px solid #555555; } .search_box .head_search2 { position: absolute; right: 100%; top: 50%; margin-top: -18px; background-color: #f7f7f7; height: 36px; line-height: 34px; border: 1px solid #fff; border-right: none; width: 0px; z-index: 9999; transition: width 500ms; -moz-transition: width 500ms; -webkit-transition: width 500ms; -o-transition: width 500ms; } .head_search:hover .head_search2 { width: 170px; padding: 0 10px; border-color: #555555; } .head_top .nav { position: relative; z-index: 10; margin-right: 20px; } .nav nav>ul>li { float: left; margin-left: 40px; position: relative; } .nav nav>ul>li:before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 4px; background: #ef4122; } .nav nav>ul>li>a { display: block; height: 90px; line-height: 90px; text-align: center; font-size: 16px; color: #555555; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .nav nav>ul>li.on:before { width: 100%; } .nav nav>ul>li.on>a, .nav nav>ul>li:hover>a { color: #ef4122; } .nav nav>ul>li ol { position: absolute; top: 96%; left: -34.3%; width: 115px; padding: 20px 20px 30px; display: none; border-top: 4px solid #ef4122; background: rgba(255, 255, 255, 0.8); -moz-box-shadow: 0px 0px 10px #dedede; -webkit-box-shadow: 0px 0px 10px #dedede; box-shadow: 0px 0px 10px #dedede; } .nav nav>ul>li ol li { width: 100%; float: none; text-align: center; border-bottom: 1px solid #000; } .nav nav>ul>li ol li:hover { border-color: #ef4122; } .nav nav>ul>li ol li a { line-height: 34px; color: #555555; font-size: 14px; display: block; position: relative; } .nav nav>ul>li ol li:hover a { color: #ef4122; } .phone_head { position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 999999; height: 50px; line-height: 50px; -moz-box-shadow: 0px 5px 10px #efefef; -webkit-box-shadow: 0px 5px 10px #efefef; box-shadow: 0px 5px 10px #efefef; } .phone_head .logo { width: 60%; } .phone_head .logo img { max-width: 100%; height: auto; max-height: 40px; vertical-align: middle; } .phone_head .head_admin { height: auto; line-height: 55px; margin: 0; margin-left: 15px; } .phone_head .head_admin a { color: #1886d1; font-size: 12px; } .phone-head .menubtn>span.expand { vertical-align: middle; display: inline-block; height: 30px; width: 30px; background: url(../images/navbg.png?tenantId=170184&viewType=1&v=000) no-repeat center; background-size: auto 100%; } .phone-head .mask-close { background: #383838 none repeat scroll 50% 50% / auto padding-box border-box; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; text-align: center; font-size: 16px; position: absolute; top: 11px; right: 3%; height: 30px; line-height: 30px; width: 30px; overflow: hidden; } .maskbg { display: none; position: absolute; top: 0; left: 0; right: 0; width: 100%; } #menu a { display: block; width: 100%; color: #fff; text-decoration: none; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #menu a:hover { color: #fff; } #menu h1 { font-weight: 300; } #menu h2 { font-weight: 300; margin: 3em 0 1em 0; } #menu p { margin: 20px 0; } #menu .nav { height: auto; background: #383838; } #menu { margin: 4em auto; width: 100%; } #menu { background: #383838; } .sliding-menu a.back { background: #ef4122; } .sliding-menu a:hover { background: #ef4122; } footer { background: #383838; } .footop { padding: 20px 0; color: #fff; } .ftel { float: left; width: 11.2%; text-align: center; } .ftel .t1 { font-size: 14px; line-height: 14px; } .ftel .t2 { font-size: 24px; font-weight: bold; } .ftel .share { margin-top: 15px; font-size: 0; } .share .bshare-custom { display: inline-block !important; vertical-align: text-top; } .share .bshare-custom a { padding-left: 40px !important; height: 40px; _height: 40px; vertical-align: middle; margin-right: 0px; margin: 0 2px; background-position: 0 0; border-radius: 10px; } .share .bshare-custom .bshare-qqim { background-image: url(../images/bshare-qqim.png?tenantId=170184&viewType=1&v=000) !important; } .share .bshare-custom .bshare-sinaminiblog { background-image: url(../images/bshare-sinaminiblog.png?tenantId=170184&viewType=1&v=000) !important; } .share .bshare-custom .bshare-weixin { background-image: url(../images/more-style-addthis.png?tenantId=170184&viewType=1&v=000) !important; } .b-weixin { display: inline-block!important; background-image: url(../images/more-style-addthis.png?tenantId=170184&viewType=1&v=000) !important; } .bsBox, .bsBox * { box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; -webkit-box-sizing: content-box; } .fadd { float: left; width: 20.2%; margin-left: 2%; padding: 20px; border-left: 1px solid #424242; border-right: 1px solid #424242; } .fadd .t1 { font-size: 16px; padding-left: 30px; background: url(../images/fadd.png?tenantId=170184&viewType=1&v=000) no-repeat left center; } .fadd .t1 a { display: inline-block; float: right; font-size: 12px; text-transform: uppercase; width: 90px; height: 30px; line-height: 30px; color: #fff; text-align: center; background: #ef4122; } .fadd .t1 a:hover { opacity: 0.8; } .fadd .t2 { padding-left: 30px; margin-top: 15px; font-size: 14px; line-height: 25px; } .fnav { float: right; width: 64%; position: relative; } .fnav>ul>li { float: left; width: 12.8%; } .fnav>ul>li:nth-child(3) { width: 17%; } .fnav a { display: block; } .fnav .fh { position: absolute; text-align: center; right: 0; } .fnav .fh .p1p { width: 19px; height: 19px; background: url('../mimages/fanhui.png?tenantId=170184&viewType=1&v=000') no-repeat center; margin: 0 auto; } .fnav .fh .p2p { font-size: 14px; color: #ffffff; opacity: 0.3; line-height: 24px; margin-top: 19px; } .fnav .fh:hover .p1p { background: url('../mimages/fanhui1.png?tenantId=170184&viewType=1&v=000') no-repeat center; } .fnav .fh:hover .p2p { opacity: 0.8; } .fnav>ul>li>a { display: block; font-size: 16px; color: #ffffff; margin-bottom: 15px; } .fnav ul li ul li { opacity: 0.3; } .fnav ul li ul li a { display: inline-block; font-size: 14px; color: #ffffff; line-height: 24px; } .fnav ul li ul li:hover { opacity: 0.8; } .footbottom { padding: 10px 0; border-top: 2px solid rgba(255, 255, 255, 0.25); text-align: center; font-size: 13px; color: #FFFFFF; opacity: 0.3; } .footbottom a { color: #FFFFFF; } .index-page { height: 100vh; } .index-page .mouse { width: 25px; height: 40px; background-repeat: no-repeat; background-size: 100% auto; background-position: center top; background-image: url(../images/index_mouse.png?tenantId=170184&viewType=1&v=000); position: absolute; left: 50%; margin-left: -12.5px; bottom: 50px; z-index: 2; animation: updown 1s infinite; -webkit-animation: updown 1s infinite; } @keyframes updown{ 0% { bottom: 70px; opacity: 1; } 100% { bottom: 50px; opacity: 0; } } @-webkit-keyframes updown{0% { bottom: 70px; opacity: 1; } 100% { bottom: 50px; opacity: 0; } } 100% { bottom: 50px; opacity: 0; } } 100% { bottom: 50px; opacity: 0; } } 100% { bottom: 50px; opacity: 0; } } @charset "utf-8"; @font-face { font-family: 'SSR'; src: url('SOURCEHANSANSCN-REGULAR.OTF?tenantId=170184&viewType=1&v=000'); font-weight: normal; font-style: normal; } html, body, div, p, ul, li, ol, dl, dt, dd, form, input, textarea, table, tr, td, img, a, span, em, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: normal; padding: 0; margin: 0; } html, body { width: 100%; height: 100%; } body { font-family: 'SSR', "微软雅黑", arial, Helvetica, sans-serif; font-size: 16px; font-size: .75em; overflow-x: hidden; color: #000; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } input, select, option, textarea { border: none; outline: none; font-family: 'SSR'; } img { border: none; } a, a:hover, a:active, a:visited, a:link { text-decoration: none; outline: 0; } ul li { margin: 0; } ul, li { list-style: none; } .left { float: left; } .right { float: right; } table { border-collapse: collapse; border-spacing: 0; } .clear { clear: both; height: 0px; line-height: 0px; overflow: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; clear: both; } .none { display: none; } .block { display: block; } .w { width: 1390px; margin: 0 auto; } .ellipsis { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .ellipsis-2 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ellipsis-3 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .ellipsis-4 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .ellipsis-5 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } ::-webkit-input-placeholder { color: #999999; } :-moz-placeholder { color: #999999; } ::-moz-placeholder { color: #999999; } :-ms-input-placeholder { color: #999999; } input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; } .h { height: 90px; } header { position: fixed; top: 0; left: 0; right: 0; z-index: 99999; transition: all 0.8s; width: 100%; background: #fff; } header.fixed { -moz-box-shadow: 0px 0px 10px #dedede; -webkit-box-shadow: 0px 0px 10px #dedede; box-shadow: 0px 0px 10px #dedede; } header.fixed .head_top { line-height: 72px; } header.fixed .nav nav>ul>li>a { height: 72px; line-height: 72px; } .head_top { line-height: 90px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .head_top .w { width: 1740px; } .head_top .logo { font-size: 0; } .head_top .logo img { height: 52px; vertical-align: middle; } .head_top .logot { margin-left: 20px; padding-left: 20px; font-size: 0px; color: #0066b3; background: url(../images/logoxain.png?tenantId=170184&viewType=1&v=000) no-repeat left center; } .head_top .logot img { height: 19px; vertical-align: middle; } header.fixed .head_other { margin-top: 18px; } .head_other { margin-top: 27px; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .head_other:before { content: ""; position: absolute; left: -2px; top: 50%; width: 1px; height: 16px; margin-top: -8px; background: #bfbfbf; } .oa { display: block; margin-left: 10px; height: 36px; line-height: 36px; font-size: 14px; color: #000000; } .oa:hover { color: #ef4122; opacity: 0.8; } .mail { margin-left: 10px; width: 36px; height: 36px; text-indent: -9999px; background: url(../images/mail.png?tenantId=170184&viewType=1&v=000) no-repeat center center; } .mail:hover { opacity: 0.8; background-image: url(../images/mail0.png?tenantId=170184&viewType=1&v=000); } .search_box { position: relative; margin-left: 10px; } .head_search { height: 36px; line-height: 36px; font-size: 0; } .search_box .head_search1 { padding: 0 15px; height: 36px; width: 36px; background: url(../images/search.png?tenantId=170184&viewType=1&v=000) no-repeat center; cursor: pointer; vertical-align: middle; } .search_box:hover .head_search1 { border: 1px solid #555555; } .search_box .head_search2 { position: absolute; right: 100%; top: 50%; margin-top: -18px; background-color: #f7f7f7; height: 36px; line-height: 34px; border: 1px solid #fff; border-right: none; width: 0px; z-index: 9999; transition: width 500ms; -moz-transition: width 500ms; -webkit-transition: width 500ms; -o-transition: width 500ms; } .head_search:hover .head_search2 { width: 170px; padding: 0 10px; border-color: #555555; } .head_top .nav { position: relative; z-index: 10; margin-right: 20px; } .nav nav>ul>li { float: left; margin-left: 40px; position: relative; } .nav nav>ul>li:before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 4px; background: #ef4122; } .nav nav>ul>li>a { display: block; height: 90px; line-height: 90px; text-align: center; font-size: 16px; color: #555555; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .nav nav>ul>li.on:before { width: 100%; } .nav nav>ul>li.on>a, .nav nav>ul>li:hover>a { color: #ef4122; } .nav nav>ul>li ol { position: absolute; top: 96%; left: -34.3%; width: 115px; padding: 20px 20px 30px; display: none; border-top: 4px solid #ef4122; background: rgba(255, 255, 255, 0.8); -moz-box-shadow: 0px 0px 10px #dedede; -webkit-box-shadow: 0px 0px 10px #dedede; box-shadow: 0px 0px 10px #dedede; } .nav nav>ul>li ol li { width: 100%; float: none; text-align: center; border-bottom: 1px solid #000; } .nav nav>ul>li ol li:hover { border-color: #ef4122; } .nav nav>ul>li ol li a { line-height: 34px; color: #555555; font-size: 14px; display: block; position: relative; } .nav nav>ul>li ol li:hover a { color: #ef4122; } .phone_head { position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 999999; height: 50px; line-height: 50px; -moz-box-shadow: 0px 5px 10px #efefef; -webkit-box-shadow: 0px 5px 10px #efefef; box-shadow: 0px 5px 10px #efefef; } .phone_head .logo { width: 60%; } .phone_head .logo img { max-width: 100%; height: auto; max-height: 40px; vertical-align: middle; } .phone_head .head_admin { height: auto; line-height: 55px; margin: 0; margin-left: 15px; } .phone_head .head_admin a { color: #1886d1; font-size: 12px; } .phone-head .menubtn>span.expand { vertical-align: middle; display: inline-block; height: 30px; width: 30px; background: url(../images/navbg.png?tenantId=170184&viewType=1&v=000) no-repeat center; background-size: auto 100%; } .phone-head .mask-close { background: #383838 none repeat scroll 50% 50% / auto padding-box border-box; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; text-align: center; font-size: 16px; position: absolute; top: 11px; right: 3%; height: 30px; line-height: 30px; width: 30px; overflow: hidden; } .maskbg { display: none; position: absolute; top: 0; left: 0; right: 0; width: 100%; } #menu a { display: block; width: 100%; color: #fff; text-decoration: none; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #menu a:hover { color: #fff; } #menu h1 { font-weight: 300; } #menu h2 { font-weight: 300; margin: 3em 0 1em 0; } #menu p { margin: 20px 0; } #menu .nav { height: auto; background: #383838; } #menu { margin: 4em auto; width: 100%; } #menu { background: #383838; } .sliding-menu a.back { background: #ef4122; } .sliding-menu a:hover { background: #ef4122; } footer { background: #383838; } .footop { padding: 20px 0; color: #fff; } .ftel { float: left; width: 11.2%; text-align: center; } .ftel .t1 { font-size: 14px; line-height: 14px; } .ftel .t2 { font-size: 24px; font-weight: bold; } .ftel .share { margin-top: 15px; font-size: 0; } .share .bshare-custom { display: inline-block !important; vertical-align: text-top; } .share .bshare-custom a { padding-left: 40px !important; height: 40px; _height: 40px; vertical-align: middle; margin-right: 0px; margin: 0 2px; background-position: 0 0; border-radius: 10px; } .share .bshare-custom .bshare-qqim { background-image: url(../images/bshare-qqim.png?tenantId=170184&viewType=1&v=000) !important; } .share .bshare-custom .bshare-sinaminiblog { background-image: url(../images/bshare-sinaminiblog.png?tenantId=170184&viewType=1&v=000) !important; } .share .bshare-custom .bshare-weixin { background-image: url(../images/more-style-addthis.png?tenantId=170184&viewType=1&v=000) !important; } .b-weixin { display: inline-block!important; background-image: url(../images/more-style-addthis.png?tenantId=170184&viewType=1&v=000) !important; } .bsBox, .bsBox * { box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; -webkit-box-sizing: content-box; } .fadd { float: left; width: 20.2%; margin-left: 2%; padding: 20px; border-left: 1px solid #424242; border-right: 1px solid #424242; } .fadd .t1 { font-size: 16px; padding-left: 30px; background: url(../images/fadd.png?tenantId=170184&viewType=1&v=000) no-repeat left center; } .fadd .t1 a { display: inline-block; float: right; font-size: 12px; text-transform: uppercase; width: 90px; height: 30px; line-height: 30px; color: #fff; text-align: center; background: #ef4122; } .fadd .t1 a:hover { opacity: 0.8; } .fadd .t2 { padding-left: 30px; margin-top: 15px; font-size: 14px; line-height: 25px; } .fnav { float: right; width: 64%; position: relative; } .fnav>ul>li { float: left; width: 12.8%; } .fnav>ul>li:nth-child(3) { width: 17%; } .fnav a { display: block; } .fnav .fh { position: absolute; text-align: center; right: 0; } .fnav .fh .p1p { width: 19px; height: 19px; background: url('../mimages/fanhui.png?tenantId=170184&viewType=1&v=000') no-repeat center; margin: 0 auto; } .fnav .fh .p2p { font-size: 14px; color: #ffffff; opacity: 0.3; line-height: 24px; margin-top: 19px; } .fnav .fh:hover .p1p { background: url('../mimages/fanhui1.png?tenantId=170184&viewType=1&v=000') no-repeat center; } .fnav .fh:hover .p2p { opacity: 0.8; } .fnav>ul>li>a { display: block; font-size: 16px; color: #ffffff; margin-bottom: 15px; } .fnav ul li ul li { opacity: 0.3; } .fnav ul li ul li a { display: inline-block; font-size: 14px; color: #ffffff; line-height: 24px; } .fnav ul li ul li:hover { opacity: 0.8; } .footbottom { padding: 10px 0; border-top: 2px solid rgba(255, 255, 255, 0.25); text-align: center; font-size: 13px; color: #FFFFFF; opacity: 0.3; } .footbottom a { color: #FFFFFF; } .index-page { height: 100vh; } .index-page .mouse { width: 25px; height: 40px; background-repeat: no-repeat; background-size: 100% auto; background-position: center top; background-image: url(../images/index_mouse.png?tenantId=170184&viewType=1&v=000); position: absolute; left: 50%; margin-left: -12.5px; bottom: 50px; z-index: 2; animation: updown 1s infinite; -webkit-animation: updown 1s infinite; } @keyframes updown{ 0% { bottom: 70px; opacity: 1; } 100% { bottom: 50px; opacity: 0; } } @charset "utf-8"; @font-face { font-family: 'SSR'; src: url('SOURCEHANSANSCN-REGULAR.OTF?tenantId=170184&viewType=1&v=000'); font-weight: normal; font-style: normal; } html, body, div, p, ul, li, ol, dl, dt, dd, form, input, textarea, table, tr, td, img, a, span, em, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: normal; padding: 0; margin: 0; } html, body { width: 100%; height: 100%; } body { font-family: 'SSR', "微软雅黑", arial, Helvetica, sans-serif; font-size: 16px; font-size: .75em; overflow-x: hidden; color: #000; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } input, select, option, textarea { border: none; outline: none; font-family: 'SSR'; } img { border: none; } a, a:hover, a:active, a:visited, a:link { text-decoration: none; outline: 0; } ul li { margin: 0; } ul, li { list-style: none; } .left { float: left; } .right { float: right; } table { border-collapse: collapse; border-spacing: 0; } .clear { clear: both; height: 0px; line-height: 0px; overflow: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; clear: both; } .none { display: none; } .block { display: block; } .w { width: 1390px; margin: 0 auto; } .ellipsis { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .ellipsis-2 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ellipsis-3 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .ellipsis-4 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .ellipsis-5 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } ::-webkit-input-placeholder { color: #999999; } :-moz-placeholder { color: #999999; } ::-moz-placeholder { color: #999999; } :-ms-input-placeholder { color: #999999; } input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; } .h { height: 90px; } header { position: fixed; top: 0; left: 0; right: 0; z-index: 99999; transition: all 0.8s; width: 100%; background: #fff; } header.fixed { -moz-box-shadow: 0px 0px 10px #dedede; -webkit-box-shadow: 0px 0px 10px #dedede; box-shadow: 0px 0px 10px #dedede; } header.fixed .head_top { line-height: 72px; } header.fixed .nav nav>ul>li>a { height: 72px; line-height: 72px; } .head_top { line-height: 90px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .head_top .w { width: 1740px; } .head_top .logo { font-size: 0; } .head_top .logo img { height: 52px; vertical-align: middle; } .head_top .logot { margin-left: 20px; padding-left: 20px; font-size: 0px; color: #0066b3; background: url(../images/logoxain.png?tenantId=170184&viewType=1&v=000) no-repeat left center; } .head_top .logot img { height: 19px; vertical-align: middle; } header.fixed .head_other { margin-top: 18px; } .head_other { margin-top: 27px; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .head_other:before { content: ""; position: absolute; left: -2px; top: 50%; width: 1px; height: 16px; margin-top: -8px; background: #bfbfbf; } .oa { display: block; margin-left: 10px; height: 36px; line-height: 36px; font-size: 14px; color: #000000; } .oa:hover { color: #ef4122; opacity: 0.8; } .mail { margin-left: 10px; width: 36px; height: 36px; text-indent: -9999px; background: url(../images/mail.png?tenantId=170184&viewType=1&v=000) no-repeat center center; } .mail:hover { opacity: 0.8; background-image: url(../images/mail0.png?tenantId=170184&viewType=1&v=000); } .search_box { position: relative; margin-left: 10px; } .head_search { height: 36px; line-height: 36px; font-size: 0; } .search_box .head_search1 { padding: 0 15px; height: 36px; width: 36px; background: url(../images/search.png?tenantId=170184&viewType=1&v=000) no-repeat center; cursor: pointer; vertical-align: middle; } .search_box:hover .head_search1 { border: 1px solid #555555; } .search_box .head_search2 { position: absolute; right: 100%; top: 50%; margin-top: -18px; background-color: #f7f7f7; height: 36px; line-height: 34px; border: 1px solid #fff; border-right: none; width: 0px; z-index: 9999; transition: width 500ms; -moz-transition: width 500ms; -webkit-transition: width 500ms; -o-transition: width 500ms; } .head_search:hover .head_search2 { width: 170px; padding: 0 10px; border-color: #555555; } .head_top .nav { position: relative; z-index: 10; margin-right: 20px; } .nav nav>ul>li { float: left; margin-left: 40px; position: relative; } .nav nav>ul>li:before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 4px; background: #ef4122; } .nav nav>ul>li>a { display: block; height: 90px; line-height: 90px; text-align: center; font-size: 16px; color: #555555; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .nav nav>ul>li.on:before { width: 100%; } .nav nav>ul>li.on>a, .nav nav>ul>li:hover>a { color: #ef4122; } .nav nav>ul>li ol { position: absolute; top: 96%; left: -34.3%; width: 115px; padding: 20px 20px 30px; display: none; border-top: 4px solid #ef4122; background: rgba(255, 255, 255, 0.8); -moz-box-shadow: 0px 0px 10px #dedede; -webkit-box-shadow: 0px 0px 10px #dedede; box-shadow: 0px 0px 10px #dedede; } .nav nav>ul>li ol li { width: 100%; float: none; text-align: center; border-bottom: 1px solid #000; } .nav nav>ul>li ol li:hover { border-color: #ef4122; } .nav nav>ul>li ol li a { line-height: 34px; color: #555555; font-size: 14px; display: block; position: relative; } .nav nav>ul>li ol li:hover a { color: #ef4122; } .phone_head { position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 999999; height: 50px; line-height: 50px; -moz-box-shadow: 0px 5px 10px #efefef; -webkit-box-shadow: 0px 5px 10px #efefef; box-shadow: 0px 5px 10px #efefef; } .phone_head .logo { width: 60%; } .phone_head .logo img { max-width: 100%; height: auto; max-height: 40px; vertical-align: middle; } .phone_head .head_admin { height: auto; line-height: 55px; margin: 0; margin-left: 15px; } .phone_head .head_admin a { color: #1886d1; font-size: 12px; } .phone-head .menubtn>span.expand { vertical-align: middle; display: inline-block; height: 30px; width: 30px; background: url(../images/navbg.png?tenantId=170184&viewType=1&v=000) no-repeat center; background-size: auto 100%; } .phone-head .mask-close { background: #383838 none repeat scroll 50% 50% / auto padding-box border-box; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; text-align: center; font-size: 16px; position: absolute; top: 11px; right: 3%; height: 30px; line-height: 30px; width: 30px; overflow: hidden; } .maskbg { display: none; position: absolute; top: 0; left: 0; right: 0; width: 100%; } #menu a { display: block; width: 100%; color: #fff; text-decoration: none; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #menu a:hover { color: #fff; } #menu h1 { font-weight: 300; } #menu h2 { font-weight: 300; margin: 3em 0 1em 0; } #menu p { margin: 20px 0; } #menu .nav { height: auto; background: #383838; } #menu { margin: 4em auto; width: 100%; } #menu { background: #383838; } .sliding-menu a.back { background: #ef4122; } .sliding-menu a:hover { background: #ef4122; } footer { background: #383838; } .footop { padding: 20px 0; color: #fff; } .ftel { float: left; width: 11.2%; text-align: center; } .ftel .t1 { font-size: 14px; line-height: 14px; } .ftel .t2 { font-size: 24px; font-weight: bold; } .ftel .share { margin-top: 15px; font-size: 0; } .share .bshare-custom { display: inline-block !important; vertical-align: text-top; } .share .bshare-custom a { padding-left: 40px !important; height: 40px; _height: 40px; vertical-align: middle; margin-right: 0px; margin: 0 2px; background-position: 0 0; border-radius: 10px; } .share .bshare-custom .bshare-qqim { background-image: url(../images/bshare-qqim.png?tenantId=170184&viewType=1&v=000) !important; } .share .bshare-custom .bshare-sinaminiblog { background-image: url(../images/bshare-sinaminiblog.png?tenantId=170184&viewType=1&v=000) !important; } .share .bshare-custom .bshare-weixin { background-image: url(../images/more-style-addthis.png?tenantId=170184&viewType=1&v=000) !important; } .b-weixin { display: inline-block!important; background-image: url(../images/more-style-addthis.png?tenantId=170184&viewType=1&v=000) !important; } .bsBox, .bsBox * { box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; -webkit-box-sizing: content-box; } .fadd { float: left; width: 20.2%; margin-left: 2%; padding: 20px; border-left: 1px solid #424242; border-right: 1px solid #424242; } .fadd .t1 { font-size: 16px; padding-left: 30px; background: url(../images/fadd.png?tenantId=170184&viewType=1&v=000) no-repeat left center; } .fadd .t1 a { display: inline-block; float: right; font-size: 12px; text-transform: uppercase; width: 90px; height: 30px; line-height: 30px; color: #fff; text-align: center; background: #ef4122; } .fadd .t1 a:hover { opacity: 0.8; } .fadd .t2 { padding-left: 30px; margin-top: 15px; font-size: 14px; line-height: 25px; } .fnav { float: right; width: 64%; position: relative; } .fnav>ul>li { float: left; width: 12.8%; } .fnav>ul>li:nth-child(3) { width: 17%; } .fnav a { display: block; } .fnav .fh { position: absolute; text-align: center; right: 0; } .fnav .fh .p1p { width: 19px; height: 19px; background: url('../mimages/fanhui.png?tenantId=170184&viewType=1&v=000') no-repeat center; margin: 0 auto; } .fnav .fh .p2p { font-size: 14px; color: #ffffff; opacity: 0.3; line-height: 24px; margin-top: 19px; } .fnav .fh:hover .p1p { background: url('../mimages/fanhui1.png?tenantId=170184&viewType=1&v=000') no-repeat center; } .fnav .fh:hover .p2p { opacity: 0.8; } .fnav>ul>li>a { display: block; font-size: 16px; color: #ffffff; margin-bottom: 15px; } .fnav ul li ul li { opacity: 0.3; } .fnav ul li ul li a { display: inline-block; font-size: 14px; color: #ffffff; line-height: 24px; } .fnav ul li ul li:hover { opacity: 0.8; } .footbottom { padding: 10px 0; border-top: 2px solid rgba(255, 255, 255, 0.25); text-align: center; font-size: 13px; color: #FFFFFF; opacity: 0.3; } .footbottom a { color: #FFFFFF; } .index-page { height: 100vh; } .index-page .mouse { width: 25px; height: 40px; background-repeat: no-repeat; background-size: 100% auto; background-position: center top; background-image: url(../images/index_mouse.png?tenantId=170184&viewType=1&v=000); position: absolute; left: 50%; margin-left: -12.5px; bottom: 50px; z-index: 2; animation: updown 1s infinite; -webkit-animation: updown 1s infinite; } @keyframes updown{ 0% { bottom: 70px; opacity: 1; } 100% { bottom: 50px; opacity: 0; } } @charset "utf-8"; @font-face { font-family: 'SSR'; src: url('SOURCEHANSANSCN-REGULAR.OTF?tenantId=170184&viewType=1&v=000'); font-weight: normal; font-style: normal; } html, body, div, p, ul, li, ol, dl, dt, dd, form, input, textarea, table, tr, td, img, a, span, em, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: normal; padding: 0; margin: 0; } html, body { width: 100%; height: 100%; } body { font-family: 'SSR', "微软雅黑", arial, Helvetica, sans-serif; font-size: 16px; font-size: .75em; overflow-x: hidden; color: #000; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } input, select, option, textarea { border: none; outline: none; font-family: 'SSR'; } img { border: none; } a, a:hover, a:active, a:visited, a:link { text-decoration: none; outline: 0; } ul li { margin: 0; } ul, li { list-style: none; } .left { float: left; } .right { float: right; } table { border-collapse: collapse; border-spacing: 0; } .clear { clear: both; height: 0px; line-height: 0px; overflow: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; clear: both; } .none { display: none; } .block { display: block; } .w { width: 1390px; margin: 0 auto; } .ellipsis { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .ellipsis-2 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ellipsis-3 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .ellipsis-4 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .ellipsis-5 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } ::-webkit-input-placeholder { color: #999999; } :-moz-placeholder { color: #999999; } ::-moz-placeholder { color: #999999; } :-ms-input-placeholder { color: #999999; } input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; } .h { height: 90px; } header { position: fixed; top: 0; left: 0; right: 0; z-index: 99999; transition: all 0.8s; width: 100%; background: #fff; } header.fixed { -moz-box-shadow: 0px 0px 10px #dedede; -webkit-box-shadow: 0px 0px 10px #dedede; box-shadow: 0px 0px 10px #dedede; } header.fixed .head_top { line-height: 72px; } header.fixed .nav nav>ul>li>a { height: 72px; line-height: 72px; } .head_top { line-height: 90px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .head_top .w { width: 1740px; } .head_top .logo { font-size: 0; } .head_top .logo img { height: 52px; vertical-align: middle; } .head_top .logot { margin-left: 20px; padding-left: 20px; font-size: 0px; color: #0066b3; background: url(../images/logoxain.png?tenantId=170184&viewType=1&v=000) no-repeat left center; } .head_top .logot img { height: 19px; vertical-align: middle; } header.fixed .head_other { margin-top: 18px; } .head_other { margin-top: 27px; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .head_other:before { content: ""; position: absolute; left: -2px; top: 50%; width: 1px; height: 16px; margin-top: -8px; background: #bfbfbf; } .oa { display: block; margin-left: 10px; height: 36px; line-height: 36px; font-size: 14px; color: #000000; } .oa:hover { color: #ef4122; opacity: 0.8; } .mail { margin-left: 10px; width: 36px; height: 36px; text-indent: -9999px; background: url(../images/mail.png?tenantId=170184&viewType=1&v=000) no-repeat center center; } .mail:hover { opacity: 0.8; background-image: url(../images/mail0.png?tenantId=170184&viewType=1&v=000); } .search_box { position: relative; margin-left: 10px; } .head_search { height: 36px; line-height: 36px; font-size: 0; } .search_box .head_search1 { padding: 0 15px; height: 36px; width: 36px; background: url(../images/search.png?tenantId=170184&viewType=1&v=000) no-repeat center; cursor: pointer; vertical-align: middle; } .search_box:hover .head_search1 { border: 1px solid #555555; } .search_box .head_search2 { position: absolute; right: 100%; top: 50%; margin-top: -18px; background-color: #f7f7f7; height: 36px; line-height: 34px; border: 1px solid #fff; border-right: none; width: 0px; z-index: 9999; transition: width 500ms; -moz-transition: width 500ms; -webkit-transition: width 500ms; -o-transition: width 500ms; } .head_search:hover .head_search2 { width: 170px; padding: 0 10px; border-color: #555555; } .head_top .nav { position: relative; z-index: 10; margin-right: 20px; } .nav nav>ul>li { float: left; margin-left: 40px; position: relative; } .nav nav>ul>li:before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 4px; background: #ef4122; } .nav nav>ul>li>a { display: block; height: 90px; line-height: 90px; text-align: center; font-size: 16px; color: #555555; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .nav nav>ul>li.on:before { width: 100%; } .nav nav>ul>li.on>a, .nav nav>ul>li:hover>a { color: #ef4122; } .nav nav>ul>li ol { position: absolute; top: 96%; left: -34.3%; width: 115px; padding: 20px 20px 30px; display: none; border-top: 4px solid #ef4122; background: rgba(255, 255, 255, 0.8); -moz-box-shadow: 0px 0px 10px #dedede; -webkit-box-shadow: 0px 0px 10px #dedede; box-shadow: 0px 0px 10px #dedede; } .nav nav>ul>li ol li { width: 100%; float: none; text-align: center; border-bottom: 1px solid #000; } .nav nav>ul>li ol li:hover { border-color: #ef4122; } .nav nav>ul>li ol li a { line-height: 34px; color: #555555; font-size: 14px; display: block; position: relative; } .nav nav>ul>li ol li:hover a { color: #ef4122; } .phone_head { position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 999999; height: 50px; line-height: 50px; -moz-box-shadow: 0px 5px 10px #efefef; -webkit-box-shadow: 0px 5px 10px #efefef; box-shadow: 0px 5px 10px #efefef; } .phone_head .logo { width: 60%; } .phone_head .logo img { max-width: 100%; height: auto; max-height: 40px; vertical-align: middle; } .phone_head .head_admin { height: auto; line-height: 55px; margin: 0; margin-left: 15px; } .phone_head .head_admin a { color: #1886d1; font-size: 12px; } .phone-head .menubtn>span.expand { vertical-align: middle; display: inline-block; height: 30px; width: 30px; background: url(../images/navbg.png?tenantId=170184&viewType=1&v=000) no-repeat center; background-size: auto 100%; } .phone-head .mask-close { background: #383838 none repeat scroll 50% 50% / auto padding-box border-box; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; text-align: center; font-size: 16px; position: absolute; top: 11px; right: 3%; height: 30px; line-height: 30px; width: 30px; overflow: hidden; } .maskbg { display: none; position: absolute; top: 0; left: 0; right: 0; width: 100%; } #menu a { display: block; width: 100%; color: #fff; text-decoration: none; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #menu a:hover { color: #fff; } #menu h1 { font-weight: 300; } #menu h2 { font-weight: 300; margin: 3em 0 1em 0; } #menu p { margin: 20px 0; } #menu .nav { height: auto; background: #383838; } #menu { margin: 4em auto; width: 100%; } #menu { background: #383838; } .sliding-menu a.back { background: #ef4122; } .sliding-menu a:hover { background: #ef4122; } footer { background: #383838; } .footop { padding: 20px 0; color: #fff; } .ftel { float: left; width: 11.2%; text-align: center; } .ftel .t1 { font-size: 14px; line-height: 14px; } .ftel .t2 { font-size: 24px; font-weight: bold; } .ftel .share { margin-top: 15px; font-size: 0; } .share .bshare-custom { display: inline-block !important; vertical-align: text-top; } .share .bshare-custom a { padding-left: 40px !important; height: 40px; _height: 40px; vertical-align: middle; margin-right: 0px; margin: 0 2px; background-position: 0 0; border-radius: 10px; } .share .bshare-custom .bshare-qqim { background-image: url(../images/bshare-qqim.png?tenantId=170184&viewType=1&v=000) !important; } .share .bshare-custom .bshare-sinaminiblog { background-image: url(../images/bshare-sinaminiblog.png?tenantId=170184&viewType=1&v=000) !important; } .share .bshare-custom .bshare-weixin { background-image: url(../images/more-style-addthis.png?tenantId=170184&viewType=1&v=000) !important; } .b-weixin { display: inline-block!important; background-image: url(../images/more-style-addthis.png?tenantId=170184&viewType=1&v=000) !important; } .bsBox, .bsBox * { box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; -webkit-box-sizing: content-box; } .fadd { float: left; width: 20.2%; margin-left: 2%; padding: 20px; border-left: 1px solid #424242; border-right: 1px solid #424242; } .fadd .t1 { font-size: 16px; padding-left: 30px; background: url(../images/fadd.png?tenantId=170184&viewType=1&v=000) no-repeat left center; } .fadd .t1 a { display: inline-block; float: right; font-size: 12px; text-transform: uppercase; width: 90px; height: 30px; line-height: 30px; color: #fff; text-align: center; background: #ef4122; } .fadd .t1 a:hover { opacity: 0.8; } .fadd .t2 { padding-left: 30px; margin-top: 15px; font-size: 14px; line-height: 25px; } .fnav { float: right; width: 64%; position: relative; } .fnav>ul>li { float: left; width: 12.8%; } .fnav>ul>li:nth-child(3) { width: 17%; } .fnav a { display: block; } .fnav .fh { position: absolute; text-align: center; right: 0; } .fnav .fh .p1p { width: 19px; height: 19px; background: url('../mimages/fanhui.png?tenantId=170184&viewType=1&v=000') no-repeat center; margin: 0 auto; } .fnav .fh .p2p { font-size: 14px; color: #ffffff; opacity: 0.3; line-height: 24px; margin-top: 19px; } .fnav .fh:hover .p1p { background: url('../mimages/fanhui1.png?tenantId=170184&viewType=1&v=000') no-repeat center; } .fnav .fh:hover .p2p { opacity: 0.8; } .fnav>ul>li>a { display: block; font-size: 16px; color: #ffffff; margin-bottom: 15px; } .fnav ul li ul li { opacity: 0.3; } .fnav ul li ul li a { display: inline-block; font-size: 14px; color: #ffffff; line-height: 24px; } .fnav ul li ul li:hover { opacity: 0.8; } .footbottom { padding: 10px 0; border-top: 2px solid rgba(255, 255, 255, 0.25); text-align: center; font-size: 13px; color: #FFFFFF; opacity: 0.3; } .footbottom a { color: #FFFFFF; } .index-page { height: 100vh; } .index-page .mouse { width: 25px; height: 40px; background-repeat: no-repeat; background-size: 100% auto; background-position: center top; background-image: url(../images/index_mouse.png?tenantId=170184&viewType=1&v=000); position: absolute; left: 50%; margin-left: -12.5px; bottom: 50px; z-index: 2; animation: updown 1s infinite; -webkit-animation: updown 1s infinite; } @keyframes updown{ 0% { bottom: 70px; opacity: 1; } 100% { bottom: 50px; opacity: 0; } } @-webkit-keyframes rotation{ from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-webkit-keyframes img{from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(0deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(360deg); } } to { -webkit-transform: rotate(360deg); } } #c_public_htmlCode-1577147178579 #fanwei{ width:100%; position:relative; } #c_public_htmlCode-1577147178579 #fanwei .btn{ width:100%; position:absolute; left:0px; top:0px; z-index:100; background-image:url(/img/bg2_1.jpg?tenantId=170184&viewType=1&v=000); background-repeat:no-repeat; background-position:center center; transition:all 0.8s ease; } #c_public_htmlCode-1577147178579 #fanwei .btn a{ width:calc(100%/2); display:block; float:left; background:rgba(0,0,0,0.1); border-right:1px solid rgba(255,255,255,0.5); transition:all 0.8s; text-align:center; color:#fff; text-decoration:none; overflow:hidden; } #c_public_htmlCode-1577147178579 #fanwei .btn a img:first-child{ transition:all 0.8s; opacity:1; border:5px solid #fff; border-radius:50%; } #c_public_htmlCode-1577147178579 #fanwei .btn a:hover img:first-child{ opacity:0; } #c_public_htmlCode-1577147178579 #fanwei .btn a img:last-child{ transition:all 0.8s; opacity:0; } #c_public_htmlCode-1577147178579 #fanwei .btn a:hover img:last-child{ opacity:1; } #c_public_htmlCode-1577147178579 #fanwei .btn a .main{ width:100%; padding-top:40vh; transition:all 0.8s; } #c_public_htmlCode-1577147178579 #fanwei .btn a:hover .main{ width:100%; padding-top:30vh; } #c_public_htmlCode-1577147178579 #fanwei .btn a p{ font-size:36px; font-family:"微软雅黑"; line-height:1.2em; margin:40px 0px; background:rgba(0,0,0,0.4); width:100%; padding:17px 0px 10px 0px; } #c_public_htmlCode-1577147178579 #fanwei .btn a p span{ font-size:14px; font-family:"arial"; text-transform:Uppercase; } #c_public_htmlCode-1577147178579 #fanwei .btn a:hover{ width:calc(100%/2); display:block; float:left; background:rgba(0,0,0,0.3); border-right:1px solid rgba(255,255,255,0.5); } #c_public_htmlCode-1577147178579 #fanwei .btn a:last-child{ border-right:0px solid rgba(255,255,255,0.5); } #c_public_htmlCode-1577147178579 #fanwei ul li{ width:100%; position:absolute; left:0px; top:0px; z-index:10; } #c_public_htmlCode-1577147178579 #fanwei .more{ width:111px; height:29px; background-color:rgba(0,75,167,0); color:#fff; font-size:12px; font-family:"微软雅黑"; border:1px solid #fff; margin:0px auto; line-height:29px; text-align:center; transition:all 0.8s; opacity:0; } #c_public_htmlCode-1577147178579 #fanwei .btn a:hover .more{ width:111px; height:29px; background-color:rgba(0,75,167,0); color:#fff; font-size:12px; font-family:"微软雅黑"; border:1px solid #fff; margin:0px auto; line-height:29px; text-align:center; transition:all 0.8s; opacity:1; } #c_public_htmlCode-1577147178579 #fanwei .btn a:hover .more:hover{ width:111px; height:29px; background-color:rgba(0,75,167,1); color:#fff; font-size:12px; font-family:"微软雅黑"; border:1px solid #fff; margin:0px auto; line-height:29px; text-align:center; transition:all 0.8s; opacity:1; } #c_public_htmlCode-1577147178579{ position:absolute; top:0px; left:0px; z-index:1; width:1920px; height:1080px; } #c_news_list-15771673937048265 .p_articles{ width:calc((100% - 0px)/3); margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } #c_news_list-15771673937048265 .p_CommonSummaryBoxA{ text-align:center; } #c_news_list-15771673937048265 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_news_list-15771673937048265 >div{ animation-name:flipInX; animation-duration:1s; animation-delay:0.5s; animation-fill-mode:both; } #c_news_list-15771673937048265 .product_list_box{ padding:10px; width:100%; overflow:hidden; } #c_news_list-15771673937048265 .dw{ float:left; position:relative; width:340px; height:420px; margin:25px 0 0 20px; } #c_news_list-15771673937048265 .list_box{ position:absolute; top:0px; width:340px; height:420px; overflow:hidden; background-color:#fff; border:1px solid #f1f1f1; transition:all .3s ease; } #c_news_list-15771673937048265 .mb{ display:block; position:absolute; left:0px; bottom:0px; right:0px; top:0px; z-index:999; } #c_news_list-15771673937048265 .pic_box{ width:100%; height:240px; overflow:hidden; } #c_news_list-15771673937048265 .thumb{ width:100%; height:100%; } #c_news_list-15771673937048265 .bottom{ width:100%; height:180px; padding:20px; font-size:18px; overflow:hidden; } #c_news_list-15771673937048265 .time_box{ display:inline-block; width:80px; height:80px; overflow:hidden; vertical-align:top; border-right:1px solid #ddd; } #c_news_list-15771673937048265 .time_ri{ position:relative; margin-left:10px; width:50px; height:50px; overflow:hidden; font-size:40px; font-weight:900; color:#000; } #c_news_list-15771673937048265 .ri{ position:absolute; left:-184px; } #c_news_list-15771673937048265 .time_down{ position:relative; width:62px; height:30px; line-height:30px; overflow:hidden; font-size:14px; } #c_news_list-15771673937048265 .ni{ position:absolute; left:6px; white-space:nowrap; } #c_news_list-15771673937048265 .title_box{ display:inline-block; padding:10px 0 0 20px; width:210px; height:80px; overflow:hidden; } #c_news_list-15771673937048265 .til{ height:60px; line-height:30px; font-size:18px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2px; -webkit-box-orient:vertical; text-overflow:ellipsis; color:#222; font-weight:normal; transition:all .3s ease; } #c_news_list-15771673937048265 .link{ position:relative; border-top:1px solid #ddd; width:100%; margin-top:15px; line-height:55px; cursor:pointer; } #c_news_list-15771673937048265 .ck{ font-style:normal; color:#7F7F7F; font-size:12px; } #c_news_list-15771673937048265 .ic{ position:absolute; right:0px; top:22px; } #c_news_list-15771673937048265 .list_box:hover{ top:-10px; box-shadow:0 10px 30px rgba(11,64,232,0.15); } #c_news_list-15771673937048265 .list_box:hover .til{ color:#0B40E8; } #c_news_list-15771673937048265 .p_nameC .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15771673937048265 .p_AssistNameG .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15771673937048265 .p_AssistNameA .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15771673937048265 .p_nameB .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15771673937048265 .p_ToDetail .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15771673937048265 .p_top .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15771673937048265 .p_Recommend .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15771673937048265 .p_ImgNews .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15771673937048265 .p_new .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15771673937048265 .p_hot .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15771673937048265 .p_AssistNameB .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15771673937048265 .p_AssistNameD .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15771673937048265 .p_AssistNameE .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15771673937048265 .p_AssistNameF .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15771673937048265 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15771673937048265 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15771673937048265 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15771673937048265 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15771673937048265{ position:absolute; top:202px; left:409px; z-index:104; width:1102px; height:500px; } #c_nav_main-15771689524068746 .navBar .nav{ height:110px; } #c_nav_main-15771689524068746 .nav a{ color:#000; font-size:16px; font-weight:400; width:130px; } #c_nav_main-15771689524068746 .nav .m:hover{ background:rgba(255,255,255,0.7); } #c_nav_main-15771689524068746 .nav .m:nth-child(5){ margin-left:200px; } #c_nav_main-15771689524068746 .nav .sub li:nth-child(5){ margin-left:0px; } #c_nav_main-15771689524068746 .nav .sub li a{ display:block; height:35px; line-height:35px; color:#000; font-size:14px; } #c_nav_main-15771689524068746 .nav .block{ background:#333; width:150px; height:2px; } #c_nav_main-15771689524068746 .nav .sub{width:150px; } #c_nav_main-15771689524068746 .nav .sub li{ padding:0px; } #c_nav_main-15771689524068746{ position:absolute; top:0px; left:363px; z-index:100; width:1200px; height:110px; } #w_sfbox-1577147178179 .p_footer{ height:200px; } #w_sfbox-1577147178179 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_sfbox-1577147178179 .ping_0{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1577147178179 .ping_1{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1577147178179 .ping_2{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1577147178179 .ping_3{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1577147178179 .ping_4{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1577147178179 .ping_5{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_wbox-1577169066153 .p_wbox{ background-image:url(/img/bgmenu.png?tenantId=170184&viewType=1&v=000); background-image-part-image:url(/img/bgmenu.png?tenantId=170184&viewType=1&v=000); background-position:top center; } #w_wbox-1577169066153 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1577169066153 >div{ animation-name:fadeInDown; animation-duration:0.5s; animation-delay:1s; animation-fill-mode:both; } #w_rbox-1577147178189 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1577147178189 >div{ animation-name:zoomIn; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_rbox-1577147178229 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1577147178229 >div{ animation-fill-mode:both; } #w_rbox-1577147178229 >div>.p_rbox{ background-image:url(/img/bg.png?tenantId=170184&viewType=1&v=000); background-image-part-image:url(/img/bg.png?tenantId=170184&viewType=1&v=000); background-repeat:repeat; } #w_rbox-1577147178239 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1577147178239 >div{ animation-name:fadeInRight; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_rbox-1577147178249 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1577147178249 >div{ animation-name:fadeInRight; animation-duration:1s; animation-delay:0.8s; animation-fill-mode:both; } #w_rbox-1577147178259 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1577147178259 >div{ animation-name:fadeInRight; animation-duration:1s; animation-delay:0.4s; animation-fill-mode:both; } #w_rbox-1577147178269 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1577147178269 >div{ animation-name:fadeInRight; animation-duration:1s; animation-delay:0.6s; animation-fill-mode:both; } #w_rbox-1577147178389 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1577147178389 >div{ animation-name:fadeInRight; animation-duration:1s; animation-delay:0.8s; animation-fill-mode:both; } #w_rbox-1577147178389 div.w_rbox>.p_rbox{ background-color:#fff; border:1px solid #ccc; } #w_rbox-1577147178409 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1577147178409 >div{ animation-name:fadeInLeft; animation-duration:1s; animation-delay:0.8s; animation-fill-mode:both; } #w_rbox-1577147178409 div.w_rbox>.p_rbox{ background-color:#fff; border:1px solid #ccc; } #w_rbox-1577147178429 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1577147178429 >div{ animation-name:fadeInRight; animation-duration:1s; animation-delay:0.5s; animation-fill-mode:both; } #w_rbox-1577147178429 div.w_rbox>.p_rbox{ background-color:#fff; border:1px solid #ccc; } #w_rbox-1577147178359 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1577147178359 >div{ animation-name:fadeInLeft; animation-duration:1s; animation-delay:0.5s; animation-fill-mode:both; } #w_rbox-1577147178359 div.w_rbox>.p_rbox{ background-color:#fff; border:1px solid #ccc; } #w_rbox-1577147178379 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1577147178379 >div{ animation-name:fadeInUp; animation-duration:0s; animation-delay:0.3s; animation-fill-mode:both; } #w_img-1577147178209 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1577147178209 >div{ animation-fill-mode:both; } #w_img-1577147178219 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1577147178219 >div{ animation-fill-mode:both; } #w_img-1577147178219 img{ -webkit-transform:rotate(0deg); animation:rotation 20s linear infinite; -moz-animation:rotation 20s linear infinite; -webkit-animation:rotation 20s linear infinite; -o-animation:rotation 15s linear infinite; } #w_img-1577147178199 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1577147178199 >div{ animation-fill-mode:both; } #w_img-1577147178199 img{ -webkit-transform:rotate(360deg); animation:rotation 8s linear infinite; -moz-animation:rotation 8s linear infinite; -webkit-animation:rotation 8s linear infinite; -o-animation:rotation 8s linear infinite; } #w_common_text-1577147178479 .p_link001{ height:calc(100%); } #w_common_text-1577147178484 .p_link001{ height:calc(100%); } #w_common_text-1577147178489 .p_link001{ height:calc(100%); } #w_common_text-1577147178494 .p_link001{ height:calc(100%); } #w_common_text-1577147178499 .p_link001{ height:calc(100%); } #w_common_text-1577147178504 .p_link001{ height:calc(100%); } #w_common_text-1577147178509 .p_link001{ height:calc(100%); } #w_common_text-1577147178514 .p_link001{ height:calc(100%); } #w_img-1577147178319 .p_link001{ height:calc(100%); } #w_img-1577147178319 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1577147178319 >div{ animation-name:fadeInRight; animation-duration:0.5s; animation-delay:0.2s; animation-fill-mode:both; } #w_hline-1577147178279 .p_HLine{ border-top-color:rgba(7, 143, 207, 1); border-top-style:solid; border-top-width:3px; } #w_hline-1577147178279 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_hline-1577147178279 >div{ animation-name:zoomIn; animation-duration:0.5s; animation-delay:0.5s; animation-fill-mode:both; } #w_img-1577147178289 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1577147178289 >div{ animation-name:fadeInLeft; animation-duration:0.5s; animation-delay:1s; animation-fill-mode:both; } #w_common_text-1577147178519 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1577147178519 >div{ animation-name:zoomIn; animation-duration:0.5s; animation-delay:0.7s; animation-fill-mode:both; } #w_common_text-1577147178519 .p_link001{ height:calc(100%); } #w_common_text-1577147178539 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1577147178539 >div{ animation-name:flipInY; animation-duration:0.5s; animation-delay:1s; animation-fill-mode:both; } #w_common_text-1577147178524 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1577147178524 >div{ animation-name:flipInY; animation-duration:0.5s; animation-delay:0.4s; animation-fill-mode:both; } #w_img-1577147178299 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1577147178299 >div{ animation-name:fadeInLeft; animation-duration:0.5s; animation-delay:0.6s; animation-fill-mode:both; } #w_img-1577147178309 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1577147178309 >div{ animation-name:fadeInLeft; animation-duration:0.5s; animation-delay:0.8s; animation-fill-mode:both; } #w_common_text-1577147178534 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1577147178534 >div{ animation-name:flipInY; animation-duration:0.5s; animation-delay:0.8s; animation-fill-mode:both; } #w_common_text-1577147178529 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1577147178529 >div{ animation-name:flipInY; animation-duration:0.5s; animation-delay:0.6s; animation-fill-mode:both; } #w_common_text-1577147178544 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1577147178544 >div{ animation-name:zoomIn; animation-duration:0.5s; animation-delay:0.5s; animation-fill-mode:both; } #w_common_text-1577147178544 .p_link001{ height:calc(100%); } #w_img-1577147178329 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1577147178329 >div{ animation-name:fadeInLeft; animation-duration:2s; animation-delay:1s; animation-fill-mode:both; } #w_img-1577147178339 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1577147178339 >div{ animation-name:fadeInRight; animation-duration:2s; animation-delay:1s; animation-fill-mode:both; } #w_icons-1577147178399 .p_icon:before{ content:'\e630'; } #w_icons-1577147178399 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_icons-1577147178399 >div{ animation-fill-mode:both; } #w_icons-1577147178419 .p_icon:before{ content:'\e627'; } #w_icons-1577147178419 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_icons-1577147178419 >div{ animation-fill-mode:both; } #w_icons-1577147178439 .p_icon:before{ content:'\e628'; } #w_icons-1577147178439 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_icons-1577147178439 >div{ animation-fill-mode:both; } #w_common_text-1577147178549 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1577147178549 >div{ animation-fill-mode:both; } #w_icons-1577147178369 .p_icon:before{ content:'\e628'; } #w_icons-1577147178369 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_icons-1577147178369 >div{ animation-fill-mode:both; } #w_img-1577147178449 .p_link001{ height:calc(100%); } #w_img-1577147178449 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1577147178449 >div{ animation-fill-mode:both; } #w_img-1577165884754 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1577165884754 >div{ animation-fill-mode:both; } #w_sfbox-1577147178179{ position:absolute; top:0px; left:0px; z-index:100; width:1920px; height:934px; } #w_wbox-1577169066153{ position:absolute; top:0px; left:0px; z-index:105; width:1920px; height:140px; } #w_rbox-1577147178189{ position:absolute; top:217px; left:710px; z-index:104; width:500px; height:500px; } #w_rbox-1577147178229{ position:absolute; top:0px; left:0px; z-index:100; width:1920px; height:1000px; } #w_rbox-1577147178239{ position:absolute; top:635px; left:901px; z-index:105; width:750px; height:120px; } #w_rbox-1577147178249{ position:absolute; top:531px; left:901px; z-index:106; width:750px; height:80px; } #w_rbox-1577147178259{ position:absolute; top:318px; left:901px; z-index:107; width:750px; height:80px; } #w_rbox-1577147178269{ position:absolute; top:414px; left:901px; z-index:108; width:750px; height:90px; } #w_rbox-1577147178389{ position:absolute; top:412px; left:966px; z-index:8; width:500px; height:100px; } #w_rbox-1577147178409{ position:absolute; top:411.5px; left:466px; z-index:4; width:500px; height:100px; } #w_rbox-1577147178429{ position:absolute; top:311.5px; left:966px; z-index:3; width:500px; height:100px; } #w_rbox-1577147178359{ position:absolute; top:312px; left:466px; z-index:2; width:500px; height:100px; } #w_rbox-1577147178379{ position:absolute; top:159px; left:360px; z-index:1; width:1200px; height:136px; } #w_img-1577147178209{ position:absolute; top:125px; left:125px; z-index:3; width:250px; height:250px; } #w_img-1577147178219{ position:absolute; top:86px; left:90px; z-index:2; width:319px; height:327px; } #w_img-1577147178199{ position:absolute; top:51px; left:23.5px; z-index:1; width:452px; height:397px; } #w_common_text-1604994493301{ position:absolute; top:701px; left:422px; z-index:105; width:133px; height:47px; } #w_common_text-1604994567012{ position:absolute; top:701px; left:1394px; z-index:106; width:133px; height:47px; } #w_common_text-1604994579231{ position:absolute; top:748px; left:387px; z-index:107; width:241px; height:84px; } #w_common_text-1604994732840{ position:absolute; top:749px; left:1346px; z-index:109; width:217px; height:52px; } #w_common_text-1604994900594{ position:absolute; top:724px; left:331px; z-index:3; width:312px; height:84px; } #w_common_text-1604994976700{ position:absolute; top:710px; left:1305px; z-index:4; width:312px; height:84px; } #w_common_text-1577147178479{ position:absolute; top:35px; left:0px; z-index:1; width:650px; height:112px; } #w_common_text-1577147178484{ position:absolute; top:0px; left:0px; z-index:2; width:569px; height:35px; } #w_common_text-1577147178489{ position:absolute; top:38px; left:0px; z-index:4; width:650px; height:56px; } #w_common_text-1577147178494{ position:absolute; top:3px; left:0px; z-index:3; width:569px; height:35px; } #w_common_text-1577147178499{ position:absolute; top:10px; left:0px; z-index:2; width:569px; height:35px; } #w_common_text-1577147178504{ position:absolute; top:45px; left:0px; z-index:1; width:650px; height:28px; } #w_common_text-1577147178509{ position:absolute; top:41.5px; left:0px; z-index:3; width:650px; height:48px; } #w_common_text-1577147178514{ position:absolute; top:6.5px; left:0px; z-index:4; width:569px; height:35px; } #w_img-1577147178319{ position:absolute; top:261px; left:816px; z-index:100; width:835px; height:522px; } #w_hline-1577147178279{ position:absolute; top:212px; left:915px; z-index:111; width:76px; height:26px; } #w_img-1577147178289{ position:absolute; top:635px; left:324px; z-index:104; width:420px; height:140px; } #w_common_text-1577147178519{ position:absolute; top:225px; left:335px; z-index:109; width:1200px; height:56px; } #w_common_text-1577147178539{ position:absolute; top:626px; left:842px; z-index:115; width:53px; height:79px; } #w_common_text-1577147178524{ position:absolute; top:318px; left:842px; z-index:112; width:46px; height:79px; } #w_img-1577147178299{ position:absolute; top:307px; left:324px; z-index:102; width:420px; height:140px; } #w_img-1577147178309{ position:absolute; top:471px; left:352px; z-index:103; width:420px; height:140px; } #w_common_text-1577147178534{ position:absolute; top:520px; left:842px; z-index:114; width:46px; height:79px; } #w_common_text-1577147178529{ position:absolute; top:419px; left:842px; z-index:113; width:46px; height:79px; } #w_common_text-1577147178544{ position:absolute; top:159px; left:660px; z-index:110; width:600px; height:40px; } #w_img-1577147178329{ position:absolute; top:98px; left:0px; z-index:101; width:448px; height:896px; } #w_img-1577147178339{ position:absolute; top:-7px; left:1620px; z-index:100; width:300px; height:601px; } #w_common_text-1577147178564{ position:absolute; top:37px; left:97px; z-index:10; width:355px; height:26px; } #w_icons-1577147178399{ position:absolute; top:25px; left:25px; z-index:13; width:50px; height:50px; } #w_common_text-1577147178569{ position:absolute; top:33px; left:97px; z-index:10; width:341px; height:26px; } #w_icons-1577147178419{ position:absolute; top:25px; left:25px; z-index:13; width:50px; height:50px; } #w_common_text-1577147178574{ position:absolute; top:37px; left:97px; z-index:10; width:355px; height:52px; } #w_icons-1577147178439{ position:absolute; top:25px; left:25px; z-index:13; width:50px; height:50px; } #w_common_text-1577147178549{ position:absolute; top:33px; left:97px; z-index:10; width:355px; height:26px; } #w_icons-1577147178369{ position:absolute; top:25px; left:25px; z-index:13; width:50px; height:50px; } #w_common_text-1577147178554{ position:absolute; top:23.5px; left:528px; z-index:6; width:121px; height:41px; } #w_common_text-1577147178559{ position:absolute; top:91px; left:0px; z-index:1; width:1200px; height:27px; } #w_img-1577147178449{ position:absolute; top:611px; left:785px; z-index:6; width:350px; height:92px; } #w_img-1577165884754{ position:absolute; top:546.5px; left:905px; z-index:9; width:109px; height:116px; } #w_common_text-1577671330115{ position:absolute; top:672.5px; left:835px; z-index:10; width:250px; height:19px; } #w_common_text-1625740103085{ position:absolute; top:720px; left:835px; z-index:11; width:250px; height:19px; }