/* color */
:root {
    --color: #053316;
    --green: #335740;
    --brand: #b06015;
    --light: #dce0dc;
}

/* ico */
.ico-ico1 {background-image: url(../images/ico/1.svg);}
.ico-ico2 {background-image: url(../images/ico/2.svg);}
.ico-ico3 {background-image: url(../images/ico/3.svg);}
.ico-ico4 {background-image: url(../images/ico/4.svg);}
.ico-ico5 {background-image: url(../images/ico/5.svg);}

/* frame */
.mob {display: none;}
.web {display: block;}
.clause {display: flex;padding: 80px 0;}

.contant {flex: 1;min-width: 0;}
.contant .title {padding: 20px 0;text-align: left;}
.contant .title h3 {color: var(--color);}

.sider {width: 200px;margin-left: 40px;}
.sider-title {display: flex;align-items: center;margin: 10px 0;}
.sider-title i {width: 32px;height: 32px;line-height: 32px;font-size: 32px;color: var(--color);text-align: center;display: block;margin-right: 10px;}
.sider-title h3 {color: var(--color);font-size: 22px;flex: 1;}
.sider-list {margin: 10px 0;}
.sider-list li {padding: 10px 0;}
.sider-list li a {font-size: 16px;}
.sider-list li a.active,
.sider-list li a:hover {color: var(--color);font-weight: bold;}

.sider-product {margin: 0 40px 0 0;}
.sider-product fold {margin: 20px 0;}
.sider-product fold-title {font-size: 16px;color: var(--color);font-weight: bold;background-color: var(--f7);}
.sider-product fold-cont a {display: block;padding: 10px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sider-product fold-cont a i {width: 4px;height: 4px;background-color: var(--333);display: inline-block;vertical-align: middle;border-radius: 100%;margin-right: 10px;}
.sider-product fold-cont a:hover {color: var(--color);font-weight: bold;}

.sider fold li {cursor: pointer;padding: 10px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sider fold li i {font-size: 20px;}
.sider fold .sider-swipe {padding-left: 20px;display: none;}
.sider fold li.active i {transform: rotate(90deg);}
.sider fold li.active .sider-swipe {display: block;}

/* head */
.head {position: relative;z-index: 3;}
.head-cont {display: flex;align-items: center;padding: 20px 0;}
.logo {width: 200px;height: 50px;background-image: url(../images/logo.svg);animation-delay: .5s;}

/* search */
.search {}
.search span {display: none;color: var(--color);}
.search-cont {border: 1px var(--color) solid;width: 220px;}
.search-cont input {flex: 1;height: 40px}
.search-cont a {width: 50px;color: var(--color);}

/* menu */
menu {flex: 1;}
menu x {color: var(--color);}
menu-cont {}
menu-cont li a {height: 40px;line-height: 40px;}
menu-cont li > a {font-size: 15px;color: var(--color);font-weight: bold;padding: 0 20px;border-radius: 3px;}
menu-cont li > a.active,
menu-cont li > a:hover {background-color: var(--color);color: white;}
menu-group {padding-top: 10px;box-shadow: 0 0 0;background-color: transparent;}
menu-group corner {top: 0;left: 0;right: 0;border-bottom-color: var(--green);border-width: 0 10px 10px 10px;}
menu-group a {color: white;background-color: var(--green);}
menu-group a:first-child {border-radius: 3px 3px 0 0;}
menu-group a:last-child {border-radius: 0 0 3px 3px;}
menu-group a:not(:last-child) {border-bottom: 1px white solid;}
menu-group a:hover {background-color: white;color: var(--green);}
menu-list {}

/* banner */
.banner {max-width: 2560px;margin: auto;height: 800px;background-size: cover}
.banner .swiper-slide .main {height: 100%;display: flex;align-items: center;}
.banner .swiper-pagination {bottom: 20px;}
.banner .swiper-pagination-bullet {width: 100px;height: 3px;border-radius: 0;}
.banner .main {height: 100%;}
.banner-cont {height: 100%;display: flex;align-items: center;}
.banner-cont h2 {font-size: 56px;letter-spacing: 10px;}

/* title */
.title {padding: 60px 0;}
.title h3 {font-size: 34px;letter-spacing: 10px;}
.title cite {margin: 15px auto;width: 260px;height: 10px;display: block;background-image: url(../images/title.svg);background-size: cover;}
.title span {text-transform: uppercase;font-weight: bold;letter-spacing: 5px;font-size: 18px;}
.title b {color: var(--red);}

/* home */
.home {}
.home-product {overflow: hidden;margin-bottom: 80px;}
.home-product li {float: left;padding: 10px;width: 60%;height: 320px;}
.home-product li a {height: 100%;display: block;background-size: cover;position: relative;overflow: hidden;}
.home-product li a em {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-size: cover;}
.home-product li a span {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-image: linear-gradient(to right,var(--000-6),transparent);}
.home-product li a h5 {color: white;font-size: 24px;padding: 30px 20px;}
.home-product li:nth-child(2),
.home-product li:nth-child(3) {width: 40%;}
.home-product li a:hover em {transform: scale(1.1);}

.home-slogan {height: 250px;background-image: url(../images/slogan.jpg);background-size: cover;position: relative;display: block;}
.home-slogan .main {height: 100%;display: flex;align-items: center;}
.home-slogan h5 {font-size: 36px;}
.home-slogan cite {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--color);opacity: 0;}
.home-slogan:hover cite {opacity: .8;}
.home-slogan:hover h5 {color: white;}

.home-news {overflow: hidden;margin-bottom: 80px;}
.home-news li {float: left;padding: 5px;width: 50%;height: 270px;}
.home-news li:first-child { display:none;}
.home-news li > a {height: 100%;display: block;background-size: cover;padding: 40px 20px;position: relative;}
.home-news li > a em {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: white;opacity: .5;}
.home-news li > a h5 {border-left: 1px var(--color) solid;padding: 0 10px;color: var(--color);position: relative;font-size: 20px;letter-spacing: 5px;}
.home-news li:nth-child(1) {height: 540px;}
.home-news li:nth-child(4) {width: 66.66%;}
.home-news li > a:hover em {background-color: var(--green);opacity: .8;}
.home-news li > a:hover h5 {color: white;border-color: white;}
.home-news li > a:hover {transform: scale(1.03);z-index: 3;}
.home-news-list {padding: 9px;border-width: 1px;overflow: hidden; width:150.5%;}
.home-news-list a {display: flex;width: 50%;float: left;line-height: 30px;height: 30px;padding: 0 10px;}
.home-news-list a span {flex: 1;min-width: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.home-news-list a cite {}
.home-news-list a:hover {color: var(--green);font-weight: bold;}
.home-news-list em {text-transform: uppercase;display: block;width: 100%;text-align: right;}

.home-video {background-image: url(../images/video.jpg);height: 400px;background-size: cover;position: relative;}
.home-video cite {width: 100%;height: 100%;background-color: white;opacity: .5;position: absolute;left: 0;top: 0;}
.home-video:hover cite {opacity: 0;}
.home-video .main {height: 100%;display: flex;align-items: center;position: relative;padding-right: 250px;}
.home-video h5 {color: var(--color);}
.home-video h5 b {font-size: 38px;letter-spacing: 10px;}
.home-video h5 span {display: block;font-size: 28px;font-weight: normal;}
.home-video h5 em {text-transform: uppercase;font-size: 14px;}
.home-video .ico-circular-media-play {font-size: 96px;color: var(--color);}
.home-video .ico-circular-media-play:hover {color: var(--brand);}

.video-pop {}
.video-pop x {display: none;}
.video-pop pop-cont {background-color: black;}
.video-pop video {width: 100%;height: auto;}

.home-job {display: flex;margin-bottom: 80px;}
.home-job li {flex: 1;text-align: center;padding: 10px;}
.home-job li:last-child {width: 250px;flex: none;}
.home-job li a {display: block;border-width: 1px;height: 430px;padding: 20px 0;position: relative;}
.home-job li em {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--green);opacity: 0;}
.home-job li span {text-transform: uppercase;display: block;position: relative;}
.home-job li i {font-size: 48px;border-radius: 100%;border-width: 2px;margin: 80px auto;display: block;width: 90px;height: 90px;line-height: 90px;position: relative;}
.home-job li s {font-size: 48px;color: var(--brand);}
.home-job li cite {border-top: 1px var(--333) solid;display: block;margin: 20px auto;width: 70%;position: relative;}
.home-job li h5 {font-size: 22px;display: inline-block;position: relative;}
.home-job li h4 {font-size: 22px;color: var(--brand);text-transform: uppercase;}
.home-job li h4 cite {border-top-color: var(--brand);}
.home-job li a:hover em {opacity: .8;}
.home-job li a:hover i {color: white;border-color: white;}
.home-job li a:hover span,
.home-job li a:hover s,
.home-job li a:hover h4,
.home-job li a:hover h5 {color: white;}
.home-job li a:hover cite {border-color: white;}
.home-job li:last-child a:hover {background-color: var(--brand);}
.home-job li:last-child a:hover em {opacity: 0;}

.home-cloud {background-image: url(../images/cloud.jpg);background-size: cover;}
.home-cloud-cont {width: 800px;padding: 60px 0;}
.home-cloud-cont svg {width: 100%;height: auto;}
.home-cloud-cont svg path {mix-blend-mode:soft-light;}
.home-cloud-cont svg path:hover {mix-blend-mode: lighten;}
.home-cloud-cont svg path.cl:hover {mix-blend-mode:soft-light;}

.home-link {overflow: hidden;}
.home-link li {float: left;width: 16.66%;}
.home-link li a {height: 120px;display: block;border: 1px transparent solid;}
.home-link li a:hover {border-color: var(--eee);transform: scale(.95);}

/* foot */
.foot {background-color: var(--light);margin-top: 100px;}
.foot-cont {padding: 40px 0;display: flex;align-items: center;}
.foot-contact {text-align: center;}
.foot-contact a {color: var(--color);}
.foot-contact i {margin: auto 0;}
.foot-contact h3 {font-size: 30px;}
.foot-contact h3 i {font-size: 36px;margin-right: 10px;}
.foot-contact span {display: block;font-size: 16px;}
.foot-contact em {display: block;font-size: 16px;padding: 10px 0;margin-top: 10px;border-top: 1px var(--color) solid;}
.foot-contact em i {margin-right: 10px;}
.foot-contact cite {border: 1px var(--color) solid;display: block;height: 30px;display: flex;align-items: center;}
.foot-contact cite i {color: var(--orange);background-color: var(--color);width: 40px;height: 100%;display: flex;align-items: center;justify-content: center;}
.foot-contact cite u {text-decoration: none;flex: 1;}
.foot-list {flex: 1;display: flex;padding: 0 20px;margin: 0 50px;border: var(--color) solid;border-width: 0 2px 0 2px;}
.foot-list li {flex: 1;padding: 10px;text-align: center;}
.foot-list li a {display: block;line-height: 30px;border-radius: 3px;padding: 0 10px;white-space: nowrap;}
.foot-list li a:hover {background-color: var(--color);color: white;}
.foot-list li h5 {margin-bottom: 10px;color: var(--color);}
.foot-code {}
.foot-code em {width: 120px;display: block;margin: 10px auto;border: 1px var(--color) solid;}
.foot-code span {display: block;text-align: center;color: var(--color);}
.foot-copy {border-top: 1px var(--color) solid;padding: 10px 0;text-align: center;text-transform: uppercase;}
.foot-copy a {}
.foot-copy a:hover {color: var(--brand);}

/*news*/
.news {}
.news li {}
.news li a {display: flex;align-items: center;font-size: 16px;padding: 10px 0;}
.news li a i {width: 8px;height: 8px;border-radius: 100%;background-color: var(--color);display: block;margin-right: 10px;}
.news li a span {flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-width: 0;}
.news li a:hover {color: var(--green);}
.news li a:hover em,
.news li a:hover span {font-weight: bold;}

/* pages */
pages {padding: 50px 0;}
pages a {}

/* crumb */
.crumb {border-bottom-width: 1px;padding: 20px 0;}

/*article*/
.article {}
.article-title {text-align: center;padding: 20px 0;}
.article-title h3 {border-bottom-width: 1px;margin-bottom: 20px;padding-bottom: 20px;font-size: 30px;}
.article-info {display: flex;align-items: center;justify-content: center;}
.article-info span {display: flex;align-items: center;padding: 0 20px;}
.article-info i {margin: inherit;margin-right: 10px;}
.article-cont {padding: 20px 0;}
/* article,
article p {padding: 10px 0;} */

/*job*/
.job {padding: 20px 0;}
.job fold-title {border: 0;background-color: var(--f7);border-radius: 10px;padding: 20px 30px;margin-top: 30px;}
.job fold-title span {padding: 0 20px;}
.job fold-title s {color: var(--brand);margin: 0;}
.job fold-title s::before {content: '\e6f3';}
.job fold-title.active {border-radius: 10px 10px 0 0;background-color: var(--green);}
.job fold-title.active h5,
.job fold-title.active span {color: white;}
.job fold-cont {background-color: var(--f7);border-radius: 0 0 10px 10px;}
.job-cont {padding: 30px;font-size: 16px;}
.job-cont h5 {padding: 20px 0;color: var(--brand);font-size: 18px;}
.job-cont a {color: var(--color);font-weight: bold;font-size: 20px;padding: 20px 0;display: block;}
.job-cont a:hover {transform: translateX(10px);}

/*video*/
.video {padding: 30px 0;overflow: hidden;}
.video li {width: 33.33%;float: left;padding: 15px;}
.video li a {display: block;}
.video li a em {display: block;background-size: cover;height: 250px;display: flex;align-items: center;justify-content: center;position: relative;}
.video li a em span {width: 0%;height: 0%;background-color: var(--000-2);}
.video li a em span i {font-size: 48px;color: white;position: absolute;left: 0;right: 0;top: calc(50% - 24px);margin: auto;}
.video-title {display: flex;align-items: center;padding: 15px 0;border-bottom-width: 1px;}
.video-title p {flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-width: 0;}
.video-title span {color: var(--ccc);}
.video li a:hover {}
.video li a:hover em span {width: 100%;height: 100%;}

/*about*/
.about {}
.about img {width: 100%;}
.about > * {padding: 10px;line-height: 200%;}
.about .herf {width: 60%;float: left;}

/*contact*/
.contact-cont {padding: 20px;}
.contact-cont li {padding: 10px 0;}
.contact-cont li a:hover {color: var(--color);}
.contact-cont li a i {margin-right: 10px;}

/*service*/
.service {display: flex;overflow: hidden;}
.service li {flex: 1;text-align: center;border-bottom: 5px var(--ccc) solid;padding-bottom: 50px;}
.service li:not(:last-child) {margin-right: 50px;}
.service li cite {width: 100%;height: 20px;background-color: var(--color);display: block;opacity: .3;}
.service li h3 {padding: 40px 0;font-size: 96px;color: white;-webkit-text-stroke: 1px var(--999);}
.service li h3[data-content]::before {content: attr(data-content);position: absolute;-webkit-text-stroke: 0;color: #fff;}
.service li h4 {color: var(--color);height: 60px;display: flex;align-items: center;justify-content: center;font-size: 26px;}
.service li h5 {font-size: 20px;padding: 30px 0;}
.service li a {font-size: 24px;color: var(--999);}
.service li a i {font-size: 32px;margin: inherit;}
.service li:hover {transform: translateY(-10px);}
.service li a:hover {color: var(--color);}

/*product*/
.product {}
.product-list {padding: 30px 0;}
.product-list li {padding: 10px;}
.product-list li a {height: 300px;display: block;position: relative;overflow: hidden;}
.product-list li a em {width: 100%;height: 100%;display: block;background-size: cover;}
.product-list li a span,
.product-list li a h5 {height: 100%;display: flex;align-items: center;position: absolute;left: 0;top: 0;}
.product-list li a span {width: 50%;background-image: linear-gradient(to right,var(--000-8),transparent);}
.product-list li a h5 {color: white;padding: 30px;font-size: 24px;}
.product-list li a:hover em {transform: scale(1.1);}
.product-list li a:hover h5 {transform: translateX(20px);}

.product-second {overflow: hidden;}
.product-second li {width: 50%;float: left;}







@media(max-width:640px) {
    /* frame */
    .mob {display: block;}
    /* .web {display: none;} */
    .clause {display: block;padding: .5rem 0;}
    
    .contant {margin-bottom: .4rem;}
    .contant .title {padding: .2rem 0;text-align: center;}

    .sider {width: 100%;margin: 0;}
    .sider-title {margin: .1rem 0;}
    .sider-title i {width: .4rem;height: .4rem;line-height: .4rem;font-size: .4rem;margin-right: .1rem;}
    .sider-title h3 {font-size: .32rem;}
    .sider-list {padding: .2rem;margin: 0;}
    .sider-list li {padding: .2rem 0;border-bottom-width: 1px;}
    .sider-list li a {font-size: .22rem;}
    
    .sider-product {margin: 0;}
    .sider-product fold {margin: .2rem 0;}
    .sider-product fold-title {font-size: .22rem;}
    .sider-product fold-cont a {padding: .15rem 0;}
    .sider-product fold-cont a i {width: .06rem;height: .06rem;margin-right: .1rem;}
    
    .sider fold li {padding: .1rem 0;}
    .sider fold li i {font-size: .24rem;}
    .sider fold .sider-swipe {padding-left: .15rem;}
    
    /* head */
    .head-cont {padding: .1rem 0;height: .8rem;}
    .logo {width: 2rem;height: 100%;}

    /* search */
    .search {}
    .search span {display: block;width: .7rem;}
    .search-cont {display: none;position: absolute;left: 0;top: .8rem;width: 100%;background-color: white;padding: 0 .1rem;border: 0;border-top: 1px var(--eee) solid;}
    .search-cont input {height: .7rem;}
    .search-cont a {width: .7rem;}

    /* menu */
    menu-cont li a {height: .7rem;line-height: .7rem;}
    menu-cont li > a {font-size: .2rem;color: white;padding: 0;border-radius: 0;}
    menu-cont li > a.active,
    menu-cont li > a:hover,
    menu-group a,
    menu-group a:hover {background-color: transparent;color: white;}
    menu-group a:not(:last-child) {border-bottom-color: var(--666);}
    menu-group corner {display: none;}
    menu-group {padding: 0;}

    /* banner */
    .banner {height: 3.6rem;}
    .banner .swiper-slide {padding: 0 .2rem;}
    .banner .swiper-pagination {bottom: .1rem;}
    .banner .swiper-pagination-bullet {width: .5rem;}
    .banner-cont {padding: 0 .2rem;}
    .banner-cont h2 {font-size: .4rem;letter-spacing: .1rem;}

    /* title */
    .title {padding: .6rem 0;}
    .title h3 {font-size: .36rem;letter-spacing: .1rem;}
    .title cite {margin: .1rem auto;width: 2.5rem;height: .05rem;}
    .title span {letter-spacing: .05rem;font-size: .2rem;}

    /* home */
    .home-product {margin-bottom: 1rem;}
    .home-product li {float: none;padding: .1rem;width: 100% !important;height: 3rem;}
    .home-product li a h5 {font-size: .3rem;padding: .3rem;}

    .home-slogan {height: 3rem;}
    .home-slogan h5 {font-size: .3rem;padding: 0 .2rem;}

    .home-news {margin-bottom: .8rem;}
    .home-news li {float: none;padding: .05rem;width: 100%;height: 2rem !important;}
    .home-news li > a {padding: .4rem .2rem;}
    .home-news li > a h5 {padding: 0 .1rem;font-size: .24rem;letter-spacing: .05rem;}
    .home-news li:nth-child(4) {width: 100%;height: auto !important;}
    .home-news-list {padding: .1rem;}
    .home-news-list a {width: 100%;float: none;padding: 0;line-height: .6rem;height: .6rem;}

    .home-video {height: 4rem;padding: 0 .2rem;}
    .home-video .main {padding: 0;}
    .home-video h5 b {font-size: .48rem;letter-spacing: .1rem;}
    .home-video h5 span {font-size: .35rem;}
    .home-video h5 em {font-size: .2rem;}
    .home-video .ico-circular-media-play {font-size: .72rem;}

    .home-job {display: block;margin-bottom: .8rem;overflow: hidden;}
    .home-job li {padding: .1rem;width: 50%;float: left;}
    .home-job li:last-child {width: 50%;}
    .home-job li a {height: 3.5rem;padding: .1rem 0;}
    .home-job li i {font-size: .48rem;margin: .4rem auto;width: 1rem;height: 1rem;line-height: 1rem;}
    .home-job li s {font-size: .48rem;}
    .home-job li cite {margin: .2rem auto;}
    .home-job li h5 {font-size: .26rem;}
    .home-job li h4 {font-size: .26rem;}

    .home-cloud-cont {width: 6REM;padding: .5rem 0;}

    .home-link li {width: 33.33%;}
    .home-link li a {height: 1rem;}

    /* foot */
    .foot {margin-top: 1rem;}
    .foot-cont {padding: .2rem;display: block;}
    .foot-contact {padding: 20px 0;}
    .foot-contact h3 {font-size: .4rem;}
    .foot-contact h3 i {font-size: .5rem;margin-right: .1rem;}
    .foot-contact span {font-size: .22rem;}
    .foot-contact em {font-size: .22rem;padding: .1rem 0;margin-top: .1rem;}
    .foot-contact em i {margin-right: .1rem;}
    .foot-contact cite {height: .7rem;}
    .foot-contact cite i {width: .7rem;}
    .foot-contact cite u {font-size: .22rem;}
    .foot-list {display: block;padding: .1rem 0;margin: 0;border: 0;}
    .foot-list li {padding: 0;overflow: hidden;}
    .foot-list li a {line-height: .5rem;padding: 0 .1rem;border-radius: 0;display: inline-block;}
    .foot-list li a:hover {background-color: transparent;color: var(--color);}
    .foot-list li h5 {margin: .1rem 0;}
    .foot-code {border-top: 1px var(--color) solid;padding: .2rem 0;}
    .foot-code em {width: 2rem;margin: .1rem auto;}
    .foot-copy {padding: .1rem 0;}
    
    /*news*/
    .news {padding: .1rem;}
    .news li a {font-size: .22rem;padding: .2rem 0;}
    .news li a i {width: .1rem;height: .1rem;margin-right: .1rem;}

    /* pages */
    pages {padding: 50px 0;}
    pages a {}
    
    /* crumb */
    .crumb {padding: .2rem 0;}
    .crumb span {display: none;}
    
    /*article*/
    .article-title {padding: .2rem 0;}
    .article-title h3 {margin-bottom: .2rem;padding-bottom: .2rem;font-size: .3rem;}
    .article-info span {padding: 0 .2rem;}
    .article-info i {margin-right: .1rem;}
    .article-cont {padding: .2rem 0;}
    /* article,
    article p {padding: .1rem 0;} */
    
    /*job*/
    .job {padding: .2rem 0;}
    .job fold-title {border-radius: .1rem;padding: .2rem;margin-top: .3rem;}
    .job fold-title span {padding: 0 .2rem;}
    .job fold-title.active {border-radius: .1rem .1rem 0 0;}
    .job fold-cont {border-radius: 0 0 .1rem .1rem;}
    .job-cont {padding: .2rem;font-size: .2rem;}
    .job-cont h5 {padding: .2rem 0;font-size: .24rem;}
    .job-cont a {font-size: .24rem;padding: .2rem 0;}
    .job-cont a:hover {transform: translateX(0);}

    /*video*/
    .video {padding: .3rem 0;}
    .video li {width: 100%;float: none;padding: .2rem;}
    .video li a em {height: 3rem;}
    .video li a em span i {font-size: .6rem;top: calc(50% - .3rem);}
    .video-title {padding: .2rem 0;}
    
    /*about*/
    .about > * {padding: .1rem;}
    .about .herf {width: 100%;float: none;}
    
    /*contact*/
    .contact-cont {padding: .2rem;}
    .contact-cont li {padding: .1rem 0;}
    .contact-cont li a i {margin-right: .1rem;}
    
    /*service*/
    .service {display: block;}
    .service li {border-bottom: .05rem var(--ccc) solid;padding-bottom: .5rem;}
    .service li:not(:last-child) {margin: 0 0 .5rem;}
    .service li cite {height: .2rem;}
    .service li h3 {padding: .4rem 0;font-size: 1.2rem;}
    .service li h4 {height: .7rem;font-size: .36rem;}
    .service li h5 {font-size: .3rem;padding: .3rem 0;}
    .service li a {font-size: .3rem;}
    .service li a i {font-size: .36rem;}
    .service li:hover {transform: translateY(0);}
    
    /*product*/
    .product-list {padding: .3rem 0;}
    .product-list li {padding: .1rem;}
    .product-list li a {height: 2.5rem;}
    .product-list li a h5 {padding: .3rem;font-size: .3rem;}
    .product-second li {width: 100%;}

}