.e_ContentMajorStyleBox-001{ height:auto; height-and-height-uint:auto; width:100%; width-and-width-uint:100%; width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_top{ height:40px; width:auto; background-color:rgba(101, 190, 186, 1); } .e_ContentMajorStyleBox-001 .title_icon{ vertical-align:middle; margin-right:10px; line-height:40px; color:rgba(255,255,255,1); font-size:medium; display:inline-block; } .e_ContentMajorStyleBox-001 .title_icon::before{ content:""; } .e_ContentMajorStyleBox-001 .title_main{ vertical-align:middle; line-height:40px; max-width:600px; color:rgba(255,255,255,1); text-overflow:ellipsis; overflow:hidden; font-size:16px; white-space:nowrap; display:inline-block; font-weight:normal; } .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{ vertical-align:bottom; padding-right:15px; padding-left:15px; height:inherit; font-size:0px; width:auto; white-space:nowrap; background-color:rgba(101, 190, 186, 1); display:inline-block; } .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(240, 240, 240, 0); border-style:none; } .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:none; border-color:rgba(240, 240, 240, 0); margin:0px; border-width:0px; width-uint:%; padding-bottom:50px; } .e_ContentMajorStyleBox-001 .stylebox_bottom_line{ height:1px; height-and-height-uint:1px; background-color:rgba(240, 240, 240, 0); border-style:none; } .e_SideMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_SideMajorStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_SideMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_SideMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_SideMajorStyleBox-001 .title_icon::before{ content: ""; } .e_SideMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_SideMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_SideMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_SideMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_SideMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_SideMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_SideMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_SideMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.e_AllWBox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_wbox-001 .p_wbox{ background-color: rgba(255,255,255,1); } .w_bbox-001 .w_wbox-001 .p_wbox { margin-top: 20px; }.w_wbox-001{ position:absolute; width:100%; height:120px; }.c_product_list-00545457 { overflow: hidden; position:absolute; width:890px; height:890px; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .common-padd{margin:0 auto;} .p_page div{ float:left; line-height:30px; margin-left:2px; } .e_pagebox{ width:auto; height:auto; clear:both; float:right; margin-right:10px; margin-top:30px; margin-bottom:30px; position:relative; } .p_page .pre{ display:inline-table; float:left; margin-left:18px; margin-right:5px; } .p_page .pageNum{ display:inline-block; position:static; float:left; margin-right:5px; line-height:30px; } .p_page .next{ display:inline-table; float:left; } .p_page .PageInterval{ display:inline-block; position:static; float:left; margin-right:5px; line-height:38px; font-size:12px; } .p_page .p_PageInterval{ display:inline-block; position:static; float:left; margin-right:5px; line-height:38px; font-size:12px; } .p_page .pre:after{ content:""; display:none; position:absolute; top:5px; left:-14px; width:27px; height:27px; background-color:rgba(242, 242, 242, 1); font-size:0; line-height:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); z-index:-1; } .p_page .pre:hover:after{ top:4px; left:-12px; background-color:rgba(101, 190, 186, 1); border-radius:4px 0 0 0; -webkit-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); z-index:-1; } .p_page .pre:active:after{ top:8px; left:-12px; width:28px; height:25px; background-color:rgba(90, 170, 167, 1); border-radius:0 3px 0 0; -webkit-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform:rotate(-226deg); -moz-transform:rotate(-226deg); -o-transform:rotate(-226deg); -ms-transform:rotate(-226deg); transform:rotate(-226deg); z-index:-1; } .p_page .pre{ height:30px; color:rgba(102, 102, 102, 1); border-width:0; border-style:solid; border-color:rgba(255,255,255,0); background-color:rgba(242, 242, 242, 1); text-align:center; padding-top:0; padding-right:20px; padding-left:20px; position:relative; left:0; top:0; } .p_page .pre:hover{ color:rgba(255,255,255,1); border-width:0; border-style:solid; border-color:rgba(255,255,255,0); background-color:rgba(101,190,186,1); cursor:pointer; } .p_page .pre:active{ background-color:rgba(90, 170, 167, 1); } .p_page .pre .font{ display:table-cell; vertical-align:middle; bottom:0; font-size:12px; } .p_page .pre:hover .iconfont{ color:rgba(255,255,255,1); } .p_page .pre:active .iconfont{ color:rgba(255,255,255,1); } .p_page .pre .iconfont:before{ content:""; margin-right:5px; } .p_page .next:after{ content:""; display:none; position:absolute; top:5px; right:-14px; width:27px; height:27px; background-color:rgba(101, 190, 186, 1); font-size:0; line-height:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); z-index:-1; } .p_page .next:hover:after{ top:5px; right:-12px; background-color:rgba(101, 190, 186, 1); border-radius:4px 0 0 0; -webkit-box-shadow:0 3px 0px #777; -moz-box-shadow:0 3px 0px #777; box-shadow:0 3px 0px #777; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); z-index:-1; width:26px; height:26px; } .p_page .next:active:after{ top:8px; right:-12px; width:27px; height:24px; background-color:rgba(90, 170, 167, 1); border-radius:0 3px 0 0; -webkit-box-shadow:0 3px 0px #777; -moz-box-shadow:0 3px 0px #777; box-shadow:0 3px 0px #777; -webkit-transform:rotate(226deg); -moz-transform:rotate(226deg); -o-transform:rotate(226deg); -ms-transform:rotate(226deg); transform:rotate(226deg); z-index:-1; } .p_page .next{ height:30px; color:rgba(255, 255, 255, 1); border-width:0; border-style:solid; border-color:rgba(255,255,255,0); background-color:rgba(101, 190, 186, 1); text-align:center; padding-top:0; padding-right:20px; padding-left:20px; position:relative; left:0; top:0; } .p_page .next:hover{ color:rgba(255,255,255,1); border-width:0; border-style:solid; border-color:rgba(255,255,255,0); background-color:rgba(101,190,186,1); cursor:pointer; } .p_page .next:active{ background-color:rgba(90, 170, 167, 1); } .p_page .next .font{ display:table-cell; vertical-align:middle; bottom:0; font-size:12px; } .p_page .next:hover .iconfont{ color:rgba(255,255,255,1); } .p_page .next:active .iconfont{ color:rgba(255,255,255,1); } .p_page .next .iconfont:before{ content:""; margin-top:3px; float:right; margin-left:5px; } .p_page .pageNum{ position:absolute; background-size:100% 100%; color:inherit; cursor:pointer; display:table; font-family:inherit; font-size:14px; font-weight:inherit; height:inherit; text-decoration:none; width:inherit; } .p_page .pageNum{ height:30px; width:30px; color:rgba(102, 102, 102, 1); border-width:0; border-style:solid; border-color:rgba(255,255,255,0); background-color:rgba(242, 242, 242, 1); text-align:center; position:relative; } .p_page .pageNum:hover{ color:rgba(255,255,255,1); border-width:0; border-style:solid; border-color:rgba(255,255,255,0); cursor:pointer; text-decoration:none; background-color:rgba(101,190,186,1); } .p_page .pageNum:active{ text-decoration:none; background-color:rgba(90, 170, 167, 1); } .p_page .pageNum.active{ text-decoration:none; background-color:rgba(90, 170, 167, 1); color:rgba(255,255,255,1); } .p_page .pageNum .font{ display:table-cell; vertical-align:middle; bottom:0; } .p_page .pageNum .iconfont{ display:inline; color:rgba(255,255,255,1); vertical-align:middle; } .p_page .pageNum:hover .iconfont{ color:rgba(255,255,255,1); } .p_page .pageNum:active .iconfont{ color:rgba(255,255,255,1); } .p_page .pageNum .iconfont:before{ content:""; } .p_page .PageInterval{ line-height:30px; cursor:text; color:rgba(102,102,102,1); } .p_page .p_PageInterval{ line-height:30px; cursor:text; color:rgba(102,102,102,1); } .p_OccupyBox{ margin:0; width:auto; height:auto; padding:0; border:none; overflow:hidden; } .clear{ clear:both; } .c_product_list-00545457 .p_PromptNoneData{ width: auto; background-color: inherit; text-align: center; } .c_product_list-00545457 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_product_list-00545457 .p_PromptNoneData .prompt_title .first{ height: auto; display: table-cell; font-size: 32px; position: relative; color: #f7e734; vertical-align: middle; padding: 0 10px 5px 0; } .c_product_list-00545457 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .c_product_list-00545457 .p_PromptNoneData .prompt_title .first:before{ content: "\e6b4"; } .c_product_list-00545457 .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_product_list-00545457 .p_PromptNoneData .promptbox{ width: auto; height: 100%; } .c_product_list-00545457 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105,1); padding-left: 65px; } .pro_list .span-1 { width: 380px; height: 420px; margin: 10px; margin-bottom: 25px; background: #f4f4f4; float: left; } .pro_list .pro_tit { font-size: 16px; margin-bottom: 0px; font-weight: bold; margin-top: 10px; position: relative; height: 60px; line-height: 80px; text-align: center; color: #171717; overflow: hidden; } .pro_list .pro_tit:before { content: ''; width: 100%; position: absolute; background: #e7e7e7; height: 1px; left: 0; top: 0; } .pro_list ._con { width: 380px; height: 420px; padding: 20px; overflow: hidden; } .pro_list .c_hidden{ height:auto; transition: all .3s ease; } .pro_list ._con:hover .c_hidden{ opacity:0; filter: alpha(opacity=0); } .pro_list ._mask { width: 100%; height: 100%; padding: 80px 50px; position: absolute; z-index: 5; left: 0; top: 101%; background-color: rgba(246,217,180,.8); background-size: cover; color: #fff; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .pro_list p.pro_code { color: #555555; font-size: 14px; height: 26px; line-height: 26px; text-align: center; display: none; } .pro_list ._mask h3 { font-size: 28px; line-height: 1; font-weight: normal; margin-bottom: 15px; font-family: arial; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #2b2b2b; } .pro_list ._mask h4 { font-size: 14px; font-weight: normal; margin-bottom: 35px; color: #333; height: 168px; line-height: 24px; overflow: hidden; } .pro_list ._mask .links { font-size: 16px; } .pro_list ._mask .links a { margin-right: 30px; transition: all 0.3s ease; text-decoration: none; outline: 0; color: inherit; } .pro_list ._mask .links a .ion { display: inline-block; vertical-align: middle; margin: 0 .3em; font-size: 1.1em; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .pro_list ._mask .links a:hover { color: #2b2b2b; } .pro_list ._mask .links a.a1 i { font-size: 0; width: 20px; height: 20px; background: url(../image/pro_more_det.png) center center no-repeat; background-size: cover; margin-right: 5px; } .pro_list ._mask .links a.a2 i { font-size: 0; width: 20px; height: 20px; background: url(../image/pro_more_add.png) center center no-repeat; background-size: cover; margin-right: 5px; } .pro_list ._con img{ margin-bottom: 30px; width: 100%; overflow: hidden; -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; } .pro_list ._con:hover img{ transform: scale(1.1)!important; -webkit-transform: scale(1.1)!important; -moz-transform: scale(1.1)!important; -ms-transform: scale(1.1)!important; -o-transform: scale(1.1)!important; overflow: hidden !important; } .pro_list .pro_arr { position: absolute; right: 15px; top: 15px; height: 45px; width: 40px; display:none; } .pro_list ._con:hover ._mask { top: 0; } .pro_list ._con:hover ._mask a { color: #2b2b2b; } .pr { position: relative; } .rect { padding-bottom: 81.5%; position: relative; display: block; width: 100%; height: 0; overflow: hidden; } .c_product_list-00545457 .p_Product{width:calc((100% - 0px)/3); margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }.c_product_list-00545457 .p_CommonSummaryBoxA {text-align:center; }.c_product_list-00545457 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_product_list-00545457 >div{animation-fill-mode:both; }.c_product_list-00545457 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_product_list-00545457 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_product_list-00545457 .widther img{width:100px; height:auto!important; left:0 !important; top:0 !important; -webkit-transform:translate(0,0)!important; -ms-transform:translate(0,0)!important; transform:translate(0,0)!important; position:absolute!important; }.c_product_list-00545457 .widther{padding-bottom:80% !important; }.c_public_htmlCode-06002{ position:absolute; width:300px; height:390px; } .c_parallax-fullscreen-01001{ height:100%; position:fixed; width:100%; left:0 !important; top:0 !important; overflow:hidden; } #demo a{ width:auto !important; height:auto !important; left:50%; top:50%; } .ld-overlap-container{ height:inherit; } .p_logosDistort{ height:100%; } .ld-smart-container{ position:absolute; z-index:2; width:100%; height:100%; overflow:hidden; } .ld-smart-container .ld-3d-parent{ width:100%; height:100%; transform-style:preserve-3d; perspective:9000px; opacity:1; } .ld-smart-container .ld-transform-target{ position:relative; -webkit-transform-style:flat; -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0px, 0px, 0px); width:100%; height:100%; transform-style:preserve-3d; } .ld-smart-container .ld-3d-object{ position:absolute; -webkit-transform-style:flat; -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0px, 0px, 0px); transform-style:preserve-3d; -webkit-perspective:1000; backface-visibility:hidden; perspective:1000; cursor: pointer; } .p_particles{ position:absolute; width:100%; height:100%; background-image:url("http://static203.yun300.cn/css/%22);%20background-repeat:no-repeat;%20background-size:cover;%20background-position:50%25%2050%25;%20%20top:0;%20left:0;%20%7D.w_hline-001%20.p_HLine%7B%20border-top-width:%201px;%20border-top-style:%20solid;%20border-top-color:"); top: 0; } .about_pt3 .fq1 { background: url("http://static203.yun300.cn/img/fq_bac_03.jpg?tenantId=60776&viewType=1&v=1685090878000") no-repeat; background-position: bottom left; } .about_pt3 .fq2 { background: url("http://static203.yun300.cn/img/fq_bac_03.jpg?tenantId=60776&viewType=1&v=1685090878000") no-repeat; background-position: bottom left; } .about_pt3 .fq3 { background: url("http://static203.yun300.cn/img/fq_bac_03.jpg?tenantId=60776&viewType=1&v=1685090878000") no-repeat; background-position: bottom left; } .about_pt3 .fq_item .fq_mb{display: block} .about_pt3 .fq_item.cur .fq_mb{display: none;} .about_pt3 .fq_item .fq_img{position: absolute;top: 0;left: 0;width: 600px;height: 419px;max-width: none;} .about_pt3 .fq1{background: none} .about_pt3 .fq2{background: none} .about_pt3 .fq3{background: none} .about_pt3 .fq_area .wrap{overflow: hidden} .about_pt3 .fq_item .fq_mb{background: rgba(0,0,0,0.5)} .about_pt3 .fq_item .bl_txt{z-index: 1;}.pagebox,#-remove--flag{}body,#-remove--flag{}#c_product_select-15197238087771527{ position:absolute; top:35px; left:356px; z-index:1; width:1201px; height:118px; }#c_public_htmlCode-15296273622540464 .scroll-icon{display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:2em; width:1.2em; font-size:22px; color:rgba(255, 255, 255, 0.5); border-radius:2em; border:solid 2px; -webkit-transition:.4s; transition:.4s; }#c_public_htmlCode-15296273622540464 .scroll-icon::after{content:''; width:5px; height:5px; background-color:#fff; border-radius:50%; -webkit-animation:scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1); animation:scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1); }#c_public_htmlCode-15296273622540464{ position:absolute; top:154.5px; left:0px; z-index:113; width:30px; height:51px; }#c_product_list-15300931459068219{ position:absolute; top:740px; left:0px; z-index:134; width:1201px; height:535px; } #w_wbox-1529627353056 .p_wbox{ background-image:url(../image/ba1.jpg); background-image-part-image:url(../image/ba1.jpg); } #w_wbox-1529627353056 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1529627353056 >div{ animation-fill-mode:both; } #w_wbox-1519711895018 .p_wbox{ background-color:rgba(244, 244, 244, 1); } #w_wbox-1519711895018 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1519711895018 >div{ animation-fill-mode:both; } #w_common_text-1529627360688 .p_link001{ height:calc(100%); } #w_common_text-1529627360700 .p_link001{ height:calc(100%); } #w_common_text-1529627360706 .p_link001{ height:calc(100%); } #w_hline-1529627360713 .p_HLine{ border-top-color:rgba(210, 152, 80, 1); border-top-style:solid; border-top-width:4px; } #w_hline-1529627360713 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_hline-1529627360713 >div{ animation-fill-mode:both; } #w_wbox-1529627353056{ position:absolute; top:106px; left:-356px; z-index:100; width:1912px; height:450px; } #w_wbox-1519711895018{ position:absolute; top:556px; left:-356px; z-index:106; width:1912px; height:158px; } #w_rbox-1529627360673{ position:absolute; top:127px; left:356px; z-index:1; width:720px; height:231px; } #w_common_text-1529627360688{ position:absolute; top:0px; left:0px; z-index:109; width:560px; height:47px; } #w_common_text-1529627360700{ position:absolute; top:77.5px; left:0px; z-index:110; width:560px; height:32px; } #w_common_text-1529627360706{ position:absolute; top:116px; left:0px; z-index:111; width:554px; height:21px; } #w_hline-1529627360713{ position:absolute; top:55px; left:0px; z-index:112; width:63px; height:11px; }