.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_AllWBox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_wbox-001 .p_wbox{ } .w_bbox-001 .w_wbox-001 .p_wbox { margin-top: 20px; }.w_wbox-001{ position:absolute; width:100%; height:120px; }.c_ads_banner-17002{width:1420px; overflow: hidden;height:400px; position:absolute; } .lubo { width: 100%; min-width: 100%; clear: both; position: relative; height: 100%; } .lubo_box { position: relative; width: 100%; height: 100%; } #c_ads_banner-14943199982472136{left:0 !important;} .lubo_box li { float: left; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); } .lubo_box li a { display: block; width: 100%; height: 100%; } .lubo_box li img { width: 100%; height: 100%; } .cir_box { overflow: hidden; position: absolute; z-index: 100; } .cir_box li { float: left; width: 30px; height: 5px; margin: 0 5px; cursor: pointer; background: #fff; opacity: 0.8; filter: alpha(opacity=80); } .cir_on { background: #000 !important; } .lubo_btn { position: absolute; width: 100%; top: 222px; z-index: 2; } .left_btn, .right_btn { transition: 1s all; top: 215px; padding: 20px 10px; font-size: 30px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.498039); cursor: pointer; font-family: "宋体"; display: block; opacity: 0.5; } .left_btn:hover, .right_btn:hover { opacity: 1; } .left_btn { float: left; } .right_btn { float: right; }.c_ads_banner-17002 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_nav_main-43002{position:absolute; width:618px; height:97px; overflow:hidden;} .horizontal .modern-menu { margin-top: 250px; } .vertical .modern-menu { margin-top: 120px; } .modern-menu.theme1 { } .modern-menu { width: 100%; height: 90px; font-size: 15px; font-weight: 700; position: relative; clear: both } .modern-menu.mm-vertical { width: 100px; height: auto } .modern-menu, .modern-menu ul { list-style: none; margin: 0; padding: 0 } .modern-menu li { position: relative;width: 100px; } .modern-menu a { height: 100%; text-decoration: none; display: block; position: relative; overflow: hidden; z-index: 101; border: 0 } .modern-menu a span { line-height: 90px;display: block ; text-align: center;} .modern-menu.mm-vertical a span { line-height: 36px } .mm-container.mm-drop span { } .mm-horizontal span { float: left } .mm-hdrop, .mm-hdrop-over, .mm-vdrop, .mm-vdrop-over { background-repeat: no-repeat; background-position: center right; } .modern-menu .mm-right { display: block; float: right } .modern-menu>li { float: left } .modern-menu.mm-vertical>li { float: none } .mm-group li { float: left } .modern-menu .mm-group span { line-height: 90px } .modern-menu ul span { line-height: 36px } .modern-menu li>ul { width: 155px; font-size: 14px; position: absolute; left: -5000px; opacity: 0; z-index: 100 } .mm-vertical li>ul { top: 0 } .modern-menu ul ul { float: right; top: 0 } .modern-menu .mm-icon span { width: 14px; height: 90px; background-repeat: no-repeat; background-position: center; padding: 0 18px } .mm-vertical .mm-icon span { width: 10px } .theme1 { background-color: transparent } .theme1 a span { color: #454545; background-color: #fff; } .theme1 .mm-over { color: #ffffff; background-color: #99010E } .c_nav_main-43002009 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_nav_main-43002 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_public_htmlCode-01001{ position:absolute; width:300px; height:390px; } .map-content { padding: 30px 0; } .map-module { width: 1200px !important; margin: 0 auto; position: relative; transition: all .3s ease; } .map-title { font-size: 24px; color: #333; text-align: center; margin: 50px 0; position: relative; } .map-branch .map-title { margin: 20px 0 0; z-index: 1; } .map-content-info { position: relative; margin-bottom: 30px; } .branch-map-l { width: 859px; height: 675px; position: relative; } .map-content-box { width: 100%; height: 100%; background: url("../image/zgdt888.png") no-repeat center; position: relative; } .map-dot { position: absolute; text-align: center; font-size: 12px; cursor: pointer; } .beijing { left: 585px; top: 220px; } .tianjin { left: 604px; top: 234px; } .hebei { left: 575px; top: 254px; } .shanxi { left: 540px; top: 276px; } .liaoning { left: 660px; top: 196px; } .jilin { left: 696px; top: 167px; } .heilongjiang { left: 676px; top: 106px; } .shanghai { left: 668px; top: 341px; } .jiangsu { left: 646px; top: 316px; } .zhejiang { left: 655px; top: 379px; } .anhui { left: 605px; top: 334px; } .fujian { left: 625px; top: 428px; } .jiangxi { left: 595px; top: 402px; } .shandong { left: 610px; top: 284px; } .henan { left: 562px; top: 316px; } .hubei { left: 555px; top: 359px; } .hunan { left: 545px; top: 409px; } .guangdong { left: 575px; top: 466px; } .guangxi { left: 506px; top: 461px; } .chongqing { left: 495px; top: 364px; } .sichuan { left: 425px; top: 354px; } .guizhou { left: 484px; top: 424px; } .yunnan { left: 405px; top: 462px; } .shanxi1 { left: 502px; top: 312px; } .map-dot:after { content: ""; display: block; width: 8px; height: 8px; margin: 0 auto; background-color: #99010E; border-radius: 50%; } .map-dot.beijing:after { width: 13px; height: 12px; border-radius: 0; background: url("../image/sta.png") no-repeat center; } .branch-map-data { position: absolute; box-sizing: border-box; width: 430px; border: 1px solid #99010E; box-shadow: 0 0 2px 2px #e9e9e9; background-color: #fff; padding: 10px 30px; z-index: 1; display: none; } .branch-map-data-title { border-bottom: 1px solid #eee; } .branch-map-data-title p { font-size: 18px; color: #333; line-height: 28px; } .branch-map-data-info { max-height: 236px; overflow-y: auto; } .data-branch { border-bottom: 1px dashed #eee; padding: 6px 0; box-sizing: border-box; } .data-branch:last-child { border: none; } a, button, input, textarea { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; } .data-branch .data-name { font-size: 14px; color: #666; line-height: normal; margin-bottom: 5px; } .data-branch p { font-size: 12px; color: #999; line-height: 20px; } .data-branch p { font-size: 12px; color: #999; line-height: 20px; } .branch-map-data:before { content: ""; position: absolute; left: -16px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border: 8px solid; border-color: transparent #01B7BD transparent transparent; } .branch-map-data:after { content: ""; position: absolute; left: -15px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border: 8px solid; border-color: transparent #fff transparent transparent; } .map-dot.cur:before { content: ""; position: absolute; left: 50%; bottom: -3px; transform: translateX(-50%); width: 14px; height: 14px; border-radius: 50%; border: 1px solid #99010E; animation: dot 4s infinite; } @keyframes dot { 100% { transform: translateX(-50%) scale(1); opacity: 1; } 50% { transform: translateX(-50%) scale(1.5); opacity: .1; } } a:focus{ color:#333; outline:none; -moz-outline:none; } a:hover{ color:#fc8080; text-decoration:none; } a:-webkit-any-link{ text-decoration:none; } .container{ width:1200px; margin:0 auto; padding:0; } .container:after{ content:""; display:block; clear:both; } .clearfix:after{ content:""; display:block; clear:both; } .fl{ float:left; } .fr{ float:right; } .tl{ text-align:left; } .tr{ text-align:right; } .tc{ text-align:center; } .color-white{ color:white!important; } .red{ color:#fc8080!important; } .fz12{ font-size:12px; } .fz14{ font-size:14px; } .wfs{ width:100%; position:relative; } .p_r{ position:relative; } .suspension{ position:fixed; z-index:55; right:0; bottom:85px; width:70px; height:240px; } .suspension-box{ position:relative; float:right; } .suspension .a{ display:block; width:44px; height:44px; background-color:#d2d3d6; margin-bottom:4px; cursor:pointer; outline:none; } .suspension .a.active, .suspension .a:hover{ background:#F05352; } .suspension .a .i{ float:left; width:44px; height:44px; background-image:url(404.png); background-repeat:no-repeat; } .suspension .a-service .i{ width:20px; height:20px; margin-top:12px; margin-left:12px; background-image:url(404.png); background-repeat:no-repeat; background-position:0 0; } .suspension .a-service-phone .i{ width:20px; height:20px; margin-top:12px; margin-left:12px; background-image:url(404.png); background-repeat:no-repeat; background-position:-27px 0; } .suspension .a-qrcode .i{ background-position:-44px 0; } .suspension .a-cart .i{ background-position:-88px 0; } .suspension .a-top .i{ background-position:-132px 0; } .suspension .a-top{ background:#D2D3D6; display:none; } .suspension .a-top:hover{ background:#c0c1c3; } .suspension .d{ display:none; width:223px; background:#fff; position:absolute; right:67px; min-height:90px; border:1px solid #E0E1E5; border-radius:3px; box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11); top:10px; } .suspension .d .arrow{ position:absolute; width:8px; height:12px; background:url(404.png) no-repeat; right:-8px; top:31px; } .suspension .d-service{ top:0; } .suspension .d-service-phone{ top:34px; } .suspension .d-qrcode{ top:78px; } .suspension .d .inner-box{ padding:8px 22px 12px; } .suspension .d-service-item{ border-bottom:1px solid #eee; padding:14px 0; } .suspension .d-service .d-service-item{ border-bottom:none; } .suspension .d-service-item .circle{ width:44px; height:44px; border-radius:50%; overflow:hidden; background:#F1F1F3; display:block; float:left; } .suspension .d-service-item .i-qq{ width:44px; height:44px; background:url(404.png) no-repeat center 15px; display:block; transition:all .2s; border-radius:50%; overflow:hidden; } .suspension .d-service-item:hover .i-qq{ background-position:center 3px; } .suspension .d-service-item .i-tel{ width:44px; height:44px; background:url(404.png) no-repeat center center; display:block; } .suspension .d-service-item h3{ float:left; width:112px; line-height:44px; font-size:15px; margin-left:12px; } .suspension .d-service-item .text{ float:left; width:112px; line-height:22px; font-size:15px; margin-left:12px; } .suspension .d-service-item .text .number{ font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; } .suspension .d-service-intro{ padding-top:10px; } .suspension .d-service-intro p{ float:left; line-height:27px; font-size:12px; width:50%; white-space:nowrap; color:#888; } .suspension .d-service-intro i{ background:url(404.png) no-repeat center center; height:27px; width:14px; margin-right:5px; vertical-align:top; display:inline-block; } .suspension .d-qrcode{ text-align:center; } .suspension .d-qrcode .inner-box{ padding:20px 0; } .suspension .d-qrcode p{ font-size:16px; color:#93959c; } .suspension .a.active, .suspension .a:hover{ background:#ff8b00!important; }  figure { position: relative; float: left; overflow: hidden; margin: 0; width:100%; height:100%; text-align: center; cursor: pointer; } figure figcaption::before, figure figcaption::after { pointer-events: none; } figure figcaption, figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }   figure figcaption > a { z-index:0; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } figure.effect-sadie figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(240,134,141,0.2) 0%, rgba(48,100,187,0.8) 75%); content: ''; opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); } figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 1; } figure.effect-sadie h1 { position: absolute; top: 45%; left: 0; width: 100%; color: #fff; -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-size: 18px; } figure.effect-sadie h4{ position: relative; top: 60%; left: 0; color: #fff; -webkit-transition: -webkit-transform 1s, color 1s; transition: transform 1s, color 1s; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); font-size:45px; border:solid 0px #fff; font-family: 'Yantramanav', sans-serif; font-weight:100; border-radius:50px; margin: auto; display: inline-block; width:60px; height:60px; line-height:52px; } @media only screen and (max-width: 1024px) and (min-width: 769px){ .counter h2 { font-size: 14px !important; } figure.effect-sadie h1{font-size:25px;} figure.effect-sadie h4{font-size:30px; width:40px; height:40px; line-height:40px; } } figure.effect-sadie figcaption::before, figure.effect-sadie p { -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; } figure.effect-sadie p { position: absolute; bottom: 0; left: 0; padding: 0 3%; width: 100%; opacity: 0; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); top: 60%; line-height:1.5; -webkit-transition: opacity 1.2s, -webkit-transform 1.2s; transition: opacity 1.2s, transform 1.2s; color:#fff; font-size:14px; } figure.effect-sadie:hover h1 { color: #fff; -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0); transform: translate3d(0,-50%,0) translate3d(0,-40px,0); } figure.effect-sadie:hover h4{color: #fff; -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0) rotate(45deg); transform: translate3d(0,-50%,0) translate3d(0,-40px,0) rotate(90deg); border: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); }.c_search_total-02001001{ width: 890px; height: auto; font-size: 0; position: absolute; top: 20px; left: 50px; } .c_search_total-02001001 .p_contentBox{ width: auto; height: auto; overflow: visible; white-space: nowrap; padding: 0; margin: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; position: relative; } .c_search_total-02001001 .p_searchBox{ width: auto; height: auto; display: inline-block; vertical-align: middle; overflow: visible; padding: 0; margin: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; position: relative; } .c_search_total-02001001 .p_searchBox .p_input{ width: 220px; display: inline-block; height: 30px; vertical-align: middle; color: inherit; position: relative; font-size: 14px; } .c_search_total-02001001 .p_searchBox .p_input .last{ display: none; } .c_search_total-02001001 .p_searchBox .p_input .forward{ display: none; } .c_search_total-02001001 .p_searchBox .p_input .forward:before{ content: "\e6d5"; color: #797979; } .c_search_total-02001001 .p_searchBtn{ width: auto; height: 30px; display: inline-block; vertical-align: middle; font-size: 14px; color: rgba(255,255,255,1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: #4765AD; text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: inherit; margin: 0; padding: 0 10px; cursor: pointer; font-family: inherit; font-weight: inherit; text-decoration: none; background-size: 100% 100%; border-radius: 0px 40px 0px 40px; } .c_search_total-02001001 .p_searchBtn .iconfont{ margin-right: 5px; } .c_search_total-02001001 .p_searchBtn .font{ display: table-cell; vertical-align: middle; bottom: 0; height: inherit; color: inherit; font-family: inherit; font-weight: inherit; font-size: inherit; text-decoration: none; position: relative; text-align: center; } .c_search_total-02001001 .p_searchBtn .iconfont:before{ content: "\e661"; } .c_search_total-02001001 .p_input input, .c_search_total-01001 .p_input .InputText { display: inline-block; height: 100%; width: inherit; line-height: inherit; border-width: 1px; border-style: solid; border-color: #4765AD; padding-left: 5px; padding-right: 5px; border-radius: 10px 10px 10px 10px; } .c_search_total-02001001 .p_select{ height: auto; position: relative; font-size: 0; display: inline-block; width: auto; vertical-align: middle; margin-left: -1px; } .c_search_total-02001001 .p_select input{ width: 75px; height: 30px; border: 1px solid rgba(240, 240, 240, 1); line-height: 30px; display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; padding-left: 5px } .c_search_total-02001001 .p_select input:hover{ background-color: rgb(240, 248, 250); color: rgb(100, 190, 186); } .c_search_total-02001001 .p_select input:hover + .shape{ background-color: rgb(240, 248, 250); } .c_search_total-02001001 .p_select .shape { display: inline-block; width: 30px; height: 30px; position: absolute; right: 0; line-height: 30px; background-color: #fafafa; text-align: center; border: 1px solid rgba(240, 240, 240, 1); border-left: none; font-size: 12px; color: rgba(200, 200, 200, 1); } .c_search_total-02001001 .p_select .shape:before { content: "\e6c9"; } .c_search_total-02001001 .p_select .shape:hover { color: #65beba; } .c_search_total-02001001 .p_select .itembox { height: auto; width: 100%; position: absolute; top: 30px; left: 0px; border: 1px solid rgba(240, 240, 240, 1); border-top: 0; overflow-y: auto; z-index: 99; background-color: #fff; font-size: 12px; max-height: 180px; } .c_search_total-02001001 .p_select li { width: auto; height: 30px; line-height: 30px; display: block; text-align: center; } .c_search_total-02001001 .p_select li:hover{ background-color: rgb(240, 248, 250); color: rgb(100, 190, 186); } .c_search_total-02001001 .p_select li i img{ display: none; } .c_search_total-02001001 .p_MatteIcon .iconfont:before{ content:'\e602'; } .c_search_total-02001001 >div{ animation-fill-mode:both; } .c_search_total-02001001 .p_product .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_search_total-02001001 .p_info .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.e_AllWBox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_bbox-001 .p_wbox{ background-color: rgba(255,255,255,1); } .w_bbox-001 .w_bbox-001 .p_wbox { margin-top: 20px; }.w_bbox-001{ position:absolute; width:100%; height:120px; }.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; }.c_onlineService_categorylay-01001 { width: 38px; height: 152px; position: fixed !important;  right: 0 !important; top: 20% !important; left: initial !important; font-size: 0; } .c_onlineService_categorylay-01001 .p_wechat .font .icon-whatsapp { color: #25d366; } .c_onlineService_categorylay-01001 .p_interactiveBtn .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 25px; right: 20px; color: #fff; background-color: #1890ff; border-color: #329cff; } .c_onlineService_categorylay-01001 .p_head1 { font-size: 24px; text-align: right; line-height: 14px; padding: 15px; height: 46px; } .c_onlineService_categorylay-01001 .p_editBox1 { width: 600px; margin: 30px auto; height: 450px; position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%); box-shadow: 0 3px 9px rgb(0 0 0 / 50%); -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0; } .c_onlineService_categorylay-01001 .p_contentA { position: absolute; top: 50px; text-align: center; } .c_onlineService_categorylay-01001 .p_interactiveBtn { position: absolute; border-top: 1px solid #e5e5e5; height: 60px; margin-top: 19px; } .c_onlineService_categorylay-01001 .marginAuto { width: 250px; margin: 0 auto; line-height: 30px; } .c_onlineService_categorylay-01001 .modalBox { width: 100%; height: 100%; position: fixed; margin: auto; top: 0; bottom: 0; right: 0; left: 0; } .c_onlineService_categorylay-01001 .marginAuto { width: 250px; margin: 0 auto; line-height: 30px; font-size: 14px; } .c_onlineService_categorylay-01001 .imgClass { display: block; width: 200px; height: 200px; margin: 10px auto; } .c_onlineService_categorylay-01001 .p_AssistNameD .font { display: inline-block; max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-word; height: 20px; line-height: 20px; } .c_onlineService_categorylay-01001 .p_articles .p_whatsApp .iconfont { margin-right: 5px; color: #25d366; } .c_onlineService_categorylay-01001 .p_articles .p_whatsApp .iconfont:before { content: '\ea07'; color: inherit } .c_onlineService_categorylay-01001 .p_btnBox { height: inherit; width: inherit; background-color: rgba(101, 190, 186, 1); text-align: center; position: inherit; display: block; } .c_onlineService_categorylay-01001 .p_btn { font-size: 14px; height: inherit; width: inherit; color: rgba(255, 255, 255, 1); position: inherit; display: block; } .c_onlineService_categorylay-01001 .p_btn .font { display: block; vertical-align: middle; margin-top: 25px; height: auto; } .c_onlineService_categorylay-01001 .p_btn .iconfont:before { content: "\e6af"; } .c_onlineService_categorylay-01001 .p_Box { position: absolute; left: -220px; width: 220px; height: auto; overflow: hidden; } .c_onlineService_categorylay-01001 .p_headBox { width: auto; height: auto; padding: 20px; border: 1px solid #E4E4E4; border-bottom: none; } .c_onlineService_categorylay-01001 .p_headBox .p_name { font-size: 16px; color: #333333 } .c_onlineService_categorylay-01001 .p_headBox .p_name .iconfont { font-size: 28px; background-color: #999999; color: #fff; border-radius: 4px; display: inline-block; vertical-align: middle; margin-right: 5px; } .c_onlineService_categorylay-01001 .p_headBox .p_name .iconfont:before { content: "\e628"; } .c_onlineService_categorylay-01001 .p_headBox .p_tel { margin-top: 10px; font-size: 20px; font-weight: bold; color: #333333; } .c_onlineService_categorylay-01001 .p_contentBox { width: auto; height: auto; padding: 20px 15px; border: 1px solid #E4E4E4; } .c_onlineService_categorylay-01001 .p_articles { width: auto; height: auto; color: #999999; margin-bottom: 30px; } .c_onlineService_categorylay-01001 .p_contentBox .p_articles:last-child { margin-bottom: 10px; } .c_onlineService_categorylay-01001 .p_articles .p_title, .p_articles .p_QQ, .p_articles .p_Wang, .p_articles .p_skpey { float: left; font-size: 14px; } .c_onlineService_categorylay-01001 .p_listE .p_wechat { position: absolute; } .c_onlineService_categorylay-01001 .p_listE .p_wechat .iconfont:before { content: '\e6e8' !important; color: inherit; } .c_onlineService_categorylay-01001 .p_articles .p_title .iconfont:before { content: "\e628"; margin-right: 5px; } .c_onlineService_categorylay-01001 .p_articles .p_QQ .iconfont:before { content: "\e654"; margin-right: 5px; } .c_onlineService_categorylay-01001 .p_articles .p_Wang .iconfont:before { content: "\e6e5"; margin-right: 5px; color: #1890ff; } .c_onlineService_categorylay-01001 .p_articles .p_skpey .iconfont:before { content: '\e6e3'; margin-right: 5px; } .c_onlineService_categorylay-01001 .p_articles .p_list, .p_articles .p_listA, .p_articles .p_listB, .p_articles .p_listC { margin-top: 10px; font-size: 14px; } .c_onlineService_categorylay-01001 .p_listD .p_Wang { position: absolute; left: 0; } .c_onlineService_categorylay-01001 .p_listD .p_AssistNameD .font { margin-left: 35px; } .c_onlineService_categorylay-01001 .p_articles .p_listC a { font-size: 14px; } .c_onlineService_categorylay-01001 .p_AssistNameD .iconfont { margin-right: 5px; color: #25d366; } .c_onlineService_categorylay-01001 .p_AssistNameD .iconfont:before { content: "\e628"; color: inherit; } .c_onlineService_categorylay-01001 .p_articles .p_AssistName .font, .p_articles .p_AssistNameA .font, .p_articles .p_AssistNameB .font, .p_articles .p_AssistNameC .font { font-size: 14px; line-height: 19px; } .c_onlineService_categorylay-01001 .p_footerBox { width: auto; height: auto; } .c_onlineService_categorylay-01001 .p_timeBox { width: auto; height: auto; padding: 20px; border: 1px solid #E4E4E4; border-top: none; text-align: center; } .c_onlineService_categorylay-01001 .p_time { display: inline-block; font-size: 14px; color: #999999; vertical-align: middle; } .c_onlineService_categorylay-01001 .p_time .iconfont:before { content: "\e67b"; margin-right: 5px; } .c_onlineService_categorylay-01001 .p_AssistNameC { font-size: 14px; color: #999999; display: inline-block; vertical-align: middle; } .c_onlineService_categorylay-01001 .p_contralBox { width: 100%; height: auto; transition: transform 0.5s ease; background: #fff; } .c_onlineService_categorylay-01001 .p_Box.open .p_contralBox { transform: translateX(100%); transition: transform 0.5s ease; } .c_onlineService_categorylay-01001 .p_btnBox.open .p_btn .iconfont:before { content: "\e6b0"; } .c_onlineService_categorylay-01001 .listG { top: 10px; font-size: 14px; line-height: 19px; } .c_onlineService_categorylay-01001 .p_listE .p_AssistNameD .wechatAndapplets { margin-left: 55px; font-size: 14px; line-height: 19px; } .c_onlineService_categorylay-01001 .p_listD .p_AssistNameD { margin-left: 55px; font-size: 14px; line-height: 19px; } .c_onlineService_categorylay-01001 .listG .icon-iconfontyoujian { padding-right: 5px; color: #25d366; } .c_onlineService_categorylay-01001 .p_listE .p_AssistNameD { height: 12px; margin-top: 10px; }#c_ads_banner-15433123617001564 .p_MatteIcon .iconfont:before{content:'\e602'; }#c_ads_banner-15433123617001564{ position:absolute; top:120px; left:-396px; z-index:102; width:1920px; height:520px; }#c_public_htmlCode-15433116274076671{ position:absolute; top:4px; left:361px; z-index:1; width:512px; height:21px; } #c_nav_main-15579123216242262 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_nav_main-15579123216242262{ position:absolute; top:0px; left:526px; z-index:5; width:736px; height:90px; } #c_search_total-15579123216242573 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_search_total-15579123216242573 >div{ animation-fill-mode:both; } #c_search_total-15579123216242573 .p_product .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_search_total-15579123216242573 .p_info .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_search_total-15579123216242573{ position:absolute; top:30px; left:1273px; z-index:6; width:303px; height:30px; } #c_onlineService_categorylay-16382685847737439{ position:fixed; top:20%; left:auto; bottom:auto; right:0px; transform:none; width:38px; height:152px; z-index:121; content:normal; 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_wbox-1543311597936 .p_wbox{ background-color:rgba(153, 1, 14, 1); } #w_wbox-1543311597936 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1543311597936 >div{ animation-fill-mode:both; } #w_wbox-1557912322273 .p_wbox{ background-color:rgba(255, 255, 255, 1); box-shadow:0 2px 4px 0 rgba(0,0,0,0.20); } #w_wbox-1557912322273 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1557912322273 >div{ animation-fill-mode:both; } #w_bbox-1638250503298 .p_wbox{ background-color:rgba(153, 1, 14, 1); background-attachment:fixed; background-size:100% 100%; } #w_bbox-1638250503298 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_bbox-1638250503298 >div{ animation-fill-mode:both; } #w_img-1543311698351 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1543311698351 >div{ animation-fill-mode:both; } #w_img-1557912322289 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1557912322289 >div{ animation-fill-mode:both; } #w_common_text-1638250503326 .p_link001{ height:calc(100%); } #w_img-1652781480868 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1652781480868 >div{ animation-fill-mode:both; } #w_wbox-1543311597936{ position:absolute; top:0px; left:-396px; z-index:103; width:1912px; height:30px; } #w_wbox-1557912322273{ position:absolute; top:30px; left:-396px; z-index:113; width:1912px; height:90px; } #w_bbox-1638250503298{ position:absolute; top:1985px; left:-396px; z-index:120; width:1912px; height:180px; } #w_img-1543311698351{ position:absolute; top:0px; left:1425px; z-index:2; width:140px; height:28px; } #w_img-1557912322289{ position:absolute; top:2px; left:361px; z-index:2; width:101px; height:85px; } #w_common_text-1638250503326{ position:absolute; top:93px; left:684px; z-index:10; width:763px; height:31px; } #w_common_text-1638250503338{ position:absolute; top:40px; left:358px; z-index:11; width:181px; height:27px; } #w_common_text-1638250503351{ position:absolute; top:67px; left:358px; z-index:12; width:378px; height:34px; } #w_common_text-1638250503363{ position:absolute; top:113px; left:358px; z-index:13; width:349px; height:32px; } #w_common_text-1638250503371{ position:absolute; top:67px; left:745px; z-index:14; width:695px; height:36px; } #w_img-1652781480868{ position:absolute; top:69px; left:1447px; z-index:15; width:131px; height:48px; }