#left_service{} #left_service .floatQQ{  background: url(/img/service_btn1.png?tenantId=213426&viewType=1&v=000) #3380ce no-repeat center center; background-size: 56%; } #left_service .floatSh{   background-size: 60%; background: #3380ce; } #left_service .floatTel{  background: url(/img/service_btn1.png?tenantId=213426&viewType=1&v=000) #3380ce no-repeat center center; } #left_service.floatBox { display: none; } @media only screen and (min-width: 769px){ #left_service.floatBox { position: fixed; right: 3px; top: auto; transform: translateY(0%); z-index: 9999999999999; width: 77px; bottom: 30%; } #left_service .floatLi { position: relative; left:0; display: flex; width: auto; height: 56px; margin-bottom: 1px; line-height: 27px; text-align: center;  transition: all 0.5s ease; } #left_service .floatLi3 { position: relative; left:0; display: flex; width: 300px;  margin-bottom: 1px; line-height: 27px; text-align: center; overflow: hidden; transition: all 0.5s ease;  } #left_service .alink:hover span{display:block;} #left_service .alink span img{width:100%;height:100%;max-width: 100%;} #left_service .alink span{display:none;width: 120px;height: 120px;position: absolute;left: -120px;top: 0;background: #fff;padding: 3px;} #left_service .alink img{max-width: 42px;height:auto;} #left_service .alink:hover{background:#e08709;} #left_service .alink { display: inline-block; width: 76px; height: 100%; padding: 0px 0 0 0;  font-size: 0.75rem; font-size: 0; line-height: 56px; position: relative; overflow: visible; background: #888; } #left_service .floatTel2 { display:block; z-index: 1; width: 184px; height: 57px; font: 24px/57px Arial; color: #fff; background: #3380ce; cursor: pointer; } #left_service .floatTop {  background: url(/img/backtop_ico0.png?tenantId=213426&viewType=1&v=000) #3380ce no-repeat center center; background-size: 66%; display: none; } #left_service .floatLi:hover { left:-10px; } #left_service .floatLi3:hover { left: -10px; } } @media only screen and (max-width: 768px){ #left_service .floatLiT { display:none; } #left_service.floatBox { position:fixed; bottom: 10%; right: 0; z-index: 50; width: 64px; min-height: 100px;  } #left_service .moli { position: relative; width: 100%; height: auto; line-height: 27px; color: #fff; float: left; text-align: center; padding: 0 0 1px 0; } #left_service .moli .alink span img{max-width:100%;} #left_service .moli .alink span{background:#fff;padding:4px; display: none; left: -100px; position: absolute; top: 0; width: 100px; } #left_service .moli .alink:hover span{ display: block; } #left_service .moli .alink img{max-width:62%;} #left_service .alink:hover{background:#e08709;} #left_service .moli .alink { display: inline-block; color: #fff; font-size: 0.75rem; width: 100%; height: auto; padding: 3px 0; color: #fff; background: #888; } #left_service .floatTel2 {display:none;} } #left_service .floatLi.service4{display:none;} @media only screen and (max-width: 768px){ .c_portalResPublic_codeContainer-01001{ min-height:30px; width:100%; } } @media only screen and (min-width: 769px){ .c_portalResPublic_codeContainer-01001{ min-height:20px; width:100%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } .top_ico{line-height:38px;text-align: center; background:#f75f33; color:#fff;} .top_ico img{margin-top:-2px;} .proa_app{} .proa_app_list{ display: table; margin: 0 auto; } .proa_app li{ width: calc((100% - 10px)/6); float: left; min-height: 150px;  margin: 0 25px; border-radius: 50%; width: 150px; background: url(/img/proapp_h1.png?tenantId=213426&viewType=1&v=000) no-repeat center; text-align: center; font-size: 14px; padding: 42px; color: #fff; vertical-align: middle; display: table-cell; } .proa_app li:nth-child(2){background: url(/img/proapp_h2.png?tenantId=213426&viewType=1&v=000) no-repeat center;} .proa_app li:nth-child(3){background: url(/img/proapp_h3.png?tenantId=213426&viewType=1&v=000) no-repeat center;} .proa_app li:nth-child(4){background: url(/img/proapp_h2.png?tenantId=213426&viewType=1&v=000) no-repeat center;} .proa_app li:nth-child(5){background: url(/img/proapp_h1.png?tenantId=213426&viewType=1&v=000) no-repeat center;} .proa_app li:nth-child(6){background: url(/img/proapp_h3.png?tenantId=213426&viewType=1&v=000) no-repeat center;} @media only screen and (max-width: 768px){ .proa_app li{margin:0 15px;} body .proa_app_list{ width: auto; width: 360px; } } #left_service{} #left_service .floatQQ{  background: url(/img/service_btn1.png?tenantId=213426&viewType=1&v=000) #3380ce no-repeat center center; background-size: 56%; } #left_service .floatSh{   background-size: 60%; background: #3380ce; } #left_service .floatTel{  background: url(/img/service_btn1.png?tenantId=213426&viewType=1&v=000) #3380ce no-repeat center center; } @media only screen and (min-width: 769px){ #left_service.floatBox {opacity:0; position: fixed; right: 0px; top: auto; transform: translateY(0%); z-index: 9999999999999; width: 77px; bottom: 20%; } #left_service .floatLi { position: relative; left:0; display: flex; width: auto; height: 56px; margin-bottom: 1px; line-height: 27px; text-align: center;  transition: all 0.5s ease; } #left_service .floatLi3 { position: relative; left:0; display: flex; width: 300px;  margin-bottom: 1px; line-height: 27px; text-align: center; overflow: hidden; transition: all 0.5s ease;  } #left_service .alink:hover span{display:block;} #left_service .alink span img{width:100%;height:100%;max-width: 100%;} #left_service .alink span{display:none;width: 120px;height: 120px;position: absolute;left: -120px;top: 0;background: #fff;padding: 3px;} #left_service .alink img{max-width: 42px;height:auto;} #left_service .alink { display: inline-block; width: 76px; height: 100%; padding: 0px 0 0 0;  font-size: 0.75rem; font-size: 0; line-height: 56px; position: relative; overflow: visible; } #left_service .floatTel2 { display:block; z-index: 1; width: 184px; height: 57px; font: 24px/57px Arial; color: #fff; background: #3380ce; cursor: pointer; } #left_service .floatTop {  background: url(/img/backtop_ico0.png?tenantId=213426&viewType=1&v=000) #3380ce no-repeat center center; background-size: 66%; display: none; } #left_service .floatLi:hover { left:-10px; } #left_service .floatLi3:hover { left: -10px; } } @media only screen and (max-width: 768px){ #left_service .floatLiT { display:none; } #left_service.floatBox { position:fixed; bottom: 10%; right: 0; z-index: 50; width: 64px; min-height: 100px;  } #left_service .moli { position: relative; width: 100%; height: auto; line-height: 27px; color: #fff; float: left; text-align: center; padding: 0 0 1px 0; } #left_service .moli .alink span img{max-width:100%;} #left_service .moli .alink span{background:#fff;padding:4px; display: none; left: -100px; position: absolute; top: 0; width: 100px; } #left_service .moli .alink:hover span{ display: block; } #left_service .moli .alink img{max-width:62%;} #left_service .moli .alink { display: inline-block; color: #fff; font-size: 0.75rem; width: 100%; height: auto; padding: 3px 0; color: #fff; } #left_service .floatTel2 {display:none;} } #left_service .floatLi.service4{display:none;}@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{width:100%; margin:0px auto; }body,#-remove--flag{}#c_portalResPublic_codeContainer-15609144861485204{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:360px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; }