.e_ContentMajorStyleBox-001{ height:auto; height-and-height-uint:auto; width-and-width-uint:100%; width:100%; width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_top{ height:240px; height-and-height-uint:240px; width-and-width-uint:auto; width-and-height:custom; background-color:rgba(255, 255, 255, 0); width-uint:auto; } .e_ContentMajorStyleBox-001 .title_icon{ vertical-align:middle; line-height:40px; margin-right:10px; color:rgba(255,255,255,1); font-size:medium; display:inline-block; } .e_ContentMajorStyleBox-001 .title_icon::before{ content:""; } .e_ContentMajorStyleBox-001 .title_main{ max-width:600px; text-align:center; display:inline-block; font-weight:normal; vertical-align:middle; line-height:60px; color:rgba(0, 0, 0, 1); overflow:hidden; font-size:46px; width-and-height:custom; text-overflow:ellipsis; white-space:nowrap; margin-top:48px; } .e_ContentMajorStyleBox-001 .title_sub{ vertical-align:middle; line-height:40px; color:rgba(255,255,255,1); font-size:14px; margin-left:10px; display:inline-block; font-weight:normal; } .e_ContentMajorStyleBox-001 .stylebox_title{ height-and-height-uint:inherit; text-align:center; width:100%; background-image-part-image:url(http://static203.yun300.cn/img/zsqbt.jpg?tenantId=258421&viewType=1&v=1632897964000); background-color:rgba(255, 255, 255, 0); display:inline-block; width-uint:%; vertical-align:bottom; height:inherit; width-and-height:custom; font-size:0px; width-and-width-uint:100px; white-space:nowrap; background-repeat:no-repeat; background-image:url(http://static203.yun300.cn/img/zsqbt.jpg?tenantId=258421&viewType=1&v=1632897964000); background-position:center center; } .e_ContentMajorStyleBox-001 .stylebox_link{ vertical-align:middle; margin-right:15px; height:inherit; color:#666666; font-size:14px; display:table; border-width:0px; padding:0 15px; float:right; } .e_ContentMajorStyleBox-001 .stylebox_link a{ vertical-align:middle; color:inherit; display:table-cell; } .e_ContentMajorStyleBox-001 .link_icon{ margin-left:5px; display:inline-block; } .e_ContentMajorStyleBox-001 .link_icon::before{ content:'\e6af'; } .e_ContentMajorStyleBox-001 .stylebox_top_line{ height:1px; height-and-height-uint:1px; background-color:rgba(255, 255, 255, 0); } .e_ContentMajorStyleBox-001 .stylebox_content{ height:calc(100% - 48px); height-and-height-uint:calc(100% - 48px); width:100%; width-and-width-uint:100px; border-style:solid; border-color:#f0f0f0; border-width:0px; width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_bottom_line{ height:1px; background-color:rgba(255, 255, 255, 0); height-and-height-uint:1px; } .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); } .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; }.w_imgbtn-003 .p_ImgBtn{ border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-image:url("http://static203.yun300.cn/img/e_ImgBtn-001/bg4.png?tenantId=258421&viewType=1&v=1632897964000"); padding-top:0; padding-right:0; padding-left:0; color:rgba(255,255,255,1); text-align: center; } .w_imgbtn-003 .p_ImgBtn .font{ display:table-cell; vertical-align:middle; text-align: center; padding-left: 0; padding-right: 0; } .w_imgbtn-003 .p_ImgBtn .iconfont{ display: none; } .w_imgbtn-003 .p_ImgBtn .iconfont:before{ content: ""; } .w_imgbtn-003 .p_ImgBtn:hover{ box-shadow: none; } .w_imgbtn-003 .p_ImgBtn:active{ box-shadow: none; } .e_title.w_imgbtn-003 .p_link{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_imgbtn-003 .p_link{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_imgbtn-003 .p_link:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_imgbtn-003 .p_link:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_imgbtn-003 .p_link:active{ text-decoration:none; margin-top:0; } .e_title.w_imgbtn-003 .p_link .iconfont:before{ display: inline-block; content:""; } .w_imgbtn-003{position:absolute; width:147px; height:52px; } .w_imgbtn-003 .animated{ width:100%; height:100%; } .w_imgbtn-003 .p_link{display:table;width:inherit;height:inherit;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .w_imgbtn-003 .p_ImgBtn{display:table;width:inherit;height:inherit;text-align:center;vertical-align:middle;background-image:url(http://static203.yun300.cn/img/weibiaoti-220160330100701.png?tenantId=258421&viewType=1&v=1632897964000); background-image-part-image:url(http://static203.yun300.cn/img/weibiaoti-220160329172740.png?tenantId=258421&viewType=1&v=1632897964000); } .w_imgbtn-003 .iconfont{ display:inline; } .w_imgbtn-003 .p_ImgBtn:hover{background-image:url(http://static203.yun300.cn/img/weibiaoti-220160330100701.png?tenantId=258421&viewType=1&v=1632897964000)!important; }.w_imgbtn-003 .p_ImgBtn:active{background-image:url(http://static203.yun300.cn/img/weibiaoti-220160330100701.png?tenantId=258421&viewType=1&v=1632897964000)!important; }.w_imgbtn-003 .p_ImgBtn .font{color:rgb(255, 255, 255); text-align:center; font-family:Microsoft YaHei; font-size:18px; vertical-align:middle; }.w_imgbtn-003 .p_ImgBtn:hover .font{color:rgba(255, 255, 255, 1); }.w_imgbtn-003 .p_ImgBtn:active .font{color:rgba(255, 255, 255, 1); }.w_imgbtn-003 .p_MatteIcon iconfont:before{content:'\e752'; }.w_imgbtn-003 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_imgbtn-003 >div{animation-fill-mode:both; }.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: 5px; } .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: 20px; height: 20px; display: inline-block; margin-left: 5px; line-height: 20px; 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: #ffffff; border-radius: 50%; box-shadow: 0 0 4px 0 rgba(255, 255, 255, 0.6); } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel.active .shape{    padding: 2px; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel.active{ color: #ffffff; } .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: "arial"; color: #a2a2a2; font-weight: normal; line-height: 24px; } .w_sfbox-001 > .w_sfbox > .p_fbox > .p_footer{ width: 100%; height: 200px; background-color: #ffffff; position: relative; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; } .w_sfbox-001 .p_SwipPanelBox.hor-right .font{ float: right; margin-right: 0; margin-left: 5px; } .w_sfbox-001 .p_SwipPanelBox.hor-right .shape{ margin-right: 5px; margin-left: 0; } .w_sfbox-001 .p_SwipPanelBox.ver-top .p_SwipPanel{ padding: 0 0 0 10px; float: left; margin: 0; } .w_sfbox-001 .p_SwipPanelBox.ver-top .font{ margin: 0 0 5px 0; writing-mode:vertical-lr; display: block; } .w_sfbox-001 .p_SwipPanelBox.ver-top .shape{ margin: 5px 0 0 0; } .w_sfbox-001 .p_SwipPanelBox.ver-bottom .p_SwipPanel{ padding: 0 0 0 10px; float: left; margin: 0; } .w_sfbox-001 .p_SwipPanelBox.ver-bottom .p_SwipPanel:first-child{ padding:0; } .w_sfbox-001 .p_SwipPanelBox.ver-bottom .font{ margin: 5px 0 0 0; writing-mode:vertical-lr; -webkit-writing-mode:vertical-lr; writing-mode:tb-lr; display: block; } .w_sfbox-001 .p_SwipPanelBox.ver-bottom .shape{ margin: 0 0 5px 0; } .w_sfbox-001 > .w_sfbox > .p_fbox > .p_wrapbox{ position:relative; background-color:#F4F4F4; overflow: hidden; } .w_sfbox-001 > .w_sfbox > .p_fbox > .p_wrapbox video{ position: absolute; width: 100%; height: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .w_sfbox-001 > .w_sfbox > .p_fbox > div > .p_bgBox{ height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: auto; }.nav { position: relative; width: auto; display: inline-block; border: 0 } .btn-nav { position: fixed; top: 50px; right: 6.7%; background: #508fdc; border: 0; padding: 20px 20px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; z-index: 99999; } .btn-nav2 { position: fixed; top:110px; right: 6.7%; background: #eee; border: 0; padding:5px 17px 13px 17px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; z-index: 99999; text-align:center; color:#000; font-size:14px; } .btn-nav:focus { outline: 0 } .icon-bar { display: block; margin: 3px 0; width: 22px; height: 3px; background-color: #fff; } .btn-nav:hover .icon-bar { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #fff } .nav-content { position: fixed; top: -100%; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.8); display: block; height: 100%; z-index: 9; } .nav-list { list-style: none; padding: 0; position: relative; top: 22%; } .nav-item::before { content: ""; position: absolute; width: 3px; height: 54px; left: 0; bottom: 0; z-index: 9; background: transparent; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; top: 1px } .nav-item:hover::before,.nav-item:focus::before { width: 100%; background: #508fdc; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease } .item-anchor { color: #fff; font-size: 20px; position: absolute; text-decoration: none; padding: 14px; display: block; width: 250px; border: 1px #cccccc solid; margin: auto; z-index: 999999; } .nav-item:hover a { color: #fff; position: absolute; z-index: 999999 } .nav-item:hover,.nav-item:focus { color: #fff; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease } .nav-item { margin: 20px auto; text-align: center; position: relative; height: 55px; width: 250px; } .animated { display: block; margin: 0 auto } .animated:hover .icon-bar,.animated:focus .icon-bar { background-color: #fff } .animated:focus { cursor: pointer; z-index: 9999 } .middle { margin: 0 auto } .icon-bar { -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999 } .animated .icon-bar { z-index: 999999; background-color: #fff } .animated .top { -webkit-transform: translateY(6px) rotateZ(45deg); -moz-transform: translateY(6px) rotateZ(45deg); -ms-transform: translateY(6px) rotateZ(45deg); -o-transform: translateY(6px) rotateZ(45deg); transform: translateY(6px) rotateZ(45deg) } .animated .bottom { -webkit-transform: translateY(-5.5px) rotateZ(-45deg); -moz-transform: translateY(-5.5px) rotateZ(-45deg); -ms-transform: translateY(-5.5px) rotateZ(-45deg); -o-transform: translateY(-5.5px) rotateZ(-45deg); transform: translateY(-5.5px) rotateZ(-45deg) } .animated .middle { width: 0 } @keyframes showNav { from { top: -100% } to { top: 0 } } @-webkit-keyframes showNav { from { top: -100% } to { top: 0 } } @-moz-keyframes showNav { from { top: -100% } to { top: 0 } } @-o-keyframes showNav { from { top: -100% } to { top: 0 } } .showNav { -webkit-animation: showNav 1s ease forwards; -moz-animation: showNav 1s ease forwards; -o-animation: showNav 1s ease forwards; animation: showNav 1s ease forwards } @keyframes hideNav { from { top: 0 } to { top: -100% } } @-webkit-keyframes hideNav { from { top: 0 } to { top: -100% } } @-moz-keyframes hideNav { from { top: 0 } to { top: -100% } } @-o-keyframes hideNav { from { top: 0 } to { top: -100% } } .hideNav { -webkit-animation: hideNav 1s ease forwards; -moz-animation: hideNav 1s ease forwards; -o-animation: hideNav 1s ease forwards; animation: hideNav 1s ease forwards } .hidden { display: none } [class^="icon-"],[class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } *,*:after,*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .clearfix:before,.clearfix:after { content: " "; display: table } .clearfix:after { clear: both } .htmleaf-container { margin: 0 auto; text-align: center; overflow: hidden } .htmleaf-content { font-size: 150%; padding: 1em 0 } .htmleaf-content h2 { margin: 0 0 2em; opacity: .1 } .htmleaf-content p { margin: 1em 0; padding: 5em 0 0 0; font-size: .65em } .bgcolor-1 { background: #f0efee } .bgcolor-2 { background: #f9f9f9 } .bgcolor-3 { background: #e8e8e8 } .bgcolor-4 { background: #2f3238; color: #fff } .bgcolor-5 { background: #df6659; color: #521e18 } .bgcolor-6 { background: #2fa8ec } .bgcolor-7 { background: #d0d6d6 } .bgcolor-8 { background: #3d4444; color: #fff } .bgcolor-9 { background: #ef3f52; color: #fff } .bgcolor-10 { background: #64448f; color: #fff } .bgcolor-11 { background: #3755ad; color: #fff } .bgcolor-12 { background: #3498db; color: #fff } .bgcolor-20 { background: #494a5f; color: #d5d6e2 } .htmleaf-header { padding: 1em 190px 1em; letter-spacing: -1px; text-align: center } .htmleaf-header h1 { color: #d5d6e2; font-weight: 600; font-size: 2em; line-height: 1; margin-bottom: 0; font-family: "Microsoft YaHei","宋体","Segoe UI","Lucida Grande",Helvetica,Arial,sans-serif,FreeSans,Arimo } .htmleaf-header h1 span { font-family: "Microsoft YaHei","宋体","Segoe UI","Lucida Grande",Helvetica,Arial,sans-serif,FreeSans,Arimo; display: block; font-size: 60%; font-weight: 400; padding: .8em 0 .5em 0; color: #c3c8cd } .htmleaf-demo a { color: #1d7db1; text-decoration: none } .htmleaf-demo { width: 100%; padding-bottom: 1.2em } .htmleaf-demo a { display: inline-block; margin: .5em; padding: .6em 1em; border: 3px solid #1d7db1; font-weight: 700 } .htmleaf-demo a:hover { opacity: .6 } .htmleaf-demo a.current { background: #1d7db1; color: #fff } .htmleaf-links { position: relative; display: inline-block; white-space: nowrap; font-size: 1.5em; text-align: center } .htmleaf-links::after { position: absolute; top: 0; left: 50%; margin-left: -1px; width: 2px; height: 100%; background: #dbdbdb; content: ''; -webkit-transform: rotate3d(0,0,1,22.5deg); transform: rotate3d(0,0,1,22.5deg) } .htmleaf-icon { display: inline-block; margin: .5em; padding: 0em 0; width: 1.5em; text-decoration: none } .htmleaf-icon span { display: none } .htmleaf-icon:before { margin: 0 5px; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; font-family: 'icomoon'; line-height: 1; speak: none; -webkit-font-smoothing: antialiased } .htmleaf-footer { width: 100%; padding-top: 10px } .htmleaf-small { font-size: .8em } .center { text-align: center } .related { color: #fff; text-align: center; font-size: 1.25em; padding: .5em 0; overflow: hidden } .related>a { vertical-align: top; width: calc(100% - 20px); max-width: 340px; display: inline-block; text-align: center; margin: 20px 10px; padding: 25px; font-family: "Microsoft YaHei","宋体","Segoe UI","Lucida Grande",Helvetica,Arial,sans-serif,FreeSans,Arimo } .related a { display: inline-block; text-align: left; margin: 20px auto; padding: 10px 20px; opacity: .8; -webkit-transition: opacity .3s; transition: opacity .3s; -webkit-backface-visibility: hidden } .related a:hover,.related a:active { opacity: 1 } .related a img { max-width: 100%; opacity: .8; border-radius: 4px } .related a:hover img,.related a:active img { opacity: 1 } .related h3 { font-family: "Microsoft YaHei",sans-serif } .related a h3 { font-weight: 300; margin-top: .15em; color: #fff } .icon-htmleaf-home-outline:before { content: "\e5000" } .icon-htmleaf-arrow-forward-outline:before { content: "\e5001" } @media screen and (max-width: 50em) { .htmleaf-header { padding:3em 10% 4em } .htmleaf-header h1 { font-size: 2em } } @media screen and (max-width: 40em) { .htmleaf-header h1 { font-size:1.5em } } @media screen and (max-width: 30em) { .htmleaf-header h1 { font-size:1.2em } }.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_complaintPage_detail-01001 {position:absolute; width:890px; height:680px; overflow: hidden;} .c_complaintPage_detail-01001 .p_complaintPageDetails{ width: inherit; height: auto; white-space: normal; background: transparent; } .c_complaintPage_detail-01001 .p_articles { width: inherit; height: auto; font-size: 14px; line-height: 21px; color: #656565; }.c_complaintPage_detail-01001 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_rbox-001{position:absolute; width:300px; height:300px; } .w_rbox-001 .p_stylebox{ width: 100%; }.w_rbox-001 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_rbox-001 >div{animation-fill-mode:both; } #w_rbox-1557738407282 { position:absolute!important; top:0px!important; left:0px!important; width:100%!important; height:100%!important; cursor:pointer; } #w_rbox-1557738407282 .p_rbox { background-color:rgba(0,0,0,0.4); cursor:auto; } @keyframes gWelCnta{ 0% { transform: rotate(0); } 70% { transform: rotate(360deg); } 80% { transform: rotate(350deg); } 95% { transform: rotate(370deg); } 100% { transform: rotate(360deg); } } #w_rbox-1557738407282 .p_rbox:before { content:url(../image/sp_tb.png); width:80px; height:80px; display:inline-block; position: absolute; top:50%; left:50%; z-index:10; margin-left:-40px; margin-top:-40px; cursor:pointer; } #w_rbox-1557738407282 .p_rbox:after { content:url(../image/sp_tb2.png); width:80px; height:80px; display:inline-block; position: absolute; top:50%; left:50%; z-index:10; margin-left:-40px; margin-top:-40px; cursor:pointer; } #w_rbox-1557738407282 .p_rbox:hover:after { -webkit-animation: gWelCnta 1.5s ease-in-out infinite; -moz-animation: gWelCnta 1.5s ease-in-out infinite; -o-animation: gWelCnta 1.5s ease-in-out infinite; -ms-animation: gWelCnta 1.5s ease-in-out infinite; animation: gWelCnta 1.5s ease-in-out infinite; }.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; } *{ padding: 0; margin: 0; }.pagebox,#-remove--flag{}body,#-remove--flag{} #c_nav_main-15617065492459931{ position:fixed; top:0px; left:auto; bottom:auto; right:0px; transform:none; width:64px; height:61px; z-index:2; content:"rt"; max-width:none; min-width:0px; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; -webkit-transform:none; } #c_complaintPage_detail-15740414216340849 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_complaintPage_detail-15740414216340849{ position:absolute; top:257.5px; left:61px; z-index:4; width:890px; height:680px; } #c_complaintPage_detail-15740417268077422 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_complaintPage_detail-15740417268077422{ position:absolute; top:329.5px; left:59px; z-index:4; width:690px; height:568px; } #c_complaintPage_detail-15740419627357995 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_complaintPage_detail-15740419627357995{ position:absolute; top:341px; left:66px; z-index:7; width:700px; height:310px; } #c_complaintPage_detail-15740421276008236 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_complaintPage_detail-15740421276008236{ position:absolute; top:324px; left:66px; z-index:5; width:742px; height:300px; } #w_sfbox-1561692331552 .p_footer{ height:240px; } #w_sfbox-1561692331552 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_sfbox-1561692331552 .ping_0{ background:url(../image/bj_bg_new.png) top repeat; shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1561692331552 .ping_1{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1561692331552 .ping_2{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1561692331552 .ping_3{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1561692331552 .ping_4{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1561692331552 .p_fbox{ background-color:rgba(241, 241, 241, 1)!important; border-bottom-color:rgba(255, 255, 255, 1); border-bottom-style:solid; border-bottom-width:60px; } #w_sfbox-1561692331552 .p_SwipPanelBox{ left:0px; top:50%; right:auto; bottom:auto; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); } #w_img-1561706591598 .p_link001{ height:calc(100%); } #w_img-1561706591598 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1561706591598 >div{ animation-fill-mode:both; } #w_rbox-1565235884048 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1565235884048 >div{ animation-fill-mode:both; } #w_rbox-1561693246843 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1561693246843 >div{ animation-name:slideInRight; animation-duration:0.5s; animation-delay:1s; animation-fill-mode:both; } #w_rbox-1561693246843 div.w_rbox>.p_rbox{ background-color:rgba(255, 255, 255, 0.9); } #w_rbox-1561693941299 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1561693941299 >div{ animation-name:slideInRight; animation-duration:0.5s; animation-delay:1s; animation-fill-mode:both; } #w_rbox-1561693941299 div.w_rbox>.p_rbox{ background-color:rgba(255, 255, 255, 0.9); } #w_rbox-1564730861058 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1564730861058 >div{ animation-name:slideInRight; animation-duration:0.5s; animation-delay:1s; animation-fill-mode:both; } #w_rbox-1564730861058 div.w_rbox>.p_rbox{ background-color:rgba(255, 255, 255, 0); } #w_rbox-1567413332122 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1567413332122 >div{ animation-name:slideInRight; animation-duration:0.5s; animation-delay:1s; animation-fill-mode:both; } #w_rbox-1567413332122 div.w_rbox>.p_rbox{ background-color:rgba(255, 255, 255, 0.9); } #w_rbox-1564731219892 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1564731219892 >div{ animation-name:slideInRight; animation-duration:0.5s; animation-delay:1s; animation-fill-mode:both; } #w_rbox-1564731219892 div.w_rbox>.p_rbox{ background-color:rgba(255, 255, 255, 0.9); } #w_img-1561692614073 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1561692614073 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_common_text-1561692792746 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1561692792746 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:2s; animation-fill-mode:both; } #w_common_text-1561692792746 .p_link001{ height:calc(100%); } #w_hline-1561692667263 .p_HLine{ border-top-color:rgba(255, 255, 255, 0.61); border-top-style:solid; border-top-width:1px; } #w_hline-1561692667263 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_hline-1561692667263 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:1.5s; animation-fill-mode:both; } #w_common_text-1561692933631 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1561692933631 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:2.2s; animation-fill-mode:both; } #w_common_text-1561692933631 .p_link001{ height:calc(100%); } #w_common_text-1574040954562 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1574040954562 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:1.5s; animation-fill-mode:both; } #w_common_text-1574041556882 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1574041556882 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:1.5s; animation-fill-mode:both; } #w_img-1567413332160 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1567413332160 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:2s; animation-fill-mode:both; } #w_common_text-1574041795919 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1574041795919 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:1.5s; animation-fill-mode:both; } #w_img-1565774092295 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1565774092295 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:2s; animation-fill-mode:both; } #w_common_text-1574042019073 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1574042019073 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:1.5s; animation-fill-mode:both; } #w_imgbtn-1565235884078 .p_ImgBtn{ background-image:url(../image/fy5nei2.png); } #w_imgbtn-1565235884078 .p_ImgBtn:hover{ background-image:url(../image/fy5nei22.png)!important; } #w_imgbtn-1565235884078 .p_ImgBtn:active{ background-image:url(../image/fy5nei22.png)!important; } #w_imgbtn-1565235884078 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_imgbtn-1565235884078 >div{ animation-fill-mode:both; } #w_imgbtn-1565235884095 .p_ImgBtn{ background-image:url(../image/fy5nei3.png); } #w_imgbtn-1565235884095 .p_ImgBtn:hover{ background-image:url(../image/fy5nei33.png)!important; } #w_imgbtn-1565235884095 .p_ImgBtn:active{ background-image:url(../image/fy5nei33.png)!important; } #w_imgbtn-1565235884095 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_imgbtn-1565235884095 >div{ animation-fill-mode:both; } #w_imgbtn-1565235884107 .p_ImgBtn{ background-image:url(../image/fy5nei4.png); } #w_imgbtn-1565235884107 .p_ImgBtn:hover{ background-image:url(../image/fy5nei44.png)!important; } #w_imgbtn-1565235884107 .p_ImgBtn:active{ background-image:url(../image/fy5nei44.png)!important; } #w_imgbtn-1565235884107 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_imgbtn-1565235884107 >div{ animation-fill-mode:both; } #w_sfbox-1561692331552{ position:absolute; top:0px; left:0px; z-index:1; width:1920px; height:928px; } #w_img-1561706591598{ position:fixed; top:30px; left:100px; bottom:auto; right:auto; transform:none; width:316px; height:60px; z-index:4; content:"lt"; max-width:none; min-width:0px; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; -webkit-transform:none; } #w_rbox-1565235884048{ position:absolute; top:10.5px; left:320px; z-index:2; width:1280px; height:223px; } #w_rbox-1561693246843{ position:absolute; top:0px; left:900px; z-index:1; width:1142px; height:1100px; } #w_rbox-1561693941299{ position:absolute; top:-74px; left:901px; z-index:1; width:1142px; height:1100px; } #w_rbox-1564730861058{ position:absolute; top:-75px; left:950px; z-index:102; width:1142px; height:625px; } #w_rbox-1567413332122{ position:absolute; top:-51px; left:900px; z-index:103; width:1142px; height:1100px; } #w_rbox-1564731219892{ position:absolute; top:-65px; left:900px; z-index:101; width:1142px; height:1100px; } #w_img-1561692614073{ position:absolute; top:224px; left:350px; z-index:2; width:474px; height:139px; } #w_common_text-1561692792746{ position:absolute; top:416px; left:362px; z-index:4; width:1083px; height:96px; } #w_hline-1561692667263{ position:absolute; top:377px; left:362px; z-index:3; width:397px; height:39px; } #w_common_text-1561692933631{ position:absolute; top:535px; left:364px; z-index:6; width:741px; height:168px; } #w_common_text-1574040954562{ position:absolute; top:69px; left:60px; z-index:3; width:634px; height:156px; } #w_common_text-1574041556882{ position:absolute; top:153px; left:59px; z-index:3; width:634px; height:156px; } #w_img-1567413332160{ position:absolute; top:670px; left:64px; z-index:3; width:629px; height:129px; } #w_common_text-1574041795919{ position:absolute; top:130px; left:64px; z-index:6; width:634px; height:192px; } #w_img-1565774092295{ position:absolute; top:662px; left:66px; z-index:3; width:629px; height:129px; } #w_common_text-1574042019073{ position:absolute; top:151.5px; left:66px; z-index:4; width:634px; height:165px; } #w_common_text-1565235884065{ position:absolute; top:85px; left:163px; z-index:6; width:477px; height:56px; } #w_imgbtn-1565235884078{ position:absolute; top:19px; left:556px; z-index:16; width:42px; height:42px; } #w_imgbtn-1565235884095{ position:absolute; top:19px; left:618.5px; z-index:17; width:42px; height:42px; } #w_imgbtn-1565235884107{ position:absolute; top:19px; left:681px; z-index:18; width:42px; height:42px; } #w_common_text-1565235884114{ position:absolute; top:175px; left:158px; z-index:19; width:965px; height:34px; } #w_common_text-1565235884121{ position:absolute; top:85px; left:653px; z-index:20; width:470px; height:84px; }