.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: #faf9ed; } .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_breadcrumb_nav-02001 .p_breadcrumbCurrent{ font-size: 0; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent .font{ display: inline-block; font-size: 14px; color: #666; height: 30px; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumb{ font-size: 14px; color: #65beba; } .c_breadcrumb_nav-02001 .p_breadcrumb{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumb>a>.font{ display: inline-block; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumb>a{ color: inherit; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox>a>.font:hover{ text-decoration: none; } .c_breadcrumb_nav-02001 .p_breadcrumb>a>.font:hover{ text-decoration: underline; } .c_breadcrumb_nav-02001 .p_breadcrumb .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumb .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox:hover>a>.font{ border: 1px solid #65beba; border-bottom: 1px solid transparent; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox .after{ margin-right: 5px; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox .after:before{ content: "\e69a"; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox:hover .after:before{ content: "\e69c"; } .e_title.c_breadcrumb_nav-02001 .p_sortLink{ display:inline-block; padding:0; color:rgba(101, 190, 186,1); font-size:14px; text-align:left; } .e_title.c_breadcrumb_nav-02001 .p_sortLink{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_breadcrumb_nav-02001 .p_sortLink:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; } a>.e_title.c_breadcrumb_nav-02001 .p_sortLink:active{ color:rgba(69, 165, 161,1); font-weight:400; } a>.e_title.c_breadcrumb_nav-02001 .p_sortLink:active{ text-decoration:none; margin-top:0; } .e_title.c_breadcrumb_nav-02001 .p_sortLink .iconfont:before{ display: inline-block; content:""; } .c_breadcrumb_nav-02001 .p_content{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond{ font-size: 14px; color: #65beba; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond>a>.font{ display: inline-block; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond>a{ color: inherit; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox>a>.font:hover{ text-decoration: none; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond>a>.font:hover{ text-decoration: underline; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox:hover>a>.font{ border: 1px solid #65beba; border-bottom: 1px solid transparent; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox .after{ margin-right: 5px; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox .after:before{ content: "\e69a"; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox:hover .after:before{ content: "\e69c"; } .c_breadcrumb_nav-02001 .p_end{ display:inline-block; margin:0; padding:0; text-align:left; color:rgba(51,51,51,1); font-size:14px; font-weight:400; } .c_breadcrumb_nav-02001 .p_end .font{ white-space:nowrap; vertical-align:middle; text-align:inherit; line-height: 14px; } .c_breadcrumb_nav-02001 .p_end .iconfont:before{display: inline-block;content:"";shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst{ font-size: 14px; color: #65beba; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst>a>.font{ display: inline-block; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst>a{ color: inherit; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox>a>.font:hover{ text-decoration: none; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst>a>.font:hover{ text-decoration: underline; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox:hover>a>.font{ border: 1px solid #65beba; border-bottom: 1px solid transparent; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox .after{ margin-right: 5px; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox .after:before{ content: "\e69a"; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox:hover .after:before{ content: "\e69c"; } .c_breadcrumb_nav-02001 .p_breadcrumbList{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_breadcrumb_nav-02001{position:absolute; width:1180px; height:30px; overflow: visible;font-size: 0;} .c_breadcrumb_nav-02001 .p_breadcrumbList{ width: auto; height: auto; overflow: visible; background-color: transparent; } .c_breadcrumb_nav-02001 .p_breadcrumbList>a{ display: inline-block; } .c_breadcrumb_nav-02001 .p_CurrentBox{ color: #666; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst .before:before{ content: "\e68a"; } .c_breadcrumb_nav-02001 .p_content{ width: 240px; position: absolute; border: 1px solid #65beba; padding: 9px 7px 9px 7px; font-size: 0; display: none; height: auto; background: #fff; } .c_breadcrumb_nav-02001 .contentBox:hover .p_content{ display: block; } .c_breadcrumb_nav-02001 .p_sortLink{ color: #65beba; display: inline-block; margin: 9px 7px 9px 7px; cursor: pointer; font-size: 14px; } .c_breadcrumb_nav-02001 .p_sortLink .font{ line-height: 14px; font-weight: normal; } .c_breadcrumb_nav-02001 .p_sortLink:hover{ text-decoration: underline; font-weight: normal; } .c_breadcrumb_nav-02001 .p_sortLink.current{ color: #bcbcbc; } .c_breadcrumb_nav-02001 .p_sortLink.current:hover{ text-decoration: none; font-weight: normal; } .c_breadcrumb_nav-02001 .p_sortLink.current .font{ text-decoration: none; font-weight: normal; cursor: default; } .c_breadcrumb_nav-02001 .p_end{ margin-right: 6px; margin-left: 6px; vertical-align: middle; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent{ }.c_breadcrumb_nav-02001 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_breadcrumb_nav-02001 >div{animation-fill-mode:both; }.c_breadcrumb_nav-02001 .p_breadcrumbFirst .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_public_htmlCode-01001029{ position:absolute; width:200px; height:390px; } .pro_index ul li{ list-style:none; } .pro_index li{ width:205px; height:150px; float:left; text-align:center; margin:0 5px; } .pro_index li a{ background:#ececec; display:block; box-shadow: rgba(0,0,0,.2)1px 1px 2px; padding: 20px 0; } .pro_index li a:hover{ background:#fff; box-shadow: rgba(2,82,73,.3)0px 0px 30px; } .pro_index h1{ font-weight:normal; font-size:18px; color:#4c4c4c; font-family:微软雅黑; margin:0; } .pro_index a{ text-decoration:none; font-size:18px; c olor:#4c4c4c; } .back { position:fixed;bottom:150px; right:1px;z-index:999999999} .back a{ background:#ffad31; border:solid 1px #f90; color:#fff; padding:20px 10px; font-size:16px; transition:all 0.6s ease 0s; } .back a:hover{ background:#f60; border:solid 1px #f60; color:#fff; text-decoration:none; transition:all 0.6s ease 0s; } .top { position:fixed;bottom:215px; right:1px;z-index:999999999} .top a{ background:#ffd200; border:solid 1px #ffba00; color:#fff; padding:20px 15px; font-size:16px; transition:all 0.6s ease 0s; } .top a:hover{ background:#f60; border:solid 1px #f60; color:#fff; text-decoration:none; transition:all 0.6s ease 0s; } .anli{ width:100%; overflow:hidden; } .left{ width:50%; float:left; height:100%;overflow:hidden;} .left1{ width:100%; float:none;overflow:hidden;} .right{ width:50%; float:left;height:100%; overflow:hidden;} .right1{ width:100%; float:none; overflow:hidden;} .tu{ width:50%; float:left;} .left_text{ width:50%; float:left; height:auto; } .left_text h1{ font-family:微软雅黑; font-size:20px; color:#262626; font-weight:normal;} .left_text h2{ font-family:微软雅黑; font-size:14px; color:#888; line-height:25px; font-weight:normal;} .right_text{width:50%; float:left; height:auto;} .right_text h1{font-family:微软雅黑; font-size:20px; color:#fff; font-weight:normal; padding:5%;} .tu_text{ width:50%; float:left; overflow:hidden;} .tu_text a img{transition:all 0.2s ease 0s; } .tu_text a img:hover{ transform:scale(1.2); transition:all 0.5s ease 0s; opacity: 1; } .effects .img { position: relative; float: left; overflow: hidden;} .overlay { display: block; position: absolute; z-index: 20; background: rgba(0, 0, 0, 0.8); overflow: hidden; transition: all 0.5s; text-align:center; color:#FFF; } .overlay h2{PADDING-top:50px;} .overlay a{text-decoration:none;} a.expand { display: block; position: absolute; z-index: 100; border: solid 5px #fff; text-align: center; color: #fff; font-weight: 700; font-size: 30px; border-radius: 50px; font-family:"Microsoft YaHei", sans-serif; } #effect-5 .overlay { top: 0; bottom: 0; left: 0; right: 0; opacity: 0; margin:0px; } #effect-5 .overlay a.expand { top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 100%; border-radius: 0; transition: all 0.5s; } #effect-5 .img.hover .overlay {opacity: 1;} #effect-5 .img.hover .overlay a.expand { width: 60px; height: 60px; border-radius: 50px; line-height:50px; } .grid figure { position: relative; float: left; overflow: hidden; background: #000; text-align: center; cursor: pointer; margin: 0px; } .grid figure img { position: relative; display: block; opacity: 1; } .grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; } .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } figure.effect-lily img { max-width: none; opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.1); transform: scale(1.1); } figure.effect-lily figcaption { text-align: left; } figure.effect-lily figcaption > div { position: absolute; bottom: 0; left: 0; padding:20px; width: 100%; height: 150px; background: rgba(0,0,0,.7); } figure.effect-lily h2, figure.effect-lily p { -webkit-transform: translate3d(0,30px,0); transform: translate3d(0,30px,0); } figure.effect-lily h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; font-family:微软雅黑; font-size:20px; font-weight:normal; margin:0; margin-bottom:20px; } figure.effect-lily p { color: rgba(255,255,255,0.8); opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s; font-family:微软雅黑; font-size:14px; } figure.effect-lily:hover img, figure.effect-lily:hover p { opacity: 1; } figure.effect-lily:hover img, figure.effect-lily:hover h2, figure.effect-lily:hover p { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-lily:hover p { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } figure.effect-sadie figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); content: ''; opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); } figure.effect-sadie h2 { position: absolute; top: 30%; left: 0; color: #000; -webkit-transition: -webkit-transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); font-family:微软雅黑; font-size:20px; font-weight:normal; padding-left: 30px; } figure.effect-sadie figcaption::before, figure.effect-sadie p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; top: 35%; } figure.effect-sadie p { position: absolute; bottom: 0; left: 0; padding: 2em; width: 100%; opacity: 0; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); font-family:微软雅黑; font-size:14px; padding:0 30px; line-height:1.75; text-align:left; color:#333; max-width:410px; } figure.effect-sadie:hover h2 { color: #000; -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0); transform: translate3d(0,-50%,0) translate3d(0,-40px,0); } figure.effect-sadie:hover figcaption::before , figure.effect-sadie:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .overlay h2{} .items-apply-block { height: 400px; background-color: #373D41; } .main-wrap { width: 1200px !important; margin: 0 auto; position: relative; transition: all .3s ease; } .flex-row { display: flex; flex-direction: row; justify-content: center; align-items: center; } .items-apply .item { flex: 1; text-align: center; position: relative; height: 400px; background: no-repeat center; background-image: none; background-size: auto auto; background-size: 100% auto; } .items-apply .item::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, .6); transition: all .4s cubic-bezier(.4, 0, .2, 1); } .items-apply .item { text-align: center; } .items-apply .item a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .items-apply .item .img-block { position: relative; margin-top: 120px; transition: all .4s cubic-bezier(.4, 0, .2, 1); } .img-block { margin: 0 auto; margin-top: 0px; display: block; } .img-block img { display: block; margin: 0 auto; max-width: 100%; } .items-apply .item-title { font-size: 20px; font-weight: bold; color: #fff; padding: 20px 0; position: relative; } .items-apply .item-title::before { content: ""; position: relative; display: block; width: 20px; border-bottom: 2px solid #fff; margin: 0 auto 20px; transition: all .4s cubic-bezier(.4, 0, .2, 1); } .items-apply .item-title { font-size: 20px; font-weight: bold; color: #fff; } .items-apply .item-p-block { position: relative; transition: all .4s cubic-bezier(.4, 0, .2, 1); opacity: 0; margin-top: 10px; } .items-apply .item-p { color: #fff; font-size: 16px; margin-bottom: 5px; } .items-apply .item { text-align: center; } v .main-wrap { width: 1200px !important; margin: 0 auto; position: relative; transition: all .3s ease; } .item { flex: 1; text-align: center; position: relative; height: 400px; background: no-repeat center; background-size: 100% auto; } .flex-row { display: flex; flex-direction: row; justify-content: center; align-items: center; } .items-apply-block { height: 400px; background-color: rgba(255, 255, 255, 0); } .item-title { font-size: 20px; font-weight: bold; color: #fff; padding: 20px 0; position: relative; } .item:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, .35); transition: all .4s cubic-bezier(.4, 0, .2, 1); } .item:hover:before { background-color: rgba(185, 40, 34, .9); } .item-1 { background-image: url(http://static202.yun300.cn/img/11.jpg?tenantId=101878&viewType=1&v=1745736860000); } .item-2 { background-image: url(http://static202.yun300.cn/img/12.jpg?tenantId=101878&viewType=1&v=1745736860000); } .item-3 { background-image: url(http://static202.yun300.cn/img/13.jpg?tenantId=101878&viewType=1&v=1745736860000); } .item-4 { background-image: url(http://static202.yun300.cn/img/17.jpg?tenantId=101878&viewType=1&v=1745736860000); } .item-5 { background-image: url(http://static202.yun300.cn/img/014.jpg?tenantId=101878&viewType=1&v=1745736860000); } .item-title:before { content: ""; position: relative; display: block; width: 20px; border-bottom: 2px solid #fff; margin: 0 auto 20px; transition: all .4s cubic-bezier(.4, 0, .2, 1); } .item:hover .item-title:before { opacity: 0; margin-bottom: 0; } .item .img-block { position: relative; margin-top: 120px; transition: all .4s cubic-bezier(.4, 0, .2, 1); } .item:hover .img-block { margin-top: 96px; } .item-p-block { position: relative; transition: all .4s cubic-bezier(.4, 0, .2, 1); opacity: 0; margin-top: 10px; } .item:hover .item-p-block { display: block; opacity: 1; margin-top: 0; } .items-case .flex-row { justify-content: space-between; margin-top: -1px; } .items-case .item { height: 90px; margin: 0; flex: 1; margin-left: -1px; position: relative; border: 1px solid #eee; transition: all .3s ease; } .items-case .item:hover { z-index: 1; border-color: #b92822; } .items-case .item a { display: block; height: 100%; } .items-case .item img { transition: all .3s ease; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .items-case .item .img-b { opacity: 0; visibility: hidden; } .items-case .item:hover .img-a { opacity: 0; visibility: hidden; } .items-case .item:hover .img-b { opacity: 1; visibility: visible; } .items-note { height: 100px; background: url(http://static202.yun300.cn/images/index/img-itms-note-bg.png?tenantId=101878&viewType=1&v=1745736860000) no-repeat center bottom; padding: 90px 0 0; } .items-note .item-p { color: #fff; font-size: 18px; line-height: 20px; } .item-p { color: #fff; font-size: 16px; line-height: 10px !important; margin-bottom: 0px !important; TEXT-DECORATION: none !important; } .item-p { color: #fff; font-size: 16px; line-height: 28px !important; margin-bottom: 0px !important; TEXT-DECORATION: none !important; } .hover-img:hover > img, .hover-img:active > img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -transform: scale(1.1); } .hover-img > img, .hover-img:hover > img, .hover-img:active > img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } img { border: 0; vertical-align: middle; max-width: 100%; } .term-content { width: 100%; height: 12vw; float: left; } .term-content { float: left; width: 20%; height: 12vw;position: relative; } .hover-img { overflow: hidden; float: left; } .term-content img { float: left; width: 100%; height: 12vw; position: relative; } .term-content img { width: 100%; float: left; height: 12vw; } .term-list{ width: 100%; height: 300PX; PVERFLOW:HIDDEN; POSITION:ABSOLUTE; Z-INDEX:1001; float: left; } .text/javascript{ width: 100%; height: 300PX; PVERFLOW:HIDDEN; POSITION:ABSOLUTE; Z-INDEX:1001; float: left;}.c_intro_category-01001002 .p_succ{ width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color:#F7FBFB; border: 2px solid #65beba; font-size: 22px; position: absolute; z-index: 9999999999; } .c_intro_category-01001002 .p_succ .iconfont{ height: auto; color: #A2D465; margin-right:20px; display: inline-block; margin-left: 40px; } .c_intro_category-01001002 .p_succ .iconfont:before{ content: "\e648"; } .c_intro_category-01001002 .p_succ .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_intro_category-01001002 .p_succ .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_intro_category-01001002 .p_succ .assistfont{ display: none; } .c_intro_category-01001002 .p_succ .closebtn { display: none; } .c_intro_category-01001002 .p_fail{ width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color:#FDFCF3; border: 2px solid #FFDC90; font-size: 22px; position: absolute; z-index: 99999999999; } .c_intro_category-01001002 .p_fail .iconfont{ height: auto; color: #FF0000; margin-right:20px; display: inline-block; margin-left: 40px; } .c_intro_category-01001002 .p_fail .iconfont:before{ content: "\e641"; } .c_intro_category-01001002 .p_fail .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_intro_category-01001002 .p_fail .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_intro_category-01001002 .p_fail .assistfont{ font-size: 14px; color: #999999; margin-top: 5px; } .c_intro_category-01001002 .p_fail .closebtn { font-size: 14px; color: #65beba; position: absolute; right: 15px; bottom: 15px; } .c_intro_category-01001002 .p_fail .closebtn:hover{ cursor: pointer; }.c_intro_category-01001002 .p_PromptNoneData{ width: auto; background-color: inherit; text-align: center; } .c_intro_category-01001002 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_intro_category-01001002 .p_PromptNoneData .prompt_title .first{ height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .c_intro_category-01001002 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .c_intro_category-01001002 .p_PromptNoneData .prompt_title .first:before{ content: "\e6b4"; } .c_intro_category-01001002 .p_PromptNoneData .prompt_title .font{ font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51,51,51,1); font-weight: bold; text-align: left; } .c_intro_category-01001002 .p_PromptNoneData .promptbox{ width: auto; height: 100%; } .c_intro_category-01001002 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105,1); padding-left: 65px; } .c_intro_category-01001002 .p_CategoryIcon{ display:table-cell; vertical-align:middle; background-color:rgba(255,255,255,0); border-color:rgba(255,255,255,0); border-style: solid; border-width: 0; color:rgba(101, 190, 186,1); height:auto; width:20px; padding-left:0; padding-right:0; position:static; padding-top:0; text-align: center; font-size:14px; color:rgba(217,217,217,1); } .c_intro_category-01001002 .p_CategoryIcon:hover{ border-width: 0; border-style: solid; color:rgba(101, 190, 186,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; } .c_intro_category-01001002 .p_CategoryIcon:active{ border-width: 0; border-style: solid; color:rgba(101, 190, 186,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; } .c_intro_category-01001002 .p_CategoryIcon .iconfont{ display:inline-block; } .c_intro_category-01001002 .p_CategoryIcon .iconfont:before{ content:"\e669"; } .c_intro_category-01001002 .p_ListlineA{ height:0; width:100%; border-top-width: 1px; border-top-style: solid; border-top-color:rgba(240,240,240,1); opacity:1; filter:alpha(opacity:100); } .c_intro_category-01001002 .p_infoA{ display:inline-block; margin:0; padding-bottom:5px; padding-left:5px; padding-right:5px; padding-top:5px; color:rgba(0, 0, 0,1); font-size:14px; text-align:left; } .c_intro_category-01001002 .p_infoA .font{ vertical-align:middle; line-height: 19px; } a>.c_intro_category-01001002 .p_infoA:hover{ color:rgba(87, 178, 173,1); cursor:pointer; } .c_intro_category-01001002 .p_infoA .iconfont:before{ content:""; } .c_intro_category-01001002 .p_articlesD{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_intro_category-01001002 .p_CategoryIconZ{ display:table-cell; position:relative; z-index:3; vertical-align:middle; background-color:rgba(255,255,255,0); border-color:rgba(255,255,255,0); border-style: solid; border-width: 0; color:rgba(101, 190, 186,1); width:20px; height:auto; padding-left:0; padding-right:0px; padding-top:0; text-align: center; font-size:14px; } .c_intro_category-01001002 .p_CategoryIconZ:hover{ border-width: 0; border-style: solid; color:rgba(101, 190, 186,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; } .c_intro_category-01001002 .p_CategoryIconZ:active{ border-width: 0; border-style: solid; color:rgba(101, 190, 186,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; } .c_intro_category-01001002 .p_CategoryIconZ .iconfont{ display:inline-block; } .c_intro_category-01001002 .p_CategoryIconZ .iconfont:before{ content:"\e6b2"; } .c_intro_category-01001002 .p_CategoryIconZ.active .iconfont:before{ content:"\e6b5"; } .c_intro_category-01001002 .p_articlesC{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_intro_category-01001002 .p_Listline{ height:0; width:100%; border-top-width: 0px; border-top-style: solid; border-top-color:rgba(240,240,240,1); opacity:1; filter:alpha(opacity:100); } .c_intro_category-01001002 .p_info{ display:inline-block; margin:0; padding-bottom:5px; padding-left:5px; padding-right:5px; padding-top:5px; color:rgba(0, 0, 0,1); font-size:16px; text-align:left; } .c_intro_category-01001002 .p_info .font{ vertical-align:middle; line-height: 19px; } .c_intro_category-01001002 .p_info:hover{ color:#fff; } a>.c_intro_category-01001002 .p_info:hover{ color:rgba(87, 178, 173,1); cursor:pointer; } .c_intro_category-01001002 .p_info .iconfont:before{ content:""; } .e_title.c_intro_category-01001002 .p_link{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.c_intro_category-01001002 .p_link{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_intro_category-01001002 .p_link:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.c_intro_category-01001002 .p_link:active{ color:#60a9d7; font-weight:400; } a>.e_title.c_intro_category-01001002 .p_link:active{ text-decoration:none; margin-top:0; } .e_title.c_intro_category-01001002 .p_link .iconfont:before{ display: inline-block; content:""; } .c_intro_category-01001002 .p_articlesB{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_intro_category-01001002 .p_CategoryIconA{ display:table-cell; position:relative; z-index:3; vertical-align:middle; background-color:rgba(255,255,255,0); border-color:rgba(255,255,255,0); border-style: solid; border-width: 0; color:rgba(101, 190, 186,1); width:20px; height:auto; padding-left:0; padding-right:0px; padding-top:0; text-align: center; font-size:14px; } .c_intro_category-01001002 .p_CategoryIconA:hover{ border-width: 0; border-style: solid; color:rgba(101, 190, 186,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; } .c_intro_category-01001002 .p_CategoryIconA:active{ border-width: 0; border-style: solid; color:rgba(101, 190, 186,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; } .c_intro_category-01001002 .p_CategoryIconA .iconfont{ display:inline-block; } .c_intro_category-01001002 .p_CategoryIconA .iconfont:before{ content:"\e6b2"; } .c_intro_category-01001002 .p_CategoryIconA.active .iconfont:before{ content:"\e6b5"; } .c_intro_category-01001002 .p_articlesA{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_intro_category-01001002 .p_articles{margin:0px; width: 150px;display:inline-block;height:42px;margin-right:0px; padding:0;border-width:1px;border-style: none;border-color:rgba(228,228,228,0);background-color:#e6dfc9;overflow: hidden;margin-top:0px; margin-bottom:0px; margin-left:0px; } .c_intro_category-01001002 .p_category{ margin:0; width: 880px; height:auto; padding:0; border-width:1px; border-style:none; border-color:rgba(255, 255, 255,1); background-color:transparent; white-space:nowrap; } .c_intro_category-01001002{ position:absolute; width:280px; height:360px; overflow: hidden; } .c_intro_category-01001002 .p_category{ width:auto; height:auto; } .c_intro_category-01001002 .p_articlesBox{ height:auto; text-align:center; } .c_intro_category-01001002 .p_articles{ height:auto; } .c_intro_category-01001002 .p_articlesA{ height:auto; width:100%; padding-bottom:7px; padding-left:10px; padding-right:10px; padding-top:7px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; align-items:center; } .c_intro_category-01001002 .p_articlesA:hover{ background-color:rgb(187, 28, 33); color:#000; cursor:pointer; } .c_intro_category-01001002 .p_articlesA.active{ background-color:rgba(231, 234, 5, 0.08); color:#000; cursor:pointer; } .c_intro_category-01001002 .p_articlesC{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display:flex; height:auto; width:100%; padding-bottom:7px; padding-left:10px; padding-right:10px; padding-top:7px; align-items:center; } .c_intro_category-01001002 .p_articlesC:hover{ background-color:rgba(239, 248, 248,1); color:rgba(101,190,186,1); cursor:pointer; } .c_intro_category-01001002 .p_articlesC.active{ background-color:rgba(239, 248, 248,1); color:rgba(101,190,186,1); cursor:pointer; } .c_intro_category-01001002 .p_CommonBtn{ display:table-cell; height:auto; width:14px; vertical-align:middle; margin-right:10px; } .c_intro_category-01001002 .p_image{ background:none; display:inline-block; width:27px; height:auto; } .c_intro_category-01001002 .p_imageA{ background:none; display:inline-block; width:27px; height:auto; vertical-align:middle; } .c_intro_category-01001002 .p_articlesB{ display:block; height:auto; width:auto; -moz-box-flex: 1; -webkit-box-flex: 1; -ms-box-flex: 1; box-flex: 1; flex:1; } .c_intro_category-01001002 .p_articlesB .font{ white-space: normal; overflow: hidden; } .c_intro_category-01001002 .p_articlesD{ -moz-box-flex: 1; -webkit-box-flex: 1; -ms-box-flex: 1; box-flex: 1; flex:1; display:block; height:auto; width:auto; } .c_intro_category-01001002 .p_link{ color:inherit; display:block; vertical-align: middle; overflow:hidden; width:inherit; } .c_intro_category-01001002 .p_linkA{ color:inherit; display:table-cell; margin-top:5px; } .c_intro_category-01001002 .p_info{ display:block; height:auto; width: inherit; padding-top: 2px; } .c_intro_category-01001002 .p_articles .p_info .font{ color:inherit; overflow: hidden; white-space: normal; } .c_intro_category-01001002 .p_articles:hover .p_info .font{ color:inherit; } .c_intro_category-01001002 .p_infoA{ display:block; height:auto; width: inherit; padding-top: 2px; } .c_intro_category-01001002 .p_articles .p_infoA .font{ white-space: normal; overflow: hidden; } .c_intro_category-01001002 .p_articles:hover .p_infoA .font{ color:inherit; } .c_intro_category-01001002 .p_num{ display:table-cell; height:auto; width:50px; vertical-align:middle; } .c_intro_category-01001002 .p_numA{ display:table-cell; height:auto; width:50px; vertical-align:middle; } .c_intro_category-01001002 .p_articlesD .p_Listline{ margin-left:-31px; } .c_intro_category-01001002 .p_articlesD .p_articlesB{ padding-left:31px; } .c_intro_category-01001002 .p_articlesE{ height:auto; width:auto; } .c_intro_category-01001002 .p_articlesE .p_Listline{ margin-left:-51px; } .c_intro_category-01001002 .p_articlesE .p_articlesB{ padding-left:42px; } .c_intro_category-01001002 .p_CategoryIconA .iconfont:before{ content: '\e6b2'; } .c_intro_category-01001002 .p_CategoryIconZ .iconfont:before{ content: '\e6b5'; } .c_intro_category-01001002 .p_CategoryIcon .iconfont:before{ content: '\e669'; } .c_intro_category-01001002 .p_CategoryIcon{ display: inline-block; } .c_intro_category-01001002 .p_CategoryIconA{ display: inline-block; } .c_intro_category-01001002 .p_CategoryIconZ{ display: inline-block; }.c_intro_category-01001002 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_intro_category-01001002 >div{animation-fill-mode:both; }.w_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; }.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; } *{ padding: 0; margin: 0; }.pagebox,#-remove--flag{}body,#-remove--flag{}#c_breadcrumb_nav-1543911493426{ position:absolute; top:5px; left:356px; z-index:1; width:1180px; height:30px; }#c_intro_category-1543911493431 .p_CategoryIconA .iconfont:before{content:''; }#c_intro_category-1543911493431 .p_CategoryIconZ .iconfont:before{content:''; }#c_intro_category-1543911493431 .p_CategoryIcon .iconfont:before{content:''; }#c_intro_category-1543911493431 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }#c_intro_category-1543911493431 .p_MatteIcon .iconfont:before{content:'\e602'; }#c_intro_category-1543911493431 >div{animation-fill-mode:both; }#c_intro_category-1543911493431{ position:absolute; top:10px; left:356px; z-index:1; width:1199px; height:38px; }#c_public_htmlCode-15439731967375875 .p_MatteIcon .iconfont:before{content:'\e602'; }#c_public_htmlCode-15439731967375875 .fen_box{width:1200px; margin:0px auto; height:500px; background:#red; overflow:hidden; }#c_public_htmlCode-15439731967375875 .fen_box ul li{display:block; width:220px; height:435px; float:left; margin:0px 10px; position:relative; overflow:hidden; }#c_public_htmlCode-15439731967375875 .fen_box ul li .itu{width:220px; height:300px; background:#0C0; position:absolute; top:0px; left:0px; transition:all 0.5s; }#c_public_htmlCode-15439731967375875 .fen_box ul li .izi{width:220px; height:300px; background:#fafafa; overflow:hidden; position:absolute; top:300px; left:0px; transition:all 0.5s; }#c_public_htmlCode-15439731967375875 .fen_box ul li .izi h4{font-size:40px; color:#333; line-height:80px; text-align:center; }#c_public_htmlCode-15439731967375875 .fen_box ul li .izi h4:hover{color:#fff; }#c_public_htmlCode-15439731967375875 .fen_box ul li .izi p{font-size:16px; color:#444; line-height:50px; text-align:center; }#c_public_htmlCode-15439731967375875 .fen_box ul li .izi span{font-size:14px; color:#fff; line-height:32px; text-align:left; display:block; width:200px; margin:0px auto; }#c_public_htmlCode-15439731967375875 .fen_box ul li:hover .izi{top:200px; background:#bc1c21; color:#fff; }#c_public_htmlCode-15439731967375875{ position:absolute; top:69px; left:0px; z-index:1; width:1200px; height:450px; } #w_wbox-1543911493116 .p_wbox{ background-image:url(../image/gsjs.jpg); background-image-part-image:url(../image/gsjs.jpg); } #w_wbox-1543911493116 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1543911493116 >div{ animation-fill-mode:both; } #w_wbox-1543911493136 .p_wbox{ background-color:rgba(230, 223, 201, 1); } #w_wbox-1543911493136 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1543911493136 >div{ animation-fill-mode:both; } #w_rbox-1543911493126 div.w_rbox>.p_rbox{ background-color:rgba(0, 0, 0, 0.3); } #w_rbox-1543911493126 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1543911493126 >div{ animation-fill-mode:both; } #w_rbox-1543975480531 div.w_rbox>.p_rbox{ background-color:rgba(188, 28, 33, 1); } #w_rbox-1543975480531 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1543975480531 >div{ animation-fill-mode:both; } #w_rbox-1543975827621 div.w_rbox>.p_rbox{ background-color:rgba(188, 28, 33, 1); } #w_rbox-1543975827621 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1543975827621 >div{ animation-fill-mode:both; } #w_hline-1543911493176 .p_HLine{ border-top-color:rgba(0, 0, 0, 0.3); border-top-style:solid; } #w_hline-1543911493176 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_hline-1543911493176 >div{ animation-fill-mode:both; } #w_img-1543911493166 .p_link001{ height:calc(100%); } #w_img-1543911493166 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1543911493166 >div{ animation-fill-mode:both; } #w_hline-1543911493186 .p_HLine{ border-top-color:rgba(0, 0, 0, 0.3); border-top-style:solid; } #w_hline-1543911493186 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_hline-1543911493186 >div{ animation-fill-mode:both; } #w_img-1543911493156 .p_link001{ height:calc(100%); } #w_img-1543911493156 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1543911493156 >div{ animation-fill-mode:both; } #w_common_text-1543974383964 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1543974383964 >div{ animation-name:fadeInUp; animation-duration:0.5s; animation-delay:0s; animation-fill-mode:both; } #w_common_text-1543974383964 .p_link001{ height:calc(100%); } #w_common_text-1543974985659 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1543974985659 >div{ animation-name:fadeInUp; animation-duration:0.5s; animation-delay:0s; animation-fill-mode:both; } #w_common_text-1543974985659 .p_link001{ height:calc(100%); } #w_common_text-1543975013089 .p_link001{ height:calc(100%); } #w_img-1543975053694 .p_link001{ height:calc(100%); } #w_img-1543975053694 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1543975053694 >div{ animation-fill-mode:both; } #w_common_text-1543975389378 .p_link001{ height:calc(100%); } #w_common_text-1543975389360 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1543975389360 >div{ animation-name:fadeInUp; animation-duration:0.5s; animation-delay:0s; animation-fill-mode:both; } #w_common_text-1543975389360 .p_link001{ height:calc(100%); } #w_common_text-1543975827642 .p_link001{ height:calc(100%); } #w_common_text-1543975827652 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1543975827652 >div{ animation-name:fadeInUp; animation-duration:0.5s; animation-delay:0s; animation-fill-mode:both; } #w_common_text-1543975827652 .p_link001{ height:calc(100%); } #w_img-1543975389368 .p_link001{ height:calc(100%); } #w_img-1543975389368 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1543975389368 >div{ animation-fill-mode:both; } #w_img-1543975833747 .p_link001{ height:calc(100%); } #w_img-1543975833747 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1543975833747 >div{ animation-fill-mode:both; } #w_img-1543977016958 .p_link001{ height:calc(100%); } #w_img-1543977016958 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1543977016958 >div{ animation-fill-mode:both; } #w_img-1543977016928 .p_link001{ height:calc(100%); } #w_img-1543977016928 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1543977016928 >div{ animation-fill-mode:both; } #w_img-1543977016977 .p_link001{ height:calc(100%); } #w_img-1543977016977 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1543977016977 >div{ animation-fill-mode:both; } #w_img-1543977016913 .p_link001{ height:calc(100%); } #w_img-1543977016913 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1543977016913 >div{ animation-fill-mode:both; } #w_img-1543977016944 .p_link001{ height:calc(100%); } #w_img-1543977016944 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1543977016944 >div{ animation-fill-mode:both; } #w_img-1543977167627 .p_link001{ height:calc(100%); } #w_img-1543977167627 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1543977167627 >div{ animation-fill-mode:both; } #w_img-1543977167642 .p_link001{ height:calc(100%); } #w_img-1543977167642 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1543977167642 >div{ animation-fill-mode:both; } #w_img-1543977167657 .p_link001{ height:calc(100%); } #w_img-1543977167657 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1543977167657 >div{ animation-fill-mode:both; } #w_img-1543977167674 .p_link001{ height:calc(100%); } #w_img-1543977167674 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1543977167674 >div{ animation-fill-mode:both; } #w_img-1543977177820 .p_link001{ height:calc(100%); } #w_img-1543977177820 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1543977177820 >div{ animation-fill-mode:both; } #w_wbox-1543911493116{ position:absolute; top:100px; left:-353px; z-index:108; width:1906px; height:400px; } #w_wbox-1543911493136{ position:absolute; top:500px; left:-353px; z-index:107; width:1906px; height:60px; } #w_rbox-1543911493146{ position:absolute; top:608.5px; left:0px; z-index:106; width:1200px; height:120px; } #w_rbox-1543973190828{ position:absolute; top:756px; left:0px; z-index:104; width:1200px; height:540px; } #w_rbox-1543975079928{ position:absolute; top:1275px; left:0px; z-index:103; width:1200px; height:446px; } #w_rbox-1543975389352{ position:absolute; top:1752.5px; left:0px; z-index:102; width:1200px; height:599px; } #w_rbox-1543977016903{ position:absolute; top:2351.5px; left:0px; z-index:100; width:1200px; height:1514px; } #w_rbox-1543911493126{ position:absolute; top:360px; left:0px; z-index:100; width:1920px; height:40px; } #w_rbox-1543975480531{ position:absolute; top:43px; left:600px; z-index:100; width:600px; height:250px; } #w_rbox-1543975827621{ position:absolute; top:293px; left:0px; z-index:103; width:600px; height:250px; } #w_hline-1543911493176{ position:absolute; top:22.5px; left:730px; z-index:4; width:470px; height:27px; } #w_img-1543911493166{ position:absolute; top:7.5px; left:592px; z-index:6; width:20px; height:30px; } #w_common_text-1543911493306{ position:absolute; top:4.5px; left:619px; z-index:3; width:127px; height:35px; } #w_common_text-1543911493311{ position:absolute; top:44.5px; left:487px; z-index:5; width:230px; height:19px; } #w_hline-1543911493186{ position:absolute; top:22.5px; left:0px; z-index:1; width:470px; height:27px; } #w_common_text-1543911493316{ position:absolute; top:4.5px; left:456px; z-index:2; width:127px; height:35px; } #w_img-1543911493156{ position:absolute; top:71px; left:576px; z-index:7; width:55px; height:31px; } #w_common_text-1543974383964{ position:absolute; top:0px; left:500px; z-index:4; width:208px; height:38px; } #w_common_text-1543974985659{ position:absolute; top:40.5px; left:496px; z-index:1; width:208px; height:38px; } #w_common_text-1543975013089{ position:absolute; top:374px; left:0px; z-index:3; width:1200px; height:37px; } #w_img-1543975053694{ position:absolute; top:108px; left:0px; z-index:2; width:1200px; height:250px; } #w_common_text-1543975389378{ position:absolute; top:75px; left:124px; z-index:101; width:386px; height:100px; } #w_common_text-1543975389360{ position:absolute; top:49.5px; left:49px; z-index:102; width:39px; height:152px; } #w_common_text-1543975677484{ position:absolute; top:129.5px; left:51px; z-index:100; width:459px; height:95px; } #w_common_text-1543975827635{ position:absolute; top:129.5px; left:51px; z-index:100; width:459px; height:95px; } #w_common_text-1543975827642{ position:absolute; top:74px; left:116px; z-index:101; width:457px; height:110px; } #w_common_text-1543975827652{ position:absolute; top:49.5px; left:49px; z-index:102; width:39px; height:152px; } #w_img-1543975389368{ position:absolute; top:43px; left:0px; z-index:102; width:600px; height:250px; } #w_img-1543975833747{ position:absolute; top:293px; left:600px; z-index:104; width:600px; height:250px; } #w_img-1543977016958{ position:absolute; top:364.5px; left:553px; z-index:117; width:106px; height:106px; } #w_img-1543977016928{ position:absolute; top:82px; left:553px; z-index:115; width:106px; height:106px; } #w_img-1543977016977{ position:absolute; top:510.5px; left:553px; z-index:118; width:106px; height:106px; } #w_img-1543977016913{ position:absolute; top:49px; left:0px; z-index:114; width:520px; height:620px; } #w_img-1543977016944{ position:absolute; top:213px; left:553px; z-index:116; width:106px; height:106px; } #w_common_text-1543977016993{ position:absolute; top:115px; left:587.5px; z-index:119; width:46px; height:40px; } #w_common_text-1543977017012{ position:absolute; top:245.5px; left:587.5px; z-index:120; width:46px; height:40px; } #w_common_text-1543977017022{ position:absolute; top:397.5px; left:587.5px; z-index:121; width:46px; height:40px; } #w_common_text-1543977017034{ position:absolute; top:543.5px; left:587.5px; z-index:122; width:46px; height:40px; } #w_common_text-1543977017044{ position:absolute; top:90px; left:702px; z-index:123; width:353px; height:26px; } #w_common_text-1543977017057{ position:absolute; top:129px; left:702px; z-index:124; width:492px; height:19px; } #w_common_text-1543977017070{ position:absolute; top:229.5px; left:702px; z-index:125; width:353px; height:26px; } #w_common_text-1543977017079{ position:absolute; top:268.5px; left:702px; z-index:126; width:492px; height:65px; } #w_common_text-1543977017088{ position:absolute; top:372.5px; left:702px; z-index:127; width:353px; height:26px; } #w_common_text-1543977017102{ position:absolute; top:412px; left:702px; z-index:128; width:492px; height:65px; } #w_common_text-1543977017110{ position:absolute; top:531.75px; left:708px; z-index:129; width:353px; height:26px; } #w_common_text-1543977017121{ position:absolute; top:571.25px; left:708px; z-index:130; width:492px; height:56px; } #w_img-1543977167627{ position:absolute; top:751.375px; left:0px; z-index:131; width:106px; height:106px; } #w_img-1543977167642{ position:absolute; top:882.375px; left:0px; z-index:132; width:106px; height:106px; } #w_img-1543977167657{ position:absolute; top:1033.88px; left:0px; z-index:133; width:106px; height:106px; } #w_img-1543977167674{ position:absolute; top:1179.88px; left:0px; z-index:134; width:106px; height:106px; } #w_common_text-1543977167694{ position:absolute; top:784.375px; left:34.5px; z-index:135; width:46px; height:40px; } #w_common_text-1543977167702{ position:absolute; top:914.875px; left:34.5px; z-index:136; width:46px; height:40px; } #w_common_text-1543977167713{ position:absolute; top:1066.88px; left:34.5px; z-index:137; width:46px; height:40px; } #w_common_text-1543977167721{ position:absolute; top:1212.88px; left:34.5px; z-index:138; width:46px; height:40px; } #w_common_text-1543977167732{ position:absolute; top:759.375px; left:149px; z-index:139; width:353px; height:26px; } #w_common_text-1543977167741{ position:absolute; top:798.375px; left:149px; z-index:140; width:492px; height:56px; } #w_common_text-1543977167752{ position:absolute; top:898.875px; left:149px; z-index:141; width:353px; height:26px; } #w_common_text-1543977167763{ position:absolute; top:937.875px; left:149px; z-index:142; width:492px; height:65px; } #w_common_text-1543977167773{ position:absolute; top:1041.88px; left:149px; z-index:143; width:353px; height:26px; } #w_common_text-1543977167782{ position:absolute; top:1081.38px; left:149px; z-index:144; width:492px; height:65px; } #w_common_text-1543977167793{ position:absolute; top:1201.13px; left:155px; z-index:145; width:353px; height:26px; } #w_common_text-1543977167804{ position:absolute; top:1240.63px; left:155px; z-index:146; width:492px; height:224px; } #w_img-1543977177820{ position:absolute; top:718.875px; left:680px; z-index:163; width:520px; height:760px; }