.boxScroll{position: sticky;top:0px;width: 100%;z-index: 50;padding: 0 10px;box-sizing: border-box}
.boxScroll.scrollUp{transition: all 0.5s ease-out 0s;}
.boxScroll.scrollUp.scrolShow{top:0px}
.hfix .boxScroll{}
.divScroll{display: flex;max-width: 100%;align-items: center;justify-content: space-between;width: 1500px;margin: 0 auto;align-items: center;padding: 0;box-sizing: border-box;
background-color: rgba(255,255,255,0.6);
backdrop-filter: blur(5px);
border-radius: 10px;
margin-top: 32px;
}

.logoTel{
display: flex;
}
.logoTel .phone{
background-color: #FFFFFF;
border-radius: 0 112px 112px 0;
display: flex;
align-items: center;
font-weight: 700;
font-size: 41px;
color: var(--g2-color);
padding: 0 46px 0 128px;
box-sizing: border-box;
position: relative;
z-index: 1;
transition: all 0.5s ease-out 0s;
}
.logoTel .phone:hover{
padding: 0 128px 0 46px;
color: #FFFFFF;
}

.logoTel .phone:before{
content: "";
display: block;
width: 108px;
height: 100%;
background-color: var(--g1-color);
border-radius: 0 112px 112px 0;
position: absolute;
z-index: -1;
left: 0;
transition: all 0.5s ease-out 0s;
}
.logoTel .phone:hover:before{
width: 100%;
}

.logoTel .phone:after{
content: "";
display: block;
width: 72px;
height: 72px;
position: absolute;
z-index: -1;
border-radius: 50%;
left: 22px;
transition: all 0.5s ease-out 0s;
background: #FFFFFF url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOS44MzIiIGhlaWdodD0iMzkuODMyIiB2aWV3Qm94PSIwIDAgMzkuODMyIDM5LjgzMiI+DQogIDxwYXRoIGlkPSJjYWxsXzI0ZHBfVU5ERUZJTkVEX0ZJTEwxX3dnaHQzMDBfR1JBRDBfb3BzejI0IiBkPSJNMTc3LjM0OS03ODAuMTY4YTMxLjU4NywzMS41ODcsMCwwLDEtMTMuMzA4LTMuMDgsNDIuNTE5LDQyLjUxOSwwLDAsMS0xMi4yOTQtOC42ODksNDIuNzcxLDQyLjc3MSwwLDAsMS04LjY2Ny0xMi4yODQsMzEuNTA5LDMxLjUwOSwwLDAsMS0zLjA4LTEzLjMsMi40MjMsMi40MjMsMCwwLDEsLjctMS43NjlBMi4zNjUsMi4zNjUsMCwwLDEsMTQyLjQ2LTgyMEgxNTAuMWEyLjM0LDIuMzQsMCwwLDEsMS41NjYuNTc5LDIuNTQ1LDIuNTQ1LDAsMCwxLC44NjMsMS40M2wxLjM0Myw2Ljg5NGEzLjk0NiwzLjk0NiwwLDAsMS0uMDU5LDEuNjQ5LDIuNDU0LDIuNDU0LDAsMCwxLS43MTIsMS4xNThsLTUuNDExLDUuMjY4YTMyLjQ3OSwzMi40NzksMCwwLDAsMi45ODUsNC41MjYsNDQuNTc3LDQ0LjU3NywwLDAsMCwzLjYzNCw0LjA3NSw0MC4zNzQsNDAuMzc0LDAsMCwwLDQuMSwzLjU4Myw0MS4xODksNDEuMTg5LDAsMCwwLDQuNjkxLDMuMDc4bDUuMjU4LTUuM2EyLjk4MiwyLjk4MiwwLDAsMSwxLjMzMi0uOCwzLjgyOSwzLjgyOSwwLDAsMSwxLjYyNC0uMTEybDYuNTA2LDEuMzI1YTIuNzUzLDIuNzUzLDAsMCwxLDEuNDQ5LjkwNiwyLjMxMSwyLjMxMSwwLDAsMSwuNTYxLDEuNTIzdjcuNmEyLjM2NSwyLjM2NSwwLDAsMS0uNzE0LDEuNzU3QTIuNDIzLDIuNDIzLDAsMCwxLDE3Ny4zNDktNzgwLjE2OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDAgODIwKSIgZmlsbD0iIzIwYjAyZCIvPg0KPC9zdmc+DQo=') 50% 50% no-repeat;
}

.logoTel .phone:hover:after{
left: 80%;
}

.box_top{border-bottom:1px solid #E6E6E6;}
.div_top{width:1260px;max-width:100%;box-sizing:border-box;margin:0px auto;padding:10px 15px;display:flex;justify-content:space-between;align-items:center;}
.showBckMenu{display:block;height:0px;width:100%;position:fixed;top:0;right:0;z-index:0;transition:all 0.5s ease-out 0.3s;}
.showBckMenu.showBg{display:block;height:97px;transition:height 0.5s ease-out 0s;background-color:rgba(255,255,255,0.7);
backdrop-filter: blur(5px);}
.top_page img{height:100px;width:auto;transition:all 0.5s ease-out 0s;}
.box_top_menu{background-color:#FFFFFF;position:sticky;top:0px;width:100%;left:0px;z-index:50;transition:all 0.5s ease-out 0s;border-bottom:1px solid #E6E6E6;}
.hfix .box_top_menu{}
.div_top_menu{width:1260px;max-width:100%;margin:0px auto;box-sizing:border-box;display:flex;padding:15px 15px 0px 15px;justify-content:space-between;left:0px;right:0px;align-items:center;transition:all 0.5s ease-out 0s;}
.hfix .div_top_menu{}
body{transition:all 0.5s ease-out 0s;}
.box_menu{background-color:#FFFFFF;transition:all 0.5s ease-out 0s;}
.box_menu:after{content:"";display:block;clear:both;}
.menuTop{text-align:center;box-sizing:border-box;max-width:100%;position:relative;padding:0px 0px 0px 0px;transition:all 0.5s ease-out 0s;}
.menuTop:after{content:"";display:block;clear:both;}
.menuTop ul{list-style:none;}
.menuTop ul.mobMenu{display:none;}
.menuTop ul li.roll{display:none;}
.menuTop ul.mobileMenu{display:none;}
.menuTop>.inMenu>ul{margin:0px 0px 0px 0px;display:table;float:right;}
.menuTop>.inMenu>ul>li{position:relative;z-index:50;display:table-cell;vertical-align:middle;padding:0 20px;text-align:center;}
.menuTop>.inMenu>ul>li.liMore{position:static;}
.menuTop>.inMenu>ul>li:first-child{padding-left:0px;}
.menuTop>.inMenu>ul>li>a{color:var(--menuTop-color);display:block;font-size:var(--menuTop-font-size);padding:7px 15px;position:relative;height:100%;vertical-align:middle;width:100%;box-sizing:border-box;transition:all 0.5s ease-out 0s;font-weight:var(--menuTop-font-weight);border-radius:4px;}
.menuTop>.inMenu>ul>li>a.icon{background-repeat:no-repeat;background-position:0% 50%;background-size:auto 70%;padding-left:40px;}
.menuTop>.inMenu>ul>li>a.subMenu:after{content:'';display:inline-block;width:10px;height:10px;border-style:solid;border-color:var(--g2-color);border-width:0 2px 2px 0;transform:rotate(45deg);margin-left:7px;margin-bottom:4px;transition:all 0.5s ease-out 0s;}
.menuTop>.inMenu>ul>li.sel>a, .menuTop>.inMenu>ul>li:hover>a{color:#FFFFFF;background-color:var(--menuTop-sel-color);;}
.menuTop>.inMenu>ul>li.sel>a.subMenu:after, .menuTop>.inMenu>ul>li:hover>a.subMenu:after{filter:brightness(0) invert(100%);}
.menuTop>.inMenu>ul>li>ul{left:0;position:absolute;top:120%;width:350px;z-index:51;text-align:left;padding:0 10px;transition:all 0.5s ease-out 0s;right:0px;margin:0px auto;max-height:50vh;opacity:0;visibility:hidden;overflow:auto;box-sizing:border-box;border-radius:4px;
background-color: rgba(255,255,255,0.7);
backdrop-filter: blur(5px);
}
.menuTop>.inMenu>ul>li>ul.ulMore{width:100%;}
.menuTop>.inMenu>ul>li>ul.ulMore li{display:inline-block;width:33.333%;}
.menuTop ul li:hover ul{opacity:1;visibility:visible;transition:all 0.5s ease-out 0s;top:100%;}
.menuTop>.inMenu>ul>li>ul>li{padding:4px 0px;position:relative;box-sizing:border-box;border-bottom:1px solid #EBEBEB;}
.menuTop>.inMenu>ul>li>ul>li>a{display:block;color:var(--menuTop-sub-color);font-size:var(--menuTop-sub-font-size);transition:all 0.5s ease-out 0s;position:relative;padding:9px 18px;font-weight:var(--menuTop-sub-font-weight);box-sizing:border-box;}
.menuTop>.inMenu>ul>li>ul>li>a:before{content:"";width:2px;height:100%;background-color:#EBEBEB;left:0px;bottom:0px;top:0px;transition:all 0.5s ease-out 0s;position:absolute;}
.menuTop>.inMenu>ul>li>ul>li>a:after{content:"";width:2px;height:0px;background-color:var(--menuTop-sub-sel-color);left:0px;bottom:0px;top:0px;transition:all 0.5s ease-out 0s;position:absolute;margin:auto;}
.menuTop>.inMenu>ul>li>ul>li.sel>a:after, .menuTop>.inMenu>ul>li>ul>li:hover>a:after{height:100%;}
.menuTop>.inMenu>ul>li>ul>li.sel>a, .menuTop>.inMenu>ul>li>ul>li:hover>a{color:var(--menuTop-sub-sel-color);}
.menuTop>.inMenu>ul>li>ul>li ul{padding-left:20px;}
.menuTop>.inMenu>ul>li>ul>li ul li{}
.menuTop>.inMenu>ul>li>ul>li ul li a{padding:15px 5px 15px 30px;display:block;color:#2B343B;}
.menuTop>.inMenu>ul>li>ul>li ul li.sel a, .menuTop>.inMenu>ul>li>ul>li ul li a:hover{color:var(--menuTop-sel-color);}
div.menuTop > a.showMenu{vertical-align:middle;width:35px;height:22px;padding:0px 0px 0px 0px;position:relative;z-index:100;background-color:transparent;border:none;outline-style:none;display:none;}
div.menuTop > a.showMenu > span{float:right;width:100%;height:4px;z-index:100;right:0px;background-color:#FFFFFF;transition:all 0.1s ease-out 0.3s;border-radius:9px;}
div.menuTop > a.showMenu > span:before,div.menuTop > a.showMenu > span:after{content:"";position:absolute;width:100%;height:4px;background-color:#FFFFFF;right:0px;transition:top 0.3s ease-out 0.3s, bottom 0.3s ease-out 0.3s, transform 0.3s ease-out 0s;border-radius:9px;}
div.menuTop>a.selShow > span:before,div.menuTop>a.selShow > span:after{transition:top 0.3s ease-out 0s, bottom 0.3s ease-out 0s, transform 0.3s ease-out 0.3s;}
div.menuTop > a.showMenu > span:before{top:0px;}
div.menuTop > a.showMenu > span:after{bottom:0px;}
div.menuTop>a.selShow > span{height:0px;}
div.menuTop>a.selShow > span:before,div.menuTop>a.selShow > span:after{}
div.menuTop>a.selShow > span:before{transform:rotate(-45deg);top:9px}
div.menuTop>a.selShow > span:after{transform:rotate(45deg);bottom:9px}

@media screen and (max-width:1420px){
.top_page img{height: 87px}
.menuTop > .inMenu > ul > li{padding: 0 15px}
.logoTel .phone::after {width: 63px;height: 63px;background-size: 35px auto}
.logoTel .phone::before{width: 96px}
.logoTel .phone{padding: 0 25px 0 110px;font-size: 33px}
.logoTel .phone:hover{padding: 0 110px 0 25px}
}
@media screen and (max-width:1270px){
.logoTel .phone{font-size: 0;padding: 0}
.logoTel .phone:hover{padding: 0}
.logoTel .phone:hover:before{width: 96px}
.logoTel .phone:hover:after{left: 22px}
}

@media screen and (max-width:1200px){.menuTop > .inMenu > ul > li{}
}
@media screen and (max-width:1100px){
.divScroll{backdrop-filter: none;position: relative;
background-color: transparent;
margin: 0;
}
.boxScroll{
padding-top: 10px;
}

.logoTel{
position: relative;
z-index: 1;
}

.divScroll:after{
content: "";
display: block;
background-color: rgba(255,255,255,0.7);
backdrop-filter: blur(5px);
width: 100%;
height: 100%;
top:0;
left: 0;
position: absolute;
z-index: 0;
border-radius: 10px 112px 112px 10px;
}



.div_top{padding-right:100px}
.menuTop{z-index:999999;position: static;overflow: auto}
.hfix .menuTop, .menuTop{padding:0px;margin:0px;}
.menuTop ul.mobileMenu{display:block;}
div.menuTop > a.showMenu{display:flex;position:absolute;top:31px;right:25px;align-items:center;}

div.menuTop > a.showMenu:after{
content: "";
display: block;
background-color: var(--g1-color);
width: 63px;
height: 63px;
position: absolute;
top:0;
bottom: 0;
left: -15px;
right: 0;
margin: auto;
border-radius: 50%;
}

.menuTop>.inMenu{transition:max-height 0.5s ease-out 0s;box-sizing:border-box;max-height:0;z-index:200;display:block;position:fixed;right:0;left:0;top:97px;bottom:0;overflow:auto;padding:0 15px;
background-color:rgba(255,255,255,0.7);
backdrop-filter: blur(5px);
}
.menuTop>.inMenu.show{display:block;max-height:calc(100vh - 97px)}
.menuTop>.inMenu>ul{display:block;float:none}
.menuTop>.inMenu>ul>li>ul{display:block;visibility:visible;opacity:1;position:static;width:100%;border:none;box-shadow:none;}
.menuTop>.inMenu>ul>li{display:block;height:auto;padding:0px;}
.menuTop>.inMenu>ul>li.sel>a, .menuTop>.inMenu>ul>li:hover>a{}
.menuTop>.inMenu>ul>li>ul>li>a{background-color:transparent;}
.menuTop>.inMenu>ul>li>ul>li{margin:0px;padding:0px;background-color:transparent;}
.menuTop>.inMenu>ul>li>ul>li.sel>a, .menuTop>.inMenu>ul>li>ul>li:hover>a{}
.menuTop>.inMenu>ul>li:first-child > a{border:none;}
.menuTop>.inMenu>ul>li>ul>li:first-child > a .textMenu{border-top:1px solid #e3e3e3;}
.menuTop>.inMenu>ul>li>ul>li ul li a{padding-left:10px;}
.menuTop>.inMenu>ul>li>ul>li ul{padding-left:15px;}
.menuTop>.inMenu>ul>li::after{display:none;}
.menuTop>.inMenu>ul>li>ul>li>a{padding:10px 5px 10px 10px;text-align: center;font-size: 20px;font-weight: 700}
.box_top_menu .box_menu{display:flex;justify-content:space-between;align-items:center;width:50%;}
.box_menu::after{display:none;}
.hfix .top_page img, .top_page img{}
.hfix .box_top_menu, .box_top_menu, .box_top_menu, .box_top_menu{z-index:100;width:100%;top:0px;left:0px;transition:all 0.5s ease-out 0s;border:none}
.hfix .div_top_menu, .div_top_menu{padding:0px;}
.box_top{position:sticky;top:0px;z-index:50;background-color:#FFFFFF}
.social a.tel{font-size:0px}
.social a.tel::before{margin:0px}
.menuTop>.inMenu>ul>li>a::before{display:none}
.menuTop>.inMenu>ul>li>ul.ulMore li{width:100%}
}
@media screen and (max-width:1100px){div.menuTop{z-index:999999;}
.menuTop .inMenu ul{display:block;float:none}
.menuTop .inMenu>ul{margin-top: 45px}
.menuTop > .inMenu > ul > li > ul{position:static;width:100%;opacity:1;visibility:visible;max-height:unset;box-shadow:unset;box-sizing:border-box;background-color: transparent;padding: 0}
.menuTop > .inMenu > ul > li > ul > li{display:block;}
.menuTop > .inMenu > ul > li{display:block;text-align:center;padding-bottom: 25px}
.menuTop > .inMenu > ul > li > a{display:inline-block;font-size: 34px;width: auto}
.menuTop > .inMenu > ul > li > ul > li > a::before {display: none}
.menuTop > .inMenu > ul > li > ul > li > a::after {display: none}
.menuTop > .inMenu > ul > li > ul > li{border: none;text-align: center;padding: 10px 0}
.menuTop > .inMenu > ul > li > ul > li > a{display: inline-block}
.menuTop > .inMenu > ul > li > ul > li.sel > a{color: var(--g2-color)}
}

@media screen and (max-width:500px) {
.top_page img {height: 70px;}
.logoTel .phone::after {width: 53px;height: 53px;background-size: 30px auto;}
.logoTel .phone::before {width: 83px}
.logoTel .phone:hover::before {width: 83px}
div.menuTop > a.showMenu::after {width: 53px;height: 53px;left: -10px}
div.menuTop > a.showMenu{top:25px;right: 15px}
}

@media screen and (max-width:410px){.div_top{padding-right:65px;}
}

@media screen and (max-width:500px){

}