/* basic */
.shadow::after {background-color: var(--color);box-shadow: 0 5px 10px var(--color);}
.width {max-width: 1920px;overflow: hidden;margin: auto;}
.more {width: 200px;margin: auto;}

/* color */
:root {
    --color: #3875c9;
    --deep: #003277;
}

/* btn */
.btn {font-size: 16px;font-weight: bold;border-radius: 5px;}
.btn-empty {border-width: 2px;border-radius: 100px;}

/* head */
.head {position: absolute;left: 0;right: 0;width: 100%;z-index: 3;padding: 10px;overflow: inherit;background-image: linear-gradient(var(--color),transparent);}
.head-cont {display: flex;}
.logo {width: 70px;height: 70px;background-image: url(../images/logo.png);}

.lang > a {line-height: 50px;color: white;width: 50px;height: 50px;border-radius: 5px;}
.lang > a:hover {background-color: var(--000-1);}

/*search*/
.search {position: relative;height: 50px;}
.search span {color: white;line-height: 50px;display: block;width: 50px;cursor: pointer;border-radius: 5px;}
.search span:hover {background-color: var(--000-1);}
.search span.ico-close {display: none;}
.search-cont {position: absolute;right: 50px;top: 0;background-color: white;border-radius: 5px;display: none;}
.search-cont input {width: 240px;}
.search-cont a {width: 50px;}
.search.active span.ico-search {display: none;}
.search.active span.ico-close,
.search.active .search-cont {display: flex}

.search-result {}
.search-result h4 {margin: 50px 0;font-size: 34px;font-weight: normal;}
.search-result h4 b {color: var(--red);padding: 0 10px;text-transform: none;}

/*light*/
.light {height: 800px;}
.light-cont {max-width: 900px;}
.light .swiper-slide a {margin-top: 100px;}
.light .swiper-slide cite {height: 30%;width: 100%;position: absolute;bottom: 0;left: 0;background-image: linear-gradient(transparent,white);}
.light .swiper-pagination {bottom: 30px;}
.light .swiper-pagination-bullet {width: 50px;height: 6px;border-radius: 0;background-color: white;opacity: 1;}
.light .swiper-pagination-bullet-active {background-color: var(--color);}

/* menu */
menu {flex: 1;}
menu x {color: white;}
menu-cont li.active a {background-color: white;color: var(--color);}
menu-cont li a {line-height: 50px;}
menu-cont li > a {color: white;font-size: 16px;padding: 0 20px;border-radius: 5px;line-height: 40px;}
menu-cont li > a:hover {background-color: white;color: var(--color);}
menu-group {border-radius: 5px;}
menu-group a:hover {background-color: var(--color);color: white;}

/* title */
.title {position: relative;display: flex;align-items: center;justify-content: center;padding: 50px 0;}
.title h3 {font-size: 32px;font-weight: normal;}
.title span {text-transform: uppercase;font-size: 76px;font-weight: bolder;opacity: .1;position: absolute;}
.title-left {justify-content: flex-start;}

/*article*/
article {font-size: 16px;line-height: 200%;}
article p {line-height: 200%;}
article video {width: 100%;}

.article {}
.article-title {margin: 30px 0;text-align: center;}
.article-title h3 {border-bottom-width: 1px;padding: 30px 0;font-size: 28px;}
.article-title span {display: block;padding: 20px 0;color: var(--ccc);}
.article-page {margin-top: 50px;padding: 20px 0;border-top-width: 1px;overflow: hidden;}
.article-page a {font-weight: bold;float: left;}
.article-page a:last-child,
.article-page a:last-child i {float: right;}
.article-page a:hover {color: var(--color);}

/*home*/
.home {}
.home-about {padding: 50px 0 100px;}
.home-about h2 {display: flex;font-weight: normal;font-size: 60px;opacity: .1;padding: 30px 0;}
.home-about h2 z {flex: 1;text-align: center;}
.home-about-cont {background-color: var(--color);position: relative;}
.home-about-cont h4 {position: absolute;right: 0;top: calc(50% - 10px);line-height: 20px;color: white;font-size: 30px;padding: 0 50px;transition-duration: .5s;}
.home-about-cont h4 a {color: white;}
.home-about-cont h4:hover {transform: translateX(10px);}
.home-about-cont h4 i {font-size: 48px;margin: 0 10px;}
.home-about-img {position: relative;margin-left: -50%;}
.home-about-img em {width: 50%;height: 100%;position: absolute;right: 0;top: 0;background-image: linear-gradient(to right,transparent,var(--color));}

.home-product {background-image: url(../images/home/product.jpg);background-size: cover;padding: 50px 0;}
.home-product-list {margin: 50px 0;background-color: var(--fff-9);background-size: cover;}
.home-product-list li {width: 20%;float: left;padding: 20px 0;position: relative;}
.home-product-list li u {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: var(--color);opacity: 0;transition-duration: .5s;}
.home-product-list li:not(:last-child) {border-right: 1px var(--eee) solid;}
.home-product-list li h5 {text-transform: uppercase;text-align: center;margin: 50px 0;font-size: 20px;position: relative;}
.home-product-list li img {width: 50%;margin: auto;display: block;position: relative;transition-duration: .5s;}
.home-product-list li:hover u {opacity: .8;}
.home-product-list li:hover h5 {color: white;}
.home-product-list li:hover img {transform: scale(1.1) translateY(-5px);}

.home-news {padding: 60px 0;}

/* foot */
.foot {margin-top: 120px;}
.foot-select {padding: 80px 0;background-image: url(../images/foot.jpg);background-size: cover;}
.foot-select li {width: 50%;float: left;padding: 10px;display: flex;}
.foot-select li .select {border: 1px white solid;margin-right: 10px;flex: 1;}
.foot-select li .select select,
.foot-select li .select::after {color: white;}
.foot-select li .select option {color: var(--color);}
.foot-select li a {width: 200px;background-color: white;color: var(--color);}
.foot-cont {display: flex;padding: 60px 0;}
.foot-list {flex: 1;display: flex;}
.foot-list li {flex: 1;}
.foot-list li h5 {margin-bottom: 20px;}
.foot-list li a {display: block;line-height: 30px;}
.foot-list li a:hover {color: var(--color);}
.foot-sns {width: 400px;}
.foot-sns li {position: relative;}
.foot-sns li a {font-size: 48px;color: var(--color);margin: 20px;}
.foot-sns li a:hover {transform: rotate(360deg);}
.foot-sns li:hover .foot-code {display: block;}
.foot-code {width: 200px;height: 200px;position: absolute;top: -200px;left: -60px;background-color: white;box-shadow: 0 5px 10px var(--000-1);display: none;}
.foot-code.corner::after {border-width: 10px 10px 0 10px;border-top-color: white;left: 0;right: 0;bottom: -10px;}
.foot-code img {width: 100%;height: 100%;}
.foot-copy {background-color: var(--color);color: white;text-transform: uppercase;padding: 20px 0;}
.foot-copy a {color: white;padding: 0 5px;}
.foot-copy a:hover {color: var(--deep);}

/*banner*/
.banner {height: 550px;position: relative;}
.banner cite {background-image: linear-gradient(var(--color),transparent);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.banner .main {height: 550px;position: absolute;top: 0;left: 0;right: 0;display: flex;align-items: center;}
.banner-cont h2 {font-size: 36px;color: white;}
.banner-cont span {width: 70px;height: 3px;display: block;background-color: var(--orange);margin: 20px 0 40px;}
.banner-cont p {color: white;font-size: 18px;}

/*crumb*/
crumb {margin: 30px 0;}

/*about*/
.about {}
.about-info {display: flex;align-items: center;margin: 80px 0;}
.about-info-img {width: 600px;margin-left: 60px;background-image: url(../images/about/about.jpg);background-position: center right;padding: 50px 50px 50px 0;}
.about-info-img li {width: 50%;float: left;padding: 10px;}
.about-info-img li a {display: block;height: 150px;border: 10px white solid;}
.about-info-img li a:hover {transform: translate(-5px,-5px);box-shadow: 5px 5px 5px var(--000-2);}
.about-info-cont {flex: 1;}
.about-honor {background-image: url(../images/about/honor.jpg);background-size: cover;padding-top: 40px;margin-bottom: 60px;}
.about-honor .title {color: white;}
.about-honor-list {margin: 30px 0;}
.about-honor-list li {width: 20%;float: left;padding: 10px;}
.about-honor-list li a {display: block;}
.about-honor-list li a em {width: 100%;height: 300px;display: block;padding: 10px;background-color: var(--deep);}
.about-honor-list li a em img {width: 100%;max-height: 100%;transition-duration: .3s;}
.about-honor-list li a span {color: white;height: 100px;display: flex;align-items: center;justify-content: center;text-align: center;}
.about-honor-list li a:hover em img {transform: scale(.95);}
.about-honor-product {background-color: var(--f7);padding: 60px 0;}
.about-honor-product li {width: 20%;float: left;}
.about-honor-product li:not(:last-child) {border-right-width: 1px;}
.about-honor-product li a {display: block;text-align: center;font-size: 16px;font-weight: bold;line-height: 200%;}
.about-honor-product li a:hover {color: var(--color);}

.honor-pop pop-cont {overflow: inherit;background-color: transparent;}
.honor-pop pop-cont img {max-height: 70vh;}

.about-history {display: flex;align-items: center;padding: 50px 0;}
.about-history em {display: block;width: 600px;margin-right: 60px;}
.about-history article {flex: 1;}

/*news*/
.news {}
.news-list {margin: 30px 0;}
.news-list li {width: 33.33%;float: left;padding: 10px;}
.news-list li a {display: block;}
.news-list li a em {height: 200px;display: block;overflow: hidden;}
.news-list li a em img {transition-duration: .5s;}
.news-list li a h5 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 20px 0;font-size: 18px;}
.news-list li a p {height: 40px;line-height: 20px;overflow: hidden;margin: 20px 0;}
.news-list li a h6 {display: flex;align-items: center;font-size: 20px;font-weight: bolder;}
.news-list li a h6 span {flex: 1;}
.news-list li a h6 i {margin: 0;font-size: 32px;}
.news-list li a:hover em img {transform: scale(1.1);}
.news-list li a:hover h5 {color: var(--color);}

/*notice*/
.notice {}
.notice-list {margin: 30px 0;}
.notice-list li {padding: 30px 0;border-bottom-width: 1px;}
.notice-list li a {display: flex;align-items: center;}
.notice-list li a label {flex: 1;min-width: 0;margin-right: 40px;}
.notice-list li a label h5 {display: flex;align-items: center;margin-bottom: 10px;}
.notice-list li a label h5 i {width: 20px;height: 20px;background-color: var(--color);display: block;margin-right: 10px;}
.notice-list li a label h5 span {font-size: 18px;flex: 1;}
.notice-list li a label p {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-indent: 2.2em;}
.notice-list li a cite {text-align: center;}
.notice-list li a cite em {display: block;font-size: 24px;color: var(--ddd);font-weight: lighter;}
.notice-list li a cite b {font-size: 20px;}
.notice-list li a:hover h5 {color: var(--color);}

/*product*/
.product {}
.product tab-list {background-image: linear-gradient(var(--color),transparent);padding-top: 10px;display: flex;justify-content: center;margin: 50px 0;}
.product tab-list li {margin: 0 10px;}
.product tab-list li a {font-size: 18px;color: white;padding: 15px 50px;border-radius: 10px 10px 0 0;}
.product tab-list li.active a {background-color: white;color: var(--color);}
.product-list {margin: 30px 0;}
.product-list li {text-align: right;}
.product-list li a {position: relative;display: block;background-image: url(../images/product/list.jpg);background-size: cover;padding: 50px;margin-top: 100px;}
.product-list li a em {width: 180px;position: absolute;left: 10%;bottom: 20%;transition-duration: .5s;}
.product-list li a h5 {color: var(--color);font-size: 26px;margin-bottom: 30px;}
.product-list li a span {display: block;font-weight: bold;line-height: 200%;font-size: 18px;}
.product-list li a:hover em {transform: translateX(20px);}

/*download*/
.download {}
.download-list {}
.download-list li {padding: 40px;border-width: 1px;margin: 20px 0;display: flex;align-items: center;}
.download-list li h5 {flex: 1;font-size: 18px;}
.download-list li span {padding: 0 20px;color: var(--ccc);}
.download-list li a {padding: 0 40px;}

/*video*/
.video {}
.video-list {margin: 30px 0;}
.video-list li {width: 33.33%;float: left;padding: 10px;}
.video-list li a {display: block;}
.video-list li em {width: 100%;height: 250px;position: relative;display: block;}
.video-list li em i {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background-color: var(--color);color: white;font-size: 48px;opacity: .0;transition-duration: .3s;}
.video-list li h5 {padding: 20px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.video-list li a:hover i {opacity: .8;}
.video-list li a:hover h5 {color: var(--color);}

/*contact*/
.contact {}
.contact-map {height: 400px;overflow: hidden;position: relative;margin: 30px 0;}
.contact-map a {position: absolute;top: 40%;left: 55%;}

.contact-info {display: flex;align-items: center;margin: 50px 0;}
.contact-address {flex: 1;}
.contact-address h5 {font-size: 28px;margin-bottom: 30px;}
.contact-address li {display: flex;font-size: 16px;margin: 10px 0;}
.contact-address li label {width: 240px;background-color: var(--color);color: white;display: flex;align-items: center;margin-right: 10px;padding: 0 10px;}
.contact-address li label i {margin: 10px;}
.contact-address li label span {}
.contact-address li p {display: flex;align-items: center;background-color: var(--f7);padding: 5px 20px;flex: 1;}
.contact-address li p span {flex: 1;}
.contact-address li p a {padding: 0 40px;height: 40px;font-size: 14px;}
.contact-sns {width: 400px;}
.contact-sns a {display: flex;align-items: center;width: 300px;color: var(--color);padding: 15px 20px;border: 2px var(--color) solid;border-radius: 100px;margin: 20px auto;position: relative;}
.contact-sns a i {font-size: 40px;margin: 0 25px;}
.contact-sns a span {font-size: 22px;}
.contact-sns a .foot-code {left: 50px;top: -220px;}
.contact-sns a:hover {background-color: var(--color);color: white;}
.contact-sns a:hover .foot-code {display: block;}

.contact-presale {background-image: url(../images/contact/presale.jpg);background-size: cover;margin: 30px auto 50px;padding: 80px 0;}
.contact-presale ul {display: grid;grid-template-columns: 1fr 1fr 1fr;}
.contact-presale li {padding: 10px;float: left;}
.contact-presale li a {display: block;background-color: white;padding: 10px 20px;box-shadow: 0 5px 10px var(--000-1);}
.contact-presale li a h5 {margin: 10px 0 15px;font-size: 18px;}
.contact-presale li a p {margin: 10px 0;display: flex;align-items: center;}
.contact-presale li a p i {margin: 0;}
.contact-presale li a p span {padding: 0 10px;}
.contact-presale li a p em {flex: 1;}
.contact-presale li a:hover {background-color: var(--color);color: white;}

.contact-service {background: none;padding: 0;}
.contact-service ul {grid-template-columns: 1fr 1fr;}
.contact-service li a {box-shadow: 0 0 0;border-width: 1px;}

.contact-emergent {background-color: var(--color);display: flex;align-items: center;padding: 20px 40px;margin: 40px 0;}
.contact-emergent h5 {color: white;font-size: 20px;padding: 0 60px;}
.contact-emergent img {mix-blend-mode: luminosity;height: 160px;}
.contact-emergent ul {flex: 1;}
.contact-emergent li {color: white;display: flex;align-items: center;}
.contact-emergent li > * {margin:0 10px;}

.contact-provisioning {padding: 20px 0;}
.contact-provisioning ul {display: flex;}
.contact-provisioning li {flex: 1;padding: 10px;}
.contact-provisioning li em {width: 200px;margin: auto;display: block;}
.contact-provisioning li h5 {text-align: center;padding: 20px 0;}

/* page */
page {padding: 30px 0;}







@media(max-width:640px){
    /* basic */
    .shadow::after {box-shadow: 0 .05rem .1rem var(--color);}
    .more {width: 3rem;}

    /* btn */
    .btn {font-size: .2rem;border-radius: .1rem;}

    /* head */
    .head {padding: .1rem;}
    .logo {width: .6rem;height: .6rem;margin-bottom: .1rem;}
    .lang > a {line-height: .7rem;width: .7rem;height: .7rem;border-radius: .1rem;}

    /*search*/
    .search {height: .6rem;}
    .search span {line-height: .7rem;width: .7rem;border-radius: .1rem;}
    .search-cont {right: 0;top: .7rem;border-radius: .05rem;}
    .search-cont input {width: 3rem;}
    .search-cont a {width: .7rem;}

    .search-result h4 {margin: .5rem 0;font-size: .36rem;}
    .search-result h4 b {padding: 0 .1rem;}

    /*light*/
    .light {height: 9rem;}
    .light-cont {padding: 0 .2rem;}
    .light .swiper-slide a {margin-top: 1rem;}
    .light .swiper-pagination {bottom: .3rem;}
    .light .swiper-pagination-bullet {width: .5rem;height: .05rem;}

    /* menu */
    menu-cont {top: .9rem;}
    menu-cont li > a {font-size: .22rem;padding: 0;border-radius: 0;line-height: .7rem;}
    menu-group {border-radius: 0;}

    /* title */
    .title {padding: .5rem 0;}
    .title h3 {font-size: .36rem;}
    .title span {font-size: .7rem;}

    /*article*/
    article {font-size: .2rem;}
    .article-title {margin: .3rem 0;}
    .article-title h3 {padding: .3rem 0;font-size: .3rem;}
    .article-title span {padding: .2rem 0;}
    .article-page {margin-top: .5rem;padding: .2rem 0;}

    /*home*/
    .home-about {padding: .5rem 0 1rem;}
    .home-about h2 {font-size: .6rem;padding: .3rem 0;}
    .home-about-cont h4 {top: calc(50% - .2rem);line-height: .3rem;font-size: .26rem;padding: 0 .2rem;}
    .home-about-cont h4:hover {transform: translateX(0);}
    .home-about-cont h4 i {font-size: .5rem;margin: 0 .1rem;}
    .home-product {padding: .3rem 0 .5rem;}
    .home-product-list {margin: .3rem 0;}
    .home-product-list li {padding: .2rem 0;}
    .home-product-list li h5 {margin: .3rem 0;font-size: .2rem;}
    .home-product-list li img {width: 70%;}
    .home-product-list li:hover img {transform: scale(1) translateY(0);}
    .home-news {padding: .6rem 0;}

    /* foot */
    .foot {margin-top: 1rem;}
    .foot-select {padding: .6rem 0;}
    .foot-select li {width: 100%;float: none;padding: .1rem;}
    .foot-select li .select {margin-right: .1rem;}
    .foot-select li a {width: 2rem;height: .7rem;}
    .foot-cont {display: block;padding: .5rem 0;}
    .foot-list {display: block;}
    .foot-list li {overflow: hidden;}
    .foot-list li h5 {margin: .2rem 0;}
    .foot-list li a {line-height: .3rem;float: left;margin-right: .2rem;}
    .foot-sns {width: 100%;margin-top: .2rem;}
    .foot-sns li a {font-size: .5rem;margin: .2rem;}
    .foot-code {width: 2rem;height: 2rem;top: -2rem;left: -.55rem;box-shadow: 0 .05rem .1rem var(--000-1);}
    .foot-code.corner::after {border-width: .1rem .1rem 0 10px;bottom: -.09rem;}
    .foot-copy {padding: .2rem 0;font-size: .16rem;}
    .foot-copy a {padding: 0 .05rem;}

    /*banner*/
    .banner {height: 5rem;}
    .banner .main {height: 5rem;}
    .banner-cont h2 {font-size: .4rem;}
    .banner-cont span {width: .8rem;height: .05rem;margin: .2rem 0 .4rem;}
    .banner-cont p {font-size: .18rem;}

    /*crumb*/
    crumb {margin: .2rem 0;}

    /*about*/
    .about-info {display: block;margin: .5rem 0;}
    .about-info-img {width: 100%;margin: 0;padding: .5rem .5rem .5rem 0;}
    .about-info-img li {padding: .1rem;}
    .about-info-img li a {height: 2rem;border: .1rem white solid;}
    .about-info-img li a:hover {transform: translate(0,0);box-shadow: 0 0 0 var(--000-2);}
    .about-honor {padding-top: .4rem;margin-bottom: .6rem;}
    .about-honor-list {margin: 0 0 .3rem;}
    .about-honor-list li {width: 50%;padding: .1rem;}
    .about-honor-list li a em {height: 4rem;padding: .1rem;}
    .about-honor-list li a span {height: 1rem;font-size: .18rem;}
    .about-honor-product {padding: .5rem 0;}
    .about-honor-product li {width: 50%;margin: .1rem 0;}
    .about-honor-product li a {font-size: .2rem;}
    .about-history {display: block;padding: .5rem 0;}
    .about-history em {width: 100%;margin: 0;}

    /*news*/
    .news {}
    .news-list {margin: .3rem 0;}
    .news-list li {width: 100%;float: none;padding: .2rem .1rem;}
    .news-list li a em {height: 2.4rem;}
    .news-list li a h5 {margin: .2rem 0;font-size: .2rem;}
    .news-list li a p {height: .4rem;line-height: .2rem;margin: .2rem 0;}
    .news-list li a h6 {font-size: .22rem;}
    .news-list li a h6 i {font-size: .36rem;}

    /*notice*/
    .notice {}
    .notice-list {margin: .3rem 0;}
    .notice-list li {padding: .3rem 0;}
    .notice-list li a label {margin-right: .2rem;}
    .notice-list li a label h5 {margin-bottom: .1rem;}
    .notice-list li a label h5 i {width: .2rem;height: .2rem;margin-right: .1rem;}
    .notice-list li a label h5 span {font-size: .22rem;}
    .notice-list li a label p {text-indent: 1.5em;}
    .notice-list li a cite em {font-size: .3rem;}
    .notice-list li a cite b {font-size: .24rem;}

    /*product*/
    .product tab-list {padding-top: .1rem;margin: .3rem 0;}
    .product tab-list li {margin: 0 .1rem;}
    .product tab-list li a {font-size: .22rem;padding: .2rem;border-radius: .1rem .1rem 0 0;}
    .product-list {margin: .3rem 0;}
    .product-list li a {padding: .3rem;margin-top: 1rem;}
    .product-list li a em {width: 1.5rem;left: 5%;bottom: 10%;}
    .product-list li a h5 {font-size: .24rem;margin-bottom: .2rem;}
    .product-list li a span {line-height: 180%;font-size: .2rem;}
    .product-list li a:hover em {transform: translateX(0);}

    /*download*/
    .download-list li {padding: .2rem;margin: .2rem 0;}
    .download-list li h5 {font-size: .2rem;}
    .download-list li span {padding: 0 .1rem;}
    .download-list li a {padding: 0 .2rem;height: .6rem;font-size: .18rem;}

    /*video*/
    .video-list {margin: .3rem 0;}
    .video-list li {width: 100%;float: none;padding: .2rem .1rem;}
    .video-list li em {height: 3rem;}
    .video-list li em i {font-size: .6rem;}
    .video-list li h5 {padding: .2rem 0;}

    /*contact*/
    .contact-map {height: 4rem;margin: .3rem 0;}
    .contact-map a {top: 37%;left: 57%;}

    .contact-info {display: block;margin: .5rem 0;}
    .contact-address h5 {font-size: .3rem;margin-bottom: .3rem;}
    .contact-address li {font-size: .2rem;margin: .1rem 0;}
    .contact-address li label {width: 1.8rem;margin-right: .1rem;padding: 0;}
    .contact-address li label i {margin: .1rem;}
    .contact-address li p {padding: .05rem .1rem;}
    .contact-address li p span {margin-right: .05rem;}
    .contact-address li p a {padding: 0 .2rem;height: .5rem;font-size: .18rem;}
    .contact-sns {width: 100%;}
    .contact-sns a {width: 3rem;padding: .1rem .2rem;margin: .2rem auto;}
    .contact-sns a i {font-size: .4rem;margin: 0 .2rem;}
    .contact-sns a span {font-size: .22rem;}
    .contact-sns a .foot-code {left: .5rem;top: -2.2rem;}

    .contact-presale {margin: 0 auto .5rem;padding: .4rem 0;}
    .contact-presale ul {grid-template-columns: 1fr 1fr;}
    .contact-presale li {padding: .1rem;}
    .contact-presale li a {padding: .1rem .2rem;box-shadow: 0 .05rem .1rem var(--000-1);}
    .contact-presale li a h5 {margin: .1rem 0;font-size: .22rem;}
    .contact-presale li a p {margin: .1rem 0;}
    .contact-presale li a p span {padding: 0 .1rem;}

    .contact-service ul {grid-template-columns: 1fr;}
    .contact-service li a {box-shadow: 0 0 0;}

    .contact-emergent {display: block;padding: .5rem;margin: .4rem 0;}
    .contact-emergent h5 {font-size: .26rem;padding: 0 60px;text-align: center;}
    .contact-emergent img {height: 2rem;}
    .contact-emergent ul {margin: .5rem 0;}
    .contact-emergent li > * {margin: 0 .1rem;}

    .contact-provisioning {padding: .2rem 0;}
    .contact-provisioning ul {display: block;}
    .contact-provisioning li {padding: .2rem;}
    .contact-provisioning li em {width: 2.4rem;}
    .contact-provisioning li h5 {padding: .2rem 0;}

    /* page */
    page {padding: .3rem 0;}
    page a {display: none;}
}