.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); }.c_portalResnav_main-01001004{width: 100% !important;position: absolute;left: 0;top: 0;z-index: 99;transition: all 0.8s;} .fixedNav{ position:fixed!important; top:0px; left:0; z-index:9; } .bocweb-header.fixedNav .bocweb-logo{ width: 120px; margin-top:10px; margin-bottom: 10px; } .bocweb-header.fixedNav .bocweb-nav li .link { line-height: 46px; font-size: 14px; padding: 0 20px; color: #333 !important; text-shadow: none !important; margin-top: 13px; } .bocweb-header.fixedNav .bocweb-nav li:hover a.link { color: #080808; } .bocweb-header.fixedNav .bocweb-logo .brend-two{ display:block; } .bocweb-header.fixedNav .bocweb-logo .brend-one{ display:none; } .bocweb-header.fixedNav{ background: rgba(255,255,255,1); box-shadow: 0 5px 10px rgba(0,0,0,.05); } .headertop { background: linear-gradient(to right,#e23e57, #88304e); } .warp{ max-width:1360px; width:100%; margin:0 auto; } .welcome { float: left; color: #fff; font-size: 12px; line-height: 40px; } .header-ri { float: right; } .weather { width: 245px; position: relative; z-index: 4; padding-left: 5px; height: 40px; background: url(../image/rBQBHV0H2AWEaU8HAAAAADe_Eo0593.png) center no-repeat; overflow: hidden; } .weather iframe { margin-right: 48px; margin-top: 8px; } .header-ri .langes { display: block; padding-left: 22px; margin-left: -14px; width: 80px; height: 40px; line-height: 40px; position: relative; color: #fff; font-size: 12px; font-family: arial; background: #0d5431; text-align: center; padding-right: 22px; } .header-ri .panorama { line-height: 40px; color: #ffffff; padding: 0 20px; font-size: 14px; background: #afc159; } .header-ri .tell { line-height: 40px; color: #8a304e; padding: 0 20px; font-size: 20px; background: #ffffff; } .header-ri .dingd { line-height: 40px; color: #fff; padding: 0 20px; font-size: 14px; background: #5aba9a; } .header-ri .iconfont{ margin-right:5px; } .bocweb-header .bocweb-logo {margin-top: 15px;float: left;width: 160px;transition: all 0.8s;} .bocweb-header-m .bocweb-logo { width: 150px; float: left; margin: 10px 0 0 20px; display: block; transition: all 0.8s; } .bocweb-logo img { display: block; max-width: 100%; height: auto; min-width: 90px; } .bocweb-nav{ float: right; } .bocweb-logo .brend-two{ display:none; } .bocweb-header { z-index: 10;  width: 100%;  } .bocweb-header .bocweb-nav li { position: relative; height: 100%; display: inline-block; text-align: center;  } .bocweb-header .bocweb-nav li .link { display: block; line-height: 46px; font-size: 16px; padding: 0 20px; color: #fff; position: relative;  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.24); margin-top: 25px; } .bocweb-header .bocweb-nav li .link:after { content: ""; width: 100%; height: 100%;  position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; visibility: hidden; transition: 0.6s; } .bocweb-header .bocweb-nav li .link:before { content: ""; width: 100%; height: 4px;  position: absolute; left: 0;  bottom: 0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1); transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1); transition: transform .6s cubic-bezier(.215,.61,.355,1); transition: transform .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; z-index: 2; } .bocweb-header .bocweb-nav li:hover .link:after{ opacity: 1; visibility: visible; } .bocweb-header .bocweb-nav li:hover .link:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; } .bocweb-header .bocweb-nav li .link span { vertical-align: middle; } .bocweb-header .bocweb-nav li .link span.icon { position: absolute; right: 0; color: #ccc; top: 50%; margin-top: -3px; opacity: .2; width: 12px; height: 6px; display: inline-block; background: url(../image/rBQBG1zIEVmEE3AQAAAAABDNNO8898.svg) no-repeat center center; } .bocweb-header .bocweb-nav li:hover .link span.icon { } .bocweb-header .bocweb-nav li .hider { transform-origin: center top; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; box-shadow: 0px 0px 46px rgba(44,70,95,0.16); visibility: hidden; } .bocweb-header .bocweb-nav li .hider .sub-link { display: block; border-bottom: 1px solid #f2f2f2; font-size: 14px; color: #727273; } .bocweb-header .bocweb-nav li .hider .sub-link .text { position: relative; font-size: 13px; padding: 8px 0; display: inline-block; } .bocweb-header .bocweb-nav li .hider .sub-link .line { position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #9d633e; transition: width 0.5s; } .bocweb-header .bocweb-nav li .hider .sub-link:hover .line { width: 100%; } .bocweb-header ul li:hover a.link { color: #ffffff; } @media (min-width: 969px){ .bocweb-header-m { display: none; } } @media (max-width:1140px) { .welcome{ display:none; } .bocweb-header .bocweb-nav li .link{ padding:0 15px; font-size: 14px; } } @media (max-width: 968px) { .header{ display: none; } .bocweb-header-m.ishow { transform: translateX(-80.55%); } .bocweb-header-m { top: 0; box-shadow: 0 5px 10px rgba(0,0,0,.05); left: 0; z-index: 12; position: fixed; background: #fff; width: 100%; transition: all 0.8s; } .bocweb-header-m .bg { position: fixed; top: 0; right: 0; bottom: 0; width: 100%; height: 100vh; background: #000; opacity: .1; filter: alpha(opacity=10); cursor: pointer; transform: scaleX(0); transform-origin: 100% 50%; transition: transform 0.6s; } .bocweb-header-m .menu-box {  z-index: 9999; padding: 27px 20px 25px; right: 0; transition: all 0.6s; } .bocweb-header-m .bocweb-menu { width: 25px; margin: 0 auto; cursor: pointer; } .bocweb-header-m .bocweb-menu .line { position: relative; top: 0; display: block; width: 100%; height: 2px; transition: transform 0.3s ease, top 0.3s ease, width 0.3s ease, opacity 0.3s, background 0.3s; transform-origin: center center; background: #7b5339; } .bocweb-header-m .bocweb-menu .line:nth-child(2) { margin: 6px 0; } .bocweb-header-m.ishow { } .bocweb-header-m.ishow .bg { transform: scaleX(1); } .bocweb-header-m.ishow .bocweb-nav li .link { transform: translateX(0px); opacity: 1 } .bocweb-header-m.ishow .bocweb-nav li .hider.ishow { transform: translateX(-101%) } .bocweb-header-m.ishow .bocweb-nav li .hider.ishow .sub-link .text { transform: translateX(0px); opacity: 1 } .bocweb-header-m.ishow .bocweb-menu .line:nth-child(1) { top: 8px; transform: rotate(45deg); opacity: 0.8; } .bocweb-header-m.ishow .bocweb-menu .line:nth-child(2) { opacity: 0; width: 0 } .bocweb-header-m.ishow .bocweb-menu .line:nth-child(3) { top: -8px; transform: rotate(-45deg); opacity: 0.8; } .bocweb-header-m .bocweb-nav { position: absolute; top: 0; bottom: 0; right: -80.55%; z-index: 500; width: 80.55%; height: 100vh; background-color: #fff; } .bocweb-header-m .bocweb-nav li { padding-left: 5%; overflow: hidden; position: relative; border-bottom: 1px solid #ebebeb; } .bocweb-header-m .bocweb-nav li:nth-child(1) { border-top : 1px solid #ebebeb; } .bocweb-header-m .bocweb-nav li .hide { position: absolute; top: 0; left: 101%; z-index: 1001; width: 100%; height: 100%; background-color: #fff; transition: all 0.8s; } .bocweb-header-m .bocweb-nav li .link { position: relative; display: inline-block; line-height: 50px; float: left; text-align: left; color: #222; width: 90%; font-size: 14px; transition: all 0.6s; opacity: 0; } .bocweb-header-m .bocweb-nav li .cur{ display: inline-block; height: 50px; width: 10%; line-height: 50px; color: #999; text-align: center; vertical-align: top; font-size: 15px; transition: all .5s ease; } .bocweb-header-m .bocweb-nav li .hider { display:none; } .bocweb-header-m.ishow .bocweb-nav li .hider.ishow { transform: translateX(-101%); } .bocweb-header-m .bocweb-nav li .conter{ } .bocweb-header-m .bocweb-nav li .back{ display: block; width: 10%; height: 50px; line-height: 50px; text-align: center; vertical-align: top; font-size: 1rem; transition: all .5s ease; transform: rotateZ(180deg); } .bocweb-header-m .bocweb-nav li .hider .sub-link { display: block; padding:6% 5px; border-bottom: 1px solid #ebebeb; font-size: 13px; color: #666; text-align: left; } .bocweb-header-m .bocweb-nav li .jtRote { transform: rotateZ(90deg); } .bocweb-header-m .bocweb-nav li .hider a:last-child { border: none; } .bocweb-header-m .lang{ padding: 20px 0; overflow: hidden; } .bocweb-header-m .lang p{ float:left; text-align: center; width: 33.33%; } .bocweb-header-m .lang a{ color:#fff; display: inline-block; padding: 5px 20px; border-radius: 14px; } .bocweb-header-m .lang .yu{ background: #cda663; } .bocweb-header-m .lang .en{ background: #1f6543; } .bocweb-header-m .lang .dingd{ background: #c5483b; } } @media (max-width: 768px) { .bocweb-header-m .stock { left: 10px; } .right-flex{ display:none; } } @media (min-width: 769px) { .right-flex { position: fixed; right: 0; top: 50%; margin-top: -202px; z-index: 11; text-align: right; } .right-flex li a{ width:100%; display:block; height:100%; } .right-flex li { position: relative; transition: 0.5s; height: 70px; z-index: 3; width: 70px; transition: 0.5s; text-align: center; } .right-flex li:hover:before { opacity: 1; visibility: visible; } .right-flex li:hover a { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: shake 0.5s; animation: shake 0.5s; } .right-flex li i { color:#fff; font-size:24px; line-height: 2; } .right-flex li p { color:#fff; font-size:12px; } .right-flex li:before { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; left: 0; top: 0; z-index: -1; transition: 0.5s; opacity: 0; visibility: hidden; } .right-flex li.s1 { background: #5aba9a; } .right-flex li.s2 { background: #cda663; } .right-flex li.s3 { background: #1f6543; } .right-flex li.s4 { background: #896ec6; } .right-flex li.s5 { background: #c5483b; } .right-flex li.s6 { background: #afc159; } .right-flex li.top { background: #1988e6; } .right-flex li.top i{ line-height:70px; } } @media (max-width: 500px) { .bocweb-header-m .lang p{ width:100%; float:none; margin-bottom:10px; padding:0 20px; } .bocweb-header-m .lang a{ display:block; font-size:12px; } .bocweb-header-m .bocweb-logo{ width: 40px; } .bocweb-header-m { height: 60px; } .bocweb-header-m .menu-box { padding: 21px 15px; transition: all 0.6s; } .bocweb-header-m .bocweb-nav{ padding: 0; background: #f9f9f9; } .bocweb-header-m .bg{ } .bocweb-header-m.ishow .bocweb-nav { } .bocweb-header-m .bocweb-nav li .cur{ width:20%; } .bocweb-header-m .bocweb-nav li .link{ width:80%; } } @keyframes shake { from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); } 50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); } 75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); } 50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); } 75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } } @-webkit-keyframes shake { from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); } 50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); } 75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); } 50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); } 75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } } .c_portalResnav_main-01001004 >div{ animation-fill-mode:both; } .popUpblack { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none; } .popUp { width: 220px; height: 242px; border: 5px solid #f1f1f1; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; } .popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; } .popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; line-height: 26px; font-size: 12px; opacity: 1; font-weight: normal; } .popUp .img { padding: 10px; } .popUp .img img { width: 100%; height: 100%; display: block; }.w_fvideo-001{ max-width: 480px; min-height: 270px; margin: 0 auto; } .w_fvideo-001 .w_fvideo{ width: 100%; min-height: inherit; position: relative; overflow: hidden; font-size: 0; } .w_fvideo-001 .w_fvideo:before{ content:''; width: 0; min-height: inherit; display: inline-block; vertical-align: middle; } .w_fvideo-001 .w_fvideo .p_video{ width: 100%; height: auto; display: inline-block; vertical-align: middle; } .w_fvideo-001 .w_fvideo .p_video + div{ display: none; } .w_fimg-000 .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_fimg-000 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_fimg-000 .p_title:hover{ color:rgba(87,177,173,1); } .w_fimg-000 .p_title:active{ color:rgba(69,165,161,1); } .w_fimg-000 .p_title .iconfont:before{ display: inline-block; content:""; } .w_fimg-000{ position:relative; width:100%; height:auto; min-height: 200px; } .w_fimg-000 .animated{ width:100%; height:100%; position: relative; min-height: inherit; } .w_fimg-000 .font { white-space: nowrap; } .w_fimg-000 .p_link001{ width:100%; height:100%; } .w_fimg-000 .p_link002{ width:100%; height:30px; } .w_fimg-000 .p_box{ width: 100%; height: 100%; text-align:center; position: static; } .w_fimg-000 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_fimg-000 .e_image:hover:after { background: transparent; } .w_fimg-000 .p_dimage:empty{ width: 100%; height: 100%; top: 0; left: 0; position:absolute; background: #f2f2f2 url(../image/camera.png) no-repeat center; }.w_grid-000{ margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } .w_grid-000 > .w_grid{ width: 100%; position: relative; } .w_grid-000 > div > .p_gridbox{ width: 100%;  position: static; } .w_grid-000 > div > div > .p_gridCell{ float: left; position: static; } .w_grid-000 > div > div > .p_gridCell:not(:empty):before{ content:''; height: 0.1px; display: block; } .w_grid-000 > .w_grid.signal{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox > .p_gridCell{ min-height: inherit; } .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ margin-left: 0; clear: left; } #w_grid-000 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left: 0; clear: left; } @media only screen and (max-width: 768px){ #c_portalResnav_main-15712916211443330{height:60px !important;} #w_grid-1571817574654,#w_grid-1571817888795,#w_grid-1571817909864,#w_grid-1571817931312{min-height:250px !important;} #w_grid-1570678650966{ min-height: 470px !important;} #w_fimg-1570678650993{display:none;} #c_portalResEbizads_banner-15706795215658218{ margin-top: 60px !important;} #w_grid-1570679294649,#w_fbtn-1570679294633,#w_grid-1570679294675,#w_grid-1570679294703,#w_grid-1570679294729{display:none;} .w_grid-000 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (min-width: 769px){ #w_grid-1571305519036{display:none !important;} #w_fimg-1571303644882{display:none !important;} .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ width: 100%; margin-left:0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }.w_fline-001 .p_FLine{ width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color:#f0f0f0; opacity:1; filter:alpha(opacity:100); display: inline-block; vertical-align: middle; } .w_fline-001{ width:100%; min-height:20px; display: block; margin: 0 auto; } .w_fline-001 .w_fline{ width:100%; min-height: inherit; font-size: 0; } .w_fline-001 .w_fline:before{ content: ""; display: inline-block; vertical-align: middle; min-height: inherit; width: 0; }.c_portalResOnlineService_categorylay-01001{ width: 24px; height: 152px; position: fixed !important;  right: 0 !important; top: 20% !important; left:initial !important; z-index: 2999!important; margin-left: auto; margin-right: auto; max-width: 1180px; min-height: 1920px; } .c_portalResOnlineService_categorylay-01001 .modalBox{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2025; display: none; } .c_portalResOnlineService_categorylay-01001 .marginAuto{ width: 250px; margin: 0 auto; line-height: 30px; } .c_portalResOnlineService_categorylay-01001 .imgClass{ display: block; width: 200px; height: 200px; margin: 10px auto; } .c_portalResOnlineService_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; } @media only screen and (max-width: 768px) { .c_portalResOnlineService_categorylay-01001 .dom_pc{display: none;} .c_portalResOnlineService_categorylay-01001 .dom_mo{text-decoration: underline;color:#60a9d7} .c_portalResOnlineService_categorylay-01001 .p_btnBox{ height: inherit; width: inherit; background-color: #1890ff; text-align: center; position: inherit; display: block; } .c_portalResOnlineService_categorylay-01001 .p_btn{ font-size: 14px; height: inherit; width: inherit; color: rgba(255,255,255,1); position: inherit; display: block; } .c_portalResOnlineService_categorylay-01001 .p_btn .font { display: block; vertical-align: middle; margin-top: 25px; height: auto; } .c_portalResOnlineService_categorylay-01001 .p_btn .iconfont:before { content: "\e6af"; } .c_portalResOnlineService_categorylay-01001 .p_Box{ position: absolute; left: -220px; width: 220px; height: auto; overflow: hidden; } .c_portalResOnlineService_categorylay-01001 .p_headBox{ width: auto; height: auto; padding: 20px; border: 1px solid #E4E4E4; border-bottom: none; } .c_portalResOnlineService_categorylay-01001 .p_headBox .p_name{ font-size: 16px; color:#333333 } .c_portalResOnlineService_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_portalResOnlineService_categorylay-01001 .p_headBox .p_name .iconfont:before{ content: "\e628"; } .c_portalResOnlineService_categorylay-01001 .p_headBox .p_tel{ margin-top: 10px; font-size: 20px; font-weight: bold; color: #333333; } .c_portalResOnlineService_categorylay-01001 .p_contentBox{ width: auto; height: auto; padding: 20px 15px; border: 1px solid #E4E4E4; } .c_portalResOnlineService_categorylay-01001 .p_articles{ width: auto; height: auto; color: #999999; margin-bottom: 30px; } .c_portalResOnlineService_categorylay-01001 .p_contentBox .p_articles:last-child{ margin-bottom: 10px; } .c_portalResOnlineService_categorylay-01001 .p_articles .p_title,.p_articles .p_QQ,.p_articles .p_Wang,.p_articles .p_skpey{ float: left; width: 7em; width: auto; text-align:left; font-size: 14px; padding: 0; } .c_portalResOnlineService_categorylay-01001 .p_articles>div { clear:both; } .c_portalResOnlineService_categorylay-01001 .p_AssistNameF i.iconfont{ display: inline-block; width: 6.5em; } .c_onlineService_categorylay-01001 .p_articles .p_skpey .iconfont:before{ content: "\e6e5"; margin-right: 5px; color: #1890ff; } .c_portalResOnlineService_categorylay-01001 .p_articles .p_title .iconfont:before{ content: "\e628"; margin-right: 5px; } .c_portalResOnlineService_categorylay-01001 .p_articles .p_QQ .iconfont:before{ content: "\e6e4"; margin-right: 5px; } .c_portalResOnlineService_categorylay-01001 .p_articles .p_Wang .iconfont:before{ content: "\e6e5"; margin-right: 5px; color: #1890ff; } .c_portalResOnlineService_categorylay-01001 .p_articles .p_skpey .iconfont:before{ content: "\e6e3"; margin-right: 5px; color: #1890ff; } .c_portalResOnlineService_categorylay-01001 .p_articles .p_list,.p_articles .p_listA,.p_articles .p_listB,.p_articles .p_listC{ margin-top: 10px; } .c_portalResOnlineService_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_portalResOnlineService_categorylay-01001 .p_footerBox{ width: auto; height: auto; } .c_portalResOnlineService_categorylay-01001 .p_timeBox{ width: auto; height: auto; padding: 20px; border: 1px solid #E4E4E4; border-top:none; text-align: center; } .c_portalResOnlineService_categorylay-01001 .p_time{ display: inline-block; font-size: 14px; color:#999999; vertical-align: middle; } .c_portalResOnlineService_categorylay-01001 .p_time .iconfont:before{ content: "\e67b"; margin-right: 5px; } .c_portalResOnlineService_categorylay-01001 .p_AssistNameC{ font-size: 14px; color: #999999; display: inline-block; vertical-align: middle; } .c_portalResOnlineService_categorylay-01001 .p_contralBox{ width: 100%; height: auto; background: #fff; transition:transform 0.5s ease; max-height: 300px; overflow-x: hidden; overflow-y: auto; } .c_portalResOnlineService_categorylay-01001 .p_Box.open .p_contralBox{ transform:translateX(100%); transition:transform 0.5s ease; } .c_portalResOnlineService_categorylay-01001 .p_btnBox.open .p_btn .iconfont:before{ content: "\e6b0"; } .c_portalResOnlineService_categorylay-01001 .p_articles .p_whatsApp .iconfont{margin-right: 5px;color: #25d366;} .c_portalResOnlineService_categorylay-01001 .p_articles .p_whatsApp .iconfont:before {content: '\ea07';color:inherit} .c_portalResOnlineService_categorylay-01001 .p_articles .p_wechat .iconfont{margin-right: 5px;color: #25d366;} .c_portalResOnlineService_categorylay-01001 .p_articles .p_wechat .iconfont:before {content: '\e6e8';color:inherit} .c_portalResOnlineService_categorylay-01001 .p_articles .p_applets .iconfont{margin-right: 5px;color: #25d366;} .c_portalResOnlineService_categorylay-01001 .p_articles .p_applets .iconfont:before {content: '\e6ea';color:inherit} .c_portalResOnlineService_categorylay-01001 .p_articles .p_skype .iconfont::before{content: '\e6e3';} } @media only screen and (min-width:768px ) { .c_portalResOnlineService_categorylay-01001 .dom_mo{display: none;} .c_portalResOnlineService_categorylay-01001 .p_btnBox{ height: inherit; width: inherit; background-color: #1890ff; text-align: center; position: inherit; display: block; } .c_portalResOnlineService_categorylay-01001 .p_btn{ font-size: 14px; height: inherit; width: inherit; color: rgba(255,255,255,1); position: inherit; display: block; } .c_portalResOnlineService_categorylay-01001 .p_btn .font { display: block; vertical-align: middle; margin-top: 25px; height: auto; } .c_portalResOnlineService_categorylay-01001 .p_btn .iconfont:before { content: "\e6af"; } .c_portalResOnlineService_categorylay-01001 .p_Box{ position: absolute; left: -220px; width: 220px; height: auto; overflow: hidden; } .c_portalResOnlineService_categorylay-01001 .p_headBox{ width: auto; height: auto; padding: 20px; border: 1px solid #E4E4E4; border-bottom: none; } .c_portalResOnlineService_categorylay-01001 .p_headBox .p_name{ font-size: 16px; color:#333333 } .c_portalResOnlineService_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_portalResOnlineService_categorylay-01001 .p_headBox .p_name .iconfont:before{ content: "\e628"; } .c_portalResOnlineService_categorylay-01001 .p_headBox .p_tel{ margin-top: 10px; font-size: 20px; font-weight: bold; color: #333333; } .c_portalResOnlineService_categorylay-01001 .p_contentBox{ width: auto; height: auto; padding: 20px 15px; border: 1px solid #E4E4E4; } .c_portalResOnlineService_categorylay-01001 .p_articles{ width: auto; height: auto; color: #999999; margin-bottom: 30px; } .c_portalResOnlineService_categorylay-01001 .p_contentBox .p_articles:last-child{ margin-bottom: 10px; } .c_portalResOnlineService_categorylay-01001 .p_articles .p_title,.p_articles .p_QQ,.p_articles .p_Wang,.p_articles .p_skpey{ float: left; width: 7em; width: auto; text-align:left; font-size: 14px; padding: 0; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .c_portalResOnlineService_categorylay-01001 .p_articles>div { clear:both; } .c_portalResOnlineService_categorylay-01001 .p_AssistNameF i.iconfont{ display: inline-block; width: 6.5em; } .c_portalResOnlineService_categorylay-01001 .p_articles .p_title .iconfont:before{ content: "\e628"; margin-right: 5px; } .c_portalResOnlineService_categorylay-01001 .p_articles .p_QQ .iconfont:before{ content: "\e6e4"; margin-right: 5px; } .c_portalResOnlineService_categorylay-01001 .p_articles .p_Wang .iconfont:before{ content: "\e6e5"; margin-right: 5px; color: #1890ff; } .c_portalResOnlineService_categorylay-01001 .p_articles .p_skpey .iconfont:before{ content: "\e6e3"; margin-right: 5px; color: #1890ff; } .c_portalResOnlineService_categorylay-01001 .p_articles .p_list,.p_articles .p_listA,.p_articles .p_listB,.p_articles .p_listC{ margin-top: 10px; } .c_portalResOnlineService_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_portalResOnlineService_categorylay-01001 .p_footerBox{ width: auto; height: auto; } .c_portalResOnlineService_categorylay-01001 .p_timeBox{ width: auto; height: auto; padding: 20px; border: 1px solid #E4E4E4; border-top:none; text-align: center; } .c_portalResOnlineService_categorylay-01001 .p_time{ display: inline-block; font-size: 14px; color:#999999; vertical-align: middle; } .c_portalResOnlineService_categorylay-01001 .p_time .iconfont:before{ content: "\e67b"; margin-right: 5px; } .c_portalResOnlineService_categorylay-01001 .p_AssistNameC{ font-size: 14px; color: #999999; display: inline-block; vertical-align: middle; } .c_portalResOnlineService_categorylay-01001 .p_contralBox{ width: 100%; height: auto; background: #fff; transition:transform 0.5s ease; } .c_portalResOnlineService_categorylay-01001 .p_Box.open .p_contralBox{ transform:translateX(100%); transition:transform 0.5s ease; } .c_portalResOnlineService_categorylay-01001 .p_btnBox.open .p_btn .iconfont:before{ content: "\e6b0"; } .c_portalResOnlineService_categorylay-01001 .p_articles .p_whatsApp .iconfont{margin-right: 5px;color: #25d366;} .c_portalResOnlineService_categorylay-01001 .p_articles .p_whatsApp .iconfont:before {content: '\ea07';color:inherit} .c_portalResOnlineService_categorylay-01001 .p_articles .p_wechat .iconfont{margin-right: 5px;color: #25d366;} .c_portalResOnlineService_categorylay-01001 .p_articles .p_wechat .iconfont:before {content: '\e6e8';color:inherit} .c_portalResOnlineService_categorylay-01001 .p_articles .p_applets .iconfont{margin-right: 5px;color: #25d366;} .c_portalResOnlineService_categorylay-01001 .p_articles .p_applets .iconfont:before {content: '\e6ea';color:inherit} .c_portalResOnlineService_categorylay-01001 .p_articles .p_skype .iconfont::before{content: '\e6e3';} } @media only screen and (max-width: 1024px) and (min-width: 769px){ .c_portalResOnlineService_categorylay-01001 .dom_mo{display: none;} } *{ padding: 0; margin: 0; } .pagebox{ width: 100%; margin: 0px auto; }.pagebox,#-remove--flag{}body,#-remove--flag{} #c_portalResnav_main-15712916211443330 .bocweb-header{ z-index:10; width:100%; } #c_portalResnav_main-15712916211443330 .bocweb-header .bocweb-logo{ margin-top:8px; } #c_portalResnav_main-15712916211443330{ width:100%; max-width:none; min-width:0px; height:60px; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; position:absolute; top:0px; left:0px; z-index:999; bottom:auto; right:auto; } #c_portalResOnlineService_categorylay-16092284502038943{ position:fixed; top:20%; left:auto; bottom:auto; right:0px; transform:none; width:40px; height:152px; z-index:2999; content:normal; max-width:1180px; min-width:0px; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; -webkit-transform:none; } #w_grid-1583750235620 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fvideo-1583750241132 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1560932586990 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1582287534510 > div > .p_gridbox{ background-color:rgba(136, 48, 78, 1); } #w_grid-1582287534510 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1582287534510 >div{ animation-fill-mode:both; } #w_grid-1582287534510 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1582287534510> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1582287534510> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1582287534510> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fimg-1582287534516 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1582287534516 >div{ animation-fill-mode:both; } #w_grid-1582287534519 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1582287534519 >div{ animation-fill-mode:both; } #w_grid-1582287534519 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1582287534519> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:1%; } #w_grid-1582287534519> div > .p_gridbox > .p_gridCell:nth-child(4n+0){ width:24.25%; margin-left:1%; margin-right:0; clear:none; } #w_grid-1582287534519> div > .p_gridbox > .p_gridCell:nth-child(4n+1){ margin-left:0; clear:left; margin-right:0; width:24.25%; } #w_grid-1582287534519> div > .p_gridbox > .p_gridCell:nth-child(4n+2){ width:24.25%; margin-left:1%; margin-right:0; clear:none; } #w_grid-1582287534519> div > .p_gridbox > .p_gridCell:nth-child(4n+3){ width:24.25%; margin-left:1%; margin-right:0; clear:none; } #w_grid-1582287534519> div > .p_gridbox > .p_gridCell:nth-child(4n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1582287534519> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:2%; } #w_grid-1582287534519> div > .p_gridbox > .p_gridCell:nth-child(3n+0){ width:24.172800000000002%; margin-left:2%; margin-right:0px; clear:none; } #w_grid-1582287534519> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ margin-left:0px; clear:left; margin-right:0px; width:40.9824%; } #w_grid-1582287534519> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ width:30.835199999999997%; margin-left:2%; margin-right:0px; clear:none; } #w_grid-1582287534519> div > .p_gridbox > .p_gridCell:nth-child(3n){ margin-right:0px; } } #w_fimg-1582287534528 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1582287534528 >div{ animation-fill-mode:both; } #w_grid-1582287534552 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1582287534552 >div{ animation-fill-mode:both; } #w_grid-1582287534552 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1582287534552> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0%; } #w_grid-1582287534552> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:85.55%; margin-left:0%; margin-right:0px; clear:none; } #w_grid-1582287534552> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:14.45%; } #w_grid-1582287534552> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1582287534568 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1582287534568 >div{ animation-fill-mode:both; } #w_grid-1582287534568 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1582287534568> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:4%; } #w_grid-1582287534568> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:81.744%; margin-left:4%; margin-right:0px; clear:none; } #w_grid-1582287534568> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:14.255999999999998%; } #w_grid-1582287534568> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fimg-1582287534532 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1582287534532 >div{ animation-fill-mode:both; } #w_grid-1582287534559 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1582287534559 >div{ animation-fill-mode:both; } #w_grid-1582287534559 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1582287534559> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:4%; } #w_grid-1582287534559> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:84.8832%; margin-left:4%; margin-right:0px; clear:none; } #w_grid-1582287534559> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:11.1168%; } #w_grid-1582287534559> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1582287534575 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1582287534575 >div{ animation-fill-mode:both; } #w_grid-1582287534575 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1582287534575> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:4%; } #w_grid-1582287534575> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:84.8832%; margin-left:4%; margin-right:0px; clear:none; } #w_grid-1582287534575> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:11.1168%; } #w_grid-1582287534575> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fimg-1582287534536 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1582287534536 >div{ animation-fill-mode:both; } #w_grid-1582287534564 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1582287534564 >div{ animation-fill-mode:both; } #w_grid-1582287534564 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1582287534564> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:4%; } #w_grid-1582287534564> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:84.8832%; margin-left:4%; margin-right:0px; clear:none; } #w_grid-1582287534564> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:11.1168%; } #w_grid-1582287534564> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1582287534581 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1582287534581 >div{ animation-fill-mode:both; } #w_grid-1582287534581 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1582287534581> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:4%; } #w_grid-1582287534581> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:84.8832%; margin-left:4%; margin-right:0px; clear:none; } #w_grid-1582287534581> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:11.1168%; } #w_grid-1582287534581> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1582287534540 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1582287534540 >div{ animation-fill-mode:both; } #w_grid-1582287534540 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1582287534540> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:4%; } #w_grid-1582287534540> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:48%; margin-left:4%; margin-right:0px; clear:none; } #w_grid-1582287534540> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:48%; } #w_grid-1582287534540> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fimg-1582287534643 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1582287534643 >div{ animation-fill-mode:both; } #w_fimg-1582287534647 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1582287534647 >div{ animation-fill-mode:both; } #w_grid-1582287563336 > div > .p_gridbox{ background-color:rgba(136, 48, 78, 1); } #w_grid-1582287563336 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1582287563336 >div{ animation-fill-mode:both; } #w_grid-1582287563336 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1582287563336> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1582287563336> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1582287563336> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fline-1582287563341 .p_FLine{ border-top-color:rgba(52, 52, 52, 1); border-top-width:1px; } #w_fline-1582287563341 .w_fline .p_FLine{ border-top-style:solid; } #w_fline-1582287563341 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fline-1582287563341 >div{ animation-fill-mode:both; } #w_grid-1583750235620{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fvideo-1583750241132{ width:auto; max-width:100%; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1584963714494{ width:100%; max-width:600px; min-width:0px; height:auto; max-height:none; min-height:200px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1560932586990{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:400px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1582287534510{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1582287534516{ width:100%; max-width:1400px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:50px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1582287534519{ width:100%; max-width:1400px; min-width:0px; height:auto; max-height:none; min-height:189px; margin-top:25px; margin-left:auto; margin-right:auto; margin-bottom:30px; padding-top:0px; padding-left:20px; padding-right:20px; padding-bottom:0px; } #w_fimg-1582287534528{ width:100%; max-width:110px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1582287534552{ width:100%; max-width:250px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1582287534604{ width:100%; max-width:22px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:auto; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1582287534608{ width:auto; max-width:100%; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:8px; margin-left:10px; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1582287534568{ width:100%; max-width:216px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1582287534612{ width:100%; max-width:23px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:auto; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1582287534615{ width:auto; max-width:100%; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:5px; margin-left:5px; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1582287534532{ width:100%; max-width:110px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1582287534559{ width:100%; max-width:225px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1582287534618{ width:100%; max-width:22px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:auto; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1582287534621{ width:auto; max-width:100%; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:8px; margin-left:5px; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1582287534575{ width:100%; max-width:172px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1582287534624{ width:100%; max-width:23px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:12px; margin-left:auto; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1582287534627{ width:auto; max-width:100%; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:5px; margin-left:5px; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1582287534536{ width:100%; max-width:110px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1582287534564{ width:100%; max-width:250px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1582287534630{ width:100%; max-width:22px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:auto; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1582287534634{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:8px; margin-left:5px; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1582287534581{ width:100%; max-width:185px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1582287534637{ width:100%; max-width:23px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:auto; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1582287534640{ width:auto; max-width:100%; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:5px; margin-left:5px; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1582287534540{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1582287534643{ width:100%; max-width:110px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1582287534650{ width:auto; max-width:188px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1582287534647{ width:100%; max-width:110px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1582287534653{ width:auto; max-width:188px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1582287563336{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fline-1582287563341{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:20px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1582287534602{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1582287563346{ width:auto; max-width:908px; min-width:0px; height:auto; max-height:none; min-height:24px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:20px; padding-top:0px; padding-left:20px; padding-right:20px; padding-bottom:0px; }